:root {
  --wrap:1376px;
  --header-h:64px;
  --h1:64px;
  --h2:44px;
  --h3:24px;
  --body:15px;
  --small:13px;
  --micro:12px;
  --control-type:14px;
  --radius-control:4px;
  --radius-card:8px;
  --radius-pill:999px;
  --s1:8px;
  --s2:16px;
  --s3:24px;
  --s4:32px;
  --s5:48px;
  --s6:80px;
  --s7:120px;
  --bg:#000000;
  --ink:#1A1C16;
  --night-ink:#FFFFFF;
  --mut:#999C92;
  --line:#25271F;
  --panel:#0A0B07;
  --panel2:#11130C;
  --lime:#C8F542;
  --lime2:#8DB51C;
  --olive:#3E4C15;
  --pale:#ECF1DC;
  --pink:#12150C;
  --pmut:#5D6450;
  --pline:#C9D1B4;
  --pdeep:#3E4C15;
  --ann-bg:#111209;
  --ann-ink:#E6E8DF;
  --nav-ink:#E4E6DD;
  --soft-ink:#D9DCCF;
  --border:#2B2E24;
  --control-border:#3A3D33;
  --control-hover:#6A6E5F;
  --brand-ink:#0B0D05;
  --track:#24261E;
  --active:#15170F;
  --art-border:#33362B;
  --reader-bg:#0E0F0A;
  --status-bg:#161B07;
  --paper:#F7F7F2;
  --paper-ink:#1A1C16;
  --paper-muted:#4E5245;
  --paper-line:#D9DBD0;
  --paper-soft:#6A6E60;
  --paper-faint:#8A8D80;
  --paper-rule:#E3E4DC;
  --quiet:#6E7166;
  --light-border:#9BA383;
  --chip:#DDE5C6;
  --art-glass:rgba(8,9,5,.86);
  --stream-a:rgba(200,245,66,.55);
  --stream-b:rgba(141,181,28,.5);
  --stream-c:rgba(62,76,21,.9);
  --veil:rgba(0,0,0,.72);
  --overlay:rgba(0,0,0,.78);
  --transparent:transparent;
  --sans:"Inter",-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Noto Sans SC","Microsoft YaHei",sans-serif;
  --mono:"JetBrains Mono","SFMono-Regular",Menlo,Consolas,monospace;
}
* { box-sizing:border-box; margin:0; padding:0; }
html { background:var(--bg); scroll-behavior:smooth; scroll-padding-top:calc(var(--header-h) + var(--s3)); }
body { --ink:var(--night-ink); background:var(--bg); color:var(--ink); font-family:var(--sans); font-size:var(--body); line-height:1.6; font-weight:400; -webkit-font-smoothing:antialiased; }
body.scroll-locked { overflow:hidden; }
a { color:inherit; text-decoration:none; }
button,input,textarea { font:inherit; }
button { cursor:pointer; }
button:disabled { cursor:wait; opacity:.55; }
button,a,input,textarea,summary { -webkit-tap-highlight-color:var(--transparent); }
button { color:inherit; }
img,svg { vertical-align:middle; }
img { max-width:100%; }
[hidden] { display:none !important; }
:focus-visible { outline:1px solid var(--ink); outline-offset:4px; }
.light :focus-visible,.surface-safety :focus-visible { outline-color:var(--pink); }
input:focus-visible,textarea:focus-visible { outline:1px solid var(--ink); outline-offset:-2px; }
.light input:focus-visible,.surface-safety input:focus-visible { outline-color:var(--pink); }
.wrap { width:min(var(--wrap),calc(100% - 64px)); margin:0 auto; }
.mono { font-family:var(--mono); letter-spacing:0; }
.sr,.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.skip-link { position:fixed; left:var(--s2); top:-80px; z-index:150; background:var(--ink); color:var(--bg); padding:var(--s1) var(--s2); border-radius:var(--radius-control); }
.skip-link:focus { top:var(--s2); }
.ann { min-height:36px; display:grid; grid-template-columns:240px 1fr 240px; align-items:center; background:var(--ann-bg); color:var(--ann-ink); border-bottom:1px solid var(--line); font-size:var(--small); }
.ann i { height:36px; background-image:radial-gradient(circle,var(--lime) 1.3px,var(--transparent) 1.8px); background-size:6px 6px; mask-image:linear-gradient(90deg,var(--bg),var(--transparent)); opacity:.75; }
.ann i:last-child { mask-image:linear-gradient(270deg,var(--bg),var(--transparent)); }
.ann p { text-align:center; color:var(--ann-ink); }
.ann b { font-weight:500; color:var(--lime); }
header.nav { height:var(--header-h); border-bottom:1px solid var(--line); background:var(--bg); color:var(--ink); position:sticky; top:0; z-index:50; }
.nav .wrap { height:var(--header-h); display:flex; align-items:center; position:relative; }
.brand { display:inline-flex; align-items:center; gap:var(--s1); font-size:18px; font-weight:600; letter-spacing:-.02em; flex:none; white-space:nowrap; }
.brand img { width:28px; height:28px; object-fit:contain; flex:none; }
.links { display:flex; align-items:center; gap:32px; margin-left:80px; font-size:var(--body); color:var(--nav-ink); }
.links a { padding:6px 0; white-space:nowrap; }
.links a[aria-current="page"] { padding-inline:12px; border-radius:var(--radius-control); background:var(--pale); color:var(--pink); text-decoration:none; }
.links a:hover { color:var(--lime); }
.navr { margin-left:auto; display:flex; align-items:center; gap:var(--s2); font-size:var(--control-type); }
.lang-wrap { position:relative; }
.lang { display:inline-flex; align-items:center; gap:var(--s1); color:var(--nav-ink); background:var(--bg); padding:0 26px 0 8px; min-height:36px; border:0; position:relative; font-size:var(--control-type); white-space:nowrap; }
.lang-symbol { width:10px; height:10px; flex:none; border:1px solid var(--lime); transform:rotate(45deg); }
.chevron { position:absolute; right:9px; top:50%; width:7px; height:7px; border-right:1px solid currentColor; border-bottom:1px solid currentColor; transform:translateY(-65%) rotate(45deg); flex:none; pointer-events:none; }
.lang-menu,.filter-menu { position:absolute; z-index:90; top:calc(100% + 8px); right:0; min-width:170px; padding:var(--s1); background:var(--panel2); color:var(--ink); border:1px solid var(--control-border); border-radius:var(--radius-card); }
.lang-menu a,.filter-menu button { display:inline-flex; align-items:center; width:100%; padding:8px 12px; border:0; border-radius:var(--radius-control); text-align:left; font-size:var(--control-type); background:var(--transparent); color:var(--ink); }
.lang-menu a:hover,.lang-menu a[aria-current],.filter-menu button:hover,.filter-menu button[aria-selected="true"] { background:var(--active); color:var(--lime); }
.nav-toggle { display:none; width:36px; height:36px; background:var(--bg); color:var(--ink); border:1px solid var(--control-border); border-radius:var(--radius-control); align-items:center; justify-content:center; }
.nav-toggle svg { width:18px; height:18px; }
.nav-drawer { position:fixed; left:32px; right:auto; top:calc(var(--drawer-top,64px) + 8px); width:min(320px,calc(100% - 64px)); max-height:calc(100dvh - var(--drawer-top,64px) - 24px); overflow:auto; z-index:80; background:var(--panel2); color:var(--ink); border:1px solid var(--control-border); border-radius:var(--radius-card); padding:var(--s1); text-align:left; }
.nav-drawer a { display:block; padding:12px 16px; border-radius:var(--radius-control); font-size:var(--control-type); }
.nav-drawer a:hover { background:var(--active); color:var(--lime); }
.nav-drawer a[aria-current="page"] { background:var(--pale); color:var(--pink); text-decoration:none; }
.pill { display:inline-flex; align-items:center; justify-content:center; min-height:36px; padding:0 18px; border-radius:var(--radius-pill); border:1px solid var(--control-border); font-size:var(--control-type); font-weight:500; color:var(--ink); background:var(--transparent); line-height:1.35; text-align:center; }
.pill.solid { background:var(--ink); color:var(--bg); border-color:var(--ink); }
.pill.lime { background:var(--lime); color:var(--brand-ink); border-color:var(--lime); }
.pill.lg { min-height:44px; padding:10px 26px; font-size:var(--body); }
.pill:hover,.btn:hover { border-color:var(--control-hover); }
.pill.solid:hover { background:var(--pale); color:var(--bg); border-color:var(--pale); }
.pill.lime:hover,.btn.lime:hover { background:var(--lime2); color:var(--brand-ink); border-color:var(--lime2); }
.navr .pill { flex:none; white-space:nowrap; }
.x-short { display:none; }
.hero { padding:0 0 var(--s7); }
.hero-grid { display:grid; grid-template-columns:minmax(0,1fr) 55%; gap:var(--s5); padding-top:var(--s5); }
.hero-left { display:grid; min-width:0; }
.stream,.hero-copy { grid-area:1/1; }
.stream { height:300px; background-image:repeating-linear-gradient(90deg,var(--stream-a) 0 2px,var(--transparent) 2px 7px),repeating-linear-gradient(90deg,var(--stream-b) 0 3px,var(--transparent) 3px 13px),repeating-linear-gradient(90deg,var(--stream-c) 0 5px,var(--transparent) 5px 23px); mask-image:linear-gradient(180deg,var(--bg) 0,var(--transparent) 100%),linear-gradient(90deg,var(--transparent) 0,var(--bg) 8%,var(--transparent) 22%,var(--bg) 38%,var(--transparent) 47%,var(--bg) 62%,var(--bg) 70%,var(--transparent) 82%,var(--bg) 92%,var(--transparent) 100%); mask-composite:intersect; opacity:.55; animation:flow 14s linear infinite; pointer-events:none; }
@keyframes flow { to { background-position:140px 0,-260px 0,460px 0; }
 }
