.cs-preview-shell{
  --bg:oklch(98.4% 0.003 248);
  --surface:oklch(100% 0 0);
  --fg:oklch(28.6% 0.039 248);
  --ink:oklch(21% 0.032 265);
  --muted:oklch(48.5% 0.024 264);
  --border:oklch(92.8% 0.006 265);
  --accent:oklch(72.5% 0.0998 82.3);
  --accent-soft:oklch(72.5% 0.0998 82.3 / 0.14);
  --font-display:"Playfair Display",Georgia,"Times New Roman",serif;
  --font-body:"Lato",-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;
  --maxw:1150px;
}
.cs-preview-shell .wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}
.cs-preview-shell .wrap-narrow{max-width:720px;margin:0 auto;padding:0 28px}
.cs-preview-shell.masthead{position:sticky;top:0;z-index:50;background:var(--surface);border-bottom:1px solid var(--border)}
.cs-preview-shell.masthead::before{content:"";display:block;height:3px;background:var(--accent)}
.cs-preview-shell.masthead-inner{padding:22px 0 0;text-align:center}
.cs-preview-shell .wordmark{font-family:var(--font-display);font-weight:700;font-size:30px;letter-spacing:0.04em;color:var(--fg);text-decoration:none;line-height:1}
.cs-preview-shell .wordmark:hover{color:var(--fg)}
.cs-preview-shell .tagline{display:block;margin-top:8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.14em;color:var(--muted)}
.cs-preview-shell .main-nav{margin-top:16px}
.cs-preview-shell .main-nav ul{list-style:none;display:flex;justify-content:center;gap:6px;flex-wrap:wrap}
.cs-preview-shell .main-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:0.09em;text-decoration:none;color:var(--fg);border-bottom:2px solid transparent;transition:border-color .18s ease,background-color .18s ease}
.cs-preview-shell .main-nav a:hover{border-bottom-color:var(--accent);background-color:var(--accent-soft)}
.cs-preview-shell .main-nav a[aria-current]{border-bottom-color:var(--accent)}
.cs-preview-shell .nav-toggle{display:none}
.cs-preview-shell.footer{background:var(--fg);color:#fff;margin-top:104px}
.cs-preview-shell.footer a{color:#fff}
.cs-preview-shell.footer a:hover{color:var(--accent)}
.cs-preview-shell.footer-inner{padding:64px 28px 48px;max-width:var(--maxw);margin:0 auto}
.cs-preview-shell.footer .f-wordmark{font-family:var(--font-display);font-weight:700;font-size:26px;letter-spacing:0.04em;color:#fff}
.cs-preview-shell.footer .f-tagline{margin-top:12px;font-size:14px;color:oklch(92% 0.01 250 / 0.78);max-width:44ch}
.cs-preview-shell.footer .f-links{list-style:none;display:flex;flex-wrap:wrap;gap:8px 26px;margin-top:28px}
.cs-preview-shell.footer .f-links a{font-size:13px;letter-spacing:0.02em;text-decoration:underline;text-underline-offset:3px;text-decoration-color:oklch(92% 0.01 250 / 0.4)}
.cs-preview-shell.footer .f-links a:hover{text-decoration-color:var(--accent);color:var(--accent)}
.cs-preview-shell.footer .f-bottom{margin-top:40px;padding-top:24px;border-top:1px solid oklch(100% 0 0 / 0.12);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12px;color:oklch(92% 0.01 250 / 0.68);letter-spacing:0.02em}
.cs-preview-shell.footer a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(max-width:720px){.cs-preview-shell .main-nav{display:none}
.cs-preview-shell .main-nav.open{display:block}
.cs-preview-shell .main-nav ul{flex-direction:column;align-items:stretch;gap:0}
.cs-preview-shell .main-nav a{border-bottom:1px solid var(--border);min-height:48px;justify-content:center}
.cs-preview-shell .nav-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;margin:14px 0;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:0.09em;color:var(--fg);background:none;border:1px solid var(--border);border-radius:6px;cursor:pointer}}
.cs-preview-shell,.cs-preview-shell *{box-sizing:border-box}.cs-preview-shell{font-family:var(--font-body);font-size:17px;line-height:1.7}.cs-preview-shell p,.cs-preview-shell ul{margin:0}.cs-preview-shell .cs-preview-state{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:4px}.cs-preview-shell .f-links{margin-top:28px}.cs-preview-shell .f-tagline{margin-top:12px}
/* Existing no-script navigation contract: keep links available under the unchanged CSP. */
@media(max-width:720px){.cs-preview-shell.masthead .nav-toggle{display:none}.cs-preview-shell.masthead .main-nav{display:block}.cs-preview-shell.masthead .main-nav ul{flex-direction:row;justify-content:center;gap:0 4px}.cs-preview-shell.masthead .main-nav a{font-size:11px;padding:0 8px}}