/* ============================================================
   Postoperative Cognitive Dysfunction — pocd.css
   Prefix: pocd-
   Requires: global.css, header.css
   ============================================================ */
body{
  background: var(--bg-dark);
}
.pocd-container         { max-width: 1100px; margin: 0 auto; padding: 0 32px; }
.pocd-container--wide   { max-width: 1200px; }
.pocd-container--narrow { max-width: 720px; }
.pocd-text-center       { text-align: center; }

.pocd-section           { padding: 88px 0; }
.pocd-section--cream    { background: var(--warm-cream); }
.pocd-section--white    { background: #fff; }
.pocd-section--dark     { background: var(--bg-dark); }
.pocd-section--teal     { background: var(--brand-teal); }

/* ── Eyebrow ── */
.pocd-section-eyebrow { display: flex; align-items: center; gap: 12px; margin-bottom: 1.5rem; }
.pocd-eyebrow-line { width: 28px; height: 1px; background: var(--brand-terracotta); flex-shrink: 0; }
.pocd-section-eyebrow span { font-family: var(--font-ui); font-size: var(--type-tag); font-weight: 700; letter-spacing: var(--ls-eyebrow); text-transform: uppercase; color: var(--brand-terracotta); }
.pocd-section-eyebrow--light .pocd-eyebrow-line { background: var(--brand-orange); }
.pocd-section-eyebrow--light span { color: var(--brand-orange); }

/* ── Headings ── */
.pocd-section h2 { font-family: var(--font-display); font-size: clamp(1.9rem, 4vw, 2.8rem); font-weight: 600; color: var(--text-primary); line-height: 1.18; letter-spacing: -0.02em; margin-bottom: 1rem; }
.pocd-section--dark h2, .pocd-section--teal h2 { color: var(--text-inverse); }
.pocd-section h3 { font-family: var(--font-display); font-size: 1.4rem; font-weight: 600; color: var(--brand-teal); margin-bottom: 0.75rem; line-height: 1.3; }
.pocd-section--dark h3 { color: var(--text-inverse); }

.pocd-lead { font-size: 1.08rem; color: var(--text-secondary); line-height: 1.8; max-width: 680px; margin-bottom: 2.5rem; }
.pocd-lead--light { color: var(--text-inverse-dim); }
.pocd-section--teal .pocd-lead { color: var(--text-inverse-dim); }
.pocd-section p { font-size: var(--type-body); color: var(--text-secondary); line-height: 1.8; margin-bottom: 1rem; }
.pocd-section--teal p { color: rgba(245,240,232,0.82); }

/* Citations */
.pocd-cite { background: rgba(0,88,89,0.05); border-left: 3px solid var(--brand-teal); padding: 7px 14px; margin: 6px 0 6px 0; font-family: var(--font-ui); font-size: var(--type-cap); font-style: italic; color: var(--text-muted); line-height: 1.55; border-radius: 0 var(--r-xs) var(--r-xs) 0; }
.pocd-cite--dark { background: rgba(245,240,232,0.04); border-left-color: rgba(245,240,232,0.18); color: rgba(245,240,232,0.40); }

.pocd-stat-callout-inline { background: rgba(180,48,0,0.05); border-left: 3px solid var(--brand-terracotta); padding: 10px 16px; margin: 0.75rem 0; font-family: var(--font-ui); font-size: var(--type-sm); font-weight: 600; color: var(--brand-terracotta); border-radius: 0 var(--r-xs) var(--r-xs) 0; }

/* Buttons */
.pocd-btn-primary { display: inline-flex; align-items: center; gap: 0.4rem; background: var(--text-inverse); color: var(--brand-teal); font-family: var(--font-ui); font-size: var(--type-sm); font-weight: 600; letter-spacing: 0.04em; padding: 13px 28px; border-radius: var(--r-sm); text-decoration: none; transition: background var(--t-fast), transform var(--t-fast); }
.pocd-btn-primary:hover { background: var(--warm-cream); transform: translateY(-1px); }
.pocd-btn-ghost { display: inline-flex; align-items: center; gap: 0.4rem; border: 1.5px solid rgba(245,240,232,0.35); color: rgba(245,240,232,0.85); font-family: var(--font-ui); font-size: var(--type-sm); font-weight: 400; padding: 12px 24px; border-radius: var(--r-sm); text-decoration: none; transition: border-color var(--t-fast), color var(--t-fast); }
.pocd-btn-ghost:hover { border-color: rgba(245,240,232,0.8); color: var(--text-inverse); }
.pocd-cta-group { display: flex; gap: 0.75rem; flex-wrap: wrap; justify-content: center; margin-top: 2rem; }

/* ════════════════════════════════════════════════════════
   HERO
   ════════════════════════════════════════════════════════ */
.pocd-hero { background: var(--bg-dark); position: relative; overflow: hidden; padding: 0; }
.pocd-hero-bg { position: absolute; inset: 0; background: radial-gradient(ellipse 70% 60% at 75% 30%, rgba(0,88,89,0.18) 0%, transparent 60%), radial-gradient(ellipse 50% 70% at 10% 80%, rgba(1,68,37,0.22) 0%, transparent 55%); pointer-events: none; }
.pocd-hero-inner { position: relative; z-index: 2; max-width: 1100px; margin: 0 auto; padding: 56px 32px 64px; }
.pocd-breadcrumb { font-family: var(--font-ui); font-size: var(--type-sm); color: rgba(245,240,232,0.38); margin-bottom: 2rem; display: flex; gap: 8px; align-items: center; }
.pocd-breadcrumb a { color: rgba(245,240,232,0.55); text-decoration: none; }
.pocd-breadcrumb a:hover { color: var(--text-inverse); }
.pocd-bc-sep { opacity: 0.4; }
.pocd-hero-label-row { display: flex; align-items: center; gap: 8px; margin-bottom: 1.25rem; }
.pocd-label { font-family: var(--font-ui); font-size: var(--type-tag); font-weight: 600; letter-spacing: var(--ls-eyebrow); text-transform: uppercase; color: var(--brand-orange); }
.pocd-label-sep { color: rgba(245,240,232,0.25); font-size: var(--type-tag); }
.pocd-hero h1 { font-family: var(--font-display); font-size: clamp(2.6rem, 5.5vw, 4.2rem); font-weight: 600; color: var(--text-inverse); line-height: 1.08; letter-spacing: -0.025em; margin-bottom: 1.25rem; }
.pocd-hero h1 em { font-style: italic; color: var(--brand-orange); }
.pocd-hero-deck { font-family: var(--font-display); font-size: clamp(1.05rem, 2vw, 1.3rem); font-style: italic; color: var(--text-inverse-dim); line-height: 1.55; max-width: 680px; margin-bottom: 2rem; }
.pocd-hero-meta { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; margin-bottom: 2.5rem; padding-bottom: 2rem; border-bottom: 1px solid rgba(245,240,232,0.08); }
.pocd-meta-item { display: flex; flex-direction: column; gap: 2px; }
.pocd-meta-label { font-family: var(--font-ui); font-size: 0.6rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(245,240,232,0.35); }
.pocd-meta-val { font-family: var(--font-ui); font-size: var(--type-sm); color: rgba(245,240,232,0.72); }
.pocd-meta-div { width: 1px; height: 32px; background: rgba(245,240,232,0.10); flex-shrink: 0; }
.pocd-jump-nav { display: flex; gap: 0; flex-wrap: wrap; overflow-x: auto; }
.pocd-jump-link { font-family: var(--font-ui); font-size: var(--type-sm); font-weight: 400; color: rgba(245,240,232,0.45); text-decoration: none; padding: 8px 16px 8px 0; margin-right: 16px; border-bottom: 2px solid transparent; transition: color var(--t-fast), border-color var(--t-fast); white-space: nowrap; }
.pocd-jump-link:hover { color: var(--text-inverse); }
.pocd-jump-link--active { color: var(--text-inverse); border-bottom-color: var(--brand-orange); }

/* ── Two-col layout ── */
.pocd-two-col { display: grid; grid-template-columns: 1fr 400px; gap: 64px; align-items: start; }

/* ── Taxonomy card (definition section) ── */
.pocd-taxonomy-card { background: var(--bg-dark); border-radius: var(--r-md); overflow: hidden; }
.pocd-taxonomy-title { font-family: var(--font-ui); font-size: var(--type-tag); font-weight: 700; letter-spacing: var(--ls-eyebrow); text-transform: uppercase; color: var(--brand-orange); padding: 1rem 1.5rem; border-bottom: 1px solid rgba(245,240,232,0.06); }
.pocd-taxonomy-items { display: flex; flex-direction: column; }
.pocd-taxonomy-item { padding: 1.1rem 1.5rem; border-bottom: 1px solid rgba(245,240,232,0.06); }
.pocd-taxonomy-item:last-child { border-bottom: none; }
.pocd-taxonomy-item--accent { background: rgba(0,88,89,0.12); border-left: 3px solid var(--brand-teal); }
.pocd-tax-range { font-family: var(--font-ui); font-size: var(--type-tag); font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--brand-orange); margin-bottom: 4px; }
.pocd-tax-name { font-family: var(--font-display); font-size: 1rem; font-weight: 600; color: var(--text-inverse); margin-bottom: 4px; }
.pocd-taxonomy-item--accent .pocd-tax-name { color: var(--brand-mint); }
.pocd-tax-desc { font-family: var(--font-ui); font-size: var(--type-cap); color: rgba(245,240,232,0.45); line-height: 1.5; }