.hero-copy { display:flex; flex-direction:column; padding-top:200px; min-width:0; }
.eyebrow { font-family:var(--mono); font-size:var(--micro); letter-spacing:.06em; text-transform:uppercase; color:var(--soft-ink); display:flex; align-items:center; gap:var(--s1); margin:0; }
.eyebrow svg { width:14px; height:14px; flex:none; }
.eyebrow + h1,.eyebrow + h2,.eyebrow + h3 { margin-top:var(--s3); }
h1 { font-size:var(--h1); line-height:1.12; font-weight:500; letter-spacing:-.04em; margin-top:var(--s3); }
h1 em { font-style:normal; }
.lede,.section-intro { font-size:18px; color:var(--mut); margin-top:var(--s3); }
.seg { display:flex; flex-wrap:wrap; gap:var(--s2); margin-top:var(--s4); }
.seg a { cursor:pointer; display:inline-flex; align-items:center; justify-content:center; gap:var(--s1); min-height:44px; padding:10px 26px; border-radius:var(--radius-pill); border:1px solid var(--control-border); font-size:var(--body); font-weight:500; line-height:1.35; color:var(--ink); background:var(--transparent); transition:background .2s,color .2s; }
.seg a:hover { border-color:var(--control-hover); }
.seg a svg { width:16px; height:16px; flex:none; }
.seg .selected { background:var(--ink); color:var(--bg); border-color:var(--ink); }
.facts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--s2); margin-top:var(--s5); padding-top:var(--s3); border-top:1px solid var(--line); }
.facts div { font-size:var(--small); color:var(--mut); line-height:1.5; }
.facts b { display:block; font-family:var(--mono); font-size:18px; font-weight:500; color:var(--ink); margin-bottom:4px; }
.hero-art { display:grid; border-radius:var(--radius-card); overflow:hidden; background:var(--panel); min-width:0; }
.hero-art .art-photo { grid-area:1/1; width:100%; height:clamp(22rem,38vw,34rem); object-fit:cover; filter:saturate(.85) contrast(1.05); }
.hero-art .shade { grid-area:1/1; background:linear-gradient(200deg,var(--transparent) 40%,var(--veil) 100%); pointer-events:none; }
.hero-art .float-card { grid-area:1/1; align-self:end; justify-self:start; margin:1.5rem; width:340px; max-width:calc(100% - 3rem); background:var(--art-glass); color:var(--ink); border:1px solid var(--art-border); border-radius:var(--radius-card); padding:var(--s2); display:grid; grid-template-columns:56px minmax(0,1fr); gap:var(--s2); align-items:center; }
.float-card svg { width:56px; height:56px; }
.float-card p { font-size:var(--small); color:var(--mut); line-height:1.5; }
.float-card p b { font-family:var(--mono); color:var(--ink); font-weight:500; }
.float-card .t { font-size:var(--body); color:var(--ink); font-weight:500; margin-bottom:4px; }
.tool { margin-top:var(--s5); scroll-margin-top:calc(var(--header-h) + var(--s3)); }
.win { border:1px solid var(--border); border-radius:var(--radius-card); background:var(--panel); color:var(--ink); overflow:hidden; }
.addr { display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; gap:var(--s4); padding:var(--s3) var(--s4); border-bottom:1px solid var(--border); background:var(--panel2); color:var(--ink); }
.addr small { display:block; font-family:var(--mono); font-size:var(--micro); color:var(--mut); letter-spacing:.04em; margin-bottom:var(--s1); }
.addr .ad { font-family:var(--mono); font-size:24px; letter-spacing:0; white-space:nowrap; color:var(--ink); display:flex; align-items:center; gap:var(--s2); overflow:auto; scrollbar-width:thin; }
.addr .ad em { font-style:normal; color:var(--mut); }
.btns,.actions { display:flex; align-items:center; flex-wrap:wrap; gap:var(--s1); }
.actions { gap:var(--s2); margin-top:var(--s3); }
.btn { display:inline-flex; align-items:center; justify-content:center; gap:var(--s1); min-height:40px; padding:8px 16px; border-radius:var(--radius-control); border:1px solid var(--control-border); font-size:var(--control-type); font-weight:500; line-height:1.35; color:var(--ink); background:var(--transparent); text-align:center; }
.btn svg { width:16px; height:16px; flex:none; }
.btn.lime { background:var(--lime); border-color:var(--lime); color:var(--brand-ink); }
.ttl { display:flex; align-items:center; gap:var(--s2); padding-left:var(--s4); border-left:1px solid var(--border); }
.ttl .ttl-label { margin-bottom:4px; }
.ttl .cd { font-family:var(--mono); font-size:24px; letter-spacing:0; white-space:nowrap; }
.bar { width:120px; height:4px; background:var(--track); border-radius:var(--radius-control); margin-top:var(--s1); overflow:hidden; }
.bar i { display:block; width:12.4%; height:4px; background:var(--lime); }
.mailbox-body { display:grid; grid-template-columns:400px minmax(0,1fr); min-height:620px; }
.list { border-right:1px solid var(--border); display:flex; flex-direction:column; min-width:0; max-height:720px; }
.lh { min-height:56px; display:flex; align-items:center; justify-content:space-between; gap:var(--s1); padding:0 var(--s3); border-bottom:1px solid var(--border); font-size:var(--control-type); flex:none; }
.lh > span { color:var(--mut); font-family:var(--mono); font-size:var(--micro); }
.lh .rf { display:inline-flex; align-items:center; justify-content:center; gap:var(--s1); color:var(--soft-ink); background:var(--transparent); border:0; font-size:var(--small); min-height:36px; }
.lh .rf svg { width:14px; height:14px; }
.mail-rows { overflow:auto; flex:1; min-height:0; }
.row { width:100%; height:76px; display:grid; grid-template-columns:40px minmax(0,1fr) auto; gap:var(--s2); align-items:center; padding:0 var(--s3); border:0; border-bottom:1px solid var(--border); border-radius:0; background:var(--panel); color:var(--ink); text-align:left; flex:none; }
.row.is-active { background:var(--active); box-shadow:inset 2px 0 0 var(--lime); }
.row:hover { background:var(--panel2); color:var(--ink); }
.tile,.sender-mark { width:40px; height:40px; border-radius:var(--radius-card); display:grid; place-items:center; flex:none; background:var(--paper); color:var(--paper-ink); }
.tile.amazon { background:var(--panel2); color:var(--ink); }
.row > div { min-width:0; }
.row h4 { font-size:var(--control-type); font-weight:500; line-height:1.4; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.row p { font-size:var(--small); color:var(--mut); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:1.5; }
.row time { font-family:var(--mono); font-size:var(--micro); color:var(--mut); align-self:center; white-space:nowrap; }
.unread-dot { display:inline-block; width:6px; height:6px; margin-right:var(--s1); background:var(--lime); border-radius:var(--radius-pill); vertical-align:middle; }
.listfoot { margin-top:auto; padding:var(--s3); border-top:1px solid var(--border); display:grid; grid-template-columns:24px minmax(0,1fr); gap:var(--s2); align-items:start; font-size:var(--small); color:var(--mut); line-height:1.5; flex:none; }
.listfoot svg { width:24px; height:24px; }
.read { display:flex; flex-direction:column; min-width:0; min-height:0; max-height:720px; overflow:auto; background:var(--panel); color:var(--ink); }
.rh { display:grid; grid-template-columns:40px minmax(0,1fr) auto; gap:var(--s2); align-items:center; padding:var(--s3) var(--s4); border-bottom:1px solid var(--border); flex:none; }
.rh h3 { font-size:18px; font-weight:500; line-height:1.4; display:flex; align-items:center; flex-wrap:wrap; gap:var(--s1); overflow-wrap:anywhere; color:var(--night-ink); }
[data-reader-subject] { color:var(--night-ink); }
.rh p { font-size:var(--small); color:var(--mut); font-family:var(--mono); letter-spacing:0; overflow-wrap:anywhere; }
.demo { display:inline-flex; align-items:center; font-family:var(--mono); font-size:11px; font-weight:500; padding:2px 8px; border-radius:var(--radius-control); border:1px solid var(--olive); color:var(--lime); background:var(--status-bg); }
.rh time { font-family:var(--mono); font-size:var(--micro); color:var(--mut); }
.mail { flex:1; padding:var(--s4); background:var(--reader-bg); color:var(--ink); min-width:0; }
.sheet { background:var(--paper); color:var(--paper-ink); border-radius:var(--radius-card); max-width:600px; padding:var(--s4) 40px; }
.ebay { font-size:30px; font-weight:600; letter-spacing:-.05em; line-height:1.15; min-height:35px; display:flex; align-items:center; }
.ebay svg { width:80px; height:35px; }
.sheet h5 { font-size:18px; font-weight:600; margin-top:var(--s3); }
.sheet p { font-size:var(--control-type); color:var(--paper-muted); margin-top:var(--s1); }
.code { margin-top:var(--s3); display:flex; align-items:center; justify-content:space-between; gap:var(--s2); border:1px solid var(--paper-line); border-radius:var(--radius-control); background:var(--ink); color:var(--paper-ink); padding:var(--s2) var(--s3); }
.code b { font-family:var(--mono); font-size:40px; font-weight:500; letter-spacing:.16em; color:var(--pink); }
.code span { font-size:var(--small); color:var(--paper-soft); }
.sheet .disc { font-size:var(--micro); color:var(--paper-faint); margin-top:var(--s3); padding-top:var(--s2); border-top:1px solid var(--paper-rule); }
.rf2 { min-height:64px; display:flex; align-items:center; flex-wrap:wrap; gap:var(--s1); padding:12px var(--s4); border-top:1px solid var(--border); flex:none; }
.rf2 .sp { margin-left:auto; font-size:var(--small); color:var(--mut); }
.reader-mobile-actions { display:none; }
.read.is-real .demo,.read.is-real [data-demo-brand] { display:none; }
.reader-frame { display:block; width:100%; max-width:100%; min-width:0; min-height:360px; border:0; background:var(--paper); color:var(--paper-ink); }
.reader-text { white-space:pre-wrap; overflow-wrap:anywhere; font:var(--control-type)/1.7 var(--mono); }
.sec { padding:var(--s7) 0; }
.big { font-size:var(--h2); line-height:1.24; font-weight:500; letter-spacing:-.035em; max-width:1000px; }
.big span { color:var(--mut); }
.indent { margin-left:392px; }
.feat { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--s3); margin-top:var(--s6); }
.feat article { display:flex; flex-direction:column; gap:var(--s3); min-width:0; }
.feat p { font-size:var(--body); color:var(--mut); }
.feat p b { color:var(--ink); font-weight:500; }
.viz { height:280px; border-radius:var(--radius-card); background:var(--panel); color:var(--ink); border:1px solid var(--line); overflow:hidden; display:grid; }
.viz svg { width:100%; height:100%; }
.light { background:var(--pale); color:var(--pink); }
.light .big span { color:var(--pmut); }
.light .eyebrow { color:var(--pdeep); }
.light .section-intro { color:var(--pmut); }
.fwd { display:grid; grid-template-columns:392px minmax(0,1fr); }
.fwd .side { display:flex; flex-direction:column; gap:var(--s2); padding-top:12px; }
.light .pill { background:var(--transparent); border-color:var(--light-border); color:var(--pink); }
.light .pill.dark { background:var(--pink); color:var(--pale); border-color:var(--pink); }
.light .pill:hover { background:var(--chip); color:var(--pink); border-color:var(--pdeep); }
.light .pill.dark:hover { background:var(--pdeep); color:var(--pale); }
.side .pill { align-self:flex-start; }
.side .pill:first-of-type { margin-top:var(--s1); }
.flowfig { margin-top:var(--s6); border-top:1px solid var(--pline); border-bottom:1px solid var(--pline); display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
.flowfig > div { padding:var(--s4) var(--s4) 40px 0; min-width:0; }
.flowfig > div + div { padding-left:var(--s4); border-left:1px solid var(--pline); }
.flowfig .k { font-family:var(--mono); font-size:var(--micro); color:var(--pdeep); letter-spacing:.04em; }
.flowfig h4 { font-size:var(--h3); font-weight:500; letter-spacing:-.02em; margin-top:var(--s2); }
.flowfig p { font-size:var(--body); color:var(--pmut); margin-top:var(--s1); }
.flowfig .chip { display:inline-block; max-width:100%; margin-top:var(--s3); font-family:var(--mono); font-size:var(--control-type); letter-spacing:0; padding:var(--s1) var(--s2); border-radius:var(--radius-control); background:var(--chip); color:var(--pink); overflow-wrap:anywhere; }
.flowfig .chip.d { background:var(--pdeep); color:var(--pale); }
.limits { display:flex; flex-wrap:wrap; gap:var(--s4); margin-top:var(--s4); font-size:var(--small); color:var(--pmut); }
.limits b { font-weight:500; color:var(--pink); }
.steps { display:grid; grid-template-columns:392px minmax(0,1fr); margin-top:var(--s6); }
.slist { display:flex; flex-direction:column; }
.slist div { padding:var(--s3) 0; border-top:1px solid var(--line); }
.slist div:last-child { border-bottom:1px solid var(--line); }
.slist .k { font-family:var(--mono); font-size:var(--micro); color:var(--lime); }
.slist h4 { font-size:18px; font-weight:500; margin-top:var(--s1); }
.slist p { font-size:var(--body); color:var(--mut); }
.term { margin-left:var(--s5); border:1px solid var(--border); border-radius:var(--radius-card); background:var(--panel); color:var(--soft-ink); display:grid; grid-template-rows:44px 1fr; min-width:0; }
.term .tb { border-bottom:1px solid var(--border); display:flex; align-items:center; padding:0 var(--s3); font-family:var(--mono); font-size:var(--micro); color:var(--mut); }
.term pre { font-family:var(--mono); font-size:var(--body); line-height:2.1; letter-spacing:0; padding:var(--s4); color:var(--soft-ink); white-space:pre; overflow:auto; }
.term .g { color:var(--lime); }
.term .m { color:var(--quiet); }
.scenes { margin-top:var(--s7); }
.scenes h3 { font-size:var(--h3); font-weight:500; letter-spacing:-.02em; }
.sgrid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:var(--s3); margin-top:var(--s4); }
.sgrid a { display:flex; flex-direction:column; gap:var(--s1); padding-top:var(--s3); border-top:1px solid var(--line); transition:border-color .2s; min-width:0; }
.sgrid a:hover { border-color:var(--lime); }
.sgrid b { font-size:var(--body); font-weight:500; }
.sgrid span { font-size:var(--small); color:var(--mut); }
.sgrid code { font-family:var(--mono); font-size:var(--micro); color:var(--quiet); letter-spacing:0; overflow-wrap:anywhere; }
.faq { display:grid; grid-template-columns:392px minmax(0,1fr); }
.faq .side p:not(.eyebrow) { font-size:var(--body); color:var(--pmut); margin-top:var(--s2); }
.faq details { border-top:1px solid var(--pline); }
.faq details:last-child { border-bottom:1px solid var(--pline); }
.faq summary { list-style:none; cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:var(--s3); padding:var(--s3) 0; font-size:18px; font-weight:500; }
summary::-webkit-details-marker { display:none; }
.faq summary .faq-chevron { width:7px; height:7px; border-right:1px solid currentColor; border-bottom:1px solid currentColor; transform:rotate(45deg); flex:none; margin:0 5px 4px; transition:transform .2s; }
.faq details[open] .faq-chevron { transform:rotate(225deg); margin-top:6px; }
.faq details p { font-size:var(--body); color:var(--pmut); padding:0 0 var(--s3); max-width:720px; }
.faq a { color:var(--pdeep); border-bottom:1px solid var(--pdeep); }
.cta { display:grid; grid-template-columns:minmax(0,1fr) 480px; gap:var(--s5); align-items:stretch; }
.cta h2 { font-size:var(--h1); line-height:1.12; font-weight:500; letter-spacing:-.04em; }
.cta .acts { display:flex; flex-wrap:wrap; gap:var(--s2); margin-top:var(--s5); }
.dots { border-radius:var(--radius-card); border:1px solid var(--line); background-image:radial-gradient(circle,var(--lime) 1.4px,var(--transparent) 2px); background-size:8px 8px; mask-image:radial-gradient(circle at 70% 40%,var(--bg) 10%,var(--transparent) 75%); min-height:280px; }
footer { border-top:1px solid var(--line); padding:var(--s6) 0 var(--s5); background:var(--bg); color:var(--ink); }
.fgrid { display:grid; grid-template-columns:392px repeat(4,minmax(0,1fr)); gap:var(--s3); }
.fgrid > div { min-width:0; }
.fgrid .brand { margin-bottom:var(--s2); }
.fgrid p { font-size:var(--small); color:var(--mut); }
.fgrid h6 { font-family:var(--mono); font-size:var(--micro); font-weight:500; color:var(--mut); letter-spacing:.04em; margin-bottom:var(--s2); }
.fgrid ul { list-style:none; display:flex; flex-direction:column; gap:var(--s1); font-size:var(--control-type); color:var(--soft-ink); }
.fgrid ul a { overflow-wrap:anywhere; }
.fgrid ul a:hover { color:var(--lime); }
.footer-support { margin-top:var(--s2); }
.footer-support .pill { margin-top:var(--s2); background:var(--pale); color:var(--pink); border-color:var(--pale); font-size:var(--small); max-width:100%; overflow-wrap:anywhere; padding:8px 16px; }
.footer-support .pill:hover { background:var(--lime); color:var(--brand-ink); border-color:var(--lime); }
.fbot { display:flex; justify-content:space-between; flex-wrap:wrap; gap:var(--s2); margin-top:var(--s6); padding-top:var(--s3); border-top:1px solid var(--line); font-size:var(--small); color:var(--quiet); font-family:var(--mono); }
.card { padding:var(--s4); border:1px solid var(--border); border-radius:var(--radius-card); background:var(--panel); color:var(--ink); }
.card h3 { font-size:18px; font-weight:500; }
.card p { margin-top:var(--s1); color:var(--mut); }
.field-label { display:block; font-size:var(--small); margin-bottom:var(--s1); }
.input,textarea { width:100%; min-width:0; min-height:44px; border:1px solid var(--control-border); border-radius:var(--radius-control); padding:10px 16px; background:var(--panel2); color:var(--ink); font-family:var(--sans); font-size:var(--control-type); }
.input::placeholder,textarea::placeholder { color:var(--quiet); opacity:1; font-size:var(--control-type); }
.input:focus,textarea:focus { border-color:var(--ink); outline:none; box-shadow:inset 0 0 0 1px var(--ink); }
.table-scroll { overflow:auto; margin-top:var(--s3); }
table { border-collapse:collapse; width:100%; font-size:var(--control-type); text-align:left; }
th,td { padding:var(--s2); border-bottom:1px solid var(--border); vertical-align:middle; }
th { color:var(--mut); font-weight:500; }
.light th,.light td { border-color:var(--pline); }
.light th { color:var(--pmut); }
.empty-host { display:grid; place-items:center; }
.empty-state { width:min(420px,calc(100% - 32px)); height:auto; min-height:0; margin:var(--s2) auto; padding:16px; border:1px solid var(--border); border-radius:var(--radius-card); background:var(--panel2); color:var(--ink); }
.empty-state h3 { font-size:18px; font-weight:500; }
.empty-state p { font-size:var(--control-type); color:var(--mut); margin-top:var(--s1); }
.status-pill { display:inline-flex; align-items:center; width:auto; padding:4px 10px; border:1px solid var(--olive); border-radius:var(--radius-pill); background:var(--status-bg); color:var(--lime); font-size:var(--micro); line-height:1.4; margin:0; }
.status-pill.idle { background:var(--chip); color:var(--pdeep); border-color:var(--light-border); }
.filter { display:inline-block; position:relative; }
.filter-trigger { position:relative; display:inline-flex; align-items:center; gap:var(--s1); width:auto; min-height:36px; margin-block:16px; padding:8px 30px 8px 14px; border:1px solid var(--control-border); border-radius:var(--radius-pill); background:var(--panel2); color:var(--ink); font-size:var(--control-type); }
.filter-menu { left:0; right:auto; min-width:200px; }
.toast { position:fixed; z-index:200; left:50%; bottom:var(--s3); transform:translate(-50%,12px); max-width:min(430px,calc(100% - 32px)); width:max-content; padding:12px 20px; border:1px solid var(--light-border); border-radius:var(--radius-card); background:var(--pale); color:var(--pink); font-size:var(--control-type); opacity:0; visibility:hidden; pointer-events:none; transition:opacity .2s,transform .2s,visibility .2s; }
.toast.show { opacity:1; visibility:visible; transform:translate(-50%,0); }
.modal { position:fixed; inset:0; z-index:120; display:grid; place-items:center; padding:var(--s2); background:var(--overlay); color:var(--ink); }
.modal-card { width:min(420px,100%); padding:var(--s4); border:1px solid var(--control-border); border-radius:var(--radius-card); background:var(--panel2); color:var(--ink); }
.modal-card > svg { width:28px; height:28px; margin-bottom:12px; color:var(--lime); }
.modal h2 { font-size:var(--h3); line-height:1.35; font-weight:500; letter-spacing:-.02em; margin:0; }
.modal p { margin-top:var(--s2); color:var(--mut); font-size:var(--control-type); }
.modal .actions { justify-content:flex-end; }
.auth-layout { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--s6); padding-top:var(--s6); padding-bottom:var(--s7); align-items:start; }
.auth-story,.credential-bay { min-width:0; }
.auth-story h1 { font-size:var(--h2); line-height:1.25; }
.auth-story .section-intro { font-size:var(--body); }
.credential-terminal { padding:var(--s4); border:1px solid var(--border); border-radius:var(--radius-card); background:var(--panel); color:var(--ink); }
.credential-terminal h2,
[data-code-pane] h2 { font-size:24px; font-weight:500; line-height:1.3; }
.credential-terminal form { display:grid; gap:var(--s2); margin-top:var(--s3); }
.credential-terminal .input { background:var(--panel2); color:var(--ink); border:1px solid var(--control-hover); }
.auth-notice { margin:var(--s5) 0 var(--s2); padding:12px 0; font-size:var(--control-type); color:var(--mut); overflow-wrap:anywhere; }
.auth-secondary { display:flex; flex-wrap:wrap; gap:var(--s1); }
.auth-secondary button { min-height:40px; background:var(--panel2); color:var(--ink); border:1px solid var(--control-border); border-radius:var(--radius-pill); padding:8px 16px; font-size:var(--control-type); }
.desk-root { padding-top:var(--s6); padding-bottom:var(--s7); min-width:0; }
.desk-session { display:flex; flex-wrap:wrap; align-items:center; gap:var(--s2); margin-bottom:var(--s5); }
.desk-session [data-session-email] { font-family:var(--mono); overflow-wrap:anywhere; min-width:0; }
.alias-desk { border:1px solid var(--border); border-radius:var(--radius-card); padding:var(--s4); background:var(--panel); color:var(--ink); }
.alias-compose { display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; gap:var(--s1); margin-top:var(--s3); }
.prefix-group { display:flex; align-items:center; min-width:0; gap:var(--s1); padding-right:var(--s2); border:1px solid var(--control-border); border-radius:var(--radius-pill); background:var(--panel2); color:var(--night-ink); }
.prefix-group input { border:0; border-radius:var(--radius-pill); min-width:0; height:44px; padding-left:16px; font-size:var(--control-type); background:var(--panel2); color:var(--night-ink); }
.prefix-group:focus-within {
  border-color:var(--lime);
  outline:1px solid var(--lime);
  outline-offset:-2px;
}
.prefix-group input:focus,
.prefix-group input:focus-visible {
  outline:none;
  box-shadow:none;
}
.prefix-group span { font:var(--control-type)/1.4 var(--mono); color:var(--mut); flex:none; }
.alias-compose button { height:44px; min-height:44px; font-size:var(--control-type); }
.alias-compose [data-random-prefix] { border-radius:var(--radius-pill); background:var(--panel); color:var(--night-ink); }
.alias-compose button[type="submit"] { min-width:120px; }
.alias-list,.alias-desk > .empty-state { margin-top:var(--s3); }
.alias-desk > .empty-state { width:100%; margin-left:0; margin-right:0; }
.alias-row { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:var(--s2); padding:var(--s2) 0; border-bottom:1px solid var(--border); }
.alias-address { font-family:var(--mono); font-size:var(--control-type); overflow-wrap:anywhere; }
.alias-actions { display:flex; flex-wrap:wrap; gap:var(--s1); }
.archive-desk { margin-top:var(--s5); padding:var(--s4) 0; background:var(--bg); color:var(--ink); }
.archive-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:var(--s2); margin-bottom:var(--s3); }
.archive-toolbar h2,.alias-desk h2,.surface-safety h2 { font-size:var(--h3); font-weight:500; line-height:1.35; }
.archive-list { border:0; }
.archive-row { display:block; width:100%; padding:var(--s2) 0; border:0; border-bottom:1px solid var(--border); border-radius:0; text-align:left; background:var(--bg); color:var(--ink); font-size:var(--control-type); }
.archive-row-inner { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:var(--s2); align-items:center; }
.archive-row-meta { display:flex; align-items:center; gap:var(--s2); white-space:nowrap; font-size:var(--micro); color:var(--mut); }
.archive-row-subject { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.archive-empty { width:100%; margin:var(--s3) 0 0; }
.archive-detail { min-width:0; max-width:100%; margin-top:var(--s3); border:1px solid var(--border); border-radius:var(--radius-card); background:var(--panel); color:var(--ink); overflow:hidden; }
.archive-detail-header { display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; gap:var(--s2); padding:var(--s3); }
.archive-detail-header .btn { align-self:flex-start; flex:none; }
.archive-detail .status-pill { margin-bottom:var(--s2); }
.archive-detail-body { padding:var(--s3); }
.surface-safety { margin-top:var(--s5); padding:var(--s4); border:1px solid var(--pline); border-radius:var(--radius-card); background:var(--pale); color:var(--pink); }
.twofa-status { display:flex; flex-wrap:wrap; align-items:center; gap:var(--s2); margin-top:var(--s2); margin-bottom:24px; }
.twofa-status .status-pill { margin:0; }
.surface-safety p { color:var(--pmut); }
.surface-safety .btn { border-color:var(--pdeep); background:var(--pink); color:var(--pale); align-self:start; }
.surface-safety .btn:hover { background:var(--pdeep); color:var(--pale); }
.twofa-start { margin-top:var(--s3); width:auto; }
.twofa-steps { list-style:none; display:grid; gap:var(--s2); margin-top:var(--s3); }
.twofa-steps li { display:flex; align-items:flex-start; gap:var(--s2); font-size:var(--control-type); }
.step-number { width:24px; height:24px; display:inline-grid; place-items:center; flex:none; border:1px solid var(--pdeep); border-radius:var(--radius-pill); color:var(--pdeep); }
.twofa-setup { margin-top:var(--s3); margin-bottom:var(--s3); padding-top:var(--s3); border-top:1px solid var(--pline); background:var(--pale); color:var(--pink); }
.setup-grid { display:grid; grid-template-columns:180px minmax(0,1fr); gap:var(--s4); align-items:start; }
.twofa-qr { width:180px; height:180px; aspect-ratio:1; object-fit:contain; background:var(--ink); }
.twofa-secret { color:var(--pink); font-family:var(--mono); overflow-wrap:anywhere; margin:var(--s2) 0; }
.twofa-actions { display:flex; flex-wrap:wrap; gap:var(--s1); align-items:center; margin-top:var(--s3); }
.twofa-actions .input { width:160px; background:var(--ink); color:var(--pink); border-color:var(--light-border); }
.twofa-actions .btn { margin:0; min-height:44px; }
.twofa-actions .input:focus { border-color:var(--pink); box-shadow:inset 0 0 0 1px var(--pink); }
.twofa-secret-copy { width:auto; white-space:nowrap; }
.article-shell { width:min(1120px,calc(100% - 64px)); margin:0 auto; padding:var(--s6) 0 var(--s7); }
.article-grid { display:grid; grid-template-columns:240px minmax(0,1fr); gap:var(--s5); align-items:start; }
.article-toc { position:sticky; top:calc(var(--header-h) + var(--s2)); border:1px solid var(--border); border-radius:var(--radius-card); padding:var(--s3); background:var(--panel); color:var(--ink); font-size:var(--control-type); }
.article-toc ol { margin:var(--s2) 0 0; padding-left:20px; }
.article-toc li + li { margin-top:var(--s1); }
.toc-count { display:block; margin-top:var(--s2); color:var(--mut); }
.prose { min-width:0; font-size:var(--body); line-height:1.8; }
.prose h2 { font-size:var(--h3); font-weight:500; line-height:1.4; margin:var(--s5) 0 var(--s3); letter-spacing:-.02em; }
.prose h3 { font-size:18px; font-weight:500; line-height:1.5; margin:var(--s4) 0 var(--s2); }
.prose p + p { margin-top:var(--s2); }
.prose ul,.prose ol { margin:var(--s3) 0; padding-left:24px; }
.prose table,.prose .card { margin-top:var(--s3); margin-bottom:var(--s4); }
.prose a:not(.pill):not(.btn) { color:var(--lime); text-decoration:underline; text-underline-offset:3px; }
.light .prose a:not(.pill):not(.btn) { color:var(--pdeep); }
.article-cta { margin-top:var(--s5); padding:var(--s4); background:var(--panel2); color:var(--ink); border:1px solid var(--border); border-radius:var(--radius-card); }
.article-cta .actions { margin-top:28px; }
.recommend-float { position:fixed; right:var(--s3); bottom:var(--s3); width:min(340px,calc(100% - 32px)); z-index:60; border:1px solid var(--control-border); border-radius:var(--radius-card); background:var(--panel2); color:var(--ink); overflow:hidden; }
.recommend-float img { width:100%; height:140px; object-fit:cover; }
.recommend-content { padding:var(--s3); }
.recommend-content .pill { margin-top:var(--s3); max-width:100%; white-space:normal; height:auto; padding-top:10px; padding-bottom:10px; }
.float-close { position:absolute; top:var(--s1); right:var(--s1); width:32px; height:32px; display:grid; place-items:center; border:1px solid var(--control-border); border-radius:var(--radius-control); background:var(--panel2); color:var(--ink); }
.float-close svg { width:16px; height:16px; }
@media (max-width:1100px) {
  :root { --h1:52px; --h2:38px; }
  .links { gap:12px; margin-left:32px; font-size:var(--control-type); }
  .navr { gap:var(--s1); }
  .hero-grid { gap:var(--s3); grid-template-columns:minmax(0,1fr) 50%; }
  .hero-copy { padding-top:120px; }
  .hero-art .art-photo { height:100%; min-height:480px; }
  .addr { grid-template-columns:minmax(0,1fr) auto; gap:var(--s3); padding:var(--s3); }
  .ttl { grid-column:1/-1; border-left:0; border-top:1px solid var(--border); padding:var(--s2) 0 0; }
  .mailbox-body { grid-template-columns:35% minmax(0,1fr); }
  .row { gap:var(--s1); padding:0 var(--s2); grid-template-columns:40px minmax(0,1fr); }
  .row time { display:none; }
  .indent { margin-left:28%; }
  .fwd,.steps,.faq { grid-template-columns:28% minmax(0,1fr); }
  .term { margin-left:var(--s4); }
  .cta { grid-template-columns:minmax(0,1fr) 35%; }
  .fgrid { grid-template-columns:28% repeat(4,minmax(0,1fr)); gap:var(--s2); }
  .sheet { padding:var(--s3); }
  .code { flex-wrap:wrap; padding:var(--s2); }
}
@media (max-width:960px) {
  .auth-layout { grid-template-columns:minmax(0,1fr); gap:var(--s5); }
  .credential-bay { order:-1; }
}
@media (max-width:860px) {
  :root { --h1:46px; --h2:34px; }
  .ann { grid-template-columns:64px minmax(0,1fr) 64px; }
  .links,.navr .header-create,.navr > [data-auth-link] { display:none; }
  .nav-toggle { display:inline-flex; margin-right:var(--s2); order:-1; }
  .navr { margin-left:auto; }
  .hero-grid { grid-template-columns:minmax(0,1fr); gap:var(--s4); padding-top:var(--s4); }
  .hero-copy { padding-top:100px; }
  .stream { height:210px; }
  .hero-art .art-photo { height:auto; min-height:0; aspect-ratio:1280/719; }
  .hero-art { max-height:none; }
  .facts { margin-top:var(--s4); }
  .tool { margin-top:var(--s4); }
  .mailbox-body { grid-template-columns:36% minmax(0,1fr); }
  .lh { padding:0 var(--s2); }
  .listfoot { padding:var(--s2); grid-template-columns:minmax(0,1fr); }
  .rh { padding:var(--s2); grid-template-columns:40px minmax(0,1fr); }
  .rh time { grid-column:2; }
  .mail { padding:var(--s2); }
  .rf2 { padding:var(--s2); }
  .rf2 .sp { width:100%; margin-left:0; }
  .indent { margin-left:0; }
  .feat { gap:var(--s2); margin-top:var(--s5); }
  .viz { height:210px; }
  .fwd,.faq { grid-template-columns:minmax(0,1fr); gap:var(--s4); }
  .fwd .side { flex-direction:row; flex-wrap:wrap; align-items:center; padding:0; }
  .fwd .side .pill { margin-top:0; }
  .flowfig { margin-top:var(--s5); }
  .flowfig > div { padding:var(--s3) var(--s2) var(--s3) 0; }
  .flowfig > div + div { padding-left:var(--s2); }
  .steps { grid-template-columns:32% minmax(0,1fr); margin-top:var(--s5); }
  .term { margin-left:var(--s3); }
  .term pre { padding:var(--s3); font-size:var(--small); }
  .sgrid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .cta { grid-template-columns:minmax(0,1fr) 30%; gap:var(--s3); }
  .fgrid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--s4) var(--s2); }
  .footer-brand { grid-column:1/-1; }
  .footer-support { max-width:600px; }
  .article-grid { grid-template-columns:minmax(0,1fr); }
  .article-toc { position:static; }
}
@media (max-width:560px) {
  :root { --h1:40px; --h2:30px; --s7:72px; --s6:48px; }
  .wrap { width:calc(100% - 32px); }
  .ann { grid-template-columns:16px minmax(0,1fr) 16px; font-size:11px; }
  .ann p { padding:6px 0; }
  .ann i { height:100%; min-height:36px; }
  .nav-toggle { margin-right:12px; }
  .nav .brand { font-size:17px; }
  .nav .brand img { width:26px; height:26px; }
  .lang { width:36px; padding:0; min-height:36px; border:0; background:var(--bg); color:var(--ink); }
  .lang .lang-name { display:none; }
  .lang-symbol { margin-left:2px; }
  .lang .chevron { right:3px; }
  .lang-menu { right:0; }
  .nav-drawer { left:16px; width:min(320px,calc(100% - 32px)); }
  .hero-grid { padding-top:var(--s3); }
  .hero-copy { padding-top:80px; }
  h1 { line-height:1.18; }
  .lede { font-size:16px; }
  .seg { gap:var(--s1); }
  .seg a { padding:10px 20px; max-width:100%; white-space:normal; }
  .facts { gap:var(--s1); }
  .facts div { font-size:11px; }
  .facts b { font-size:18px; }
  .hero-art .float-card { margin:var(--s2); max-width:calc(100% - 32px); width:300px; grid-template-columns:44px minmax(0,1fr); gap:12px; padding:12px; }
  .float-card svg { width:44px; height:44px; }
  .float-card .t { font-size:var(--control-type); }
  .float-card p { font-size:11px; }
  .addr { grid-template-columns:minmax(0,1fr); padding:var(--s2); gap:var(--s2); }
  .addr .ad { font-size:18px; gap:0; }
  .addr .ad em { margin-left:0; }
  .btns { gap:var(--s1); }
  .ttl { grid-column:auto; gap:var(--s3); }
  .ttl .cd { font-size:22px; }
  .ttl .btn { margin-left:auto; padding:8px 12px; }
  .mailbox-body { display:block; min-height:0; }
  .list { border-right:0; max-height:480px; min-height:0; }
  .mail-rows { max-height:300px; flex:none; }
  .row { grid-template-columns:40px minmax(0,1fr) auto; padding:0 var(--s2); gap:12px; }
  .row time { display:block; font-size:10px; }
  .listfoot { grid-template-columns:24px minmax(0,1fr); padding:var(--s2); }
  .read { max-height:none; border-top:1px solid var(--border); }
  .rh { grid-template-columns:40px minmax(0,1fr); }
  .rh h3 { font-size:16px; }
  .rh p { font-size:11px; }
  .sheet { padding:var(--s3) var(--s2); }
  .code b { font-size:32px; }
  .hero,.hero-grid,.hero-left,.tool,.win { transform:none; animation:none; }
  .mobile-reader { position:fixed; inset:var(--header-h) 0 auto; height:calc(100dvh - var(--header-h)); max-height:none; z-index:100; width:100%; border:0; border-radius:0; background:var(--panel); color:var(--ink); overflow:auto; }
  .mobile-reader .reader-mobile-actions { display:flex; position:sticky; top:0; z-index:2; align-items:center; justify-content:space-between; gap:var(--s2); padding:12px var(--s2); border-bottom:1px solid var(--border); background:var(--panel2); color:var(--ink); }
  .reader-mobile-actions .btn { min-height:36px; }
  body.scroll-locked .stream,body.scroll-locked .dots { visibility:hidden; }
  .feat { grid-template-columns:minmax(0,1fr); gap:var(--s4); }
  .viz { height:250px; }
  .feat article { gap:var(--s2); }
  .flowfig { grid-template-columns:minmax(0,1fr); }
  .flowfig > div,.flowfig > div + div { padding:var(--s3) 0; border-left:0; }
  .flowfig > div + div { border-top:1px solid var(--pline); }
  .limits { gap:var(--s2); }
  .steps { grid-template-columns:minmax(0,1fr); gap:var(--s4); }
  .term { margin-left:0; }
  .term pre { padding:var(--s2); font-size:11px; }
  .sgrid { grid-template-columns:minmax(0,1fr); gap:var(--s3); }
  .faq summary { font-size:16px; }
  .cta { grid-template-columns:minmax(0,1fr); }
  .dots { display:none; }
  .cta .acts { margin-top:var(--s4); }
  .fgrid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--s4) var(--s2); }
  .fbot { margin-top:var(--s5); font-size:11px; }
  .auth-layout { padding-top:var(--s4); gap:var(--s4); }
  .credential-terminal,.card,.alias-desk,.surface-safety { padding:var(--s3) var(--s2); }
  .alias-compose { grid-template-columns:minmax(0,1fr); }
  .prefix-group { flex-wrap:wrap; }
  .prefix-group input { width:100%; flex:1 1 100%; }
  .alias-compose button { width:100%; }
  .alias-row { grid-template-columns:minmax(0,1fr); }
  .alias-actions { justify-content:flex-start; }
  .archive-row-inner { grid-template-columns:minmax(0,1fr); gap:var(--s1); }
  .archive-row-meta { justify-content:flex-start; white-space:normal; flex-wrap:wrap; }
  .setup-grid { grid-template-columns:minmax(0,1fr); }
  .twofa-actions { align-items:center; }
  .twofa-actions .input { flex:1 1 100%; width:100%; }
  .article-shell { width:calc(100% - 32px); padding-top:var(--s4); }
  .article-cta { padding:var(--s3) var(--s2); }
  .recommend-float { right:var(--s2); bottom:var(--s2); }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation:none !important; transition:none !important; }
}

