/* ══════════════════════════════════════════════════════════════════════
   KoreaAlpha — 시리즈 태그 페이지 스타일
   Disclosure Decoder · Policy Decoder · Alpha Signals · Deep Dive

   세션 40 (2026-08-09) 신설. 짝: ka-series.js — 반드시 같이 배포할 것.

   footer 에 네 벌로 있던 CSS 를 한 벌로 합쳤다(정규화 후 완전일치 확인).
   셀렉터는 시리즈별 id 를 그대로 나열한다 — 클래스로 바꾸면 특정도가
   (1,1,1)에서 (0,2,1)로 떨어져 Ghost 테마 규칙과의 우열이 달라진다.
   선언 블록이 한 벌이면 목적은 달성된다(원칙 45).

   시리즈별로 다른 것은 아래 커스텀 프로퍼티 두 개뿐이다.
   ⚠️ --ka-accent 는 ka-series.js 의 SERIES[].accent 와 반드시 같아야 한다.
      nav 자기 링크는 JS 가 인라인 style 로 칠하기 때문이다.
   ══════════════════════════════════════════════════════════════════════ */

/* ── 시리즈별 팔레트 ── */
body.tag-disclosure-decoder { --ka-accent: #3da681; --ka-cta-hover: #d4a017; }
body.tag-policy-decoder     { --ka-accent: #b0413e; --ka-cta-hover: #d4a017; }
body.tag-alpha-signals      { --ka-accent: #3ca0c9; --ka-cta-hover: #5cc0e0; }
/* ⚠️ Deep Dive 의 hover 가 accent(페일골드)와 무관한 하늘색이다. 세션 27 에
      Alpha Signals 유닛을 복제하며 안 바꾼 흔적으로 보인다.
      라이브 현재 동작 보존을 위해 그대로 뒀다 — 고치려면 이 값 하나. */
body.tag-deep-dive          { --ka-accent: #e8d5a0; --ka-cta-hover: #5cc0e0; }


/* ━━ Disclosure Decoder tag page ━━ */
body.tag-disclosure-decoder,
body.tag-policy-decoder,
body.tag-alpha-signals,
body.tag-deep-dive {
  background: #0a2540 !important;
  color: #fff !important;
  font-family: 'Source Serif 4', Georgia, serif !important;
}

/* Hide Ghost defaults */
body.tag-disclosure-decoder .gh-archive,
body.tag-policy-decoder .gh-archive,
body.tag-alpha-signals .gh-archive,
body.tag-deep-dive .gh-archive,
body.tag-disclosure-decoder .gh-navigation-menu,
body.tag-policy-decoder .gh-navigation-menu,
body.tag-alpha-signals .gh-navigation-menu,
body.tag-deep-dive .gh-navigation-menu,
body.tag-disclosure-decoder .gh-head-actions,
body.tag-policy-decoder .gh-head-actions,
body.tag-alpha-signals .gh-head-actions,
body.tag-deep-dive .gh-head-actions,
body.tag-disclosure-decoder #gh-navigation,
body.tag-policy-decoder #gh-navigation,
body.tag-alpha-signals #gh-navigation,
body.tag-deep-dive #gh-navigation,
body.tag-disclosure-decoder .gh-foot,
body.tag-policy-decoder .gh-foot,
body.tag-alpha-signals .gh-foot,
body.tag-deep-dive .gh-foot { display: none !important; }

/* ── Nav ── */
body.tag-disclosure-decoder #ka-dd-nav,
body.tag-policy-decoder #ka-pd-nav,
body.tag-alpha-signals #ka-as-nav,
body.tag-deep-dive #ka-deep-nav {
  position: sticky; top: 0; z-index: 100;
  background: rgba(10,37,64,0.96);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid rgba(255,255,255,0.08);
  display: flex; align-items: center;
  justify-content: space-between;
  padding: 0 clamp(16px,4vw,64px);
  height: 56px;
}

body.tag-disclosure-decoder #ka-dd-nav .ka-nav-logo,
body.tag-policy-decoder #ka-pd-nav .ka-nav-logo,
body.tag-alpha-signals #ka-as-nav .ka-nav-logo,
body.tag-deep-dive #ka-deep-nav .ka-nav-logo {
  font-family: 'DM Serif Display', serif;
  font-size: 20px; color: #fff; text-decoration: none;
}

body.tag-disclosure-decoder #ka-dd-nav .ka-nav-logo em,
body.tag-policy-decoder #ka-pd-nav .ka-nav-logo em,
body.tag-alpha-signals #ka-as-nav .ka-nav-logo em,
body.tag-deep-dive #ka-deep-nav .ka-nav-logo em { color: var(--ka-accent); font-style: italic; }

body.tag-disclosure-decoder #ka-dd-nav .ka-nav-links,
body.tag-policy-decoder #ka-pd-nav .ka-nav-links,
body.tag-alpha-signals #ka-as-nav .ka-nav-links,
body.tag-deep-dive #ka-deep-nav .ka-nav-links {
  display: flex; gap: 28px; align-items: center;
}

body.tag-disclosure-decoder #ka-dd-nav .ka-nav-links a,
body.tag-policy-decoder #ka-pd-nav .ka-nav-links a,
body.tag-alpha-signals #ka-as-nav .ka-nav-links a,
body.tag-deep-dive #ka-deep-nav .ka-nav-links a {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 11px; letter-spacing: 0.5px;
  text-transform: uppercase; color: rgba(255,255,255,0.7);
  text-decoration: none; transition: color .2s;
}

