/* Layout: single reading column for About and legal pages; same H&E stain palette as the pitch */
@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap");
:root{
  --bg:#FBF8F1; --surface:#FFFFFF; --surface-2:#F5F0E4; --ink:#27213F; --muted:#6B6582; --line:#E8E1D2;
  --hema:#4334A3; --hema-soft:#EFEBFB; --on-hema:#FFFFFF; --eosin:#C2386E; --eosin-soft:#FCEBF1;
  --crit:#B3262E; --crit-soft:#FBE8E8; --good:#2B7A4B; --good-soft:#E6F3EA;
  --shadow-1:0 1px 2px rgba(39,33,63,.04), 0 6px 18px -10px rgba(39,33,63,.10);
  --shadow-2:0 2px 4px rgba(39,33,63,.05), 0 24px 44px -22px rgba(39,33,63,.26);
  --f-display:"Fraunces", "Young Serif", Georgia, "Times New Roman", serif;
  --f-body:"Inter", "Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-mono:"JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
  color-scheme:light;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0; background:var(--bg); color:var(--ink); font-family:var(--f-body); font-size:16px; line-height:1.7; -webkit-font-smoothing:antialiased;
  padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px)}
[hidden]{display:none!important}
a{color:var(--hema)}
:focus-visible{outline:2px solid var(--hema); outline-offset:3px}
.wrap{max-width:1080px; margin:0 auto; padding-left:max(20px, env(safe-area-inset-left,0px)); padding-right:max(20px, env(safe-area-inset-right,0px))}
.top{border-bottom:1px solid var(--line); background:rgba(251,248,241,.9); -webkit-backdrop-filter:saturate(1.4) blur(12px); backdrop-filter:saturate(1.4) blur(12px); position:sticky; top:0; z-index:20}
.top .wrap{display:flex; justify-content:space-between; align-items:center; gap:12px; padding-block:14px; flex-wrap:wrap}
.brandgrp{display:grid; gap:2px; min-width:0}
.mark{font-family:var(--f-display); font-weight:650; font-size:1.45rem; letter-spacing:-.025em; text-decoration:none; color:var(--hema)}
.mark span{color:var(--eosin)}
.credit{font-size:.8rem; color:var(--muted)}
.nav{display:flex; gap:16px; flex-wrap:wrap; font-weight:700; font-size:.92rem}
.nav a{text-decoration:none; color:var(--muted)}
.nav a:hover,.nav a[aria-current="page"]{color:var(--hema)}
article{max-width:70ch; padding-block:48px 64px}
h1,h2,h3{font-family:var(--f-display); font-weight:600; letter-spacing:-.018em; line-height:1.2; text-wrap:balance}
h1{font-size:clamp(2rem,4.5vw,2.8rem); margin:0 0 8px}
h2{font-size:1.35rem; margin:40px 0 10px; padding-top:20px; border-top:1px solid var(--line)}
h3{font-size:1.08rem; margin:24px 0 6px}
p,ul,ol{margin:0 0 14px}
ul,ol{padding-left:22px}
li{margin-bottom:6px}
.meta{color:var(--muted); font-size:.92rem; margin-bottom:28px}
.summary{background:var(--hema-soft); border:1px solid #E1DAF6; border-radius:16px; padding:18px 20px; margin-bottom:8px}
.summary p:last-child,.summary ul:last-child{margin-bottom:0}
.caps{text-transform:uppercase; font-size:.88rem; letter-spacing:.01em}
footer{border-top:1px solid var(--line); padding-block:24px; color:var(--muted); font-size:.85rem}
footer .links{display:flex; gap:16px; flex-wrap:wrap; margin-bottom:8px; font-weight:700}
footer .links a{text-decoration:none}