.mail-image-notice { margin-bottom:var(--s2); padding:var(--s2); border:1px solid var(--control-border); border-radius:var(--radius-control); background:var(--panel2); color:var(--soft-ink); font-size:var(--small); }
.sender-mark svg { fill:currentColor; }
.mail-rows.empty-host { display:grid; flex:1; }
.read .mail.empty-host { display:grid; min-height:240px; }
.original-card { display:flex; flex-direction:column; gap:var(--s3); width:min(800px,100%); max-height:85dvh; padding:var(--s4); border:1px solid var(--control-border); border-radius:var(--radius-card); background:var(--panel2); color:var(--ink); }
.original-card h2 { font-size:var(--h3); }
.original-card pre { min-height:0; overflow:auto; }
.original-card .btn { align-self:flex-end; flex:none; }
.inline-feedback { margin-top:var(--s3); padding:12px var(--s2); border:1px solid var(--control-hover); border-radius:var(--radius-control); background:var(--panel2); color:var(--ink); font-size:var(--control-type); overflow-wrap:anywhere; }
.credential-terminal-heading { display:flex; align-items:center; gap:var(--s2); margin-bottom:var(--s4); }
.access-key { width:32px; height:32px; color:var(--lime); flex:none; }
.login-intro { margin-top:var(--s2); color:var(--mut); font-size:var(--control-type); }
.login-policy { margin-top:var(--s3); font-size:var(--small); color:var(--mut); }
.login-policy a { color:var(--soft-ink); text-decoration:underline; text-underline-offset:3px; }
.login-secondary { margin-top:var(--s3); }
.login-secondary button { min-height:40px; }
.access-separation { margin-top:var(--s3); font-size:var(--small); color:var(--mut); }
.auth-notice strong { font-weight:500; color:var(--ink); }
.access-route { margin-top:var(--s5); padding:var(--s3); border:1px solid var(--border); border-radius:var(--radius-card); background:var(--panel2); color:var(--ink); }
.access-route-stop { display:flex; align-items:center; gap:var(--s2); }
.access-route-stop b { font-size:var(--body); font-weight:500; }
.access-route-stop p { font-size:var(--small); color:var(--mut); }
.route-symbol { display:grid; place-items:center; width:40px; height:40px; border:1px solid var(--olive); border-radius:var(--radius-control); background:var(--status-bg); color:var(--lime); flex:none; }
.route-symbol svg { width:24px; height:24px; }
.access-route-line { height:32px; width:1px; background:var(--olive); margin:8px 0 8px 20px; }
.access-footnote { margin-top:var(--s4); }
.access-footnote h2 { font-size:18px; font-weight:500; }
.access-footnote p { color:var(--mut); font-size:var(--control-type); margin-top:var(--s2); }
.session-identity { display:flex; align-items:center; flex-wrap:wrap; gap:var(--s1) var(--s2); min-width:0; flex:1; }
.session-caption { color:var(--mut); font-size:var(--small); }
.session-light { width:6px; height:6px; background:var(--lime); border-radius:var(--radius-pill); flex:none; }
.desk-session strong { font-weight:400; font-size:var(--control-type); }
.desk-section-heading { display:grid; grid-template-columns:minmax(0,1fr) 100px; gap:var(--s4); align-items:start; }
.desk-section-heading h1 { font-size:var(--h2); line-height:1.24; font-weight:500; }
.desk-section-heading .section-intro { font-size:var(--body); max-width:750px; }
.desk-heading-symbol { width:80px; height:80px; color:var(--lime); justify-self:end; }
.compose-notes { display:flex; justify-content:space-between; align-items:start; flex-wrap:wrap; gap:var(--s1) var(--s3); margin-top:var(--s2); font-size:var(--small); color:var(--mut); }
.alias-identity { display:flex; align-items:center; flex-wrap:wrap; gap:var(--s1) var(--s2); min-width:0; }
.alias-actions .btn { min-height:36px; padding:7px 12px; font-size:var(--small); }
.loading-note { margin-top:var(--s3); color:var(--mut); font:var(--small)/1.6 var(--mono); }
.module-error { margin-top:var(--s3); display:flex; align-items:center; flex-wrap:wrap; gap:var(--s2); }
.module-error .inline-feedback { margin-top:0; flex:1 1 260px; }
.module-error:has(.inline-feedback[hidden]) { margin-top:0; }
.module-error:has(.inline-feedback[hidden]) > button { display:none; }
.alias-insight { margin-top:var(--s4); padding:var(--s3); border:1px solid var(--olive); border-radius:var(--radius-card); background:var(--active); color:var(--ink); }
.insight-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:var(--s2); margin-bottom:var(--s3); }
.insight-heading h2 { font-size:18px; font-weight:500; }
.alias-insight [data-alias-stats-body] > p { overflow-wrap:anywhere; color:var(--mut); font-size:var(--control-type); }
.delivery-counts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--s2); margin:var(--s3) 0; }
.delivery-counts > div { border:1px solid var(--border); padding:var(--s2); border-radius:var(--radius-control); background:var(--panel); color:var(--ink); }
.delivery-counts dt { font-size:var(--small); color:var(--mut); }
.delivery-counts dd { font:var(--h3)/1.5 var(--mono); margin-top:var(--s1); }
.sender-counts { list-style:none; display:grid; gap:var(--s1); font:var(--small)/1.6 var(--mono); overflow-wrap:anywhere; }
.archive-desk { margin-top:var(--s6); }
.archive-intro { margin-bottom:var(--s4); }
.archive-intro h2 { font-size:var(--h2); line-height:1.24; font-weight:500; letter-spacing:-.035em; margin-top:var(--s3); }
.archive-intro .section-intro { font-size:var(--body); max-width:760px; }
.archive-row-main { min-width:0; }
.archive-row-sender { display:block; margin-top:4px; color:var(--mut); font-size:var(--small); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.archive-row:hover { background:var(--panel); color:var(--ink); }
.archive-row-subject { font-weight:500; }
.archive-letterhead { min-width:0; flex:1 1 260px; }
.archive-letterhead h3 { font-size:18px; font-weight:500; overflow-wrap:anywhere; }
.archive-letterhead p { margin-top:var(--s1); color:var(--mut); font-size:var(--control-type); overflow-wrap:anywhere; }
.archive-letterhead time { display:block; color:var(--mut); font:var(--micro)/1.5 var(--mono); margin-top:var(--s1); }
.archive-detail-header .btns { align-self:flex-start; }
.archive-detail-body { min-width:0; }
.archive-files { display:flex; flex-wrap:wrap; gap:var(--s1); padding:0 var(--s3) var(--s3); }
.archive-files:empty { display:none; }
.archive-files .btn { max-width:100%; white-space:normal; overflow-wrap:anywhere; }
.detail-feedback { margin-left:var(--s3); margin-right:var(--s3); }
.surface-safety { margin-top:var(--s6); }
.surface-safety > .eyebrow { color:var(--pdeep); }
.surface-safety > h2 { margin-top:var(--s3); font-size:var(--h2); line-height:1.24; letter-spacing:-.035em; }
.surface-safety .section-intro { font-size:var(--body); max-width:760px; color:var(--pmut); }
.surface-safety .inline-feedback { background:var(--chip); color:var(--pink); border-color:var(--light-border); }
.surface-safety :focus-visible { outline-color:var(--pink); }
.surface-safety .twofa-start { min-height:40px; height:auto; width:auto; }
.setup-instructions h3 { font-size:18px; font-weight:500; }
.setup-instructions > p { margin-top:var(--s2); font-size:var(--control-type); }
.setup-instructions .twofa-secret { color:var(--pink); font-size:var(--body); }
.setup-instructions .secret-warning { font-size:var(--small); }
.twofa-code-label { margin-top:var(--s3); margin-bottom:0; color:var(--pink); }
.twofa-actions { margin-top:var(--s2); }
.twofa-disable-form { margin-top:var(--s3); }
.twofa-disable-form .twofa-actions { margin-top:var(--s1); }
.fbot { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:var(--s2); margin-top:var(--s6); padding-top:var(--s3); border-top:1px solid var(--line); font:var(--small)/1.6 var(--mono); color:var(--quiet); }
@media (max-width:1100px) {
  .alias-row { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:720px) {
  .alias-row { grid-template-columns:minmax(0,1fr); }
  .alias-identity { align-items:flex-start; }
  .alias-identity .alias-address { flex:1 1 100%; }
  .alias-actions { width:100%; }
  .archive-row-meta { gap:var(--s1) var(--s2); }
}
@media (max-width:560px) {
  .desk-root { padding-top:var(--s4); }
  .desk-session { align-items:flex-start; gap:var(--s2); }
  .session-identity { flex:1 1 100%; }
  .session-identity strong { flex:1 1 100%; }
  .desk-section-heading { grid-template-columns:minmax(0,1fr); gap:var(--s2); }
  .desk-heading-symbol { display:none; }
  .desk-section-heading h1 { font-size:var(--h2); }
  .delivery-counts { grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--s1); }
  .alias-insight { padding:var(--s2); }
  .archive-row-meta { align-items:center; }
  .archive-letterhead { flex-basis:100%; }
  .archive-detail-header { padding:var(--s2); }
  .archive-detail-body { padding:var(--s2); }
  .archive-files { padding:0 var(--s2) var(--s2); }
  .detail-feedback { margin-left:var(--s2); margin-right:var(--s2); }
  .surface-safety .twofa-actions .input { flex:0 1 116px; width:116px; }
  .surface-safety .twofa-actions { column-gap:var(--s1); row-gap:var(--s2); }
  .surface-safety .twofa-actions .btn { padding:10px 12px; }
  .twofa-secret-copy { max-width:100%; }
  .original-card { padding:var(--s3); }
  .mobile-reader { inset:0; height:100dvh; max-height:100dvh; padding-top:var(--header-h); }
  .mobile-reader::before { content:""; position:fixed; inset:0 0 auto; height:var(--header-h); background:var(--panel); z-index:3; }
  .mobile-reader .reader-mobile-actions { top:0; }
  .mobile-reader .mail { flex:none; min-height:calc(100dvh - 320px); }
}


h1,h2 { text-wrap:balance; }
.brand-name { display:inline-block; flex:none; white-space:nowrap; letter-spacing:-.02em; }
.hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:var(--s2); }
.tempview { min-width:0; max-width:100%; }
.demo-pill { display:inline-flex; align-items:center; padding:2px 8px; border:1px solid var(--olive); border-radius:var(--radius-control); background:var(--status-bg); color:var(--lime); font-family:var(--mono); font-size:var(--micro); line-height:1.4; }
.filter-menu [role="option"] { display:inline-flex; align-items:center; }
.archive-filter { display:inline-flex; align-items:center; }
.status-pill.is-active { background:var(--status-bg); color:var(--lime); border-color:var(--olive); }
.status-pill.is-paused { background:var(--panel2); color:var(--mut); border-color:var(--control-border); }
.secret-row { display:flex; align-items:center; flex-wrap:wrap; gap:var(--s2); min-width:0; }
.twofa-copy { width:auto; margin-top:0; flex:none; }
[data-reader]:not(.mobile-reader) [data-reader-close] { display:none; }
.archive-detail iframe { width:100%; max-width:100%; min-width:0; }
[data-alias-prefix] { padding-left:16px; }
[data-twofa-confirm] { margin:0; }
.section-head { margin-bottom:40px; }
.content-head { margin-bottom:40px; }
.footer-signature { margin-top:var(--s3); font-size:var(--small); color:var(--mut); }
.signup-checks { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--s3); list-style:none; margin-top:var(--s5); }
.signup-checks li { min-width:0; padding:var(--s3); border:1px solid var(--border); border-radius:var(--radius-card); background:var(--panel); color:var(--ink); }
.signup-checks h3 { font-size:18px; font-weight:500; }
.signup-checks p { margin-top:var(--s2); color:var(--mut); }
.lifespan-summary { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:var(--s5); align-items:start; margin-top:var(--s5); }
.lifespan-summary p { color:var(--pmut); }
.lifespan-summary p + p { margin-top:var(--s3); }
.lifespan-summary .pill { margin-top:var(--s3); }
@media (max-width:560px) {
  .signup-checks { grid-template-columns:minmax(0,1fr); }
  .lifespan-summary { grid-template-columns:minmax(0,1fr); gap:var(--s3); }
}

