/* ===== Active Matters — 진행 중 사건 (마퀴 · 네이비 lift) =====
 * 디자인 정제판:
 *  · 카드 압축 — 패딩·간격 축소로 한 화면에 더 많은 카드(데스크톱 ~8장)
 *  · 칩 색 위계 — 누가(WHO)=색 알약(방어=골드 / 피해=오렌지), 어느 단계(WHERE)=조용한 텍스트
 *  · 상단 페이드 완화(11%→4.5%) — 첫 카드가 유령처럼 잘리지 않음
 *  · 모바일 A안 — 분야·권역 한 줄 유지(세로 적층 제거) + 초압축 + 헤더 여백 축소
 */
.am-section{ position:relative; background-color:var(--hw-navy,#1B2A4A); overflow:hidden; padding:clamp(64px,8vw,118px) 0; border-top:1px solid rgba(201,169,110,.22); }
.am-section::before{ content:''; position:absolute; inset:0; z-index:0; pointer-events:none;
  background-image:
    repeating-linear-gradient(0deg, rgba(201,169,110,.05) 0 1px, transparent 1px 64px),
    repeating-linear-gradient(90deg, rgba(201,169,110,.05) 0 1px, transparent 1px 64px),
    repeating-linear-gradient(0deg, rgba(201,169,110,.025) 0 1px, transparent 1px 16px),
    repeating-linear-gradient(90deg, rgba(201,169,110,.025) 0 1px, transparent 1px 16px);
  opacity:.9;
  -webkit-mask-image:radial-gradient(ellipse 90% 80% at 50% 40%, #000 35%, transparent 100%);
          mask-image:radial-gradient(ellipse 90% 80% at 50% 40%, #000 35%, transparent 100%); }
.am-section::after{ content:''; position:absolute; inset:0; z-index:0; pointer-events:none;
  background:
    radial-gradient(ellipse 50% 55% at 88% 8%, rgba(201,169,110,.12) 0%, transparent 60%),
    radial-gradient(ellipse 46% 50% at 6% 96%, rgba(234,85,20,.05) 0%, transparent 60%),
    radial-gradient(ellipse 120% 92% at 50% 50%, transparent 56%, rgba(11,18,33,.5) 100%); }
.am-inner{ position:relative; z-index:1; max-width:1200px; margin:0 auto; padding:0 24px;
  display:grid; grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr); gap:clamp(40px,5vw,84px); align-items:start; }

.am-lead{ padding-top:clamp(4px,1vw,18px); }
.am-eyebrow{ font-family:'Cormorant Garamond','Noto Serif KR',serif; font-style:italic; font-weight:500; font-size:13px; letter-spacing:.32em; text-transform:uppercase; color:rgba(201,169,110,.84); margin-bottom:30px; }
.am-eyebrow::before{ content:''; display:inline-block; width:28px; height:1px; background:rgba(201,169,110,.65); vertical-align:middle; margin:0 14px 4px 0; }
.am-title{ font-family:'Noto Serif KR',serif; font-weight:700; font-size:clamp(27px,3.5vw,43px); line-height:1.32; letter-spacing:-.02em; color:#fff; word-break:keep-all; text-shadow:0 1px 2px rgba(13,24,41,.45); }
.am-title em{ font-style:normal; color:var(--hw-gold,#C9A96E); }
.am-ornament{ width:80px; height:1px; margin:24px 0 26px; position:relative; background:linear-gradient(90deg,#C9A96E 0%, rgba(201,169,110,.18) 100%); }
.am-ornament::after{ content:''; position:absolute; left:0; top:-2px; width:5px; height:5px; border-radius:50%; background:#C9A96E; box-shadow:0 0 8px rgba(201,169,110,.5); }
.am-status{ display:inline-flex; align-items:center; gap:10px; font-family:'Pretendard Variable','Pretendard',sans-serif; font-size:12.5px; font-weight:500; letter-spacing:.16em; color:rgba(201,169,110,.86); text-transform:uppercase; margin-bottom:24px; }
.am-status .dot{ width:7px; height:7px; border-radius:50%; background:var(--hw-gold,#C9A96E); box-shadow:0 0 9px rgba(201,169,110,.6); animation:goldPulse 2.4s ease-in-out infinite; }
@keyframes goldPulse{ 0%,100%{opacity:.55} 50%{opacity:1} }
.am-desc{ max-width:380px; font-family:'Noto Serif KR',serif; font-weight:400; font-size:15px; line-height:1.75; color:rgba(255,255,255,.74); word-break:keep-all; }
.am-note{ margin-top:26px; max-width:400px; font-family:'Noto Serif KR',serif; font-size:12.5px; line-height:1.7; color:rgba(255,255,255,.48); word-break:keep-all; }

/* 페이드 완화: 상단 4.5%만 흐리게(기존 11%) → 첫 카드 또렷 */
.am-feed{ position:relative; height:clamp(380px,52vh,540px); overflow:hidden;
  -webkit-mask-image:linear-gradient(to bottom, transparent 0%, #000 4.5%, #000 93%, transparent 100%);
          mask-image:linear-gradient(to bottom, transparent 0%, #000 4.5%, #000 93%, transparent 100%); }
.am-track{ display:flex; flex-direction:column; gap:9px; will-change:transform; animation:amScroll 44s linear infinite; }
.am-feed:hover .am-track, .am-feed:focus-within .am-track, .am-feed.am-paused .am-track{ animation-play-state:paused; }
@keyframes amScroll{ from{transform:translateY(0)} to{transform:translateY(-50%)} }

/* 카드 압축 */
.am-card{ flex:0 0 auto; position:relative; background:rgba(255,255,255,.045); border:1px solid rgba(201,169,110,.16); border-left:2px solid rgba(201,169,110,.32); border-radius:8px; padding:12px 18px; transition:background .35s cubic-bezier(.22,1,.36,1), border-color .35s cubic-bezier(.22,1,.36,1); }
.am-card:hover{ background:rgba(255,255,255,.075); border-color:rgba(201,169,110,.4); border-left-color:var(--hw-gold,#C9A96E); }
.am-card-top{ display:flex; align-items:baseline; justify-content:space-between; gap:14px; }
.am-field{ font-family:'Noto Serif KR',serif; font-weight:600; font-size:15.5px; color:rgba(255,255,255,.95); letter-spacing:-.01em; word-break:keep-all; }
.am-region{ flex:0 0 auto; font-size:12px; color:rgba(201,169,110,.8); letter-spacing:.04em; white-space:nowrap; }
.am-action{ margin-top:6px; display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.am-subtype{ font-size:13px; color:rgba(255,255,255,.72); letter-spacing:-.005em; word-break:keep-all; }

/* 칩 색 위계 — 누가(WHO)=색 알약 / 어느 단계(WHERE)=조용한 텍스트 */
.am-side{ flex:0 0 auto; font-size:11px; font-weight:600; letter-spacing:.01em; padding:2.5px 9px; border-radius:999px; white-space:nowrap;
  color:var(--hw-gold,#C9A96E); border:1px solid rgba(201,169,110,.42); background:rgba(201,169,110,.10); }
.am-side.is-victim{ color:var(--hw-orange,#EA5514); border-color:rgba(234,85,20,.45); background:rgba(234,85,20,.10); }
.am-phase{ flex:0 0 auto; font-size:11.5px; font-weight:400; color:rgba(201,169,110,.6); letter-spacing:.02em; white-space:nowrap; }
.am-phase::before{ content:'·'; margin-right:8px; color:rgba(201,169,110,.4); }
.am-feed-hint{ display:none; }

/* ── 태블릿·모바일 (단일 컬럼) ── */
@media (max-width:900px){
  .am-inner{ grid-template-columns:1fr; gap:clamp(30px,6vw,42px); }
  .am-desc{ max-width:none; }
  .am-note{ max-width:none; margin-top:16px; font-size:12px; }     /* 주석 유지하되 여백·크기 축소 → 첫 카드 빨리 노출 */
  .am-feed{ height:clamp(330px,58vh,460px); }
  .am-eyebrow{ letter-spacing:.26em; margin-bottom:24px; }
  .am-ornament{ margin:20px 0 22px; }
  .am-feed-hint{ display:block; margin-top:12px; font-size:11.5px; color:rgba(201,169,110,.6); letter-spacing:.06em; }
}

/* ── 모바일 A안: 분야·권역 한 줄 유지(세로 적층 제거) + 초압축 ── */
@media (max-width:560px){
  .am-card{ padding:11px 14px; }
  .am-card-top{ flex-direction:row; align-items:baseline; gap:10px; }  /* 세로 적층 금지 → 카드 높이 절반 */
  .am-field{ font-size:14.5px; }
  .am-region{ font-size:11.5px; }
  .am-track{ gap:8px; }
  .am-action{ margin-top:5px; gap:8px; }
  .am-subtype{ font-size:12.5px; }
  .am-side{ font-size:10.5px; padding:2px 8px; }
  .am-phase{ font-size:11px; }
  .am-phase::before{ margin-right:6px; }
}
@media (prefers-reduced-motion:reduce){ .am-track{ animation:none; } .am-feed{ overflow-y:auto; } .am-status .dot{ animation:none; opacity:.85; } }
.am-feed:focus-visible{ outline:2px solid rgba(201,169,110,.7); outline-offset:6px; border-radius:12px; }