/* Citizen Coast: shared tokens and chrome. The page-specific styles live in each page. */
:root{
  --font-anthropic-sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-anthropic-serif:"Source Serif 4",Georgia,"Times New Roman",serif;
  --color-bg:#f6f7f5;--color-panel:#ffffff;--color-fg:#16231f;--color-fg-muted:#5b6964;--color-border-line:#dfe4e1;--color-bad:#c2410c;
  --brand:#1F6F6B;--brand-ink:#ffffff;
  --cds-gap-xs:4px;--cds-gap-sm:8px;--cds-gap-md:16px;--cds-gap-lg:28px;
  --cds-pad-xs:4px;--cds-pad-sm:8px;--cds-pad-lg:20px;--cds-radius:10px;
  --cds-font-size-caption:13px;--cds-font-size-body:15.5px;--cds-font-size-heading:17px;--cds-font-size-title:30px;--cds-font-weight-medium:600;
  --cds-surface-popover:#ffffff;--cds-border:#d5dbd8;--cds-shadow-popover:0 6px 24px rgba(0,0,0,.12);--cds-text-secondary:#5b6964;
  --cds-chart-grid:#e7ebe9;--cds-chart-axis:#b9c2be;--cds-chart-muted:#b3bcb8;--cds-chart-reference:#8a9590;--cds-dur-slow:.4s;
  --skeleton:#e9edeb;color-scheme:light}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --color-bg:#0e1514;--color-panel:#151e1c;--color-fg:#e6ece9;--color-fg-muted:#9aa8a3;--color-border-line:#26312e;--color-bad:#fb923c;
  --brand:#5fb3ad;--brand-ink:#0e1514;--cds-surface-popover:#1b2523;--cds-border:#2f3b38;--cds-shadow-popover:0 6px 24px rgba(0,0,0,.5);--cds-text-secondary:#9aa8a3;
  --cds-chart-grid:#222c2a;--cds-chart-axis:#3a4744;--cds-chart-muted:#4b5753;--cds-chart-reference:#6f7d78;--skeleton:#1c2624;color-scheme:dark}}
:root[data-theme="dark"]{--color-bg:#0e1514;--color-panel:#151e1c;--color-fg:#e6ece9;--color-fg-muted:#9aa8a3;--color-border-line:#26312e;--color-bad:#fb923c;--brand:#5fb3ad;--brand-ink:#0e1514;--cds-surface-popover:#1b2523;--cds-border:#2f3b38;--cds-text-secondary:#9aa8a3;--cds-chart-grid:#222c2a;--cds-chart-axis:#3a4744;--cds-chart-muted:#4b5753;--cds-chart-reference:#6f7d78;--skeleton:#1c2624;color-scheme:dark}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--color-bg);color:var(--color-fg);font-family:var(--font-anthropic-sans);font-size:var(--cds-font-size-body);line-height:1.5}
a{color:var(--brand)}
.cc-top{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--color-bg) 88%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border-line)}
.cc-top .in{max-width:1180px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.cc-mark{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--color-fg);font-family:var(--font-anthropic-serif);font-size:20px;font-weight:600;letter-spacing:.2px}
.cc-mark svg{flex:none}
.cc-nav{display:flex;gap:4px 14px;flex-wrap:wrap;font-size:14px;margin-left:auto}
.cc-nav a{color:var(--color-fg-muted);text-decoration:none;padding:4px 2px}
.cc-nav a:hover,.cc-nav a[aria-current="page"]{color:var(--color-fg)}
.cc-nav a[aria-current="page"]{box-shadow:inset 0 -2px 0 var(--brand)}
.cc-nav .sub{color:var(--brand-ink);background:var(--brand);border-radius:999px;padding:4px 12px}
main.cc-main{max-width:1180px;margin:0 auto;padding:24px 16px 48px}
.cc-foot{border-top:1px solid var(--color-border-line);color:var(--color-fg-muted);font-size:13px}
.cc-foot .in{max-width:1180px;margin:0 auto;padding:20px 16px 36px;display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between}
.cc-foot a{color:inherit}
.dash-skeleton{color:transparent!important;background:var(--skeleton);border-radius:4px}
.chart.dash-skeleton{min-height:200px}
.cc-prose{max-width:720px}
.cc-prose h1{font-family:var(--font-anthropic-serif);font-weight:500;font-size:clamp(30px,5vw,44px);line-height:1.15;margin:8px 0 12px}
.cc-prose h2{font-family:var(--font-anthropic-serif);font-weight:500;font-size:24px;margin:32px 0 8px}
.cc-prose p{margin:0 0 12px;color:var(--color-fg)}
.cc-lede{font-size:18px;color:var(--color-fg-muted)!important}
.cc-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;margin:24px 0}
.cc-card{display:block;background:var(--color-panel);border:1px solid var(--color-border-line);border-radius:var(--cds-radius);padding:20px;text-decoration:none;color:var(--color-fg)}
.cc-card:hover{border-color:var(--brand)}
.cc-card h3{margin:0 0 6px;font-family:var(--font-anthropic-serif);font-weight:500;font-size:21px}
.cc-card p{margin:0;color:var(--color-fg-muted);font-size:14.5px}
.cc-card .go{display:inline-block;margin-top:12px;color:var(--brand);font-size:14px;font-weight:600}
.cc-how{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.cc-how li{padding-left:22px;position:relative}
.cc-how li::before{content:"";position:absolute;left:4px;top:.6em;width:8px;height:8px;border-radius:50%;background:var(--brand)}
.cc-table{width:100%;border-collapse:collapse;font-size:13.5px;background:var(--color-panel);border:1px solid var(--color-border-line);border-radius:var(--cds-radius);overflow:hidden}
.cc-table th,.cc-table td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--color-border-line)}
.cc-table th{font-weight:600;color:var(--color-fg-muted);font-size:12.5px;background:var(--color-bg)}
.cc-table td.num{font-variant-numeric:tabular-nums;white-space:nowrap}
.cc-tablewrap{overflow-x:auto;margin:12px 0 24px}
.cc-btn{display:inline-block;background:var(--brand);color:var(--brand-ink);text-decoration:none;border-radius:999px;padding:8px 16px;font-weight:600;font-size:14px}
.cc-note{font-size:13px;color:var(--color-fg-muted)}
.cc-banner{background:color-mix(in srgb,var(--brand) 12%,var(--color-panel));border:1px solid color-mix(in srgb,var(--brand) 35%,transparent);border-radius:var(--cds-radius);padding:10px 14px;font-size:13.5px;margin-bottom:16px}
@media (max-width:640px){.cc-nav{margin-left:0;width:100%}.cc-top{position:static}}