.inbox-empty { width:min(420px,calc(100% - 32px)); height:auto; min-height:0; margin:var(--s2) auto; padding:var(--s2); border:1px solid var(--border); border-radius:var(--radius-card); background:var(--panel2); color:var(--night-ink); }
.inbox-empty h3 { font-size:18px; font-weight:500; }
.inbox-empty p { margin-top:var(--s1); font-size:var(--control-type); color:var(--mut); }


.privacy-hero { padding:var(--s6) 0 var(--s7); }
.privacy-hero h1 { max-width:1000px; font-size:var(--h1); line-height:1.18; }
.privacy-lead { max-width:820px; }
.privacy-document-meta { display:flex; flex-wrap:wrap; gap:var(--s1) var(--s4); margin-top:var(--s4); color:var(--mut); font-size:var(--small); }
.privacy-document-meta a { color:var(--soft-ink); text-decoration:underline; text-underline-offset:4px; overflow-wrap:anywhere; }
.privacy-glance.legal-glance { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--s3); margin-top:var(--s6); }
.privacy-glance-card { min-width:0; padding:var(--s4); border:1px solid var(--border); border-radius:var(--radius-card); background:var(--panel); color:var(--night-ink); }
.privacy-index { display:block; font-family:var(--mono); font-size:var(--micro); letter-spacing:.04em; color:var(--lime); }
.privacy-glance-card h2 { margin-top:var(--s3); font-size:var(--h3); font-weight:500; line-height:1.35; letter-spacing:-.02em; }
.privacy-glance-card p { margin-top:var(--s2); color:var(--mut); font-size:var(--body); }
.privacy-glance-card a { display:inline-block; margin-top:var(--s3); color:var(--soft-ink); font-size:var(--control-type); text-decoration:underline; text-underline-offset:4px; }
.privacy-glance-card a:hover { color:var(--lime); }
.privacy-scope-note { max-width:940px; margin-top:var(--s4); padding-left:var(--s2); border-left:1px solid var(--olive); color:var(--mut); font-size:var(--control-type); }
.privacy-section-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.65fr); gap:var(--s6); align-items:start; }
.privacy-section-label { min-width:0; }
.privacy-section-label .section-intro { font-size:var(--body); max-width:360px; }
.privacy-flow-list { display:grid; gap:var(--s5); min-width:0; }
.privacy-flow-item { padding-bottom:var(--s4); border-bottom:1px solid var(--pline); }
.light .privacy-index { color:var(--pdeep); }
.privacy-flow-item h3 { margin-top:var(--s2); font-size:var(--h3); line-height:1.4; font-weight:500; letter-spacing:-.02em; }
.privacy-flow-item p { margin-top:var(--s2); color:var(--pmut); }
.privacy-flow-item a { display:inline-block; margin-top:var(--s3); font-size:var(--control-type); color:var(--pdeep); text-decoration:underline; text-underline-offset:4px; }
.privacy-light-note { padding:var(--s3); border:1px solid var(--pline); border-radius:var(--radius-card); background:var(--chip); color:var(--pink); }
.privacy-light-note h3 { font-size:18px; font-weight:500; line-height:1.4; }
.privacy-light-note p { margin-top:var(--s2); color:var(--pmut); }
.privacy-measure { max-width:880px; }
.privacy-retention-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--s3); margin-top:var(--s5); }
.privacy-retention-fact { min-width:0; padding:var(--s3); border:1px solid var(--olive); border-radius:var(--radius-card); background:var(--active); color:var(--night-ink); }
.privacy-retention-fact strong { display:block; margin-top:var(--s2); font-family:var(--mono); font-size:var(--h2); line-height:1.24; font-weight:500; letter-spacing:-.03em; }
.privacy-retention-fact p { margin-top:var(--s2); font-size:var(--control-type); color:var(--mut); }
.privacy-table-scroll { max-width:100%; overflow-x:auto; margin-top:var(--s5); border:1px solid var(--border); border-radius:var(--radius-card); background:var(--panel); color:var(--night-ink); }
.privacy-retention-table { min-width:720px; table-layout:fixed; font-size:var(--body); }
.privacy-retention-table caption { padding:var(--s3); text-align:left; color:var(--mut); font-size:var(--small); border-bottom:1px solid var(--border); }
.privacy-retention-table th,.privacy-retention-table td { padding:var(--s3); vertical-align:top; overflow-wrap:anywhere; }
.privacy-retention-table thead th { background:var(--panel2); color:var(--soft-ink); font-size:var(--small); }
.privacy-retention-table th:first-child { width:22%; }
.privacy-retention-table th:nth-child(2) { width:42%; }
.privacy-retention-table tbody th { color:var(--night-ink); font-weight:500; }
.privacy-retention-table tbody td { color:var(--mut); }
.privacy-retention-table tbody tr:last-child th,.privacy-retention-table tbody tr:last-child td { border-bottom:0; }
.privacy-table-note { margin-top:var(--s4); max-width:920px; color:var(--mut); font-size:var(--control-type); }
.privacy-table-note a { color:var(--lime); text-decoration:underline; text-underline-offset:4px; }
.privacy-credential-content { min-width:0; }
.privacy-credential-route { display:grid; gap:var(--s3); }
.privacy-credential-route > div { padding:0 0 var(--s3) var(--s3); border-left:1px solid var(--light-border); border-bottom:1px solid var(--pline); }
.privacy-credential-route h3 { margin-top:var(--s1); font-size:18px; font-weight:500; line-height:1.4; }
.privacy-credential-route p { margin-top:var(--s1); color:var(--pmut); }
.privacy-credential-warning { margin-top:var(--s4); margin-bottom:var(--s4); padding:var(--s3); border:1px solid var(--light-border); border-radius:var(--radius-card); background:var(--chip); color:var(--pink); }
.privacy-credential-warning h3 { font-size:var(--h3); font-weight:500; line-height:1.4; }
.privacy-credential-warning p { margin-top:var(--s2); color:var(--pmut); }
.privacy-credential-warning ul { margin-top:var(--s3); padding-left:20px; color:var(--pink); font-size:var(--control-type); }
.privacy-credential-warning li + li { margin-top:var(--s2); }
.privacy-credential-content > p { color:var(--pmut); }
.privacy-content-list { display:grid; gap:var(--s5); min-width:0; }
.privacy-content-list article { padding-bottom:var(--s4); border-bottom:1px solid var(--line); }
.privacy-content-list h3 { font-size:var(--h3); line-height:1.4; font-weight:500; letter-spacing:-.02em; }
.privacy-content-list p { margin-top:var(--s2); color:var(--mut); }
.privacy-content-list a { color:var(--lime); text-decoration:underline; text-underline-offset:4px; }
.privacy-control-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--s3); margin-top:var(--s5); }
.privacy-control-card { min-width:0; padding:var(--s3); border:1px solid var(--pline); border-radius:var(--radius-card); background:var(--paper); color:var(--pink); }
.privacy-control-card h3 { font-size:18px; font-weight:500; line-height:1.4; }
.privacy-control-card p { margin-top:var(--s2); color:var(--pmut); }
.privacy-control-card a { display:inline-block; margin-top:var(--s3); color:var(--pdeep); font-size:var(--control-type); text-decoration:underline; text-underline-offset:4px; }
.privacy-contact-panel { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:var(--s5); margin-top:var(--s6); padding-top:var(--s5); border-top:1px solid var(--pline); }
.privacy-contact-panel h3 { margin-top:var(--s3); font-size:var(--h3); font-weight:500; line-height:1.4; }
.privacy-contact-panel p:not(.eyebrow) { margin-top:var(--s2); max-width:900px; color:var(--pmut); }
.privacy-contact-panel p a { color:var(--pdeep); text-decoration:underline; text-underline-offset:4px; }
.privacy-contact-actions { display:flex; flex-direction:column; align-items:stretch; gap:var(--s2); min-width:0; }
.privacy-contact-actions .pill { max-width:100%; white-space:normal; height:auto; line-height:1.35; }
.privacy-update-note { max-width:980px; margin-top:var(--s5); color:var(--pmut); font-size:var(--small); }
@media (max-width:860px) {
  .privacy-hero { padding-top:var(--s5); }
  .privacy-glance.legal-glance { gap:var(--s2); margin-top:var(--s5); }
  .privacy-glance-card { padding:var(--s3) var(--s2); }
  .privacy-glance-card h2 { font-size:18px; }
  .privacy-section-grid { grid-template-columns:minmax(0,1fr); gap:var(--s5); }
  .privacy-section-label .section-intro { max-width:680px; }
  .privacy-control-grid { gap:var(--s2); }
  .privacy-control-card { padding:var(--s2); }
  .privacy-contact-panel { grid-template-columns:minmax(0,1fr); gap:var(--s4); }
  .privacy-contact-actions { flex-direction:row; flex-wrap:wrap; align-items:center; }
  .privacy-retention-fact strong { font-size:var(--h2); }
}
@media (max-width:560px) {
  .privacy-hero { padding-top:var(--s4); }
  .privacy-document-meta { flex-direction:column; gap:var(--s1); margin-top:var(--s3); }
  .privacy-lead { font-size:var(--body); }
  .privacy-glance.legal-glance { grid-template-columns:minmax(0,1fr); }
  .privacy-glance-card { padding:var(--s3); }
  .privacy-glance-card h2 { margin-top:var(--s3); font-size:var(--h3); }
  .privacy-retention-facts { grid-template-columns:minmax(0,1fr); gap:var(--s2); }
  .privacy-retention-fact { padding:var(--s3); }
  .privacy-retention-fact strong { margin-top:var(--s1); }
  .privacy-table-scroll { margin-top:var(--s4); }
  .privacy-retention-table th,.privacy-retention-table td { padding:var(--s2); }
  .privacy-control-grid { grid-template-columns:minmax(0,1fr); gap:var(--s2); }
  .privacy-control-card { padding:var(--s3); }
  .privacy-credential-warning { padding:var(--s2); }
  .privacy-credential-route > div { padding-left:var(--s2); }
  .privacy-contact-panel { margin-top:var(--s5); }
}


.coupon-hero { padding:var(--s6) 0 var(--s7); background:var(--bg); color:var(--night-ink); }
.coupon-hero-grid { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(0,1fr); gap:var(--s6); align-items:center; }
.coupon-hero-copy { min-width:0; }
.coupon-hero-copy h1 { max-width:800px; font-size:var(--h1); line-height:1.18; font-weight:500; letter-spacing:-.04em; }
.coupon-hero-copy .section-intro { max-width:650px; }
.coupon-hero-copy .actions { margin-top:var(--s4); gap:var(--s2); }
.coupon-hero-copy .pill,.coupon-final .pill { max-width:100%; height:auto; white-space:normal; }
.coupon-hero-note { margin-top:var(--s3); max-width:620px; color:var(--mut); font-size:var(--small); }
.coupon-ticket { min-width:0; padding:var(--s4); border:1px solid var(--olive); border-radius:var(--radius-card); background:var(--panel2); color:var(--night-ink); }
.coupon-ticket-head { display:flex; align-items:center; gap:var(--s2); color:var(--lime); font-size:var(--small); }
.coupon-ticket-head svg { width:32px; height:32px; flex:none; }
.coupon-ticket h2 { margin-top:var(--s3); font-size:var(--h3); font-weight:500; line-height:1.4; letter-spacing:-.02em; }
.coupon-ticket-options { margin-top:var(--s4); }
.coupon-ticket-options > div { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); gap:var(--s2); padding:var(--s3) 0; border-top:1px dashed var(--control-border); }
.coupon-ticket-options dt { font-family:var(--mono); font-size:var(--small); color:var(--mut); }
.coupon-ticket-options dd { font-size:var(--body); color:var(--night-ink); }
.coupon-ticket-options dd span { display:inline-block; margin-top:var(--s1); color:var(--mut); font-size:var(--small); }
.coupon-ticket-foot { padding-top:var(--s3); border-top:1px dashed var(--control-border); color:var(--mut); font-size:var(--small); }
.coupon-section-heading { max-width:1000px; }
.coupon-section-heading .section-intro { max-width:800px; font-size:var(--body); }
.coupon-choice-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--s3); margin-top:var(--s5); }
.coupon-choice-card { display:flex; flex-direction:column; align-items:flex-start; min-width:0; padding:var(--s4); border:1px solid var(--pline); border-radius:var(--radius-card); background:var(--paper); color:var(--pink); }
.coupon-index { font:var(--small)/1.6 var(--mono); letter-spacing:0; color:var(--pdeep); }
.coupon-choice-card h3 { margin-top:var(--s3); font-size:18px; font-weight:500; line-height:1.5; }
.coupon-choice-card > p:not(.coupon-index) { margin-top:var(--s2); color:var(--pmut); }
.coupon-choice-card dl { width:100%; margin:var(--s3) 0; border-top:1px solid var(--pline); }
.coupon-choice-card dl > div { padding-top:var(--s2); }
.coupon-choice-card dt { color:var(--pmut); font-size:var(--small); }
.coupon-choice-card dd { margin-top:4px; font-size:var(--body); }
.coupon-text-link { display:inline-flex; align-items:center; gap:var(--s1); max-width:100%; font-size:var(--control-type); line-height:1.6; color:var(--lime); text-decoration:underline; text-underline-offset:5px; text-decoration-color:var(--olive); overflow-wrap:anywhere; }
.coupon-text-link span { flex:none; }
.coupon-text-link:hover { color:var(--night-ink); text-decoration-color:currentColor; }
.light .coupon-text-link { color:var(--pdeep); text-decoration-color:var(--light-border); }
.light .coupon-text-link:hover { color:var(--pink); text-decoration-color:currentColor; }
.coupon-process { list-style:none; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--s4); margin-top:var(--s5); }
.coupon-process li { min-width:0; padding-top:var(--s3); }
.coupon-process li + li { border-top:1px solid var(--control-border); }
.coupon-step-number { display:inline-block; color:var(--lime); font-size:var(--h3); line-height:1.4; }
.coupon-process h3 { margin-top:var(--s3); font-size:18px; line-height:1.5; font-weight:500; }
.coupon-process p { margin-top:var(--s2); color:var(--mut); }
.coupon-process .coupon-text-link { margin-top:var(--s3); }
.coupon-disclaimer { display:flex; align-items:flex-start; gap:var(--s2); padding:var(--s3); margin-top:var(--s5); border:1px solid var(--border); border-radius:var(--radius-card); background:var(--panel2); color:var(--soft-ink); }
.coupon-disclaimer svg { width:24px; height:24px; flex:none; color:var(--lime); }
.coupon-disclaimer p { max-width:1040px; font-size:var(--control-type); }
.coupon-scenario-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--s3); margin-top:var(--s5); }
.coupon-scenario-card { min-width:0; padding:var(--s4); border:1px solid var(--pline); border-radius:var(--radius-card); background:var(--pale); color:var(--pink); }
.coupon-scene-icon { width:40px; height:40px; padding:4px; border:1px solid var(--light-border); border-radius:var(--radius-control); background:var(--chip); color:var(--pdeep); }
.coupon-scenario-card h3 { font-size:var(--h3); font-weight:500; line-height:1.4; margin-top:var(--s3); letter-spacing:-.02em; }
.coupon-scenario-card > p { margin-top:var(--s2); color:var(--pmut); }
.coupon-scenario-card .coupon-scenario-limit { padding-top:var(--s2); margin-top:var(--s3); border-top:1px solid var(--pline); font-size:var(--control-type); }
.coupon-scenario-limit strong { color:var(--pink); font-weight:500; }
.coupon-scenario-card .coupon-text-link { margin-top:var(--s3); }
.coupon-routing-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.35fr); gap:var(--s6); align-items:start; }
.coupon-routing-copy { min-width:0; }
.coupon-routing-copy .section-intro { font-size:var(--body); }
.coupon-routing-copy > .coupon-text-link { margin-top:var(--s4); }
.coupon-route-board { min-width:0; border:1px solid var(--border); border-radius:var(--radius-card); background:var(--panel); color:var(--night-ink); }
.coupon-route { padding:var(--s4); }
.coupon-route + .coupon-route { border-top:1px solid var(--border); }
.coupon-route-origin { display:flex; align-items:center; flex-wrap:wrap; gap:var(--s2); }
.coupon-route-origin strong { font-size:var(--body); font-weight:500; }
.coupon-route-origin > .mono { margin-left:auto; color:var(--mut); font-size:var(--small); }
.coupon-route-mark { display:inline-grid; place-items:center; width:40px; height:40px; flex:none; border:1px solid var(--olive); border-radius:var(--radius-control); background:var(--status-bg); color:var(--lime); }
.coupon-route-mark svg { width:24px; height:24px; }
.coupon-route-destination { display:grid; grid-template-columns:40px minmax(0,1fr); gap:var(--s2); margin-top:var(--s3); }
.coupon-route-arrow { color:var(--lime); font:var(--h3)/1.4 var(--mono); text-align:center; }
.coupon-route-destination h3 { font-size:18px; line-height:1.5; font-weight:500; }
.coupon-route-destination p { margin-top:var(--s1); color:var(--mut); font-size:var(--control-type); }
.coupon-route-destination .coupon-text-link { margin-top:var(--s2); }
.coupon-route-boundary { padding:var(--s3) var(--s4); border-top:1px solid var(--border); color:var(--mut); font-size:var(--small); }
.coupon-boundary-list { margin-top:var(--s5); }
.coupon-boundary-list article { display:grid; grid-template-columns:56px minmax(0,1fr) 200px; gap:var(--s3); align-items:start; padding:var(--s4) 0; border-top:1px solid var(--pline); }
.coupon-boundary-list article:last-child { border-bottom:1px solid var(--pline); }
.coupon-boundary-list h3 { font-size:18px; font-weight:500; line-height:1.5; }
.coupon-boundary-list p { margin-top:var(--s2); max-width:800px; color:var(--pmut); }
.coupon-boundary-list .coupon-text-link { justify-self:end; }
.coupon-final { background:var(--panel); color:var(--night-ink); }
.coupon-final .section-intro { max-width:800px; font-size:var(--body); }
.coupon-final .actions { margin-top:var(--s4); }
@media (max-width:860px) {
  .coupon-hero { padding-top:var(--s5); }
  .coupon-hero-grid { grid-template-columns:minmax(0,1fr); gap:var(--s5); }
  .coupon-hero-copy h1 { max-width:760px; }
  .coupon-ticket { max-width:680px; }
  .coupon-choice-grid { grid-template-columns:minmax(0,1fr); gap:var(--s2); }
  .coupon-choice-card { padding:var(--s3); }
  .coupon-choice-card dl { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,2fr); gap:var(--s3); }
  .coupon-process { grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--s4); }
  .coupon-scenario-grid { grid-template-columns:minmax(0,1fr); gap:var(--s2); }
  .coupon-scenario-card { padding:var(--s3); }
  .coupon-routing-layout { grid-template-columns:minmax(0,1fr); gap:var(--s5); }
  .coupon-routing-copy .big br { display:none; }
  .coupon-boundary-list article { grid-template-columns:40px minmax(0,1fr); gap:var(--s2); padding:var(--s3) 0; }
  .coupon-boundary-list .coupon-text-link { grid-column:2; justify-self:start; }
}
@media (max-width:560px) {
  .coupon-hero { padding-top:var(--s4); }
  .coupon-hero-grid { gap:var(--s4); }
  .coupon-hero-copy h1 { font-size:var(--h1); line-height:1.22; }
  .coupon-hero-copy .section-intro { font-size:var(--body); }
  .coupon-hero-copy .actions { gap:var(--s1); }
  .coupon-ticket { padding:var(--s3) var(--s2); }
  .coupon-ticket-options > div { grid-template-columns:minmax(0,1fr); gap:var(--s1); }
  .coupon-choice-card { padding:var(--s3) var(--s2); }
  .coupon-choice-card dl { grid-template-columns:minmax(0,1fr); gap:0; }
  .coupon-process { grid-template-columns:minmax(0,1fr); gap:var(--s3); }
  .coupon-process li { display:grid; grid-template-columns:40px minmax(0,1fr); gap:var(--s2); }
  .coupon-process h3 { margin-top:0; }
  .coupon-process p { margin-top:var(--s1); }
  .coupon-process .coupon-text-link { margin-top:var(--s2); }
  .coupon-disclaimer { padding:var(--s2); gap:12px; }
  .coupon-scenario-card { padding:var(--s3) var(--s2); }
  .coupon-route { padding:var(--s3) var(--s2); }
  .coupon-route-origin { gap:12px; }
  .coupon-route-origin > .mono { font-size:var(--micro); }
  .coupon-route-destination { gap:12px; }
  .coupon-route-boundary { padding:var(--s3) var(--s2); }
  .coupon-boundary-list article { grid-template-columns:28px minmax(0,1fr); }
  .coupon-final .actions { gap:var(--s1); }
}

