/* ============================================================
   황산갈매기 자료실 · 공통 디자인 토큰 + 사이트 내비게이션
   기준 팔레트: 주간 리포트(네이비) 계열로 전 페이지 통일
   ============================================================ */
@font-face{
  font-family:'GmarketSans';
  src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
  font-weight:700; font-display:swap;
}

:root{
  --bg:#0E1128; --sur1:#151A3C; --sur2:#1B2150; --sur3:#222964;
  --line:rgba(160,178,255,.13); --line-strong:rgba(160,178,255,.32);
  --ink:#EAEEFF; --sub:#A7B1DE; --mut:#6B77AE; --ice:#CADCFC; --acc:#8FA3FF;
  --up:#4ADE9E; --down:#FF8585; --gold:#E8C15A;
  --font-body:'Pretendard Variable',Pretendard,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;
  --font-disp:'GmarketSans','Pretendard Variable',Pretendard,sans-serif;
}

/* ---- 상단 공통 내비게이션 (모든 자료 페이지 공유) ---- */
.sgnav{
  position:relative; z-index:80;
  display:flex; align-items:center; gap:12px;
  padding:9px 22px;
  background:rgba(14,17,40,.94);
  border-bottom:1px solid var(--line);
  font-family:var(--font-body);
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
}
.sgnav a{ text-decoration:none; }
.sg-brand{
  display:flex; align-items:center; gap:9px;
  color:var(--ink); font-weight:800; font-size:14.5px; letter-spacing:-.01em;
  white-space:nowrap;
}
.sg-brand svg{ width:22px; height:22px; border-radius:6px; flex:none; }
.sg-brand em{ font-style:normal; color:var(--gold); }
.sg-page{
  color:var(--mut); font-size:12.5px; font-weight:600;
  padding-left:12px; border-left:1px solid var(--line);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.sg-right{ margin-left:auto; display:flex; align-items:center; gap:8px; }
.sg-chip{
  font-size:11.5px; font-weight:700; color:var(--sub);
  border:1px solid var(--line); border-radius:99px; padding:4px 11px;
  background:var(--sur1); white-space:nowrap;
}
a.sg-chip:hover{ color:var(--ink); border-color:var(--line-strong); }
@media(max-width:600px){
  .sgnav{ padding:9px 14px; }
  .sg-page{ display:none; }
  .sg-chip.sg-hide-m{ display:none; }
}

/* ---- 영상 CTA 버튼 (페이지별 관련 영상 연결) ---- */
.sg-cta{
  display:inline-flex; align-items:center; gap:10px;
  background:rgba(255,90,90,.10); border:1px solid rgba(255,120,120,.38);
  color:#FFB0B0; font-weight:800; font-size:13.5px; line-height:1.4;
  border-radius:12px; padding:11px 16px; text-decoration:none;
  font-family:var(--font-body); transition:.15s; letter-spacing:-.01em;
}
.sg-cta:hover{ background:rgba(255,90,90,.17); border-color:rgba(255,150,150,.6); color:#FFC9C9; }
.sg-cta .play{
  width:21px; height:21px; flex:none; border-radius:7px; background:#F04C4C;
  display:inline-flex; align-items:center; justify-content:center;
}
.sg-cta .play::after{
  content:""; border-left:7px solid #fff;
  border-top:4.5px solid transparent; border-bottom:4.5px solid transparent; margin-left:2px;
}

/* ---- 하단 공통 검증 문구 ---- */
.sg-verify{ font-size:12px; color:var(--mut); font-family:var(--font-body); }
.sg-verify a{ color:var(--sub); font-weight:700; text-decoration:none; border-bottom:1px dotted var(--mut); }
.sg-verify a:hover{ color:var(--ice); border-bottom-color:var(--sub); }