/* ════════════════════════════════════════════════════════
   PREVALENCE GRID (dark)
   ════════════════════════════════════════════════════════ */
.pocd-prevalence-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-bottom: 2.5rem; }
.pocd-prev-card { background: rgba(255,255,255,0.04); border: 1px solid rgba(245,240,232,0.08); border-radius: var(--r-md); padding: 1.5rem; }
.pocd-prev-card--warn   { border-color: rgba(180,48,0,0.25); background: rgba(180,48,0,0.06); }
.pocd-prev-card--danger { border-color: rgba(140,36,0,0.30); background: rgba(140,36,0,0.08); }
.pocd-prev-timepoint { font-family: var(--font-ui); font-size: var(--type-tag); font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--brand-orange); margin-bottom: 0.5rem; }
.pocd-prev-num { font-family: var(--font-display); font-size: clamp(2rem, 4vw, 3rem); font-weight: 700; color: var(--text-inverse); line-height: 1; margin-bottom: 0.5rem; }
.pocd-prev-card--warn .pocd-prev-num   { color: var(--brand-orange); }
.pocd-prev-card--danger .pocd-prev-num { color: #FF6B4A; }
.pocd-prev-label { font-family: var(--font-ui); font-size: var(--type-sm); color: rgba(245,240,232,0.62); line-height: 1.5; margin-bottom: 0.5rem; }
.pocd-prev-source { font-family: var(--font-ui); font-size: var(--type-cap); color: rgba(245,240,232,0.28); font-style: italic; }
.pocd-dark-callout { background: rgba(255,255,255,0.04); border: 1px solid rgba(245,240,232,0.08); border-left: 4px solid var(--brand-terracotta); border-radius: 0 var(--r-sm) var(--r-sm) 0; padding: 1.5rem 2rem; }
.pocd-dark-callout p { color: rgba(245,240,232,0.75) !important; font-size: 1rem !important; margin-bottom: 0.5rem !important; }
.pocd-dark-callout p:last-child { margin-bottom: 0 !important; }
.pocd-dark-callout strong { color: var(--text-inverse); }

/* ════════════════════════════════════════════════════════
   LANCET CARD
   ════════════════════════════════════════════════════════ */
.pocd-lancet-card { background: var(--bg-dark); border-radius: var(--r-md); overflow: hidden; }
.pocd-lancet-header { font-family: var(--font-ui); font-size: var(--type-tag); font-weight: 700; letter-spacing: var(--ls-eyebrow); text-transform: uppercase; color: var(--brand-orange); padding: 1rem 1.5rem; border-bottom: 1px solid rgba(245,240,232,0.06); }
.pocd-lancet-stat { padding: 1.5rem 1.5rem 1rem; text-align: center; }
.pocd-lancet-num { font-family: var(--font-display); font-size: 4rem; font-weight: 700; color: var(--brand-orange); line-height: 1; display: block; margin-bottom: 0.5rem; }
.pocd-lancet-label { font-family: var(--font-ui); font-size: var(--type-sm); color: rgba(245,240,232,0.65); line-height: 1.6; }
.pocd-lancet-divider { height: 1px; background: rgba(245,240,232,0.06); margin: 0 1.5rem; }
.pocd-lancet-note { font-family: var(--font-ui); font-size: var(--type-sm); color: rgba(245,240,232,0.45); line-height: 1.65; padding: 1rem 1.5rem 1.5rem; margin: 0 !important; }

/* ════════════════════════════════════════════════════════
   RISK FACTOR TABS
   ════════════════════════════════════════════════════════ */
.pocd-tabs { display: flex; gap: 4px; margin-top: 2rem; overflow-x: auto; border-bottom: 1px solid var(--border); padding-bottom: 1px; }
.pocd-tab { display: flex; align-items: center; padding: 10px 18px; background: transparent; border: none; border-bottom: 2px solid transparent; cursor: pointer; white-space: nowrap; margin-bottom: -1px; transition: border-color var(--t-fast), background var(--t-fast); }
.pocd-tab:hover { background: rgba(0,88,89,0.04); }
.pocd-tab--active { border-bottom-color: var(--brand-teal); background: rgba(0,88,89,0.05); }
.pocd-tab-name { font-family: var(--font-ui); font-size: var(--type-sm); color: var(--text-muted); }
.pocd-tab--active .pocd-tab-name { color: var(--brand-teal); font-weight: 600; }
.pocd-tab-panels { padding-top: 2.5rem; }
.pocd-tab-panel { display: none; }
.pocd-tab-panel--active { display: block; animation: pocdFadeIn 0.22s ease both; }
@keyframes pocdFadeIn { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }

.pocd-risk-layout { display: grid; grid-template-columns: 1fr 260px; gap: 48px; align-items: start; }
.pocd-risk-copy h3 { font-family: var(--font-display); font-size: 1.5rem; color: var(--brand-teal); margin-bottom: 0.75rem; }
.pocd-risk-copy p { font-size: var(--type-body) !important; color: var(--text-secondary) !important; line-height: 1.8 !important; margin-bottom: 0.85rem !important; }
.pocd-risk-list { list-style: none; padding: 0; margin: 0 0 1rem; display: flex; flex-direction: column; gap: 8px; }
.pocd-risk-list li { font-family: var(--font-ui); font-size: var(--type-sm); color: var(--text-secondary); line-height: 1.65; padding-left: 1rem; position: relative; }
.pocd-risk-list li::before { content: ''; position: absolute; left: 0; top: 0.55em; width: 5px; height: 5px; border-radius: 50%; background: var(--brand-terracotta); }
.pocd-risk-stats { display: flex; flex-direction: column; gap: 12px; }
.pocd-rs-item { background: var(--warm-cream); border: 1px solid var(--border); border-radius: var(--r-sm); padding: 1rem 1.25rem; text-align: center; }
.pocd-rs-item--primary { border-color: rgba(0,88,89,0.20); background: rgba(0,88,89,0.06); }
.pocd-rs-item--warn { border-color: rgba(180,48,0,0.20); background: rgba(180,48,0,0.05); }
.pocd-rs-num { font-family: var(--font-display); font-size: 1.7rem; font-weight: 700; color: var(--brand-teal); line-height: 1; margin-bottom: 4px; }
.pocd-rs-item--warn .pocd-rs-num { color: var(--brand-terracotta); }
.pocd-rs-label { font-family: var(--font-ui); font-size: var(--type-cap); color: var(--text-muted); line-height: 1.5; }

/* ════════════════════════════════════════════════════════
   HIGH-RISK COMPARISON TABLE (dark)
   ════════════════════════════════════════════════════════ */
.pocd-comparison-table { border-radius: var(--r-md); overflow: hidden; margin-bottom: 1rem; }
.pocd-ct-header, .pocd-ct-row { display: grid; grid-template-columns: 1fr 180px 180px; gap: 0; }
.pocd-ct-header { background: var(--brand-forest); padding: 12px 16px; font-family: var(--font-ui); font-size: var(--type-tag); font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(245,240,232,0.55); }
.pocd-ct-header em { display: block; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0; color: rgba(245,240,232,0.35); margin-top: 2px; }
.pocd-ct-row { padding: 10px 16px; border-bottom: 1px solid rgba(245,240,232,0.05); align-items: center; }
.pocd-ct-row:nth-child(odd) { background: rgba(255,255,255,0.03); }
.pocd-ct-row:nth-child(even) { background: rgba(255,255,255,0.015); }
.pocd-ct-metric { font-family: var(--font-ui); font-size: var(--type-sm); color: rgba(245,240,232,0.62); }
.pocd-ct-hr, .pocd-ct-full { font-family: var(--font-ui); font-size: var(--type-sm); font-weight: 600; color: var(--text-inverse); padding-left: 16px; }
.pocd-ct-val--warn   { color: var(--brand-orange); }
.pocd-ct-val--danger { color: #FF7A5A; }
.pocd-ct-delta { font-weight: 400; color: rgba(245,240,232,0.38); font-size: var(--type-cap); }
.pocd-source-note { font-family: var(--font-ui); font-size: var(--type-cap); color: rgba(245,240,232,0.28); font-style: italic; margin-bottom: 2rem; }

/* ════════════════════════════════════════════════════════
   AGE TABLE
   ════════════════════════════════════════════════════════ */
.pocd-age-table { background: #fff; border: 1px solid var(--border); border-radius: var(--r-md); overflow: hidden; }
.pocd-age-header { display: grid; grid-template-columns: 80px 80px 1fr; gap: 8px; padding: 10px 16px; background: var(--brand-teal); font-family: var(--font-ui); font-size: var(--type-tag); font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(245,240,232,0.75); }
.pocd-age-row { display: grid; grid-template-columns: 80px 80px 1fr; gap: 8px; padding: 9px 16px; align-items: center; border-bottom: 1px solid var(--border); font-family: var(--font-ui); font-size: var(--type-cap); color: var(--text-secondary); }
.pocd-age-row:last-child { border-bottom: none; }
.pocd-age-row--highlight { background: rgba(0,88,89,0.06); font-weight: 600; color: var(--brand-teal); }
.pocd-age-bar-wrap { display: flex; align-items: center; gap: 8px; }
.pocd-age-bar { height: 5px; background: var(--brand-teal); border-radius: var(--r-full); width: 0; transition: width 0.7s cubic-bezier(0.16,1,0.3,1); }
.pocd-age-bar--accent { background: var(--brand-teal); }
.pocd-age-bar--warn { background: var(--brand-terracotta); }
.pocd-age-bars-visible .pocd-age-bar { width: var(--w); }
.pocd-age-bar-wrap span { font-family: var(--font-display); font-size: 0.85rem; font-weight: 700; color: var(--brand-teal); flex-shrink: 0; }
.pocd-age-source { font-family: var(--font-ui); font-size: var(--type-cap); color: var(--text-muted); font-style: italic; padding: 8px 16px; border-top: 1px solid var(--border); }

/* ════════════════════════════════════════════════════════
   GAP TABLE
   ════════════════════════════════════════════════════════ */
.pocd-gap-table { border-radius: var(--r-md); overflow: hidden; margin-bottom: 2.5rem; }
.pocd-gap-header { display: grid; grid-template-columns: 1fr 1fr; }
.pocd-gap-header .pocd-gap-yes { background: rgba(0,88,89,0.08); border-right: 1px solid var(--border); }
.pocd-gap-header .pocd-gap-no  { background: rgba(180,48,0,0.06); }
.pocd-gap-header div { font-family: var(--font-ui); font-size: var(--type-tag); font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; padding: 12px 16px; }
.pocd-gap-header .pocd-gap-yes { color: var(--brand-teal); }
.pocd-gap-header .pocd-gap-no  { color: var(--brand-terracotta); }
.pocd-gap-row { display: grid; grid-template-columns: 1fr 1fr; border-bottom: 1px solid var(--border); }
.pocd-gap-row:last-child { border-bottom: none; }
.pocd-gap-row--nsri .pocd-gap-no { background: rgba(180,48,0,0.04); }
.pocd-gap-yes, .pocd-gap-no { font-family: var(--font-ui); font-size: var(--type-sm); color: var(--text-secondary); padding: 10px 16px; line-height: 1.6; }
.pocd-gap-yes { border-right: 1px solid var(--border); background: rgba(0,88,89,0.03); }
.pocd-gap-no strong { color: var(--brand-terracotta); }

.pocd-changing-note { background: var(--warm-cream); border-radius: var(--r-md); padding: 2rem; margin-top: 2rem; }
.pocd-changing-note h3 { font-family: var(--font-display); font-size: 1.3rem; color: var(--brand-teal); margin-bottom: 0.75rem; }
.pocd-changing-note p { font-size: var(--type-sm) !important; color: var(--text-secondary) !important; margin-bottom: 0.75rem !important; }
.pocd-key-statement { font-family: var(--font-display); font-size: 1.1rem; font-style: italic; font-weight: 600; color: var(--brand-teal) !important; border-left: 3px solid var(--brand-teal); padding-left: 1rem !important; margin-top: 1rem !important; }

/* ════════════════════════════════════════════════════════
   TEAL SECTION STATS
   ════════════════════════════════════════════════════════ */
.pocd-teal-stats { display: flex; align-items: center; justify-content: center; gap: 32px; flex-wrap: wrap; margin: 2rem auto 1.5rem; }
.pocd-teal-stat { text-align: center; }
.pocd-teal-num { font-family: var(--font-display); font-size: 2.8rem; font-weight: 700; color: var(--brand-orange); display: block; line-height: 1; margin-bottom: 4px; }
.pocd-teal-lbl { font-family: var(--font-ui); font-size: var(--type-sm); color: rgba(245,240,232,0.62); }
.pocd-teal-stat-div { width: 1px; height: 48px; background: rgba(245,240,232,0.15); }

/* ════════════════════════════════════════════════════════
   REFERENCES
   ════════════════════════════════════════════════════════ */
.pocd-ref-accordion { display: flex; flex-direction: column; margin: 1.5rem 0; }
.pocd-ref-group { border-bottom: 1px solid var(--border); }
.pocd-ref-group:first-child { border-top: 1px solid var(--border); }
.pocd-ref-group summary { display: flex; justify-content: space-between; align-items: center; padding: 1rem 0; cursor: pointer; list-style: none; font-family: var(--font-ui); font-size: var(--type-body); font-weight: 600; color: var(--brand-teal); user-select: none; gap: 1rem; }
.pocd-ref-group summary::-webkit-details-marker { display: none; }
.pocd-ref-group summary::after { content: '+'; font-size: 1.3rem; font-weight: 300; color: var(--brand-terracotta); flex-shrink: 0; }
.pocd-ref-group[open] summary::after { content: '−'; }
.pocd-ref-count { font-family: var(--font-ui); font-size: var(--type-tag); font-weight: 500; background: rgba(0,88,89,0.08); color: var(--brand-teal); border-radius: var(--r-full); padding: 2px 8px; letter-spacing: 0; margin-left: auto; }
.pocd-ref-list { list-style: decimal; padding: 0 0 1.25rem 1.5rem; }
.pocd-ref-list li { font-family: var(--font-ui); font-size: var(--type-cap); font-style: italic; color: var(--text-muted); padding: 4px 0; line-height: 1.6; border-bottom: 1px solid rgba(0,88,89,0.05); }
.pocd-ref-list li:last-child { border-bottom: none; }
.pocd-section p a { color: var(--mint-dark); text-decoration: underline; text-underline-offset: 2px; }

/* ════════════════════════════════════════════════════════
   CROSS-PAGE NAV
   ════════════════════════════════════════════════════════ */
.pocd-page-nav { background: var(--bg-dark); padding: 48px 0; }
.pocd-page-nav-label { font-family: var(--font-ui); font-size: var(--type-tag); font-weight: 700; letter-spacing: var(--ls-eyebrow); text-transform: uppercase; color: rgba(245,240,232,0.35); margin-bottom: 1.5rem; }
.pocd-nav-links { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.pocd-nav-link { display: flex; flex-direction: column; background: rgba(255,255,255,0.04); border: 1px solid rgba(245,240,232,0.08); border-radius: var(--r-sm); padding: 1.25rem 1.5rem; text-decoration: none; transition: background var(--t-fast), border-color var(--t-fast); gap: 6px; }
.pocd-nav-link:hover { background: rgba(255,255,255,0.08); border-color: rgba(245,240,232,0.16); }
.pocd-nav-link-tag { font-family: var(--font-ui); font-size: var(--type-tag); font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--brand-orange); }
.pocd-nav-link-title { font-family: var(--font-display); font-size: 1.15rem; color: var(--text-inverse); line-height: 1.3; flex: 1; }
.pocd-nav-link-arrow { font-size: 1rem; color: rgba(245,240,232,0.30); margin-top: 4px; transition: color var(--t-fast), transform var(--t-fast); }
.pocd-nav-link:hover .pocd-nav-link-arrow { color: var(--brand-orange); transform: translateX(4px); }

/* ════════════════════════════════════════════════════════
   RESPONSIVE
   ════════════════════════════════════════════════════════ */
@media (max-width: 960px) {
  .pocd-container { padding: 0 24px; }
  .pocd-section { padding: 64px 0; }
  .pocd-two-col { grid-template-columns: 1fr; gap: 40px; }
  .pocd-prevalence-grid { grid-template-columns: repeat(2, 1fr); }
  .pocd-risk-layout { grid-template-columns: 1fr; gap: 32px; }
  .pocd-risk-stats { flex-direction: row; flex-wrap: wrap; }
  .pocd-rs-item { flex: 1; min-width: 120px; }
  .pocd-ct-header, .pocd-ct-row { grid-template-columns: 1fr 140px 140px; }
  .pocd-nav-links { grid-template-columns: 1fr; }
  .pocd-teal-stats { gap: 20px; }
  .pocd-teal-stat-div { display: none; }
  .pocd-meta-div { display: none; }
}
@media (max-width: 640px) {
  .pocd-hero-inner { padding: 40px 20px 48px; }
  .pocd-prevalence-grid { grid-template-columns: 1fr; }
  .pocd-gap-header, .pocd-gap-row { grid-template-columns: 1fr; }
  .pocd-gap-yes { border-right: none; border-bottom: 1px solid var(--border); }
  .pocd-ct-header, .pocd-ct-row { grid-template-columns: 1fr 100px 100px; font-size: 0.7rem; }
  .pocd-age-header, .pocd-age-row { grid-template-columns: 70px 60px 1fr; }
  .pocd-tabs { gap: 0; }
  .pocd-tab { padding: 10px 12px; }
}