.terms-hero { padding:var(--s6) 0 var(--s7); background:var(--bg); color:var(--night-ink); }
.terms-hero h1 { max-width:1080px; font-size:var(--h1); line-height:1.2; }
.terms-lead { max-width:760px; font-size:18px; }
.terms-meta { display:flex; flex-wrap:wrap; gap:var(--s1) var(--s4); margin-top:var(--s4); color:var(--mut); font-size:var(--small); }
.terms-legal-glance.legal-glance { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--s3); margin-top:var(--s5); }
.terms-legal-glance > article { min-width:0; padding:var(--s3); border:1px solid var(--border); border-radius:var(--radius-card); background:var(--panel); color:var(--night-ink); }
.terms-index { display:block; color:var(--lime); font:var(--micro)/1.6 var(--mono); letter-spacing:.04em; }
.terms-legal-glance h2 { margin-top:var(--s3); font-size:18px; font-weight:500; line-height:1.4; }
.terms-legal-glance p { margin-top:var(--s2); color:var(--mut); font-size:var(--body); }
.terms-layout { display:grid; grid-template-columns:280px minmax(0,1fr); gap:var(--s6); align-items:start; }
.terms-navigation { position:sticky; top:calc(var(--header-h) + var(--s4)); min-width:0; }
.terms-navigation ol { display:grid; gap:var(--s2); margin-top:var(--s3); padding-left:24px; font-size:var(--control-type); }
.terms-navigation li::marker { color:var(--pdeep); font-family:var(--mono); }
.terms-navigation a { color:var(--pink); text-decoration:underline; text-decoration-color:var(--pline); text-underline-offset:5px; }
.terms-navigation a:hover { color:var(--pdeep); text-decoration-color:var(--pdeep); }
.terms-nav-note { margin-top:var(--s4); padding-top:var(--s3); border-top:1px solid var(--pline); color:var(--pmut); font-size:var(--small); }
.terms-prose { max-width:960px; color:var(--pink); }
.terms-prose.prose h2 { margin:var(--s3) 0; font-size:var(--h3); font-weight:500; line-height:1.4; letter-spacing:-.02em; }
.terms-prose.prose h3 { margin:0 0 var(--s3); font-size:18px; font-weight:500; line-height:1.5; }
.terms-prose p { overflow-wrap:anywhere; }
.terms-topic { scroll-margin-top:calc(var(--header-h) + var(--s4)); }
.terms-topic + .terms-topic { margin-top:var(--s6); padding-top:var(--s5); border-top:1px solid var(--pline); }
.terms-use-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--s3); margin:var(--s4) 0; }
.terms-use-card { min-width:0; padding:var(--s3); border:1px solid var(--pline); border-radius:var(--radius-card); background:var(--paper); color:var(--pink); }
.terms-prose.prose .terms-use-list { display:grid; gap:var(--s3); list-style:none; padding:0; margin:0; }
.terms-use-list li { display:grid; grid-template-columns:24px minmax(0,1fr); align-items:start; gap:var(--s2); }
.terms-use-symbol { display:inline-grid; place-items:center; width:24px; height:24px; border:1px solid var(--light-border); border-radius:var(--radius-control); background:var(--chip); color:var(--pdeep); font:18px/1 var(--mono); }
.terms-use-list h4 { font-size:var(--body); line-height:1.6; font-weight:500; }
.terms-use-list p { margin-top:var(--s1); font-size:var(--control-type); color:var(--pmut); }
.terms-table-scroll { max-width:100%; margin:var(--s4) 0; }
.terms-prose.prose .terms-boundary-table { margin:0; min-width:580px; color:var(--pink); }
.terms-boundary-table caption { margin-bottom:var(--s2); text-align:left; font-size:var(--small); color:var(--pmut); }
.terms-boundary-table thead { background:var(--chip); color:var(--pink); }
.terms-boundary-table th,.terms-boundary-table td { padding:var(--s2); border-bottom:1px solid var(--pline); line-height:1.7; }
.terms-boundary-table th[scope="row"] { width:23%; color:var(--pink); font-weight:500; }
.terms-definition-list { display:grid; gap:0; margin:var(--s4) 0; }
.terms-definition-list > div { display:grid; grid-template-columns:120px minmax(0,1fr); gap:var(--s3); padding:var(--s3) 0; border-bottom:1px solid var(--pline); }
.terms-definition-list dt { font-weight:500; color:var(--pink); }
.terms-definition-list dd { margin:0; color:var(--pmut); }
.terms-ending { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,380px); gap:var(--s6); align-items:start; }
.terms-ending .section-intro { max-width:740px; font-size:var(--body); }
.terms-ending .actions { margin-top:var(--s4); }
.terms-ending .pill { max-width:100%; height:auto; white-space:normal; }
.terms-continuity { padding:var(--s4); border:1px solid var(--border); border-radius:var(--radius-card); background:var(--panel); color:var(--night-ink); }
.terms-continuity h3 { margin-top:var(--s3); font-size:18px; font-weight:500; line-height:1.5; }
.terms-continuity > p:not(.eyebrow) { margin-top:var(--s2); color:var(--mut); font-size:var(--body); }
.terms-continuity .pill { margin-top:var(--s4); padding-top:10px; padding-bottom:10px; }
@media (max-width:860px) {
  .terms-hero { padding-top:var(--s5); }
  .terms-legal-glance.legal-glance { gap:var(--s2); }
  .terms-legal-glance > article { padding:var(--s2); }
  .terms-layout { grid-template-columns:minmax(0,1fr); gap:var(--s5); }
  .terms-navigation { position:static; padding-bottom:var(--s4); border-bottom:1px solid var(--pline); }
  .terms-navigation ol { grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:var(--s4); }
  .terms-nav-note { max-width:680px; border:0; padding-top:0; }
  .terms-prose { max-width:none; }
  .terms-use-grid { gap:var(--s2); }
  .terms-ending { grid-template-columns:minmax(0,1fr); gap:var(--s5); }
  .terms-continuity { max-width:740px; }
}
@media (max-width:560px) {
  .terms-hero { padding-top:var(--s4); }
  .terms-hero h1 { font-size:var(--h2); line-height:1.3; }
  .terms-lead { font-size:var(--body); }
  .terms-meta { display:grid; gap:var(--s1); }
  .terms-legal-glance.legal-glance { grid-template-columns:minmax(0,1fr); margin-top:var(--s4); }
  .terms-legal-glance h2 { margin-top:var(--s2); }
  .terms-legal-glance p { margin-top:var(--s1); }
  .terms-navigation ol { grid-template-columns:minmax(0,1fr); }
  .terms-use-grid { grid-template-columns:minmax(0,1fr); }
  .terms-use-card { padding:var(--s3) var(--s2); }
  .terms-definition-list > div { grid-template-columns:minmax(0,1fr); gap:var(--s1); }
  .terms-continuity { padding:var(--s3); }
}

.audit-hero { padding:var(--s6) 0 var(--s6); background:var(--bg); color:var(--night-ink); }
.audit-crumb { display:flex; align-items:center; flex-wrap:wrap; gap:var(--s2); margin-bottom:var(--s5); font-size:var(--small); color:var(--mut); }
.audit-crumb a { color:var(--soft-ink); text-decoration:underline; text-underline-offset:4px; }
.audit-hero-grid { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); gap:var(--s6); align-items:end; }
.audit-hero h1 { font-size:var(--h1); line-height:1.18; font-weight:500; letter-spacing:-.04em; }
.audit-hero .section-intro { max-width:680px; font-size:18px; }
.audit-hero .actions { margin-top:var(--s4); }
.audit-scope { max-width:660px; margin-top:var(--s4); font-size:var(--small); color:var(--mut); }
.audit-route { padding:var(--s4); border:1px solid var(--border); border-radius:var(--radius-card); background:var(--panel); color:var(--night-ink); min-width:0; }
.audit-route-head { display:flex; align-items:center; gap:var(--s2); color:var(--lime); font:var(--small)/1.5 var(--mono); }
.audit-route-head svg { width:32px; height:32px; flex:none; }
.audit-route ol { list-style:none; margin-top:var(--s4); }
.audit-route li { display:grid; grid-template-columns:72px minmax(0,1fr); gap:var(--s2); align-items:center; padding:var(--s2) 0; border-bottom:1px solid var(--line); }
.audit-route li > span { color:var(--mut); font-size:var(--micro); }
.audit-route li p { font-size:var(--body); color:var(--soft-ink); }
.audit-route-note { margin-top:var(--s3); font-size:var(--small); color:var(--mut); }
.audit-progress-band { border-top:1px solid var(--border); border-bottom:1px solid var(--border); background:var(--panel2); color:var(--night-ink); }
.audit-progress-layout { display:grid; grid-template-columns:220px minmax(0,1fr) auto; align-items:center; gap:var(--s4); padding-top:var(--s3); padding-bottom:var(--s3); }
.audit-progress-caption { font:var(--micro)/1.5 var(--mono); color:var(--mut); }
.audit-progress-count { margin-top:4px; font:18px/1.5 var(--mono); color:var(--night-ink); }
.audit-meter { height:4px; margin-top:12px; background:var(--track); border-radius:var(--radius-control); overflow:hidden; }
.audit-meter > span { display:block; width:0; height:100%; background:var(--lime); transition:width .2s ease; }
.audit-next-block { min-width:0; }
.audit-next { font-size:var(--control-type); color:var(--night-ink); }
.audit-progress-note { margin-top:var(--s1); font-size:var(--micro); color:var(--mut); max-width:620px; }
.audit-progress-actions { display:flex; align-items:center; flex-wrap:wrap; gap:var(--s1); }
.audit-progress-actions .pill { max-width:100%; white-space:normal; padding-top:8px; padding-bottom:8px; }
.audit-section-head { max-width:900px; margin-bottom:var(--s5); }
.audit-section-head .section-intro { max-width:680px; font-size:var(--body); }
.audit-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--s3); align-items:stretch; }
.audit-item { min-width:0; padding:var(--s4); border:1px solid var(--border); border-radius:var(--radius-card); background:var(--panel); color:var(--night-ink); scroll-margin-top:calc(var(--header-h) + var(--s3)); }
.audit-item-heading { display:flex; align-items:center; gap:var(--s2); }
.audit-number { display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; flex:none; border:1px solid var(--olive); border-radius:var(--radius-control); background:var(--status-bg); color:var(--lime); font:18px/1 var(--mono); }
.audit-item h3 { font-size:var(--h3); font-weight:500; line-height:1.35; letter-spacing:-.02em; }
.audit-item-lead { margin-top:var(--s3); font-size:var(--body); color:var(--soft-ink); }
.audit-facts { display:grid; gap:var(--s3); margin-top:var(--s4); }
.audit-facts > div { display:grid; grid-template-columns:72px minmax(0,1fr); gap:var(--s2); align-items:baseline; }
.audit-facts dt { font:var(--micro)/1.7 var(--mono); color:var(--lime); }
.audit-facts dd { font-size:var(--body); color:var(--mut); }
.audit-item-link { margin-top:var(--s3); font-size:var(--control-type); color:var(--mut); }
.audit-item-link a { color:var(--lime); text-decoration:underline; text-underline-offset:4px; }
.audit-check { display:flex; align-items:flex-start; gap:12px; min-height:48px; margin-top:var(--s4); padding-top:var(--s3); border-top:1px solid var(--line); cursor:pointer; font-size:var(--control-type); color:var(--night-ink); }
.audit-check input { appearance:none; display:inline-grid; place-content:center; width:20px; height:20px; flex:none; margin-top:2px; border:1px solid var(--control-hover); border-radius:var(--radius-control); background:var(--panel2); color:var(--brand-ink); cursor:pointer; }
.audit-check input::before { content:""; width:9px; height:5px; border-left:1px solid currentColor; border-bottom:1px solid currentColor; transform:translateY(-1px) rotate(-45deg); visibility:hidden; }
.audit-check input:checked { border-color:var(--lime); background:var(--lime); color:var(--brand-ink); }
.audit-check input:checked::before { visibility:visible; }
.audit-check input:focus-visible { outline:2px solid var(--lime); outline-offset:3px; }
.audit-item.audit-checked { border-color:var(--olive); }
.light .audit-item { border-color:var(--pline); background:var(--pale); color:var(--pink); }
.light .audit-number { border-color:var(--light-border); background:var(--chip); color:var(--pdeep); }
.light .audit-item-lead { color:var(--pink); }
.light .audit-facts dt { color:var(--pdeep); }
.light .audit-facts dd,.light .audit-item-link { color:var(--pmut); }
.light .audit-item-link a { color:var(--pdeep); }
.light .audit-check { border-color:var(--pline); color:var(--pink); }
.light .audit-check input { border-color:var(--light-border); background:var(--paper); color:var(--pink); }
.light .audit-check input:checked { border-color:var(--pdeep); background:var(--pdeep); color:var(--pale); }
.light .audit-check input:focus-visible { outline-color:var(--pdeep); }
.light .audit-item.audit-checked { border-color:var(--pdeep); }
.audit-address-item { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:var(--s5); margin-top:var(--s3); }
.audit-address-example { align-self:start; min-width:0; padding:var(--s3); border:1px solid var(--pline); border-radius:var(--radius-card); background:var(--chip); color:var(--pink); }
.audit-example-label { font:var(--micro)/1.6 var(--mono); color:var(--pdeep); }
.audit-address-example code { display:block; margin-top:var(--s3); font:18px/1.7 var(--mono); letter-spacing:0; overflow-wrap:anywhere; color:var(--pink); }
.audit-address-example ul { margin:var(--s3) 0; padding-left:20px; font-size:var(--control-type); color:var(--pink); }
.audit-address-example li + li { margin-top:var(--s1); }
.audit-address-example > p:last-child { margin-top:var(--s3); font-size:var(--small); color:var(--pmut); }
.audit-finish { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:var(--s6); align-items:start; scroll-margin-top:calc(var(--header-h) + var(--s3)); }
.audit-finish .section-intro { font-size:var(--body); max-width:620px; }
.audit-finish-links { display:grid; gap:var(--s2); }
.audit-finish-links a { display:grid; gap:var(--s1); padding:var(--s3); border:1px solid var(--light-border); border-radius:var(--radius-card); background:var(--pale); color:var(--pink); }
.audit-finish-links a:hover { border-color:var(--pdeep); background:var(--chip); color:var(--pink); }
.audit-finish-index { font:var(--micro)/1.5 var(--mono); color:var(--pdeep); }
.audit-finish-links strong { font-size:18px; font-weight:500; }
.audit-finish-links a > span:last-child { font-size:var(--control-type); color:var(--pmut); }
@media (max-width:1100px) {
  .audit-hero-grid { gap:var(--s4); grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); }
  .audit-progress-layout { grid-template-columns:180px minmax(0,1fr); }
  .audit-progress-actions { grid-column:2; }
  .audit-item { padding:var(--s3); }
  .audit-finish { gap:var(--s5); }
}
@media (max-width:860px) {
  .audit-hero { padding-top:var(--s5); }
  .audit-hero-grid { grid-template-columns:minmax(0,1fr); gap:var(--s5); }
  .audit-route { max-width:none; padding:var(--s3); }
  .audit-route ol { margin-top:var(--s2); }
  .audit-pair { grid-template-columns:minmax(0,1fr); }
  .audit-address-item { grid-template-columns:minmax(0,1fr); gap:var(--s4); }
  .audit-address-example { order:-1; }
  .audit-finish { grid-template-columns:minmax(0,1fr); gap:var(--s4); }
  .audit-progress-layout { gap:var(--s3); }
}
@media (max-width:560px) {
  .audit-hero { padding-top:var(--s4); padding-bottom:var(--s5); }
  .audit-crumb { margin-bottom:var(--s4); }
  .audit-hero .section-intro { font-size:var(--body); }
  .audit-hero .actions { gap:var(--s1); }
  .audit-hero .pill { max-width:100%; height:auto; white-space:normal; padding:10px 18px; }
  .audit-route li { grid-template-columns:64px minmax(0,1fr); }
  .audit-progress-layout { grid-template-columns:minmax(0,1fr); }
  .audit-progress-actions { grid-column:auto; }
  .audit-progress-count { font-size:18px; }
  .audit-meter { max-width:none; }
  .audit-section-head { margin-bottom:var(--s4); }
  .audit-item { padding:var(--s3) var(--s2); }
  .audit-item h3 { font-size:18px; }
  .audit-facts > div { grid-template-columns:minmax(0,1fr); gap:var(--s1); }
  .audit-facts { gap:var(--s3); margin-top:var(--s3); }
  .audit-check { margin-top:var(--s3); padding-top:var(--s2); }
  .audit-address-example { padding:var(--s2); }
  .audit-address-example code { font-size:var(--control-type); }
  .audit-finish-links a { padding:var(--s3) var(--s2); }
}