body.tag-disclosure-decoder #ka-dd-nav .ka-nav-links a:hover,
body.tag-policy-decoder #ka-pd-nav .ka-nav-links a:hover,
body.tag-alpha-signals #ka-as-nav .ka-nav-links a:hover,
body.tag-deep-dive #ka-deep-nav .ka-nav-links a:hover { color: var(--ka-accent); }

body.tag-disclosure-decoder #ka-dd-nav .ka-nav-cta,
body.tag-policy-decoder #ka-pd-nav .ka-nav-cta,
body.tag-alpha-signals #ka-as-nav .ka-nav-cta,
body.tag-deep-dive #ka-deep-nav .ka-nav-cta {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 11px; letter-spacing: 0.5px;
  text-transform: uppercase;
  background: var(--ka-accent); color: #fff;
  padding: 8px 16px; border-radius: 3px;
  text-decoration: none; transition: background .2s;
}

body.tag-disclosure-decoder #ka-dd-nav .ka-nav-cta:hover,
body.tag-policy-decoder #ka-pd-nav .ka-nav-cta:hover,
body.tag-alpha-signals #ka-as-nav .ka-nav-cta:hover,
body.tag-deep-dive #ka-deep-nav .ka-nav-cta:hover { background: var(--ka-cta-hover); }

/* ── Hero ── */
body.tag-disclosure-decoder #ka-dd-hero,
body.tag-policy-decoder #ka-pd-hero,
body.tag-alpha-signals #ka-as-hero,
body.tag-deep-dive #ka-deep-hero {
  background: #0a2540;
  padding: 64px clamp(24px,5vw,80px) 56px;
  position: relative; overflow: hidden;
  border-bottom: 1px solid var(--ka-accent);
}

body.tag-disclosure-decoder #ka-dd-hero::before,
body.tag-policy-decoder #ka-pd-hero::before,
body.tag-alpha-signals #ka-as-hero::before,
body.tag-deep-dive #ka-deep-hero::before {
  content: ''; position: absolute; inset: 0;
  background-image: repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 1px,transparent 1px,transparent 80px);
  pointer-events: none;
}

body.tag-disclosure-decoder #ka-dd-hero .ka-eyebrow,
body.tag-policy-decoder #ka-pd-hero .ka-eyebrow,
body.tag-alpha-signals #ka-as-hero .ka-eyebrow,
body.tag-deep-dive #ka-deep-hero .ka-eyebrow {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 11px; letter-spacing: 1.5px;
  text-transform: uppercase; color: var(--ka-accent);
  display: flex; align-items: center; gap: 10px;
  margin-bottom: 24px;
}

body.tag-disclosure-decoder #ka-dd-hero .ka-eyebrow::before,
body.tag-policy-decoder #ka-pd-hero .ka-eyebrow::before,
body.tag-alpha-signals #ka-as-hero .ka-eyebrow::before,
body.tag-deep-dive #ka-deep-hero .ka-eyebrow::before {
  content: ''; display: block;
  width: 32px; height: 1px; background: var(--ka-accent);
}