.flood-hero { padding:var(--s5) 0 var(--s7); background:var(--bg); color:var(--night-ink); }
.flood-crumb { display:flex; align-items:center; flex-wrap:wrap; gap:var(--s2); margin-bottom:var(--s5); color:var(--mut); font-size:var(--small); }
.flood-crumb a:hover { color:var(--lime); }
.flood-hero h1 { max-width:1100px; font-size:var(--h1); line-height:1.2; }
.flood-lead { max-width:780px; font-size:18px; }
.flood-split { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--s5); margin-top:var(--s6); }
.flood-lane { min-width:0; padding-top:var(--s3); border-top:1px solid var(--olive); }
.flood-index { display:block; font:var(--micro)/1.6 var(--mono); letter-spacing:.04em; color:var(--lime); }
.flood-lane h2 { margin-top:var(--s3); font-size:var(--h3); line-height:1.4; font-weight:500; letter-spacing:-.02em; }
.flood-lane p { max-width:580px; margin-top:var(--s2); color:var(--mut); }
.flood-link { display:inline-flex; align-items:center; flex-wrap:wrap; gap:var(--s1); font-size:var(--control-type); font-weight:500; color:var(--lime); text-decoration:underline; text-underline-offset:4px; }
.flood-link:hover { color:var(--soft-ink); }
.flood-lane > .flood-link { margin-top:var(--s3); }
.flood-boundary { margin-top:var(--s5); padding:var(--s2) var(--s3); border-left:1px solid var(--lime); background:var(--panel2); color:var(--mut); font-size:var(--control-type); }
.flood-boundary strong { color:var(--night-ink); font-weight:500; }
.flood-heading { display:grid; grid-template-columns:280px minmax(0,1fr); gap:var(--s5); align-items:start; }
.flood-heading > .eyebrow { padding-top:12px; }
.flood-heading .section-intro { max-width:860px; font-size:var(--body); }
.flood-scroll-hint { margin-top:var(--s5); color:var(--pmut); font:var(--small)/1.6 var(--mono); }
.flood-table-scroll { margin-top:var(--s2); overflow-x:auto; border:1px solid var(--pline); border-radius:var(--radius-card); background:var(--pale); color:var(--pink); scrollbar-width:thin; }
.flood-table { min-width:880px; margin:0; font-size:var(--control-type); line-height:1.7; }
.flood-table caption { padding:var(--s2) var(--s3); text-align:left; font-size:var(--small); color:var(--pmut); border-bottom:1px solid var(--pline); }
.flood-table th,.flood-table td { padding:var(--s3); border-bottom:1px solid var(--pline); border-right:1px solid var(--pline); vertical-align:top; }
.flood-table thead th { background:var(--chip); color:var(--pink); font-weight:500; }
.flood-table tbody th { width:140px; color:var(--pdeep); font-weight:500; }
.flood-table td { width:28%; color:var(--pink); }
.flood-table tr > :last-child { border-right:0; }
.flood-table tbody tr:last-child > * { border-bottom:0; }
.flood-table a { color:var(--pdeep); text-decoration:underline; text-underline-offset:4px; }
.flood-table-note { margin-top:var(--s4); color:var(--pmut); font-size:var(--control-type); max-width:960px; }
.light .flood-link { color:var(--pdeep); }
.light .flood-link:hover { color:var(--pink); }
.light .flood-index { color:var(--pdeep); }
.flood-process { list-style:none; margin:var(--s5) 0 0 328px; }
.flood-process li { display:grid; grid-template-columns:40px minmax(0,1fr); gap:var(--s3); align-items:start; padding:var(--s3) 0; }
.flood-process li + li { border-top:1px solid var(--line); }
.flood-process li:last-child { border-bottom:1px solid var(--line); }
.flood-step { padding-top:2px; color:var(--lime); font:var(--control-type)/1.6 var(--mono); }
.flood-process h3 { font-size:18px; font-weight:500; line-height:1.5; }
.flood-process p { margin-top:var(--s1); color:var(--mut); max-width:860px; }
.flood-caution { display:grid; grid-template-columns:24px minmax(0,1fr); gap:var(--s2); margin-top:var(--s5); padding:var(--s3); border:1px solid var(--olive); border-radius:var(--radius-card); background:var(--active); color:var(--night-ink); }
.flood-caution > svg { width:24px; height:24px; color:var(--lime); }
.flood-caution h3 { font-size:18px; line-height:1.5; font-weight:500; }
.flood-caution p { margin-top:var(--s2); color:var(--mut); }
.flood-filter-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--s3); margin-top:var(--s5); }
.flood-filter-card { min-width:0; padding:var(--s3); border:1px solid var(--pline); border-radius:var(--radius-card); background:var(--pale); color:var(--pink); }
.flood-filter-card h3 { margin-top:var(--s3); font-size:18px; font-weight:500; line-height:1.5; }
.flood-filter-card p { margin-top:var(--s2); color:var(--pmut); }
.flood-rule { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); gap:var(--s5); margin-top:var(--s5); padding-top:var(--s4); border-top:1px solid var(--pline); }
.flood-rule h3 { margin-top:var(--s3); font-size:var(--h3); font-weight:500; line-height:1.4; }
.flood-rule p:not(.eyebrow) { margin-top:var(--s2); color:var(--pmut); }
.flood-rule-lines { display:grid; gap:var(--s3); }
.flood-rule-lines > div { padding-left:var(--s3); border-left:1px solid var(--light-border); }
.flood-rule-lines dt { font:var(--small)/1.6 var(--mono); color:var(--pdeep); }
.flood-rule-lines dd { margin-top:var(--s1); color:var(--pink); font-size:var(--control-type); }
.flood-address-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--s3); margin-top:var(--s5); }
.flood-address-card { min-width:0; padding:var(--s4); border:1px solid var(--border); border-radius:var(--radius-card); background:var(--panel); color:var(--night-ink); }
.flood-address-card > svg { width:32px; height:32px; color:var(--lime); margin-bottom:var(--s3); }
.flood-address-card h3 { margin-top:var(--s3); font-size:var(--h3); font-weight:500; line-height:1.4; }
.flood-address-card p:not(.flood-index) { margin-top:var(--s2); color:var(--mut); }
.flood-address-card .actions { margin-top:var(--s4); }
.flood-address-card .pill { max-width:100%; white-space:normal; padding-block:10px; }
.flood-decisions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--s3); margin-top:var(--s5); }
.flood-decision { min-width:0; padding:var(--s3); border:1px solid var(--pline); border-radius:var(--radius-card); background:var(--chip); color:var(--pink); }
.flood-decision h3 { margin-top:var(--s3); font-size:18px; font-weight:500; line-height:1.5; }
.flood-decision p { margin-top:var(--s2); color:var(--pmut); }
.flood-decision > .flood-link { margin-top:var(--s4); }
.flood-final { background:var(--bg); color:var(--night-ink); }
.flood-final .big { margin-top:var(--s3); max-width:1000px; }
.flood-final .section-intro { max-width:860px; font-size:var(--body); }
.flood-final .actions { margin-top:var(--s4); justify-content:flex-start; }
.flood-final .pill { max-width:100%; white-space:normal; }
@media (max-width:1100px) {
  .flood-heading { grid-template-columns:220px minmax(0,1fr); gap:var(--s4); }
  .flood-process { margin-left:252px; }
}
@media (max-width:860px) {
  .flood-hero { padding-top:var(--s4); }
  .flood-crumb { margin-bottom:var(--s4); }
  .flood-heading { grid-template-columns:minmax(0,1fr); gap:var(--s3); }
  .flood-heading > .eyebrow { padding-top:0; }
  .flood-split { gap:var(--s4); margin-top:var(--s5); }
  .flood-process { margin-left:0; }
  .flood-filter-grid,.flood-decisions { grid-template-columns:minmax(0,1fr); }
  .flood-rule { grid-template-columns:minmax(0,1fr); gap:var(--s4); }
  .flood-address-card { padding:var(--s3); }
}
@media (max-width:560px) {
  .flood-hero h1 { font-size:var(--h1); line-height:1.22; }
  .flood-lead { font-size:var(--body); }
  .flood-split,.flood-address-grid { grid-template-columns:minmax(0,1fr); gap:var(--s4); }
  .flood-boundary { padding:var(--s2); }
  .flood-table th,.flood-table td { padding:var(--s2); }
  .flood-process li { grid-template-columns:28px minmax(0,1fr); gap:var(--s2); }
  .flood-caution { padding:var(--s2); }
  .flood-address-card { padding:var(--s3) var(--s2); }
  .flood-final .actions { align-items:flex-start; }
}

.lifespan-hero { padding:var(--s6) 0 var(--s7); }
.lifespan-hero h1 { max-width:1050px; font-size:var(--h1); line-height:1.18; }
.lifespan-lead { max-width:760px; font-size:var(--body); }
.lifespan-hero .actions { margin-top:var(--s4); }
.lifespan-facts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--s4); margin-top:var(--s6); padding-top:var(--s3); border-top:1px solid var(--line); }
.lifespan-facts > div { min-width:0; }
.lifespan-facts .mono { display:block; font-size:var(--micro); color:var(--mut); }
.lifespan-facts strong { display:block; margin-top:var(--s2); font:500 var(--h2)/1.24 var(--mono); letter-spacing:-.035em; color:var(--night-ink); }
.lifespan-facts p { margin-top:var(--s2); font-size:var(--small); color:var(--mut); }
.lifespan-timeline { list-style:none; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--s4); margin-top:var(--s6); }
.lifespan-timeline li { position:relative; min-width:0; padding-top:var(--s3); }
.lifespan-timeline li + li { border-top:1px solid var(--light-border); }
.lifespan-node { position:relative; display:inline-grid; place-items:center; width:32px; height:32px; border:1px solid var(--pdeep); border-radius:var(--radius-control); background:var(--pale); color:var(--pdeep); font-size:var(--micro); }
.lifespan-time { margin-top:var(--s3); color:var(--pdeep); font-size:var(--micro); }
.lifespan-timeline h3 { margin-top:var(--s2); font-size:18px; font-weight:500; line-height:1.5; }
.lifespan-timeline li > p:not(.lifespan-time) { margin-top:var(--s2); color:var(--pmut); }
.lifespan-timeline a { display:inline-block; margin-top:var(--s3); color:var(--pdeep); text-decoration:underline; text-underline-offset:4px; font-size:var(--control-type); }
.lifespan-change-note { display:grid; grid-template-columns:32px minmax(0,1fr); gap:var(--s2); margin-top:var(--s5); padding:var(--s3); border:1px solid var(--light-border); border-radius:var(--radius-card); background:var(--chip); color:var(--pink); }
.lifespan-change-note > svg { width:24px; height:24px; color:var(--pdeep); }
.lifespan-change-note h3 { font-size:18px; font-weight:500; line-height:1.5; }
.lifespan-change-note p { margin-top:var(--s1); max-width:1050px; color:var(--pmut); }
.lifespan-planner { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); margin-top:var(--s5); border:1px solid var(--border); border-radius:var(--radius-card); background:var(--panel); color:var(--night-ink); }
.lifespan-controls { min-width:0; padding:var(--s4); border-right:1px solid var(--border); }
.lifespan-controls > h3 { font-size:var(--h3); line-height:1.35; font-weight:500; margin-bottom:var(--s4); }
.lifespan-controls .field-label { color:var(--soft-ink); }
.lifespan-range-row { display:flex; align-items:center; gap:var(--s3); min-width:0; margin-top:var(--s2); }
.lifespan-range { display:block; flex:1 1 auto; width:100%; min-width:0; height:32px; accent-color:var(--lime); cursor:pointer; background:var(--panel); color:var(--lime); }
.lifespan-hours { display:block; flex:none; min-width:80px; text-align:right; color:var(--lime); font-size:18px; line-height:1.5; }
.lifespan-range-scale { display:flex; justify-content:space-between; padding-right:calc(80px + var(--s3)); margin-top:var(--s1); color:var(--quiet); font-size:var(--micro); }
.lifespan-hint { margin-top:var(--s2); color:var(--mut); font-size:var(--small); }
.lifespan-choice { position:relative; margin-top:var(--s4); }
.lifespan-choice-trigger { display:inline-flex; align-items:center; position:relative; width:100%; min-height:44px; padding:10px 36px 10px 16px; border:1px solid var(--control-border); border-radius:var(--radius-control); background:var(--panel2); color:var(--night-ink); font-size:var(--control-type); line-height:1.5; text-align:left; }
.lifespan-choice-trigger:hover { background:var(--active); color:var(--night-ink); border-color:var(--control-hover); }
.lifespan-choice-menu { position:absolute; top:calc(100% + 8px); left:0; z-index:20; width:100%; padding:var(--s1); border:1px solid var(--control-hover); border-radius:var(--radius-card); background:var(--panel2); color:var(--night-ink); }
.lifespan-choice-menu button { display:block; width:100%; min-height:40px; padding:10px 12px; border:0; border-radius:var(--radius-control); background:var(--panel2); color:var(--night-ink); font-size:var(--control-type); line-height:1.5; text-align:left; }
.lifespan-choice-menu button:hover,.lifespan-choice-menu button[aria-selected="true"] { background:var(--active); color:var(--lime); }
.lifespan-boundary { margin-top:var(--s4); padding-top:var(--s3); border-top:1px solid var(--line); }
.lifespan-boundary > span { color:var(--quiet); font-size:var(--micro); }
.lifespan-boundary p { margin-top:var(--s1); color:var(--mut); font-size:var(--small); }
.lifespan-result { display:flex; flex-direction:column; align-items:flex-start; min-width:0; padding:var(--s4); background:var(--panel2); color:var(--night-ink); border-radius:0 var(--radius-card) var(--radius-card) 0; }
.lifespan-verdict { margin-top:var(--s3); max-width:100%; }
.lifespan-result > h3 { margin-top:var(--s3); font-size:var(--h3); line-height:1.4; font-weight:500; letter-spacing:-.02em; }
.lifespan-result > p:not(.eyebrow):not(.lifespan-result-note) { margin-top:var(--s3); color:var(--mut); }
.lifespan-result-detail { margin-top:var(--s4); padding-left:var(--s2); border-left:1px solid var(--olive); }
.lifespan-result-detail > span { color:var(--lime); font-size:var(--micro); }
.lifespan-result-detail p { margin-top:var(--s1); color:var(--soft-ink); font-size:var(--control-type); }
.lifespan-result .actions { margin-top:var(--s4); }
.lifespan-inline-link { color:var(--soft-ink); font-size:var(--control-type); text-decoration:underline; text-underline-offset:4px; }
.lifespan-result-note { margin-top:var(--s3); color:var(--mut); font-size:var(--small); }
.lifespan-recovery { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:var(--s6); align-items:start; margin-top:var(--s5); }
.lifespan-recovery-steps { display:grid; gap:var(--s4); list-style:none; }
.lifespan-recovery-steps li { display:grid; grid-template-columns:32px minmax(0,1fr); gap:var(--s2); }
.lifespan-recovery-steps li > span { padding-top:4px; color:var(--pdeep); font-size:var(--micro); }
.lifespan-recovery-steps h3 { font-size:18px; font-weight:500; line-height:1.5; }
.lifespan-recovery-steps p { margin-top:var(--s2); color:var(--pmut); }
.lifespan-recovery-link { display:inline-block; margin-top:var(--s4); color:var(--pdeep); font-size:var(--control-type); text-decoration:underline; text-underline-offset:4px; }
.lifespan-key-card { min-width:0; padding:var(--s4); border:1px solid var(--light-border); border-radius:var(--radius-card); background:var(--chip); color:var(--pink); }
.lifespan-key-card > svg { display:block; width:64px; height:64px; margin-bottom:var(--s4); color:var(--pdeep); }
.lifespan-key-card h3 { margin-top:var(--s3); font-size:var(--h3); font-weight:500; line-height:1.4; letter-spacing:-.02em; }
.lifespan-key-card ul { display:grid; gap:var(--s2); margin:var(--s3) 0; padding-left:20px; color:var(--pmut); font-size:var(--control-type); }
.lifespan-key-card > p:not(.eyebrow) { margin-top:var(--s3); color:var(--pmut); font-size:var(--control-type); }
.lifespan-key-card > a { display:inline-block; margin-top:var(--s3); color:var(--pdeep); font-size:var(--control-type); text-decoration:underline; text-underline-offset:4px; }
.lifespan-records { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--s3); margin-top:var(--s5); }
.lifespan-records article { min-width:0; padding:var(--s3); border:1px solid var(--border); border-radius:var(--radius-card); background:var(--panel); color:var(--night-ink); }
.lifespan-records article > span { color:var(--lime); font-size:var(--micro); }
.lifespan-records h3 { font-size:18px; font-weight:500; line-height:1.5; margin-top:var(--s3); }
.lifespan-records p { color:var(--mut); margin-top:var(--s2); }
.lifespan-follow { margin-top:var(--s4); max-width:820px; color:var(--mut); }
.lifespan-follow a { color:var(--lime); text-decoration:underline; text-underline-offset:4px; }
.lifespan-final { max-width:var(--wrap); }
.lifespan-final .section-intro { max-width:760px; font-size:var(--body); }
.lifespan-final .actions { margin-top:var(--s4); }
.lifespan-final-note { max-width:760px; margin-top:var(--s3); color:var(--pmut); font-size:var(--small); }
@media (max-width:860px) {
  .lifespan-hero { padding-top:var(--s5); }
  .lifespan-facts { grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--s4); margin-top:var(--s5); }
  .lifespan-timeline { grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--s5) var(--s4); margin-top:var(--s5); }
  .lifespan-planner { grid-template-columns:minmax(0,1fr); }
  .lifespan-controls { border-right:0; border-bottom:1px solid var(--border); }
  .lifespan-result { border-radius:0 0 var(--radius-card) var(--radius-card); }
  .lifespan-recovery { grid-template-columns:minmax(0,1fr); gap:var(--s5); }
  .lifespan-records { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:560px) {
  .lifespan-hero { padding-top:var(--s4); }
  .lifespan-hero h1 { font-size:var(--h1); }
  .lifespan-facts { gap:var(--s4) var(--s2); }
  .lifespan-facts strong { font-size:var(--h2); }
  .lifespan-timeline { grid-template-columns:minmax(0,1fr); gap:var(--s4); }
  .lifespan-change-note { grid-template-columns:24px minmax(0,1fr); padding:var(--s2); gap:12px; }
  .lifespan-controls,.lifespan-result,.lifespan-key-card { padding:var(--s3) var(--s2); }
  .lifespan-range-row { gap:var(--s2); }
  .lifespan-range-scale { padding-right:calc(80px + var(--s2)); }
  .lifespan-recovery-steps li { grid-template-columns:24px minmax(0,1fr); gap:12px; }
  .lifespan-result .pill,.lifespan-final .pill,.lifespan-hero .pill { max-width:100%; height:auto; white-space:normal; }
  .lifespan-result .actions { align-items:flex-start; }
}


/* Verification diagnostic page */
.diagnostic-hero { padding-top:var(--s6); }
.diagnostic-hero h1 { font-size:var(--h2); line-height:1.24; max-width:1000px; }
.diagnostic-lead { max-width:720px; font-size:var(--body); }
.diagnostic-start-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--s3); margin-top:var(--s5); }
.diagnostic-start { display:flex; flex-direction:column; align-items:flex-start; padding:var(--s4); border:1px solid var(--border); border-radius:var(--radius-card); background:var(--panel); color:var(--night-ink); min-width:0; }
.diagnostic-start:hover { border-color:var(--lime); background:var(--panel2); color:var(--night-ink); }
.diagnostic-index { display:block; font:var(--micro)/1.6 var(--mono); letter-spacing:.04em; color:var(--lime); }
.diagnostic-start h2 { margin-top:var(--s3); font-size:var(--h3); line-height:1.35; font-weight:500; letter-spacing:-.02em; }
.diagnostic-start p { margin-top:var(--s2); max-width:560px; color:var(--mut); }
.diagnostic-link { display:block; margin-top:var(--s4); color:var(--lime); font-size:var(--control-type); }
.diagnostic-boundary { margin-top:var(--s3); max-width:920px; color:var(--mut); font-size:var(--small); }
.diagnostic-split { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); gap:var(--s6); align-items:start; }
.diagnostic-split .section-intro { font-size:var(--body); max-width:520px; }
.diagnostic-address-card { min-width:0; padding:var(--s4); border:1px solid var(--pline); border-radius:var(--radius-card); background:var(--paper); color:var(--pink); }
.diagnostic-address-card h3 { font-size:var(--h3); line-height:1.35; font-weight:500; }
.diagnostic-checklist { list-style:none; counter-reset:diagnostic-check; display:grid; gap:var(--s3); margin-top:var(--s4); }
.diagnostic-checklist li { position:relative; padding-left:40px; counter-increment:diagnostic-check; min-width:0; }
.diagnostic-checklist li::before { content:counter(diagnostic-check,decimal-leading-zero); position:absolute; left:0; top:2px; color:var(--pdeep); font:var(--micro)/1.6 var(--mono); }
.diagnostic-checklist b { font-weight:500; }
.diagnostic-checklist p { margin-top:var(--s1); color:var(--pmut); font-size:var(--control-type); }
.diagnostic-text-link { display:inline-block; max-width:100%; margin-top:var(--s3); color:var(--lime); text-decoration:underline; text-underline-offset:4px; overflow-wrap:anywhere; font-size:var(--control-type); }
.light .diagnostic-text-link { color:var(--pdeep); }
.diagnostic-tool-head { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:var(--s6); align-items:end; }
.diagnostic-tool-head .section-intro { font-size:var(--body); max-width:520px; }
.diagnostic-form { margin-top:var(--s5); }
.diagnostic-options-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--s4); }
.diagnostic-fieldset { min-width:0; border:0; padding:0; margin:0; }
.diagnostic-fieldset legend { width:100%; margin-bottom:var(--s3); font-size:18px; line-height:1.5; font-weight:500; }
.diagnostic-fieldset legend .diagnostic-index { margin-bottom:var(--s1); }
.diagnostic-choice { display:flex; align-items:flex-start; gap:12px; min-width:0; padding:var(--s2); border:1px solid var(--border); border-radius:var(--radius-card); background:var(--panel); color:var(--night-ink); cursor:pointer; }
.diagnostic-choice + .diagnostic-choice { margin-top:var(--s1); }
.diagnostic-choice:hover { border-color:var(--control-hover); background:var(--panel2); color:var(--night-ink); }
.diagnostic-choice:has(input:checked) { border-color:var(--lime); background:var(--active); color:var(--night-ink); }
.diagnostic-choice:has(input:focus-visible) { outline:1px solid var(--lime); outline-offset:3px; }
.diagnostic-choice input { width:16px; height:16px; margin-top:4px; flex:none; accent-color:var(--lime); }
.diagnostic-choice span { min-width:0; }
.diagnostic-choice b { display:block; font-size:var(--control-type); font-weight:500; }
.diagnostic-choice small { display:block; margin-top:4px; font-size:var(--small); color:var(--mut); line-height:1.6; }
.diagnostic-field-note { margin-top:var(--s2); color:var(--mut); font-size:var(--small); }
.diagnostic-submit-row { display:flex; align-items:center; flex-wrap:wrap; gap:var(--s2) var(--s3); margin-top:var(--s4); }
.diagnostic-submit-row p { color:var(--mut); font-size:var(--small); }
.diagnostic-result { margin-top:var(--s5); padding:var(--s4); border:1px solid var(--olive); border-radius:var(--radius-card); background:var(--active); color:var(--night-ink); scroll-margin-top:calc(var(--header-h) + var(--s3)); }
.diagnostic-result:focus { outline:1px solid var(--lime); outline-offset:4px; }
.diagnostic-result-tag { display:inline-flex; align-items:center; width:auto; padding:4px 10px; border:1px solid var(--olive); border-radius:var(--radius-pill); background:var(--status-bg); color:var(--lime); font-size:var(--micro); margin-bottom:var(--s3); }
.diagnostic-result h3 { font-size:var(--h3); line-height:1.35; font-weight:500; }
.diagnostic-result-summary { max-width:880px; margin-top:var(--s2); color:var(--soft-ink); }
.diagnostic-result-list { display:grid; gap:var(--s2); margin:var(--s3) 0 0; padding-left:24px; max-width:900px; }
.diagnostic-result-list li { padding-left:var(--s1); }
.diagnostic-result-list li::marker { color:var(--lime); font-family:var(--mono); }
.diagnostic-result-note { margin-top:var(--s4); padding-top:var(--s3); border-top:1px solid var(--olive); color:var(--mut); font-size:var(--control-type); max-width:960px; }
.diagnostic-noscript { margin-top:var(--s4); }
.diagnostic-wait-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--s3); margin-top:var(--s5); }
.diagnostic-wait-card { min-width:0; padding:var(--s3); border:1px solid var(--pline); border-radius:var(--radius-card); background:var(--paper); color:var(--pink); }
.diagnostic-wait-card > svg { width:32px; height:32px; color:var(--pdeep); }
.diagnostic-wait-card h3 { font-size:18px; line-height:1.5; font-weight:500; margin-top:var(--s3); }
.diagnostic-wait-card p { margin-top:var(--s2); color:var(--pmut); }
.diagnostic-paper-note { margin-top:var(--s4); max-width:920px; font-size:var(--control-type); color:var(--pmut); }
.diagnostic-limits { display:grid; gap:var(--s3); }
.diagnostic-limit-item { padding:var(--s3); border:1px solid var(--border); border-radius:var(--radius-card); background:var(--panel); color:var(--night-ink); min-width:0; }
.diagnostic-limit-item h3 { font-size:18px; line-height:1.5; font-weight:500; }
.diagnostic-limit-item p { margin-top:var(--s2); color:var(--mut); }
.diagnostic-help-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--s3); margin-top:var(--s5); }
.diagnostic-help-card { min-width:0; padding:var(--s4); border:1px solid var(--pline); border-radius:var(--radius-card); background:var(--paper); color:var(--pink); }
.diagnostic-help-card h3 { font-size:var(--h3); line-height:1.35; font-weight:500; }
.diagnostic-help-card p { margin-top:var(--s2); color:var(--pmut); }
.diagnostic-help-card ul { display:grid; gap:var(--s1); margin-top:var(--s3); padding-left:20px; font-size:var(--control-type); color:var(--pmut); }
.diagnostic-help-card .pill { margin-top:var(--s4); max-width:100%; white-space:normal; padding-block:10px; height:auto; }
.diagnostic-safety-note { display:flex; align-items:flex-start; gap:var(--s2); padding:var(--s3); margin-top:var(--s4); border:1px solid var(--light-border); border-radius:var(--radius-card); background:var(--chip); color:var(--pink); }
.diagnostic-safety-note svg { width:24px; height:24px; flex:none; color:var(--pdeep); }
.diagnostic-safety-note p { font-size:var(--control-type); }
.diagnostic-safety-note strong { font-weight:500; }
.diagnostic-safety-note a { color:var(--pdeep); text-decoration:underline; text-underline-offset:3px; }
.diagnostic-final .section-intro { max-width:760px; font-size:var(--body); }
.diagnostic-final .actions { margin-top:var(--s4); }
@media (max-width:860px) {
  .diagnostic-split { grid-template-columns:minmax(0,1fr); gap:var(--s4); }
  .diagnostic-tool-head { grid-template-columns:minmax(0,1fr); gap:0; }
  .diagnostic-tool-head .section-intro { max-width:680px; }
  .diagnostic-options-grid { grid-template-columns:minmax(0,1fr); gap:var(--s4); }
  .diagnostic-wait-grid { grid-template-columns:minmax(0,1fr); }
  .diagnostic-help-grid { grid-template-columns:minmax(0,1fr); }
  .diagnostic-start { padding:var(--s3); }
}
@media (max-width:560px) {
  .diagnostic-hero { padding-top:var(--s5); }
  .diagnostic-start-grid { grid-template-columns:minmax(0,1fr); }
  .diagnostic-address-card,.diagnostic-help-card,.diagnostic-result { padding:var(--s3) var(--s2); }
  .diagnostic-checklist li { padding-left:32px; }
  .diagnostic-start h2,.diagnostic-address-card h3,.diagnostic-help-card h3,.diagnostic-result h3 { font-size:18px; }
  .diagnostic-result-tag { border-radius:var(--radius-control); }
  .diagnostic-submit-row { align-items:flex-start; flex-direction:column; }
  .diagnostic-safety-note { padding:var(--s2); }
  .diagnostic-final .pill,.diagnostic-result .pill { max-width:100%; height:auto; white-space:normal; padding-block:10px; }
}

[data-resend-code],
[data-change-email] {
  min-height:40px;
  border:1px solid var(--control-border);
  background:var(--panel2);
  color:var(--night-ink);
}
[data-resend-code]:hover,
[data-change-email]:hover {
  border-color:var(--control-hover);
  background:var(--active);
  color:var(--night-ink);
}
.timeline article {
  align-items:start;
}
.timeline article h2,
.timeline article h3 {
  margin-top:0;
}
.diagnostic-wait-card h2,
.diagnostic-result h2 {
  font-size:var(--h3);
  line-height:1.35;
  font-weight:500;
}
.diagnostic-wait-card p,
.diagnostic-wait-card ul,
.diagnostic-wait-card ol {
  font-size:var(--body);
  line-height:1.6;
}


.tool-legend {
  display:flex;
  align-items:center;
  gap:var(--s2);
  margin:0 0 var(--s3);
  padding:0;
  font-size:18px;
  font-weight:500;
  line-height:1.4;
  color:var(--night-ink);
}
.light .tool-legend {
  color:var(--pink);
}


/* Notes index and reading surfaces */
.notes-index {
  padding-bottom:var(--s7);
  background:var(--bg);
  color:var(--night-ink);
}
.notes-hero {
  padding:var(--s6) 0 var(--s5);
}
.notes-hero h1 {
  max-width:1000px;
  font-size:var(--h1);
  line-height:1.18;
  font-weight:500;
  letter-spacing:-.04em;
}
.notes-count {
  display:table;
  width:auto;
  min-height:0;
  margin-top:var(--s3);
  padding:4px 12px;
  border:1px solid var(--olive);
  border-radius:var(--radius-pill);
  background:var(--status-bg);
  color:var(--lime);
  font:var(--micro)/1.6 var(--mono);
}
.notes-count:empty {
  display:none;
}
.notes-hero .section-intro {
  max-width:760px;
  margin-top:var(--s3);
  font-size:var(--body);
  color:var(--mut);
}
.notes-post-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--s3);
}
.notes-post-card {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:0;
  padding:var(--s4);
  border:1px solid var(--border);
  border-radius:var(--radius-card);
  background:var(--panel);
  color:var(--night-ink);
  transition:border-color .2s,background .2s;
}
.notes-post-card:hover {
  border-color:var(--olive);
  background:var(--panel2);
  color:var(--night-ink);
}
.notes-post-card:focus-visible {
  outline:1px solid var(--lime);
  outline-offset:4px;
}
.notes-post-card-header {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:var(--s2) var(--s3);
  width:100%;
}
.notes-tag {
  display:inline-flex;
  align-items:center;
  width:auto;
  max-width:100%;
  padding:4px 10px;
  border:1px solid var(--olive);
  border-radius:var(--radius-pill);
  background:var(--status-bg);
  color:var(--lime);
  font:var(--micro)/1.5 var(--mono);
  overflow-wrap:anywhere;
}
.notes-post-date {
  color:var(--mut);
  font:var(--micro)/1.6 var(--mono);
}
.notes-post-title {
  margin-top:var(--s4);
  font-size:var(--h3);
  line-height:1.45;
  font-weight:500;
  letter-spacing:-.02em;
  overflow-wrap:anywhere;
  text-wrap:pretty;
}
.notes-post-description {
  margin-top:var(--s2);
  margin-bottom:var(--s4);
  color:var(--mut);
  font-size:var(--body);
  line-height:1.8;
}
.notes-post-card-footer {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--s3);
  width:100%;
  margin-top:auto;
  padding-top:var(--s3);
  border-top:1px solid var(--line);
}
.notes-read-time {
  color:var(--soft-ink);
  font:var(--small)/1.6 var(--mono);
}
.notes-post-card-footer svg {
  width:24px;
  height:24px;
  flex:none;
  color:var(--lime);
}
.notes-noscript {
  margin-top:var(--s3);
  color:var(--mut);
}
.notes-noscript-links {
  display:grid;
  gap:var(--s2);
  margin-top:var(--s3);
  padding-left:var(--s3);
}
.notes-noscript-links a {
  color:var(--lime);
  text-decoration:underline;
  text-underline-offset:4px;
}
.notes-article-hero {
  padding:var(--s5) 0 var(--s6);
  background:var(--bg);
  color:var(--night-ink);
}
.notes-breadcrumb {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:var(--s1) var(--s2);
  margin-bottom:var(--s5);
  color:var(--mut);
  font-size:var(--small);
}
.notes-breadcrumb a {
  color:var(--soft-ink);
  text-decoration:underline;
  text-underline-offset:4px;
}
.notes-breadcrumb a:hover {
  color:var(--lime);
}
.notes-breadcrumb [aria-current] {
  min-width:0;
  overflow-wrap:anywhere;
}
.notes-breadcrumb-separator {
  width:16px;
  height:16px;
  color:var(--quiet);
  flex:none;
}
.notes-article-hero h1 {
  max-width:1120px;
  font-size:var(--h2);
  line-height:1.28;
  font-weight:500;
  letter-spacing:-.035em;
}
.notes-article-hero .section-intro {
  max-width:820px;
  margin-top:var(--s3);
  color:var(--mut);
  font-size:var(--body);
  line-height:1.8;
}
.notes-article-meta {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:var(--s2) var(--s3);
  margin-top:var(--s4);
  color:var(--mut);
  font:var(--small)/1.6 var(--mono);
}
.notes-article-meta time {
  white-space:nowrap;
}
.notes-meta-pill {
  display:inline-flex;
  align-items:center;
  width:auto;
  max-width:100%;
  padding:4px 10px;
  border:1px solid var(--control-border);
  border-radius:var(--radius-pill);
  background:var(--panel2);
  color:var(--soft-ink);
  font:var(--micro)/1.5 var(--mono);
}
.notes-article-surface {
  padding:var(--s6) 0 var(--s7);
  background:var(--pale);
  color:var(--pink);
}
.notes-reading-shell {
  width:min(1120px,calc(100% - 64px));
  margin:0 auto;
}
.notes-reading-grid {
  display:grid;
  grid-template-columns:240px minmax(0,1fr);
  align-items:start;
  gap:var(--s5);
}
.notes-toc {
  position:sticky;
  top:calc(var(--header-h) + var(--s2));
  min-width:0;
  padding:var(--s3);
  border:1px solid var(--pline);
  border-radius:var(--radius-card);
  background:var(--paper);
  color:var(--pink);
  font-size:var(--control-type);
}
.notes-toc summary {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--s2);
  list-style:none;
  cursor:pointer;
  font-weight:500;
}
.notes-toc-chevron {
  width:7px;
  height:7px;
  margin-right:3px;
  border-right:1px solid currentColor;
  border-bottom:1px solid currentColor;
  transform:translateY(-2px) rotate(45deg);
  flex:none;
}
.notes-toc[open] .notes-toc-chevron {
  transform:translateY(2px) rotate(225deg);
}
.notes-toc ol {
  display:grid;
  gap:var(--s2);
  margin-top:var(--s3);
  padding-left:20px;
}
.notes-toc li::marker {
  color:var(--pdeep);
  font-family:var(--mono);
  font-size:var(--micro);
}
.notes-toc a {
  color:var(--pink);
  text-decoration:underline;
  text-decoration-color:var(--pline);
  text-underline-offset:4px;
  overflow-wrap:anywhere;
}
.notes-toc a:hover {
  color:var(--pdeep);
  text-decoration-color:currentColor;
}
.notes-toc .toc-count {
  display:block;
  margin-top:var(--s3);
  padding-top:var(--s2);
  border-top:1px solid var(--pline);
  color:var(--pmut);
  font:var(--micro)/1.6 var(--mono);
}
.notes-prose {
  min-width:0;
  color:var(--pink);
  font-size:var(--body);
  line-height:1.85;
}
.notes-prose > :first-child {
  margin-top:0;
}
.notes-prose h2 {
  margin:var(--s6) 0 var(--s3);
  color:var(--pink);
  font-size:var(--h3);
  line-height:1.4;
  font-weight:500;
  letter-spacing:-.02em;
  scroll-margin-top:calc(var(--header-h) + var(--s4));
}
.notes-prose h3 {
  margin:var(--s4) 0 var(--s2);
  color:var(--pink);
  font-size:18px;
  line-height:1.5;
  font-weight:500;
  scroll-margin-top:calc(var(--header-h) + var(--s4));
}
.notes-prose h4 {
  margin:var(--s3) 0 var(--s2);
  color:var(--pink);
  font-size:var(--body);
  line-height:1.6;
  font-weight:600;
}
.notes-prose p + p {
  margin-top:var(--s2);
}
.notes-prose strong {
  font-weight:600;
}
.notes-prose a:not(.pill):not(.btn) {
  color:var(--pdeep);
  text-decoration:underline;
  text-underline-offset:4px;
  overflow-wrap:anywhere;
}
.notes-prose a:not(.pill):not(.btn):hover {
  color:var(--pink);
}
.notes-prose ul,
.notes-prose ol {
  margin:var(--s3) 0 var(--s4);
  padding-left:var(--s3);
}
.notes-prose li + li {
  margin-top:var(--s2);
}
.notes-prose li::marker {
  color:var(--pdeep);
}
.notes-prose code {
  padding:2px 5px;
  border-radius:var(--radius-control);
  background:var(--chip);
  color:var(--pink);
  font:var(--control-type)/1.7 var(--mono);
  overflow-wrap:anywhere;
}
.notes-prose pre {
  max-width:100%;
  margin:var(--s3) 0 var(--s4);
  padding:var(--s3);
  border:1px solid var(--pline);
  border-radius:var(--radius-card);
  background:var(--paper);
  color:var(--pink);
  overflow:auto;
  font:var(--control-type)/1.8 var(--mono);
}
.notes-prose pre code {
  padding:0;
  background:var(--paper);
  color:var(--pink);
}
.notes-prose blockquote {
  margin:var(--s3) 0 var(--s4);
  padding:var(--s2) var(--s3);
  border-left:1px solid var(--pdeep);
  background:var(--chip);
  color:var(--pink);
}
.notes-callout {
  margin:var(--s3) 0 var(--s4);
  padding:var(--s3);
  border:1px solid var(--light-border);
  border-radius:var(--radius-card);
  background:var(--paper);
  color:var(--pink);
}
.notes-callout h3 {
  margin:0 0 var(--s2);
}
.notes-callout p {
  color:var(--pmut);
}
.notes-table-scroll {
  max-width:100%;
  margin:var(--s3) 0 var(--s4);
  border:1px solid var(--pline);
  border-radius:var(--radius-card);
  background:var(--paper);
  color:var(--pink);
  overflow-x:auto;
}
.notes-table-scroll table {
  min-width:620px;
  margin:0;
  font-size:var(--control-type);
  line-height:1.7;
}
.notes-table-scroll caption {
  padding:var(--s2) var(--s3);
  text-align:left;
  color:var(--pmut);
  font-size:var(--small);
}
.notes-table-scroll th,
.notes-table-scroll td {
  padding:var(--s2);
  border-bottom:1px solid var(--pline);
  vertical-align:top;
}
.notes-table-scroll th {
  background:var(--chip);
  color:var(--pink);
  font-weight:500;
}
.notes-table-scroll tbody tr:last-child > * {
  border-bottom:0;
}
.notes-inline-steps {
  display:grid;
  gap:var(--s3);
  margin:var(--s3) 0 var(--s4);
}
.notes-inline-step {
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  gap:var(--s2);
  align-items:start;
}
.notes-inline-step > .mono {
  color:var(--pdeep);
  font-size:var(--micro);
  padding-top:4px;
}
.notes-inline-step h3 {
  margin:0 0 var(--s1);
}
.notes-example {
  margin:var(--s3) 0 var(--s4);
  padding:var(--s3);
  border:1px solid var(--pline);
  border-radius:var(--radius-card);
  background:var(--paper);
  color:var(--pink);
}
.notes-example-label {
  display:block;
  margin-bottom:var(--s2);
  color:var(--pdeep);
  font:var(--micro)/1.6 var(--mono);
}
.notes-example p + p {
  margin-top:var(--s2);
}
.notes-article-cta {
  margin-top:var(--s6);
  padding:var(--s4);
  border:1px solid var(--border);
  border-radius:var(--radius-card);
  background:var(--panel);
  color:var(--night-ink);
}
.notes-article-cta .eyebrow {
  color:var(--soft-ink);
}
.notes-article-cta h2 {
  margin:var(--s3) 0 0;
  color:var(--night-ink);
  font-size:var(--h3);
  line-height:1.4;
}
.notes-article-cta > p:not(.eyebrow) {
  margin-top:var(--s2);
  color:var(--mut);
}
.notes-article-cta .actions {
  justify-content:flex-start;
  margin-top:var(--s4);
}
.notes-prose .notes-article-cta a.pill {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  max-width:100%;
  min-height:44px;
  height:auto;
  padding:10px 20px;
  border:1px solid var(--control-border);
  background:var(--panel2);
  color:var(--night-ink);
  white-space:normal;
  line-height:1.35;
  text-decoration:none;
}
.notes-prose .notes-article-cta a.pill.lime {
  border-color:var(--lime);
  background:var(--lime);
  color:var(--brand-ink);
}
.notes-prose .notes-article-cta a.pill:hover {
  border-color:var(--control-hover);
  background:var(--active);
  color:var(--night-ink);
}
.notes-prose .notes-article-cta a.pill.lime:hover {
  border-color:var(--lime2);
  background:var(--lime2);
  color:var(--brand-ink);
}
.notes-article-endnote {
  margin-top:var(--s4);
  padding-top:var(--s3);
  border-top:1px solid var(--pline);
  color:var(--pmut);
  font-size:var(--small);
}
.notes-recommend {
  position:fixed;
  right:var(--s3);
  bottom:var(--s3);
  z-index:60;
  width:min(340px,calc(100% - 32px));
  max-height:calc(100dvh - var(--header-h) - 48px);
  border:1px solid var(--control-border);
  border-radius:var(--radius-card);
  background:var(--panel2);
  color:var(--night-ink);
  overflow:auto;
}
.notes-recommend-visual {
  display:grid;
  align-items:end;
  min-height:104px;
  padding:var(--s3);
  border-bottom:1px solid var(--border);
  background:var(--active);
  color:var(--lime);
}
.notes-recommend-visual > svg {
  width:120px;
  max-width:calc(100% - 40px);
  height:56px;
}
.notes-recommend > img {
  display:block;
  width:100%;
  height:136px;
  object-fit:cover;
  border-bottom:1px solid var(--border);
}
.notes-recommend-content {
  padding:var(--s3);
}
.notes-recommend-content > .eyebrow {
  color:var(--mut);
}
.notes-recommend-content h2 {
  margin-top:var(--s3);
  color:var(--night-ink);
  font-size:18px;
  line-height:1.5;
  font-weight:500;
}
.notes-recommend-content p:not(.eyebrow) {
  margin-top:var(--s2);
  color:var(--mut);
  font-size:var(--control-type);
}
.notes-recommend-content .pill {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:auto;
  max-width:100%;
  height:auto;
  margin-top:var(--s3);
  padding:10px 18px;
  border-color:var(--lime);
  background:var(--lime);
  color:var(--brand-ink);
  white-space:normal;
  line-height:1.35;
}
.notes-recommend-content .pill:hover {
  border-color:var(--lime2);
  background:var(--lime2);
  color:var(--brand-ink);
}
.notes-recommend .float-close {
  position:absolute;
  top:var(--s1);
  right:var(--s1);
  width:32px;
  height:32px;
  border-color:var(--control-border);
  background:var(--panel2);
  color:var(--night-ink);
}
.notes-recommend .float-close:hover {
  border-color:var(--control-hover);
  background:var(--active);
  color:var(--lime);
}
@media (max-width:860px) {
  .notes-hero {
    padding-top:var(--s5);
  }
  .notes-post-grid {
    grid-template-columns:minmax(0,1fr);
    gap:var(--s2);
  }
  .notes-post-card {
    padding:var(--s3);
  }
  .notes-post-title {
    max-width:760px;
    margin-top:var(--s3);
  }
  .notes-post-description {
    max-width:760px;
  }
  .notes-article-hero {
    padding-top:var(--s4);
    padding-bottom:var(--s5);
  }
  .notes-breadcrumb {
    margin-bottom:var(--s4);
  }
  .notes-reading-grid {
    grid-template-columns:minmax(0,1fr);
    gap:var(--s5);
  }
  .notes-toc {
    position:static;
    padding:var(--s2) var(--s3);
  }
  .notes-toc:not([open]) {
    padding-top:var(--s2);
    padding-bottom:var(--s2);
  }
  .notes-article-surface {
    padding-top:var(--s5);
  }
  .notes-prose h2 {
    margin-top:var(--s5);
  }
  .notes-article-cta {
    margin-top:var(--s5);
  }
}
@media (max-width:560px) {
  .notes-hero {
    padding-top:var(--s4);
    padding-bottom:var(--s4);
  }
  .notes-hero h1 {
    font-size:var(--h1);
    line-height:1.22;
  }
  .notes-post-card {
    padding:var(--s3) var(--s2);
  }
  .notes-post-card-header {
    gap:var(--s2);
  }
  .notes-post-title {
    font-size:var(--h3);
    line-height:1.45;
  }
  .notes-post-description {
    margin-bottom:var(--s3);
  }
  .notes-article-hero h1 {
    font-size:var(--h2);
    line-height:1.3;
  }
  .notes-article-meta {
    gap:var(--s2);
  }
  .notes-reading-shell {
    width:calc(100% - 32px);
  }
  .notes-reading-grid {
    gap:var(--s4);
  }
  .notes-toc {
    padding:var(--s2);
  }
  .notes-prose h2 {
    font-size:var(--h3);
  }
  .notes-callout,
  .notes-example,
  .notes-prose pre {
    padding:var(--s2);
  }
  .notes-article-cta {
    padding:var(--s3) var(--s2);
  }
  .notes-article-cta .actions {
    gap:var(--s1);
  }
  .notes-recommend {
    right:var(--s2);
    bottom:var(--s2);
  }
}