body.tag-disclosure-decoder #ka-dd-hero h1,
body.tag-policy-decoder #ka-pd-hero h1,
body.tag-alpha-signals #ka-as-hero h1,
body.tag-deep-dive #ka-deep-hero h1 {
  font-family: 'DM Serif Display', serif;
  font-size: clamp(36px,5vw,64px);
  font-weight: 400; line-height: 1.1;
  color: #fff; margin: 0 0 16px;
}

body.tag-disclosure-decoder #ka-dd-hero h1 em,
body.tag-policy-decoder #ka-pd-hero h1 em,
body.tag-alpha-signals #ka-as-hero h1 em,
body.tag-deep-dive #ka-deep-hero h1 em {
  color: var(--ka-accent); font-style: italic;
}

body.tag-disclosure-decoder #ka-dd-hero .ka-rule,
body.tag-policy-decoder #ka-pd-hero .ka-rule,
body.tag-alpha-signals #ka-as-hero .ka-rule,
body.tag-deep-dive #ka-deep-hero .ka-rule {
  width: 48px; height: 2px;
  background: var(--ka-accent); margin-bottom: 24px;
}

body.tag-disclosure-decoder #ka-dd-hero p,
body.tag-policy-decoder #ka-pd-hero p,
body.tag-alpha-signals #ka-as-hero p,
body.tag-deep-dive #ka-deep-hero p {
  font-size: clamp(15px,2vw,18px);
  color: rgba(255,255,255,0.75);
  max-width: 560px; line-height: 1.7; margin: 0;
}

/* ── Feed wrapper ── */
body.tag-disclosure-decoder #ka-dd-feed,
body.tag-policy-decoder #ka-pd-feed,
body.tag-alpha-signals #ka-as-feed,
body.tag-deep-dive #ka-deep-feed {
  background: #0a2540;
  min-height: 60vh;
  max-width: 860px;
  margin: 0 auto;
  padding: 48px clamp(24px,5vw,60px) 80px;
}

body.tag-disclosure-decoder #ka-dd-feed .gh-container,
body.tag-policy-decoder #ka-pd-feed .gh-container,
body.tag-alpha-signals #ka-as-feed .gh-container,
body.tag-deep-dive #ka-deep-feed .gh-container,
body.tag-disclosure-decoder #ka-dd-feed .gh-main,
body.tag-policy-decoder #ka-pd-feed .gh-main,
body.tag-alpha-signals #ka-as-feed .gh-main,
body.tag-deep-dive #ka-deep-feed .gh-main,
body.tag-disclosure-decoder #ka-dd-feed .gh-container-inner,
body.tag-policy-decoder #ka-pd-feed .gh-container-inner,
body.tag-alpha-signals #ka-as-feed .gh-container-inner,
body.tag-deep-dive #ka-deep-feed .gh-container-inner { background: transparent !important; }

/* Post cards — Daily Pulse 동일 스타일 */
body.tag-disclosure-decoder .gh-card,
body.tag-policy-decoder .gh-card,
body.tag-alpha-signals .gh-card,
body.tag-deep-dive .gh-card {
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 3px !important;
  margin-bottom: 2px !important;
  font-family: 'Source Serif 4', Georgia, serif !important;
  transition: border-color .2s, background .2s !important;
}

body.tag-disclosure-decoder .gh-card:hover,
body.tag-policy-decoder .gh-card:hover,
body.tag-alpha-signals .gh-card:hover,
body.tag-deep-dive .gh-card:hover {
  background: rgba(255,255,255,0.06) !important;
  border-color: rgba(184,134,11,0.35) !important;
}

/* 카드 링크 — 내부 여백 (Daily Pulse: padding 28px 32px) */
body.tag-disclosure-decoder .gh-card-link,
body.tag-policy-decoder .gh-card-link,
body.tag-alpha-signals .gh-card-link,
body.tag-deep-dive .gh-card-link {
  padding: 28px 32px !important;
  display: block !important;
  text-decoration: none !important;
  color: inherit !important;
}