.message-guide-width { width:min(1120px,calc(100% - 64px)); margin:0 auto; }
.message-guide-hero { padding:var(--s7) 0 var(--s6); background:var(--bg); color:var(--night-ink); }
.message-guide-crumb { display:flex; align-items:center; flex-wrap:wrap; gap:var(--s2); margin-bottom:var(--s5); color:var(--mut); font-size:var(--small); }
.message-guide-crumb a { color:var(--soft-ink); text-decoration:underline; text-underline-offset:4px; }
.message-guide-crumb a:hover { color:var(--lime); }
.message-guide-hero h1 { max-width:1080px; font-size:var(--h2); line-height:1.3; letter-spacing:-.035em; }
.message-guide-hero .section-intro { max-width:800px; font-size:var(--body); margin-top:var(--s4); }
.message-guide-meta { display:inline-flex; flex-wrap:wrap; align-items:center; gap:var(--s1) var(--s2); margin-top:var(--s4); padding:8px 16px; border:1px solid var(--border); border-radius:var(--radius-pill); background:var(--panel2); color:var(--soft-ink); font:var(--small)/1.6 var(--mono); }
.message-guide-summary { display:grid; grid-template-columns:120px minmax(0,1fr); align-items:baseline; gap:var(--s3); margin-top:var(--s5); padding-top:var(--s3); border-top:1px solid var(--olive); }
.message-guide-summary > span { color:var(--lime); font-size:var(--micro); }
.message-guide-summary p { color:var(--mut); font-size:var(--control-type); }
.message-guide-body { padding:var(--s6) 0 var(--s7); }
.message-guide-toc { position:sticky; top:calc(var(--header-h) + var(--s2)); z-index:2; min-width:0; padding:var(--s3); border:1px solid var(--pline); border-radius:var(--radius-card); background:var(--pale); color:var(--pink); font-size:var(--control-type); }
.message-guide-toc summary { position:relative; padding-right:24px; font-weight:500; list-style:none; cursor:pointer; }
.message-guide-toc ol { padding-left:20px; margin-top:var(--s3); }
.message-guide-toc li + li { margin-top:var(--s1); }
.message-guide-toc li::marker { color:var(--pmut); font-family:var(--mono); }
.message-guide-toc a:hover { color:var(--pdeep); text-decoration:underline; text-underline-offset:4px; }
.message-guide-count { display:inline-flex; margin-top:var(--s3); padding:4px 12px; border:1px solid var(--light-border); border-radius:var(--radius-pill); background:var(--chip); color:var(--pdeep); font-size:var(--small); }
.message-guide-count:empty { display:none; }
.message-guide-prose { color:var(--pink); }
.message-guide-prose > section { scroll-margin-top:calc(var(--header-h) + var(--s4)); }
.message-guide-prose > section + section { margin-top:var(--s5); }
.message-guide-prose h2 { font-size:var(--h3); line-height:1.45; margin:0 0 var(--s3); }
.message-guide-prose h3 { margin-top:var(--s3); }
.message-guide-prose strong { font-weight:500; }
.message-guide-prose li + li { margin-top:var(--s1); }
.message-guide-opening { margin-bottom:var(--s4); color:var(--pmut); }
.message-guide-table { max-width:100%; overflow-x:auto; margin:var(--s3) 0 var(--s4); border:1px solid var(--pline); border-radius:var(--radius-card); background:var(--paper); color:var(--pink); }
.message-guide-prose .message-guide-table table { min-width:660px; margin:0; font-size:var(--control-type); }
.message-guide-table caption { padding:var(--s2); text-align:left; color:var(--pmut); font-size:var(--small); border-bottom:1px solid var(--pline); }
.message-guide-table thead th { background:var(--chip); color:var(--pink); }
.message-guide-table tbody th { font-weight:500; color:var(--pdeep); }
.message-guide-table tbody tr:last-child > * { border-bottom:0; }
.message-guide-example { padding-left:24px; }
.message-guide-prose .message-guide-cta { background:var(--panel2); color:var(--night-ink); border-color:var(--border); margin-top:var(--s6); }
.message-guide-cta-icon { width:40px; height:40px; color:var(--lime); margin-bottom:var(--s3); }
.message-guide-prose .message-guide-cta h2 { margin:0 0 var(--s2); color:var(--night-ink); }
.message-guide-cta p { color:var(--mut); }
.message-guide-prose .message-guide-cta .pill { background:var(--panel2); color:var(--night-ink); border-color:var(--control-border); max-width:100%; white-space:normal; height:auto; }
.message-guide-prose .message-guide-cta .pill:hover { background:var(--active); color:var(--night-ink); border-color:var(--control-hover); }
.message-guide-prose .message-guide-cta .pill.lime { background:var(--lime); color:var(--brand-ink); border-color:var(--lime); }
.message-guide-prose .message-guide-cta .pill.lime:hover { background:var(--lime2); color:var(--brand-ink); border-color:var(--lime2); }
.message-guide-float { width:min(300px,calc(100% - 32px)); }
.message-guide-float-head { display:flex; align-items:center; gap:12px; padding:var(--s2) 48px var(--s2) var(--s3); border-bottom:1px solid var(--border); background:var(--active); color:var(--lime); font-size:var(--micro); }
.message-guide-float-head svg { width:28px; height:28px; flex:none; }
.message-guide-float .recommend-content h2 { font-size:18px; line-height:1.5; font-weight:500; }
.message-guide-float .recommend-content p { margin-top:var(--s1); font-size:var(--small); color:var(--mut); }
.message-guide-float-actions { display:flex; flex-wrap:wrap; gap:var(--s1); margin-top:var(--s3); }
.message-guide-float .message-guide-float-actions .pill { margin-top:0; padding:8px 14px; min-height:36px; }
@media (max-width:860px) {
  .message-guide-toc { position:static; }
  .message-guide-toc details:not([open]) { padding:0; }
  .message-guide-body .article-grid { gap:var(--s5); }
}
@media (max-width:560px) {
  .message-guide-width { width:calc(100% - 32px); }
  .message-guide-hero { padding-top:96px; padding-bottom:var(--s5); }
  .message-guide-hero h1 { font-size:var(--h2); }
  .message-guide-crumb { gap:12px; margin-bottom:var(--s4); }
  .message-guide-meta { gap:4px 12px; font-size:var(--micro); padding:8px 12px; }
  .message-guide-summary { grid-template-columns:minmax(0,1fr); gap:var(--s1); margin-top:var(--s4); }
  .message-guide-toc { padding:var(--s2); }
  .message-guide-prose .message-guide-cta { padding:var(--s3) var(--s2); }
  .message-guide-float .recommend-content { padding:var(--s2); }
  .message-guide-float-head { padding:12px 48px 12px var(--s2); }
}


.handover-shell {
  width:min(1120px,calc(100% - 64px));
  margin:0 auto;
  padding-bottom:var(--s7);
}
.handover-hero {
  padding-top:var(--s7);
  padding-bottom:var(--s6);
}
.handover-crumb {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:var(--s2);
  margin-bottom:var(--s5);
  color:var(--mut);
  font-size:var(--small);
}
.handover-crumb a {
  color:var(--soft-ink);
  text-decoration:underline;
  text-underline-offset:4px;
}
.handover-crumb a:hover {
  color:var(--lime);
}
.handover-hero h1 {
  max-width:1080px;
  font-size:var(--h2);
  font-weight:500;
  line-height:1.25;
  letter-spacing:-.035em;
}
.handover-meta {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:var(--s1);
  margin-top:var(--s4);
}
.handover-meta > * {
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:4px 12px;
  border:1px solid var(--border);
  border-radius:var(--radius-pill);
  background:var(--panel2);
  color:var(--soft-ink);
  font-size:var(--micro);
  line-height:1.5;
}
.handover-hero .section-intro {
  max-width:840px;
  margin-top:var(--s3);
  font-size:18px;
}
.handover-summary {
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  align-items:start;
  gap:var(--s3);
  margin-top:var(--s5);
  padding:var(--s3);
  border:1px solid var(--olive);
  border-radius:var(--radius-card);
  background:var(--active);
  color:var(--soft-ink);
  font-size:var(--body);
}
.handover-summary svg {
  width:32px;
  height:32px;
  color:var(--lime);
}
.handover-summary strong {
  color:var(--night-ink);
  font-weight:500;
}
.handover-grid {
  grid-template-columns:240px minmax(0,1fr);
  gap:var(--s5);
  align-items:start;
}
.handover-toc {
  position:sticky;
  top:calc(var(--header-h) + var(--s2));
  z-index:2;
  min-width:0;
  max-height:calc(100dvh - var(--header-h) - var(--s4));
  overflow-y:auto;
  padding:var(--s3);
  border:1px solid var(--border);
  border-radius:var(--radius-card);
  background:var(--panel);
  color:var(--soft-ink);
  font-size:var(--small);
  scrollbar-width:thin;
}
.handover-toc summary {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--s2);
  list-style:none;
  cursor:pointer;
  color:var(--night-ink);
  font-size:var(--control-type);
  font-weight:500;
}
.handover-toc-chevron {
  width:7px;
  height:7px;
  margin-right:3px;
  border-right:1px solid currentColor;
  border-bottom:1px solid currentColor;
  transform:rotate(45deg);
  flex:none;
}
.handover-toc details[open] .handover-toc-chevron {
  transform:rotate(225deg);
}
.handover-toc ol {
  margin-top:var(--s3);
  padding-left:24px;
}
.handover-toc li {
  padding-left:2px;
}
.handover-toc li + li {
  margin-top:var(--s1);
}
.handover-toc li::marker {
  color:var(--quiet);
  font-family:var(--mono);
}
.handover-toc li a:hover {
  color:var(--lime);
}
.handover-count {
  display:inline-flex;
  align-items:center;
  margin-top:var(--s3);
  padding:4px 12px;
  border:1px solid var(--olive);
  border-radius:var(--radius-pill);
  background:var(--status-bg);
  color:var(--lime);
  font-size:var(--micro);
  line-height:1.5;
}
.handover-count:empty {
  display:none;
}
.handover-prose {
  min-width:0;
  color:var(--soft-ink);
}
.handover-topic {
  scroll-margin-top:calc(var(--header-h) + var(--s4));
}
.handover-topic + .handover-topic {
  margin-top:var(--s6);
}
.handover-section-code {
  color:var(--lime);
  font-size:var(--micro);
  letter-spacing:.04em;
}
.handover-prose.prose h2 {
  margin:var(--s3) 0;
  color:var(--night-ink);
  font-size:var(--h3);
  font-weight:500;
  line-height:1.45;
  letter-spacing:-.02em;
}
.handover-prose.prose h3 {
  color:var(--night-ink);
  font-size:18px;
  font-weight:500;
}
.handover-prose strong {
  color:var(--night-ink);
  font-weight:500;
}
.handover-prose.prose li + li {
  margin-top:var(--s1);
}
.handover-table-scroll {
  max-width:100%;
  margin:var(--s4) 0;
  overflow-x:auto;
  border:1px solid var(--border);
  border-radius:var(--radius-card);
  background:var(--panel);
  color:var(--soft-ink);
  scrollbar-width:thin;
}
.handover-prose.prose .handover-table {
  min-width:620px;
  margin:0;
  font-size:var(--control-type);
  line-height:1.7;
}
.handover-table caption {
  padding:var(--s2);
  border-bottom:1px solid var(--border);
  color:var(--mut);
  font-size:var(--small);
  text-align:left;
}
.handover-table th,
.handover-table td {
  padding:var(--s2);
  vertical-align:top;
}
.handover-table thead th {
  background:var(--panel2);
  color:var(--soft-ink);
  font-weight:500;
}
.handover-table th[scope="row"] {
  width:110px;
  color:var(--lime);
  font-weight:500;
}
.handover-table tbody tr:last-child > * {
  border-bottom:0;
}
.handover-record {
  margin:var(--s4) 0;
  padding:var(--s4);
  border:1px solid var(--pline);
  border-radius:var(--radius-card);
  background:var(--pale);
  color:var(--pink);
}
.handover-record-label {
  font-size:var(--micro);
  line-height:1.7;
  color:var(--pdeep);
}
.handover-record dl {
  margin-top:var(--s3);
}
.handover-record dl > div {
  display:grid;
  grid-template-columns:80px minmax(0,1fr);
  gap:var(--s2);
  padding:var(--s2) 0;
  border-bottom:1px solid var(--pline);
}
.handover-record dt {
  color:var(--pdeep);
  font-size:var(--small);
  font-weight:500;
}
.handover-record dd {
  color:var(--pink);
  font-size:var(--control-type);
}
.handover-record > p:last-child {
  margin-top:var(--s3);
  color:var(--pmut);
  font-size:var(--small);
}
.handover-prose.prose .handover-final-list {
  list-style:disc;
  padding-left:22px;
}
.handover-cta {
  margin-top:var(--s6);
  padding:var(--s4);
  background:var(--panel2);
  color:var(--night-ink);
  border:1px solid var(--olive);
}
.handover-cta > svg {
  display:block;
  width:48px;
  height:48px;
  margin-bottom:var(--s4);
  color:var(--lime);
}
.handover-cta .eyebrow {
  color:var(--lime);
}
.handover-prose.prose .handover-cta h2 {
  margin-top:var(--s3);
}
.handover-cta > p:not(.eyebrow) {
  color:var(--mut);
  font-size:var(--body);
}
.handover-cta .actions {
  margin-top:var(--s4);
}
.handover-cta .pill {
  max-width:100%;
  height:auto;
  padding-top:10px;
  padding-bottom:10px;
  border-color:var(--control-border);
  background:var(--panel2);
  color:var(--night-ink);
  white-space:normal;
}
.handover-cta .pill.lime {
  border-color:var(--lime);
  background:var(--lime);
  color:var(--brand-ink);
}
.handover-cta .pill:hover {
  border-color:var(--control-hover);
  background:var(--active);
  color:var(--night-ink);
}
.handover-cta .pill.lime:hover {
  border-color:var(--lime2);
  background:var(--lime2);
  color:var(--brand-ink);
}
.handover-recommend {
  width:min(320px,calc(100% - 32px));
  z-index:60;
  background:var(--panel2);
  color:var(--night-ink);
}
.handover-recommend .float-close {
  position:absolute;
  top:var(--s1);
  right:var(--s1);
  background:var(--panel);
  color:var(--night-ink);
}
.handover-recommend .float-close:hover {
  border-color:var(--lime);
  background:var(--active);
  color:var(--lime);
}
.handover-recommend-head {
  display:flex;
  align-items:center;
  gap:12px;
  padding:var(--s3) 48px var(--s2) var(--s3);
  border-bottom:1px solid var(--border);
}
.handover-recommend-head svg {
  width:28px;
  height:28px;
  color:var(--lime);
  flex:none;
}
.handover-recommend-head h2 {
  font-size:var(--control-type);
  font-weight:500;
  line-height:1.5;
}
.handover-recommend .recommend-content {
  padding:var(--s2) var(--s3) var(--s3);
}
.handover-recommend .recommend-content p {
  color:var(--mut);
  font-size:var(--small);
  line-height:1.6;
}
.handover-recommend-actions {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:var(--s1);
  margin-top:var(--s2);
}
.handover-recommend .recommend-content .pill {
  margin-top:0;
  max-width:100%;
  min-height:36px;
  height:auto;
  padding:8px 14px;
  line-height:1.35;
  white-space:normal;
}
@media (max-width:860px) {
  .handover-grid {
    grid-template-columns:minmax(0,1fr);
    gap:var(--s5);
  }
  .handover-toc {
    position:static;
    max-height:none;
    padding:var(--s3);
    overflow:visible;
  }
  .handover-toc ol {
    columns:2;
    column-gap:var(--s4);
  }
  .handover-toc li {
    break-inside:avoid;
  }
  .handover-hero {
    padding-top:96px;
    padding-bottom:var(--s5);
  }
}
@media (max-width:560px) {
  .handover-shell {
    width:calc(100% - 32px);
  }
  .handover-hero {
    padding-top:96px;
  }
  .handover-crumb {
    margin-bottom:var(--s4);
    gap:12px;
  }
  .handover-hero h1 {
    font-size:var(--h2);
    line-height:1.3;
  }
  .handover-hero .section-intro {
    font-size:var(--body);
  }
  .handover-meta {
    gap:var(--s1);
    margin-top:var(--s3);
  }
  .handover-meta > * {
    padding:4px 10px;
  }
  .handover-summary {
    grid-template-columns:24px minmax(0,1fr);
    gap:12px;
    padding:var(--s2);
    margin-top:var(--s4);
    font-size:var(--control-type);
  }
  .handover-summary svg {
    width:24px;
    height:24px;
  }
  .handover-toc {
    padding:var(--s2);
  }
  .handover-toc ol {
    columns:1;
  }
  .handover-prose.prose h2 {
    font-size:var(--h3);
    line-height:1.45;
  }
  .handover-record,
  .handover-cta {
    padding:var(--s3) var(--s2);
  }
  .handover-record dl > div {
    grid-template-columns:minmax(0,1fr);
    gap:var(--s1);
  }
  .handover-recommend-head {
    padding:var(--s2) 48px 12px var(--s2);
  }
  .handover-recommend .recommend-content {
    padding:12px var(--s2) var(--s2);
  }
}