/* 태그 레이블 (Daily Pulse: IBM Plex Mono 10px, gold, uppercase, letter-spacing 1.5px, margin-bottom 10px) */
body.tag-disclosure-decoder .gh-card-tag,
body.tag-policy-decoder .gh-card-tag,
body.tag-alpha-signals .gh-card-tag,
body.tag-deep-dive .gh-card-tag {
  font-family: 'IBM Plex Mono', monospace !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  color: var(--ka-accent) !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 10px !important;
  display: block !important;
}

/* 제목 (Daily Pulse: DM Serif Display 22px, white, -0.2px letter-spacing, margin-bottom 10px) */
body.tag-disclosure-decoder .gh-card-title,
body.tag-policy-decoder .gh-card-title,
body.tag-alpha-signals .gh-card-title,
body.tag-deep-dive .gh-card-title {
  font-family: 'DM Serif Display', serif !important;
  font-size: 22px !important;
  font-weight: 400 !important;
  color: #ffffff !important;
  letter-spacing: -0.2px !important;
  line-height: 1.3 !important;
  margin: 0 0 10px !important;
}

/* 발췌문 (Daily Pulse: Inter 13.5px, rgba white 0.5, margin 6px 0 16px) */
body.tag-disclosure-decoder .gh-card-excerpt,
body.tag-policy-decoder .gh-card-excerpt,
body.tag-alpha-signals .gh-card-excerpt,
body.tag-deep-dive .gh-card-excerpt {
  font-family: Inter, sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 400 !important;
  color: rgba(255,255,255,0.5) !important;
  line-height: 1.6 !important;
  margin: 6px 0 16px !important;
}

/* 메타 정보 (Daily Pulse: IBM Plex Mono 10.5px, rgba white 0.3, margin-top 12px) */
body.tag-disclosure-decoder .gh-card-meta,
body.tag-policy-decoder .gh-card-meta,
body.tag-alpha-signals .gh-card-meta,
body.tag-deep-dive .gh-card-meta {
  font-family: 'IBM Plex Mono', monospace !important;
  font-size: 10.5px !important;
  font-weight: 500 !important;
  color: rgba(255,255,255,0.3) !important;
  letter-spacing: 0.3px !important;
  margin-top: 12px !important;
}


/* ── 포스트 페이지 오버라이드 ── */

/* 포스트 페이지: 제목 크기를 Daily Pulse와 동일하게 (46px) */
body.post-template.tag-disclosure-decoder h1.gh-article-title,
body.post-template.tag-policy-decoder h1.gh-article-title,
body.post-template.tag-alpha-signals h1.gh-article-title,
body.post-template.tag-deep-dive h1.gh-article-title {
  font-size: 46px !important;
  line-height: 1.2 !important;
  letter-spacing: -0.3px !important;
}

body.post-template.tag-disclosure-decoder,
body.post-template.tag-policy-decoder,
body.post-template.tag-alpha-signals,
body.post-template.tag-deep-dive {
  background: #0a2540 !important;
  color: #fff !important;
}

/* 포스트 페이지에서 시리즈 주입 요소 숨김 */
body.post-template.tag-disclosure-decoder #ka-dd-nav,
body.post-template.tag-policy-decoder #ka-pd-nav,
body.post-template.tag-alpha-signals #ka-as-nav,
body.post-template.tag-deep-dive #ka-deep-nav,
body.post-template.tag-disclosure-decoder #ka-dd-hero,
body.post-template.tag-policy-decoder #ka-pd-hero,
body.post-template.tag-alpha-signals #ka-as-hero,
body.post-template.tag-deep-dive #ka-deep-hero,
body.post-template.tag-disclosure-decoder #ka-dd-feed,
body.post-template.tag-policy-decoder #ka-pd-feed,
body.post-template.tag-alpha-signals #ka-as-feed,
body.post-template.tag-deep-dive #ka-deep-feed {
  display: none !important;
}

body.post-template.tag-disclosure-decoder .gh-viewport,
body.post-template.tag-policy-decoder .gh-viewport,
body.post-template.tag-alpha-signals .gh-viewport,
body.post-template.tag-deep-dive .gh-viewport {
  display: block !important;
}