:root {
  --wrap:1248px;
  --header-h:80px;
  --h1:50px;
  --h2:40px;
  --h3:20px;
  --body:16px;
  --small:14px;
  --micro:12px;
  --display:28px;
  --radius-control:999px;
  --radius-card:20px;
  --radius-small:10px;
  --radius-panel:40px;
  --s1:4px;
  --s2:8px;
  --s3:16px;
  --s4:24px;
  --s5:32px;
  --s6:48px;
  --s7:64px;
  --bg:#f5f2ea;
  --bg2:#ece7da;
  --paper:#fffdf8;
  --cream:#f7f3ea;
  --ink:#16332b;
  --ink2:#3d5249;
  --mute:#66766d;
  --line:#e2dccd;
  --lime:#c5e06b;
  --lime-hover:#cfe77c;
  --lime-ink:#1f2d08;
  --olive:#4d7a1e;
  --mark-ink:#1f4f3a;
  --mark-lime:#9cc23f;
  --ink-hover:#22463b;
  --headline-green:#3c6f1a;
  --moss1:#9cc78e;
  --moss2:#6aa274;
  --moss3:#3f7d5c;
  --band:#2e6249;
  --band-top:#3a7556;
  --band-bottom:#2a5a43;
  --lt:#f7f4ec;
  --lm:rgba(247,244,236,.74);
  --ll:rgba(247,244,236,.5);
  --c1:#e5efc8;
  --c1i:#22300c;
  --c2:#d6ebe3;
  --c2i:#103a30;
  --c3:#f2e6c6;
  --c3i:#3d3011;
  --c4:#f3d9cd;
  --c4i:#4a2218;
  --danger:#9a3f2c;
  --off:#e8a48c;
  --white:#ffffff;
  --clear:transparent;
  --stage-top:#b3d59e;
  --stage-mid:#86b886;
  --stage-low:#5f9a70;
  --stage-bottom:#4a8762;
  --stage-light:rgba(236,246,214,.55);
  --stage-shade:rgba(52,110,80,.45);
  --viz-light:#cfe6b8;
  --viz-bottom:#558f66;
  --card-top:rgba(255,254,248,.95);
  --card-bottom:rgba(240,246,230,.9);
  --live:#6fa83a;
  --live-halo:rgba(111,168,58,.22);
  --bar-start:#8dbb3e;
  --demo-bg:#f0e3b6;
  --demo-ink:#5e4a12;
  --icon-muted:#9aa59e;
  --art-line:#d6ccb4;
  --art-sand:#dcc994;
  --art-lime:#a9cb4b;
  --art-olive:#7fa636;
  --art-mint:#9fd0bf;
  --art-teal:#6fae98;
  --ink-line:rgba(22,51,43,.28);
  --ink-line-soft:rgba(22,51,43,.22);
  --ink-wash:rgba(22,51,43,.1);
  --ink-hairline:rgba(22,51,43,.05);
  --ink-shadow:rgba(22,51,43,.08);
  --paper-edge:rgba(255,255,255,.8);
  --paper-edge-soft:rgba(255,255,255,.6);
  --paper-edge-faint:rgba(255,255,255,.5);
  --paper-wash:rgba(255,255,255,.32);
  --paper-wash-soft:rgba(255,255,255,.22);
  --paper-wash-faint:rgba(255,255,255,.1);
  --paper-panel:rgba(255,255,255,.08);
  --wave:rgba(255,255,255,.14);
  --wave-strong:rgba(255,255,255,.18);
  --lime-edge:rgba(120,160,40,.25);
  --lime-glow:rgba(150,190,60,.28);
  --lime-shadow:rgba(110,150,40,.22);
  --lime-selection:rgba(197,224,107,.75);
  --lime-border:rgba(197,224,107,.6);
  --step-shadow:rgba(140,180,60,.18);
  --stage-shadow:rgba(30,70,45,.28);
  --window-shadow:rgba(30,70,45,.3);
  --toast-shadow:rgba(30,70,45,.25);
  --toast-ring:rgba(255,253,248,.4);
  --band-line:rgba(247,244,236,.16);
  --band-off:rgba(247,244,236,.22);
  --scrim:rgba(22,51,43,.48);
  --ms-red:#f25022;
  --ms-green:#7fba00;
  --ms-blue:#00a4ef;
  --ms-yellow:#ffb900;
  --ms-heading:#0067b8;
  --ms-text:#505050;
  --mail-text:#3b4641;
  --linkedin:#0a66c2;
  --sans:"Avenir Next","Segoe UI","Helvetica Neue","PingFang SC","Hiragino Sans GB","Noto Sans SC","Microsoft YaHei",sans-serif;
  --mono:"JetBrains Mono","SF Mono",Menlo,Consolas,"PingFang SC",monospace;
}
* { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; scroll-padding-top:calc(var(--header-h) + 24px); background:var(--bg); }
body { background:var(--bg); color:var(--ink); font:400 var(--body)/1.6 var(--sans); -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
ul { list-style:none; }
button,input,textarea { font:inherit; }
button { cursor:pointer; }
button,a,input,textarea,summary { -webkit-tap-highlight-color:var(--clear); }
button { color:var(--ink); }
button:disabled { cursor:wait; opacity:.6; }
img,svg { vertical-align:middle; }
img { max-width:100%; }
button svg,a svg { flex:none; }
[hidden] { display:none !important; }
:focus-visible { outline:2px solid var(--ink); outline-offset:4px; }
input:focus,textarea:focus { outline:none; border-color:var(--ink); box-shadow:inset 0 0 0 1px var(--ink); }
input,textarea { min-width:0; font-size:14px; background:var(--paper); color:var(--ink); border:1px solid var(--line); border-radius:var(--radius-control); padding:12px 16px; }
input::placeholder,textarea::placeholder { color:var(--mute); font-size:14px; }
textarea { border-radius:var(--radius-small); resize:vertical; }
h1,h2,h3,h4,h5 { font-weight:500; }
h1 em { font-style:normal; }
.wrap { width:min(var(--wrap), calc(100% - 64px)); margin-inline:auto; }
.eyebrow { margin:0; font:500 var(--micro)/1.6 var(--mono); letter-spacing:.24em; color:var(--olive); display:inline-flex; align-items:center; gap:8px; }
.eyebrow::before { content:""; width:6px; height:6px; background:currentColor; border-radius:1px; flex:none; }
.h2 { font-size:var(--h2); font-weight:500; line-height:1.15; letter-spacing:-.02em; color:var(--ink); }
.section-intro { margin-top:20px; color:var(--mute); }
.pill { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:48px; padding:10px 28px; border:1px solid var(--clear); border-radius:var(--radius-control); font-size:16px; font-weight:600; line-height:1.5; text-align:center; transition:transform .2s,background .2s,border-color .2s; }
.pill svg { width:16px; height:16px; }
.pill-lime { background:var(--lime); color:var(--lime-ink); box-shadow:0 0 0 1px var(--lime-edge),0 8px 24px var(--lime-glow); }
.pill-lime:hover { transform:translateY(-1px); background:var(--lime-hover); color:var(--lime-ink); }
.pill-line { border-color:var(--ink-line); color:var(--ink); background:var(--clear); }
.pill-line:hover { border-color:var(--ink); background:var(--paper); color:var(--ink); }
.pill-ink { background:var(--ink); color:var(--cream); }
.pill-ink:hover { background:var(--ink-hover); color:var(--cream); }
.actions { display:flex; flex-wrap:wrap; align-items:center; gap:16px; }
.site-header { position:sticky; top:0; z-index:50; background:var(--bg); color:var(--ink); }
.nav { height:var(--header-h); display:flex; align-items:center; justify-content:space-between; }
.brand { display:flex; align-items:center; gap:10px; font-size:20px; font-weight:600; letter-spacing:-.01em; color:var(--ink); flex:none; }
.brand img { width:30px; height:30px; flex:none; }
.menu { display:flex; align-items:center; gap:32px; margin-left:56px; flex:1; }
.menu a { font-size:16px; color:var(--ink2); display:flex; align-items:center; gap:6px; white-space:nowrap; }
.menu a:hover { color:var(--ink); }
.menu a[aria-current="page"] { padding:8px 12px; border-radius:var(--radius-control); background:var(--c1); color:var(--c1i); }
.menu svg { width:10px; height:10px; }
.nav-r { display:flex; align-items:center; gap:16px; }
.language { position:relative; }
.lang { position:relative; display:inline-flex; align-items:center; justify-content:center; gap:8px; height:40px; padding:0 36px 0 20px; border:1px solid var(--ink-line-soft); border-radius:var(--radius-control); font-size:14px; font-weight:500; background:var(--clear); color:var(--ink); white-space:nowrap; }
.chevron { display:block; width:7px; height:7px; border-right:1px solid currentColor; border-bottom:1px solid currentColor; flex:none; transform:rotate(45deg); }
.lang .chevron { position:absolute; right:16px; top:50%; transform:translateY(calc(-50% - .08em)) rotate(45deg); }
.lang-menu { position:absolute; right:0; top:calc(100% + 12px); min-width:176px; padding:8px; background:var(--paper); color:var(--ink); border:1px solid var(--line); border-radius:var(--radius-small); box-shadow:0 16px 32px var(--ink-shadow); z-index:80; }
.lang-menu a { display:block; padding:8px 12px; font-size:14px; border-radius:var(--radius-small); }
.lang-menu a:hover,.lang-menu a[aria-current] { background:var(--c1); color:var(--c1i); }
.nav-r .pill { min-height:40px; padding:8px 20px; font-size:14px; white-space:nowrap; }
.menu-toggle { display:none; width:40px; height:40px; background:var(--paper); color:var(--ink); border:1px solid var(--line); border-radius:var(--radius-control); align-items:center; justify-content:center; }
.menu-toggle svg { width:18px; height:18px; }
.nav-drawer { position:fixed; top:calc(var(--header-h) + 8px); left:24px; right:auto; width:min(320px,calc(100% - 48px)); padding:12px; background:var(--paper); color:var(--ink); border:1px solid var(--line); border-radius:var(--radius-card); box-shadow:0 16px 32px var(--ink-shadow); z-index:70; text-align:left; }
.nav-drawer a { display:block; padding:12px 16px; border-radius:var(--radius-small); font-size:14px; }
.nav-drawer a:hover,.nav-drawer a[aria-current="page"] { background:var(--c1); color:var(--c1i); }
.x-short { display:none; }
.skip-link { position:fixed; left:16px; top:8px; z-index:150; padding:8px 16px; background:var(--ink); color:var(--paper); border-radius:var(--radius-control); transform:translateY(-160%); }
.skip-link:focus { transform:none; }
.hero-head { display:grid; grid-template-columns:minmax(0,1fr) 482px; gap:64px; padding-top:40px; }
.hero-head h1 { font-size:var(--h1); font-weight:500; letter-spacing:-.02em; line-height:1.12; margin-top:24px; color:var(--ink); }
.hero-head h1 span { display:block; color:var(--headline-green); }
.hero-head h1 span em { background:linear-gradient(var(--clear) 62%,var(--lime-selection) 62%); padding:0 2px; }
.lead { font-size:20px; line-height:1.6; color:var(--ink2); }
.hero-cta { display:flex; flex-wrap:wrap; gap:16px; margin-top:32px; }
.stage { position:relative; margin:64px 16px 0; height:840px; border-radius:var(--radius-panel); overflow:hidden; background:radial-gradient(ellipse 760px 420px at 80% 14%,var(--stage-light),var(--clear) 70%),radial-gradient(ellipse 600px 420px at 6% 96%,var(--stage-shade),var(--clear) 70%),linear-gradient(170deg,var(--stage-top) 0%,var(--stage-mid) 34%,var(--stage-low) 70%,var(--stage-bottom) 100%); }
.stage .waves { position:absolute; inset:0; width:100%; height:100%; }
.waves g { stroke:var(--wave); }
.slotcard { position:absolute; left:64px; top:48px; width:448px; padding:24px; border-radius:var(--radius-card); z-index:3; background:linear-gradient(160deg,var(--card-top),var(--card-bottom)); border:1px solid var(--paper-edge); box-shadow:0 30px 60px var(--stage-shadow),0 1px 0 var(--white) inset; transform:rotate(-1.6deg); animation:slide 1s cubic-bezier(.2,.8,.2,1) both; color:var(--ink); }
@keyframes slide {
  from { opacity:0; transform:translate(-24px,16px) rotate(-1.6deg); }
  to { opacity:1; transform:rotate(-1.6deg); }
}
.sc-head { display:flex; align-items:center; gap:10px; font-size:16px; font-weight:600; }
.sc-head img { width:28px; height:28px; }
.sc-head .live { margin-left:auto; font:500 12px/1.6 var(--mono); color:var(--olive); display:flex; align-items:center; gap:6px; }
.sc-head .live::before { content:""; width:7px; height:7px; border-radius:50%; background:var(--live); box-shadow:0 0 0 3px var(--live-halo); }
.addr { display:flex; align-items:center; gap:8px; margin-top:16px; background:var(--white); color:var(--ink); border-radius:var(--radius-small); padding:8px 8px 8px 16px; box-shadow:inset 0 0 0 1px var(--line); }
.addr code { font:500 17px/1.6 var(--mono); letter-spacing:0; white-space:nowrap; color:var(--ink); flex:1; overflow:hidden; }
.addr code b { font-weight:500; color:var(--mute); }
.copy { display:flex; align-items:center; justify-content:center; gap:6px; height:40px; padding:0 16px; border:0; border-radius:var(--radius-control); background:var(--ink); color:var(--cream); font-size:14px; font-weight:600; white-space:nowrap; }
.copy svg { width:14px; height:14px; }
.exp { margin-top:16px; display:grid; grid-template-columns:auto 1fr; gap:4px 16px; align-items:center; }
.exp .k { font-size:12px; color:var(--mute); }
.exp .v { font:600 20px/1.6 var(--mono); color:var(--ink); letter-spacing:0; }
.bar { grid-column:1/-1; height:6px; border-radius:var(--radius-control); background:var(--ink-wash); overflow:hidden; }
.bar i { display:block; height:100%; width:99%; border-radius:var(--radius-control); background:linear-gradient(90deg,var(--bar-start),var(--lime)); }
.exp .note { grid-column:1/-1; font-size:12px; color:var(--mute); }
.acts { margin-top:16px; display:grid; gap:8px; }
.act { display:flex; align-items:center; gap:10px; height:40px; padding:0 16px; border:0; border-radius:var(--radius-small); font-size:14px; font-weight:600; text-align:left; }
.act svg { width:16px; height:16px; }
.act .chev { margin-left:auto; width:10px; height:10px; opacity:.7; }
.act1 { background:var(--c2); color:var(--c2i); }
.act2 { background:var(--c3); color:var(--c3i); }
.act3 { background:var(--lime); color:var(--lime-ink); box-shadow:0 6px 16px var(--lime-shadow); }
.act-del { display:flex; justify-content:space-between; gap:12px; margin-top:12px; font-size:12px; color:var(--mute); }
.act-del a,.act-del button { color:var(--danger); font-size:12px; font-weight:600; border:0; background:var(--clear); }
.hero-art { position:absolute; left:72px; top:520px; width:400px; height:290px; z-index:2; }
.hero-art svg { width:100%; height:100%; }
.drop { animation:drop 3.6s ease-in-out infinite; }
@keyframes drop { 0%,100% { transform:translateY(0); }
 50% { transform:translateY(8px); }
 }
.win { position:absolute; left:488px; top:96px; width:872px; height:680px; min-height:600px; border-radius:var(--radius-card); overflow:hidden; z-index:1; background:var(--paper); color:var(--ink); display:grid; grid-template-rows:56px minmax(0,1fr); box-shadow:0 40px 80px var(--window-shadow),0 0 0 1px var(--paper-edge-soft); }
.wbar { display:flex; align-items:center; gap:12px; padding:0 24px 0 48px; border-bottom:1px solid var(--line); background:var(--cream); color:var(--ink); }
.wbar .tt { font-size:16px; font-weight:600; }
.cnt { font:400 12px/20px var(--mono); background:var(--ink); color:var(--cream); border-radius:var(--radius-control); padding:0 8px; }
.wbar .auto { margin-left:auto; display:flex; align-items:center; gap:8px; font-size:12px; color:var(--mute); }
.wbar .auto i { width:7px; height:7px; border-radius:50%; background:var(--live); animation:pulse 2s infinite; }
@keyframes pulse { 50% { opacity:.35; }
 }
.rf { width:32px; height:32px; border-radius:var(--radius-control); border:1px solid var(--line); display:grid; place-items:center; background:var(--paper); color:var(--ink); flex:none; }
.rf svg { width:14px; height:14px; }
.wbody { display:grid; grid-template-columns:320px minmax(0,1fr); min-height:0; }
.list { min-height:0; overflow-y:auto; background:var(--cream); color:var(--ink); border-right:1px solid var(--line); display:flex; flex-direction:column; }
.row { width:100%; height:76px; min-height:76px; flex:none; display:grid; grid-template-columns:36px minmax(0,1fr) auto; gap:4px 12px; padding:14px 20px 14px 48px; border:0; border-bottom:1px solid var(--line); align-items:center; background:var(--clear); color:var(--ink); text-align:left; }
.row.on,.row.is-active { background:var(--paper); color:var(--ink); box-shadow:inset 3px 0 0 var(--bar-start); }
.row .lg { grid-row:1/3; width:36px; height:36px; border-radius:var(--radius-small); display:grid; place-items:center; background:var(--white); color:var(--ink); border:1px solid var(--line); }
.row .lg svg { width:18px; height:18px; }
.row .s { font-size:14px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.row .tm { font-size:12px; color:var(--mute); white-space:nowrap; align-self:center; }
.row .p { grid-column:2/4; font-size:12px; color:var(--mute); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.demo { font:500 12px/18px var(--mono); color:var(--demo-ink); background:var(--demo-bg); border-radius:var(--radius-control); padding:0 8px; margin-left:6px; }
.wait { margin-top:auto; padding:24px 20px 24px 48px; display:flex; align-items:center; gap:12px; font-size:12px; color:var(--mute); border-top:1px solid var(--line); }
.wait svg { width:28px; height:28px; flex:none; }
.read { display:grid; grid-template-rows:auto minmax(0,1fr) auto; min-height:0; overflow-y:auto; background:var(--paper); color:var(--ink); }
.rh { display:grid; grid-template-columns:36px minmax(0,1fr) auto; gap:0 12px; padding:24px 32px 16px; align-items:center; }
.rh .av { width:36px; height:36px; border-radius:var(--radius-small); border:1px solid var(--line); display:grid; place-items:center; background:var(--white); color:var(--ink); }
.rh .av svg { width:18px; height:18px; }
.rh .nm { font-size:14px; font-weight:600; display:flex; flex-wrap:wrap; align-items:center; }
.rh .fr { font-size:12px; color:var(--mute); overflow-wrap:anywhere; }
.rh .fr span { font-family:var(--mono); letter-spacing:0; }
.rh .tm { font-size:12px; color:var(--mute); align-self:start; margin-top:4px; white-space:nowrap; }
.subj { grid-column:1/-1; font-size:20px; font-weight:600; margin-top:16px; letter-spacing:-.01em; overflow-wrap:anywhere; }
.mail { padding:20px 32px; border-top:1px solid var(--line); overflow:auto; min-height:0; }
.mlogo { display:flex; align-items:center; gap:8px; font-size:14px; color:var(--ms-text); font-weight:600; }
.mlogo svg { width:16px; height:16px; }
.mail h4 { font-size:28px; font-weight:500; color:var(--ms-heading); margin-top:12px; letter-spacing:-.01em; line-height:1.2; }
.mail p { font-size:14px; color:var(--mail-text); margin-top:12px; line-height:1.65; }
.code { margin-top:16px; display:flex; align-items:center; justify-content:space-between; gap:12px; background:var(--cream); color:var(--ink); border-radius:var(--radius-small); padding:12px 16px 12px 24px; box-shadow:inset 0 0 0 1px var(--line); }
.code b { font:600 28px/1.6 var(--mono); letter-spacing:.24em; color:var(--ink); }
.code span { font-size:12px; color:var(--mute); }
.meta { margin-top:16px; display:grid; grid-template-columns:72px minmax(0,1fr); gap:4px 16px; font-size:12px; }
.meta dt { color:var(--mute); }
.meta dd { color:var(--ink); font-weight:500; }
.disc { margin-top:16px; padding-top:12px; border-top:1px dashed var(--line); font-size:12px; color:var(--mute); }
.rfoot { display:flex; flex-wrap:wrap; gap:8px; padding:16px 32px; border-top:1px solid var(--line); background:var(--cream); color:var(--ink); }
.rbtn { min-height:36px; padding:6px 16px; border-radius:var(--radius-control); display:inline-flex; align-items:center; justify-content:center; gap:6px; font-size:14px; font-weight:600; border:1px solid var(--line); background:var(--paper); color:var(--ink); }
.rbtn svg { width:14px; height:14px; }
.rbtn.pri { background:var(--ink); color:var(--cream); border-color:var(--ink); }
.rbtn.end { margin-left:auto; color:var(--danger); }
.reader-mobile-actions { display:none; }
.mail iframe,.archive-detail iframe { display:block; width:100%; max-width:100%; min-width:0; min-height:360px; border:0; background:var(--paper); color:var(--ink); }
.mail pre,.archive-detail pre { font:400 14px/1.7 var(--mono); white-space:pre-wrap; overflow-wrap:anywhere; color:var(--ink); }
.is-real .demo,.is-real .demo-pill { display:none; }
.tiles { display:grid; grid-template-columns:1fr 1fr 1fr 2.1fr 1fr 1fr 1fr; gap:8px; margin-top:64px; }
.tile { min-width:0; background:var(--paper); color:var(--ink); border-radius:var(--radius-small); height:160px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px; text-align:center; box-shadow:0 1px 0 var(--ink-hairline); }
.tile b { font-size:20px; font-weight:600; letter-spacing:-.01em; color:var(--ink); }
.tile em { font-style:normal; font-family:var(--mono); font-size:12px; letter-spacing:.08em; color:var(--mute); background:var(--bg2); border-radius:var(--radius-small); padding:2px 8px; }
.tile.wide p { font-size:14px; color:var(--mute); }
.tile.wide p strong { color:var(--ink); font-weight:600; }
.chips { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; }
.chip { font-size:12px; font-weight:600; padding:4px 12px; border-radius:var(--radius-control); }
.tone1 { background:var(--c1); color:var(--c1i); }
.tone2 { background:var(--c2); color:var(--c2i); }
.tone3 { background:var(--c3); color:var(--c3i); }
.tone4 { background:var(--c4); color:var(--c4i); }
.how { padding-top:128px; text-align:center; }
.how .h2 { margin-top:24px; }
.how .sub { margin:20px auto 0; max-width:560px; font-size:16px; color:var(--mute); }
.seg { display:inline-flex; flex-wrap:wrap; justify-content:center; gap:4px; margin-top:32px; padding:4px; border-radius:var(--radius-control); background:var(--bg2); color:var(--ink2); }
.seg span,.seg button { min-height:40px; padding:8px 20px; display:flex; align-items:center; justify-content:center; border:0; border-radius:var(--radius-control); font-size:16px; background:var(--clear); color:var(--ink2); }
.seg .on { background:var(--lime); color:var(--lime-ink); font-weight:600; }
.flow { display:grid; grid-template-columns:368px minmax(0,1fr) 368px; gap:8px; margin-top:48px; text-align:left; }
.col { display:grid; gap:8px; }
.step { height:228px; border-radius:var(--radius-card); background:var(--paper); color:var(--ink); padding:24px; display:flex; flex-direction:column; min-width:0; }
.step.on { box-shadow:inset 0 0 0 1.5px var(--mark-lime),0 12px 32px var(--step-shadow); }
.ic { width:32px; height:32px; border-radius:var(--radius-small); display:grid; place-items:center; flex:none; }
.ic svg { width:18px; height:18px; }
.step h3 { margin-top:auto; font-size:20px; font-weight:500; letter-spacing:-.01em; color:var(--ink); }
.step p { margin-top:8px; font-size:14px; color:var(--ink2); line-height:1.6; }
.step:not(.on) h3 { color:var(--ink2); }
.step:not(.on) p { color:var(--mute); }
.viz { position:relative; border-radius:var(--radius-card); overflow:hidden; height:464px; background:radial-gradient(ellipse at 30% 20%,var(--viz-light),var(--clear) 60%),linear-gradient(160deg,var(--moss1),var(--moss2) 60%,var(--viz-bottom)); }
.viz .waves { position:absolute; inset:0; width:100%; height:100%; }
.viz .waves g { stroke:var(--wave-strong); }
.form { position:absolute; left:48px; top:56px; width:340px; background:var(--paper); color:var(--ink); border-radius:var(--radius-card); padding:24px; transform:rotate(-4deg); box-shadow:0 24px 48px var(--stage-shadow); }
.form h5 { font-size:16px; font-weight:600; }
.fld { margin-top:12px; }
.fld label { display:block; font-size:12px; color:var(--mute); }
.fld div { margin-top:4px; height:36px; border-radius:var(--radius-small); background:var(--cream); color:var(--mute); padding:0 12px; display:flex; align-items:center; font-size:14px; }
.fld.hot div { background:var(--white); box-shadow:inset 0 0 0 1.5px var(--bar-start); color:var(--ink); font-family:var(--mono); letter-spacing:0; font-size:13px; white-space:nowrap; }
.fbtn { margin-top:16px; height:36px; border-radius:var(--radius-control); background:var(--ink); color:var(--cream); display:grid; place-items:center; font-size:14px; font-weight:600; }
.viz-toast { position:absolute; right:28px; top:300px; display:flex; align-items:center; gap:12px; padding:12px 20px 12px 12px; border-radius:var(--radius-control); background:var(--paper); color:var(--ink); font-size:16px; font-weight:600; box-shadow:0 0 0 4px var(--toast-ring),0 16px 32px var(--toast-shadow); transform:rotate(2deg); white-space:nowrap; }
.viz-toast .ic { background:var(--lime); color:var(--lime-ink); border-radius:var(--radius-control); }
.viz-toast b { font-family:var(--mono); letter-spacing:.12em; }
.ghost { position:absolute; padding:12px 16px; border-radius:var(--radius-small); background:var(--paper-wash); border:1px solid var(--paper-edge-faint); color:var(--ink); font-size:12px; width:200px; }
.ghost span { display:block; font-family:var(--mono); font-size:12px; color:var(--ink2); letter-spacing:.1em; }
.ghost-top { right:24px; top:28px; transform:rotate(6deg); }
.ghost-bottom { left:32px; bottom:32px; transform:rotate(-3deg); }
.why { padding:128px 0; }
.why .h2 { margin-top:24px; max-width:760px; }
.bars { margin-top:48px; display:grid; gap:12px; }
.brow { display:grid; grid-template-columns:56px 560px minmax(0,1fr) 48px; gap:24px; align-items:center; padding:32px; border-radius:var(--radius-card); transition:transform .2s; }
.brow:hover { transform:translateY(-2px); }
.big-ic { width:56px; height:56px; border-radius:var(--radius-card); display:grid; place-items:center; background:var(--paper); color:var(--ink); box-shadow:0 6px 16px var(--ink-shadow); }
.big-ic svg { width:28px; height:28px; }
.brow em { font-style:normal; font-family:var(--mono); font-size:12px; letter-spacing:.2em; opacity:.7; }
.brow h3 { font-size:40px; font-weight:500; letter-spacing:-.02em; line-height:1.2; margin-top:4px; }
.brow p { font-size:16px; line-height:1.6; opacity:.82; }
.arrow { width:44px; height:44px; border-radius:var(--radius-control); background:var(--ink); color:var(--cream); display:grid; place-items:center; }
.arrow svg { width:14px; height:14px; }
.b1 { background:var(--c1); color:var(--c1i); }
.b2 { background:var(--c2); color:var(--c2i); }
.b3 { background:var(--c4); color:var(--c4i); }
.band { margin:0 16px; border-radius:var(--radius-panel); background:linear-gradient(165deg,var(--band-top),var(--band) 60%,var(--band-bottom)); color:var(--lt); padding:112px 0; }
.fwd { display:grid; grid-template-columns:minmax(0,1fr) 600px; gap:64px; align-items:center; }
.band .eyebrow { color:var(--lime); }
.band .h2 { margin-top:24px; color:var(--lt); }
.fwd .sub { margin-top:20px; font-size:16px; color:var(--lm); max-width:480px; }
.fsteps { margin-top:32px; display:grid; gap:16px; }
.fsteps li { display:grid; grid-template-columns:32px minmax(0,1fr); gap:16px; align-items:start; }
.fsteps .n { width:32px; height:32px; border-radius:var(--radius-control); border:1px solid var(--lime-border); color:var(--lime); display:grid; place-items:center; font-family:var(--mono); font-size:12px; }
.fsteps b { display:block; font-size:16px; font-weight:600; }
.fsteps div > span { font-size:14px; color:var(--lm); }
.fwd .pill { margin-top:40px; }
.panel { min-width:0; border-radius:var(--radius-card); background:var(--band); color:var(--lt); padding:40px; box-shadow:inset 0 0 0 1px var(--paper-wash-faint); }
.lane { display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:14px; }
.tag { display:flex; align-items:center; gap:8px; font-family:var(--mono); font-size:14px; letter-spacing:0; padding:8px 16px; border-radius:var(--radius-control); background:var(--band-top); color:var(--lt); white-space:nowrap; }
.tag i { width:7px; height:7px; border-radius:50%; background:var(--lime); flex:none; }
.tag.off i { background:var(--off); }
.state { font-size:12px; background:var(--band); color:var(--lt); font-family:var(--mono); letter-spacing:.1em; white-space:nowrap; }
.spec { display:flex; align-items:flex-end; gap:5px; height:96px; margin:24px 0 32px; }
.spec i { flex:1; background:var(--lime); border-radius:2px; transform-origin:bottom; animation:br 2.8s ease-in-out infinite; height:var(--height,60%); animation-delay:var(--delay,0s); }
.spec.off { height:24px; margin-bottom:32px; }
.spec.off i { background:var(--band-off); animation:none; height:30%; }
@keyframes br { 50% { transform:scaleY(.55); }
 }
.metric { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px; padding-top:32px; border-top:1px solid var(--band-line); }
.metric b { display:block; font-size:50px; font-weight:500; letter-spacing:-.02em; line-height:1.1; }
.metric b small { font-size:20px; background:var(--band); color:var(--lt); font-weight:400; margin-left:4px; }
.metric span { font-size:14px; color:var(--lm); }
.faq { padding-top:128px; }
.faq-head { display:flex; justify-content:space-between; align-items:flex-end; gap:24px; }
.faq-head .h2 { margin-top:24px; }
.faq-head > a { font-size:16px; color:var(--olive); font-weight:600; display:flex; gap:8px; align-items:center; }
.faq-head a svg { width:14px; height:14px; }
.qa { margin-top:48px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.q { background:var(--paper); color:var(--ink); border-radius:var(--radius-card); padding:32px; }
.q h3 { font-size:20px; font-weight:500; letter-spacing:-.01em; }
.q p { margin-top:12px; font-size:16px; color:var(--mute); line-height:1.6; }
details.q { padding:16px 24px; align-self:start; }
details.q summary { list-style:none; display:flex; align-items:center; gap:16px; justify-content:space-between; cursor:pointer; font-size:20px; }
details.q summary::-webkit-details-marker { display:none; }
details.q[open] { padding-bottom:24px; }
details.q[open] .chevron { transform:rotate(225deg); }
.cta { margin-top:128px; border-radius:var(--radius-card); background:var(--c1); color:var(--ink); display:grid; grid-template-columns:minmax(0,1fr) 480px; align-items:center; padding:64px; overflow:hidden; }
.cta h2 { font-size:40px; font-weight:500; letter-spacing:-.02em; line-height:1.15; margin-top:20px; }
.cta p { margin-top:20px; font-size:16px; color:var(--ink2); }
.cta .btns { display:flex; flex-wrap:wrap; gap:16px; margin-top:32px; }
.iso svg { width:480px; max-width:100%; height:300px; display:block; }
.fl1 { animation:fl 4s ease-in-out infinite; }
.fl2 { animation:fl 4s ease-in-out infinite .8s; }
.fl3 { animation:fl 4s ease-in-out infinite 1.6s; }
@keyframes fl { 50% { transform:translateY(-6px); }
 }
.footer { margin-top:128px; background:var(--bg2); color:var(--ink); }
.foot { padding:64px 0 48px; display:grid; grid-template-columns:minmax(0,1.45fr) repeat(3,minmax(0,1fr)); gap:40px; align-items:start; }
.foot .about { margin-top:16px; font-size:14px; color:var(--mute); max-width:360px; }
.foot h4 { font-size:12px; font-family:var(--mono); letter-spacing:.2em; color:var(--mute); font-weight:500; }
.foot ul { margin-top:16px; display:grid; gap:12px; }
.foot li a { font-size:14px; color:var(--ink2); overflow-wrap:anywhere; }
.foot li a:hover { color:var(--ink); }
.support-card { margin-top:24px; }
.support-card p { font-size:14px; color:var(--ink2); margin-bottom:12px; }
.support-card .mail-l { display:inline-flex; align-items:center; justify-content:center; max-width:100%; padding:8px 16px; font:400 14px/1.5 var(--mono); border-radius:var(--radius-control); background:var(--paper); color:var(--olive); border:1px solid var(--line); overflow-wrap:anywhere; }
.legal { padding:24px 0 48px; display:flex; flex-wrap:wrap; gap:16px; justify-content:space-between; font-size:12px; color:var(--mute); border-top:1px solid var(--line); }
.toast { position:fixed; left:50%; bottom:24px; z-index:200; width:max-content; max-width:min(430px,calc(100% - 32px)); padding:14px 24px; background:var(--ink); color:var(--paper); border-radius:var(--radius-card); box-shadow:0 8px 24px var(--ink-shadow); font-size:14px; opacity:0; visibility:hidden; transform:translate(-50%,12px); transition:opacity .2s,transform .2s,visibility .2s; pointer-events:none; text-align:center; overflow-wrap:anywhere; }
.toast.show { opacity:1; visibility:visible; transform:translate(-50%,0); }
.modal-backdrop { position:fixed; inset:0; z-index:120; display:grid; place-items:center; padding:16px; background:var(--scrim); color:var(--ink); }
.modal { width:min(420px,100%); max-height:calc(100dvh - 32px); overflow:auto; border-radius:var(--radius-card); background:var(--paper); color:var(--ink); padding:32px; }
.modal h2 { font-size:24px; line-height:1.3; margin-top:12px; }
.modal p { margin-top:16px; color:var(--ink2); font-size:14px; }
.modal .actions { margin-top:24px; justify-content:flex-end; }
.empty-state { min-height:0; height:auto; width:min(420px,calc(100% - 32px)); margin:auto; border:1px solid var(--line); border-radius:var(--radius-small); padding:20px; background:var(--paper); color:var(--ink); text-align:center; }
.empty-state h3 { font-size:18px; line-height:1.4; }
.empty-state p { margin-top:8px; font-size:14px; color:var(--mute); }
.empty-state svg { width:32px; height:32px; margin-bottom:12px; }
.status-pill { display:inline-flex; align-items:center; gap:8px; margin:0; width:fit-content; padding:4px 12px; border:1px solid var(--line); border-radius:var(--radius-control); background:var(--bg2); color:var(--ink2); font-size:12px; line-height:1.5; white-space:nowrap; }
.status-pill.enabled { background:var(--c1); color:var(--c1i); border-color:var(--mark-lime); }
.dropdown { position:relative; display:inline-block; }
.filter-trigger { min-height:40px; display:inline-flex; align-items:center; gap:12px; margin-block:16px; padding:8px 16px; background:var(--paper); color:var(--ink); border:1px solid var(--ink-line); border-radius:var(--radius-control); font-size:14px; }
.filter-menu { position:absolute; right:0; top:calc(100% + 8px); min-width:160px; padding:8px; border:1px solid var(--ink-line); border-radius:var(--radius-small); background:var(--paper); color:var(--ink); z-index:20; box-shadow:0 12px 24px var(--ink-shadow); }
.filter-menu button { width:100%; display:inline-flex; align-items:center; border:0; padding:10px 12px; text-align:left; font-size:14px; border-radius:var(--radius-small); background:var(--paper); color:var(--ink); }
.filter-menu [role="option"] { display:inline-flex; align-items:center; }
.filter-menu button:hover,.filter-menu [aria-selected="true"] { background:var(--c1); color:var(--c1i); }
.page-hero { padding-top:64px; padding-bottom:48px; }
.page-hero h1 { font-size:var(--h1); line-height:1.22; margin-top:24px; letter-spacing:-.02em; }
.page-hero .section-intro { max-width:680px; }
.card { padding:32px; background:var(--paper); color:var(--ink); border:1px solid var(--line); border-radius:var(--radius-card); }
.card h2,.card h3 { font-size:20px; line-height:1.4; }
.card p { font-size:14px; color:var(--ink2); margin-top:12px; }
.form-field { display:grid; gap:8px; }
.form-field label { font-size:14px; color:var(--ink2); }
.form-stack { display:grid; gap:24px; }
.table-scroll { overflow-x:auto; margin-block:24px 32px; }
table { width:100%; border-collapse:collapse; color:var(--ink); background:var(--paper); font-size:14px; }
th,td { text-align:left; vertical-align:middle; padding:16px; border-bottom:1px solid var(--line); }
th { background:var(--bg2); color:var(--ink2); font-weight:500; }
.auth-layout { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:64px; padding-block:64px; }
.auth-story,.auth-panel { min-width:0; }
.auth-story h1 { font-size:var(--h1); line-height:1.25; margin-top:24px; letter-spacing:-.02em; }
.auth-story p { margin-top:24px; color:var(--ink2); }
.login-card { padding:40px; border-radius:var(--radius-card); background:var(--paper); color:var(--ink); border:1px solid var(--line); }
.login-card h2 { font-size:24px; line-height:1.3; margin-bottom:24px; }
.login-card label { display:block; margin-bottom:8px; }
.login-card input { width:100%; background:var(--cream); color:var(--ink); border:1px solid var(--ink-line); }
.login-card .actions { margin-top:24px; }
.auth-notice { margin-block:16px; padding:12px 16px; border-radius:var(--radius-small); background:var(--c2); color:var(--c2i); font-size:14px; overflow-wrap:anywhere; }
.login-code { font-family:var(--mono); letter-spacing:.24em; }
.desk-header { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:24px; padding-block:48px; }
.desk-header h1 { font-size:var(--h2); line-height:1.22; }
.session-email { font:400 14px/1.6 var(--mono); overflow-wrap:anywhere; color:var(--ink2); margin-top:12px; }
.desk-stack { display:grid; grid-template-columns:minmax(0,1fr); gap:32px; }
.alias-desk { background:var(--paper); color:var(--ink); border:1px solid var(--line); border-radius:var(--radius-card); padding:32px; }
.alias-compose { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:24px; }
.alias-input { display:flex; min-width:0; flex:1; align-items:center; gap:8px; padding-right:16px; border:1px solid var(--line); border-radius:var(--radius-control); background:var(--cream); color:var(--ink); }
.alias-input input { width:100%; min-width:0; height:44px; padding-left:16px; font-size:14px; border:0; background:var(--clear); color:var(--ink); box-shadow:none; }
.alias-input span { font:400 14px/1.5 var(--mono); }
.alias-compose button { min-height:44px; font-size:14px; }
.alias-list { margin-top:24px; display:grid; gap:12px; }
.alias-row { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; padding:16px; background:var(--cream); color:var(--ink); border:1px solid var(--line); border-radius:var(--radius-small); }
.alias-address { min-width:0; font:400 14px/1.6 var(--mono); overflow-wrap:anywhere; }
.alias-operations { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.alias-desk > .empty-state { margin-top:24px; width:100%; padding:32px 24px; }
.slot-alias-empty p { max-width:36rem; }
.archive-desk { padding:32px; background:var(--c2); color:var(--c2i); border-radius:var(--radius-card); }
.archive-head { display:flex; flex-wrap:wrap; gap:24px; align-items:center; justify-content:space-between; }
.archive-list { margin-top:24px; display:grid; gap:8px; }
.archive-row { width:100%; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px 24px; text-align:left; border:1px solid var(--line); border-radius:var(--radius-small); padding:16px; background:var(--paper); color:var(--ink); font-size:14px; }
.archive-row .archive-subject { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.archive-row .archive-meta { display:flex; flex-wrap:wrap; gap:12px; align-items:center; justify-content:flex-end; }
.archive-row time { white-space:nowrap; font-size:12px; color:var(--mute); }
.archive-desk > .empty-state { margin-top:24px; width:100%; }
.archive-detail { min-width:0; max-width:100%; margin-top:24px; padding:24px; background:var(--paper); color:var(--ink); border:1px solid var(--line); border-radius:var(--radius-card); overflow-wrap:anywhere; }
.archive-detail-header { display:flex; flex-wrap:wrap; gap:16px; align-items:flex-start; justify-content:space-between; }
.archive-detail-header h2 { font-size:20px; line-height:1.4; }
.archive-detail-header button { align-self:flex-start; flex:none; }
.archive-detail-body { min-width:0; max-width:100%; margin-top:24px; }
.surface-safety { border:1px solid var(--line); border-radius:var(--radius-card); padding:32px; background:var(--cream); color:var(--ink); }
.twofa-idle { display:flex; flex-wrap:wrap; align-items:center; gap:24px; justify-content:space-between; }
.twofa-status { display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin-bottom:20px; }
.twofa-idle > button { align-self:center; flex:none; width:auto; }
.twofa-steps { margin-top:24px; display:flex; flex-wrap:wrap; gap:24px; counter-reset:security-step; }
.twofa-steps li { display:flex; align-items:center; gap:12px; font-size:14px; }
.twofa-steps li::before { counter-increment:security-step; content:counter(security-step); width:28px; height:28px; flex:none; display:grid; place-items:center; border:1px solid var(--ink-line); border-radius:var(--radius-control); font:400 12px/1 var(--mono); }
.twofa-setup { margin-top:24px; margin-bottom:24px; padding-top:24px; border-top:1px solid var(--line); }
.setup-grid { display:grid; grid-template-columns:192px minmax(0,1fr); gap:32px; align-items:start; }
.twofa-qr { width:192px; height:192px; aspect-ratio:1; object-fit:contain; background:var(--white); color:var(--ink); border-radius:var(--radius-small); padding:8px; }
.secret-row { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:16px; }
.secret-row code { font:500 14px/1.6 var(--mono); color:var(--ink); overflow-wrap:anywhere; }
.secret-row button { flex:none; width:auto; }
.twofa-confirm { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:24px; }
.twofa-confirm input,.twofa-confirm button { min-height:44px; }
.twofa-confirm input { width:180px; }
.twofa-action-pair { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:16px; }
.article-layout { width:min(1120px,calc(100% - 64px)); margin-inline:auto; display:grid; grid-template-columns:240px minmax(0,1fr); gap:64px; align-items:start; }
.toc { position:sticky; top:calc(var(--header-h) + 16px); padding:24px; border-radius:var(--radius-card); border:1px solid var(--line); background:var(--paper); color:var(--ink); font-size:14px; }
.toc h2 { font-size:18px; }
.toc ol { padding-left:20px; margin-top:16px; }
.toc li + li { margin-top:12px; }
.toc .status-pill { margin-top:16px; }
.prose { min-width:0; font-size:16px; color:var(--ink2); }
.prose h2 { font-size:28px; font-weight:500; line-height:1.35; color:var(--ink); margin:40px 0 20px; }
.prose h3 { font-size:20px; font-weight:500; line-height:1.4; color:var(--ink); margin:32px 0 16px; }
.prose p,.prose ul,.prose ol { margin-bottom:24px; }
.prose ul,.prose ol { padding-left:24px; }
.prose ul { list-style:disc; }
.prose a:not(.pill) { color:var(--olive); text-decoration:underline; text-underline-offset:3px; }
.prose .pill-ink { color:var(--cream); }
.prose .pill-lime { color:var(--lime-ink); }
.prose .card { margin:24px 0 32px; }
.article-cta:not(.handover-end):not(.aftercare-end-card) { margin-top:48px; padding:32px; border-radius:var(--radius-card); background:var(--c1); color:var(--c1i); }
.article-cta:not(.handover-end):not(.aftercare-end-card) .actions { margin-top:28px; }
.post-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.post-card { display:flex; flex-direction:column; padding:32px; border:1px solid var(--line); border-radius:var(--radius-card); background:var(--paper); color:var(--ink); }
.post-card:hover { background:var(--c2); color:var(--c2i); }
.post-card h2 { font-size:24px; line-height:1.35; margin-top:24px; }
.post-card p { margin-top:20px; color:var(--ink2); }
.post-card time { margin-top:24px; color:var(--mute); font-size:12px; }
.recommend-float { position:fixed; right:24px; bottom:24px; width:min(320px,calc(100% - 32px)); border:1px solid var(--line); border-radius:var(--radius-card); background:var(--paper); color:var(--ink); box-shadow:0 16px 32px var(--ink-shadow); z-index:40; overflow:hidden; }
.recommend-image { background:var(--c2); color:var(--c2i); padding:24px; }
.recommend-copy { padding:24px; }
.recommend-copy h2 { font-size:20px; line-height:1.4; }
.recommend-copy p { margin-top:12px; font-size:14px; color:var(--ink2); }
.recommend-copy .pill { margin-top:24px; max-width:100%; white-space:normal; height:auto; line-height:1.35; }
.float-close { position:absolute; top:12px; right:12px; width:32px; height:32px; border:1px solid var(--line); border-radius:var(--radius-control); background:var(--paper); color:var(--ink); display:grid; place-items:center; }
.float-close svg { width:16px; height:16px; }
.breadcrumb { font-size:14px; color:var(--mute); margin-bottom:24px; }
body.reader-open { overflow:hidden; }
@media (min-width:1600px) {
  .stage { max-width:1568px; margin-inline:auto; }
  .slotcard { left:calc((100% - 1280px)/2); }
  .win { left:auto; right:48px; }
  .hero-art { left:calc((100% - 1264px)/2); }
}
@media (max-width:1390px) and (min-width:1101px) {
  .menu { gap:24px; margin-left:32px; }
  .slotcard { left:32px; width:410px; }
  .win { left:410px; width:calc(100% - 450px); }
  .wbody { grid-template-columns:38% minmax(0,1fr); }
  .row { padding-left:24px; }
  .wbar { padding-left:24px; }
  .rh,.mail,.rfoot { padding-left:24px; padding-right:24px; }
  .flow { grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr); }
  .brow { grid-template-columns:56px minmax(0,1.4fr) minmax(0,1fr) 48px; }
  .fwd { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:40px; }
}
@media (max-width:1100px) {
  :root { --h1:44px; --h2:36px; }
  .menu { gap:18px; margin-left:28px; }
  .menu a { font-size:14px; }
  .nav-r { gap:10px; }
  .lang { padding-left:14px; padding-right:30px; }
  .hero-head { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:40px; }
  .stage { height:1140px; }
  .slotcard { left:40px; top:40px; width:448px; }
  .hero-art { left:auto; right:24px; top:100px; width:340px; height:260px; }
  .win { left:40px; right:40px; top:460px; width:auto; height:640px; }
  .tiles { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .tile.wide { grid-column:1/-1; grid-row:2; height:120px; }
  .tile { height:136px; }
  .flow { grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) minmax(0,1fr); }
  .step { padding:20px; }
  .form { left:24px; width:300px; }
  .brow { grid-template-columns:56px minmax(0,1.3fr) minmax(0,1fr) 44px; gap:20px; }
  .brow h3 { font-size:32px; }
  .fwd { grid-template-columns:repeat(2,minmax(0,1fr)); gap:40px; }
  .panel { padding:24px; }
  .lane { flex-wrap:wrap; }
  .tag { font-size:12px; }
  .cta { grid-template-columns:minmax(0,1fr) 360px; padding:40px; }
  .iso svg { width:360px; }
  .foot { gap:24px; }
  .auth-layout {
    grid-template-columns:minmax(0,1fr);
  }
  .auth-story h1 { line-height:1.25; }
}
@media (max-width:860px) {
  :root { --header-h:72px; --h1:40px; --h2:32px; }
  .wrap { width:calc(100% - 48px); }
  .menu { display:none; }
  .menu-toggle { display:inline-flex; order:-1; }
  .nav { gap:16px; }
  .nav .brand { margin-right:auto; }
  .nav-r .pill { display:none; }
  .hero-head { grid-template-columns:minmax(0,1fr); gap:24px; padding-top:40px; }
  .hero-head h1 { margin-top:24px; }
  .lead { max-width:560px; font-size:18px; }
  .hero-cta { margin-top:24px; }
  .stage { height:1120px; margin-top:40px; }
  .slotcard { left:32px; top:32px; width:calc(100% - 64px); max-width:448px; }
  .hero-art { display:none; }
  .win { top:456px; left:24px; right:24px; height:624px; min-height:600px; }
  .wbody { grid-template-columns:38% minmax(0,1fr); }
  .row { grid-template-columns:32px minmax(0,1fr); padding:12px; gap:4px 8px; }
  .row .lg { width:32px; height:32px; }
  .row .tm { grid-column:2; grid-row:2; font-size:12px; }
  .row .p { display:none; }
  .wbar { padding-inline:20px; }
  .wait { padding:20px 12px; }
  .rh { padding:20px 16px 16px; grid-template-columns:36px minmax(0,1fr); }
  .rh .tm { grid-column:2; margin-top:8px; }
  .mail { padding:20px 16px; }
  .rfoot { padding:16px; }
  .rbtn { padding-inline:12px; }
  .flow { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .viz { grid-column:1/-1; grid-row:2; height:440px; }
  .form { left:calc(50% - 170px); width:340px; }
  .flow > .col { display:contents; }
  .step { height:210px; }
  .flow > .col:last-child .step { grid-row:3; }
  .how,.faq { padding-top:80px; }
  .why { padding:80px 0; }
  .brow { grid-template-columns:48px minmax(0,1fr) 44px; padding:24px; }
  .big-ic { width:48px; height:48px; }
  .brow p { grid-column:2; }
  .brow .arrow { grid-column:3; grid-row:1/3; }
  .fwd { grid-template-columns:minmax(0,1fr); }
  .band { padding:64px 0; }
  .panel { padding:32px; }
  .lane { flex-wrap:nowrap; }
  .cta { margin-top:80px; grid-template-columns:minmax(0,1fr); padding:40px; }
  .iso { margin-top:32px; }
  .iso svg { width:480px; margin:auto; }
  .footer { margin-top:80px; }
  .foot { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .foot > div:first-child { grid-column:1/-1; }
  .foot .about { max-width:560px; }
  .support-card { display:flex; flex-wrap:wrap; align-items:center; gap:16px; }
  .support-card p { margin:0; }
  .article-layout { width:calc(100% - 48px); grid-template-columns:minmax(0,1fr); gap:32px; }
  .toc { position:static; }
  .post-grid { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:560px) {
  :root { --header-h:64px; --h1:34px; --h2:28px; }
  .wrap { width:calc(100% - 40px); }
  .nav { display:grid; grid-template-columns:40px minmax(0,1fr) auto; gap:12px; }
  .nav .brand { font-size:18px; gap:6px; margin:0; justify-self:center; }
  .brand img { width:26px; height:26px; }
  .nav-r { justify-self:end; }
  .menu-toggle { grid-column:1; grid-row:1; }
  .lang { width:40px; height:40px; padding:0; background:var(--clear); color:var(--ink); }
  .lang .lang-text { display:none; }
  .lang .chevron { right:16px; }
  .lang-menu { right:0; }
  .nav-drawer { left:20px; width:min(320px,calc(100% - 40px)); }
  .hero-head { padding-top:32px; }
  .hero-head h1 { line-height:1.2; }
  .eyebrow { letter-spacing:.16em; }
  .lead { font-size:16px; }
  .hero-cta { gap:12px; }
  .pill { max-width:100%; padding:10px 22px; font-size:14px; white-space:normal; height:auto; line-height:1.5; }
  .stage { margin:32px 12px 0; padding:24px 12px; height:auto; min-height:0; border-radius:var(--radius-card); overflow:hidden; }
  .slotcard { position:relative; inset:auto; width:100%; max-width:none; padding:20px; transform:none; animation:none; }
  .sc-head { font-size:14px; gap:8px; }
  .sc-head .live { font-size:12px; }
  .addr { padding-left:12px; }
  .addr code { font-size:12px; }
  .copy { padding-inline:12px; font-size:12px; }
  .copy svg { display:none; }
  .exp .v { font-size:20px; }
  .exp .note { font-size:12px; }
  .act-del { flex-wrap:wrap; }
  .win { position:relative; inset:auto; width:100%; height:auto; min-height:0; margin-top:24px; grid-template-rows:56px auto; }
  .wbar { padding-inline:16px; gap:8px; }
  .wbar .auto { font-size:12px; gap:6px; }
  .wbody { display:block; }
  .list { border-right:0; max-height:380px; min-height:180px; }
  .row { grid-template-columns:36px minmax(0,1fr) auto; padding:14px 16px; gap:4px 10px; height:76px; min-height:76px; }
  .row .lg { width:36px; height:36px; }
  .row .tm { grid-column:3; grid-row:1; align-self:center; }
  .row .p { display:block; grid-column:2/4; }
  .wait { padding:20px 16px; min-height:72px; border-top:0; }
  .read { display:none; }
  .read.mobile-reader { position:fixed; inset:var(--header-h) 0 0; height:calc(100dvh - var(--header-h)); display:grid; grid-template-rows:auto auto minmax(0,1fr) auto; border-radius:0; z-index:100; overflow-y:auto; background:var(--paper); color:var(--ink); }
  .reader-mobile-actions { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 16px; position:sticky; top:0; z-index:2; background:var(--cream); color:var(--ink); border-bottom:1px solid var(--line); }
  .hero,.stage,.win,.wbody { transform:none; animation:none; }
  .reader-open .hero-art { display:none; }
  .rh { padding:20px; }
  .mail { padding:20px; }
  .rfoot { padding:16px 20px; }
  .code { padding:12px 16px; }
  .code b { font-size:24px; }
  .tiles { margin-top:40px; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .tile { height:120px; padding:12px; gap:12px; }
  .tile b { font-size:18px; }
  .tile.wide { grid-row:3; height:auto; min-height:120px; }
  .chips { gap:6px; }
  .chip { padding:4px 8px; }
  .how,.faq { padding-top:64px; }
  .how .sub { max-width:100%; }
  .seg { border-radius:var(--radius-card); width:100%; }
  .seg span { font-size:14px; padding-inline:10px; }
  .flow { margin-top:32px; grid-template-columns:minmax(0,1fr); }
  .flow > .col { display:grid; }
  .flow > .col:last-child .step { grid-row:auto; }
  .step { height:190px; padding:24px; }
  .viz { grid-column:auto; grid-row:auto; height:410px; }
  .form { left:24px; width:calc(100% - 48px); top:40px; padding:20px; }
  .fld.hot div { font-size:11px; }
  .viz-toast { right:12px; top:310px; font-size:12px; padding:10px 12px; gap:8px; }
  .viz-toast b { letter-spacing:.08em; }
  .ghost { width:180px; }
  .why { padding:64px 0; }
  .bars { margin-top:32px; }
  .brow { grid-template-columns:40px minmax(0,1fr) 32px; padding:20px; gap:16px; }
  .brow h3 { font-size:24px; }
  .brow p { font-size:14px; grid-column:1/3; }
  .brow .arrow { grid-row:1/3; width:32px; height:32px; }
  .big-ic { width:40px; height:40px; }
  .big-ic svg { width:24px; height:24px; }
  .band { margin-inline:12px; border-radius:var(--radius-card); padding:48px 0; }
  .band .wrap { width:calc(100% - 32px); }
  .fwd { gap:32px; }
  .panel { padding:20px; }
  .lane { flex-wrap:wrap; gap:8px; }
  .tag { padding:8px 10px; font-size:11px; max-width:100%; }
  .metric { gap:16px; }
  .metric b { font-size:40px; }
  .metric span { font-size:12px; }
  .faq-head { align-items:flex-start; flex-direction:column; gap:20px; }
  .qa { grid-template-columns:minmax(0,1fr); margin-top:32px; }
  .q { padding:24px; }
  .q h3 { font-size:18px; }
  .q p { font-size:14px; }
  .cta { margin-top:64px; padding:24px; }
  .cta h2 { font-size:28px; }
  .cta p { font-size:14px; }
  .cta .btns { gap:12px; }
  .iso svg { width:100%; height:auto; }
  .footer { margin-top:64px; }
  .foot { padding-top:40px; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px 24px; }
  .foot > div:first-child { grid-column:1/-1; }
  .foot > div:nth-child(3) { grid-column:2; grid-row:2/4; }
  .support-card { display:block; }
  .support-card p { margin-bottom:12px; }
  .foot li a { font-size:14px; }
  .legal { padding-bottom:32px; display:grid; gap:12px; }
  .auth-layout { padding-block:32px; gap:32px; }
  .auth-story h1 { font-size:32px; }
  .login-card { padding:24px; }
  .login-card .actions { gap:12px; }
  .desk-header { padding-block:32px; }
  .alias-desk,.archive-desk,.surface-safety { padding:20px; }
  .alias-compose { display:grid; grid-template-columns:minmax(0,1fr); }
  .alias-input { flex-wrap:wrap; }
  .alias-compose button { width:100%; }
  .alias-row { display:grid; grid-template-columns:minmax(0,1fr); }
  .alias-address { width:100%; }
  .alias-operations { gap:8px; }
  .archive-row { grid-template-columns:minmax(0,1fr); gap:12px; }
  .archive-row .archive-meta { justify-content:flex-start; }
  .archive-detail { padding:16px; }
  .setup-grid { grid-template-columns:minmax(0,1fr); gap:24px; }
  .twofa-confirm { align-items:center; }
  .twofa-confirm input { flex:1; width:120px; }
  .twofa-confirm button { flex:none; padding-inline:16px; }
  .article-layout { width:calc(100% - 40px); }
  .page-hero { padding-top:32px; }
  .prose h2 { font-size:24px; }
  .prose h3 { font-size:18px; }
  .recommend-float { right:16px; bottom:16px; }
  .modal { padding:24px; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation:none !important; transition:none !important; }
}


/* Access and address management */
.slot-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.slot-access { align-items:start; gap:80px; padding-block:64px 32px; }
.slot-access .auth-story { padding-top:8px; }
.slot-access .auth-story h1 { font-size:var(--h1); line-height:1.25; letter-spacing:-.03em; }
.slot-access .auth-story > p { max-width:480px; font-size:16px; line-height:1.8; }
.slot-route-preview { margin-top:40px; padding:28px 32px; background:var(--c2); color:var(--c2i); border-radius:var(--radius-card); }
.slot-route-end { display:flex; align-items:center; gap:16px; }
.slot-route-end strong { display:block; font-size:16px; font-weight:600; }
.slot-route-end div > span { display:block; margin-top:4px; font-size:14px; color:var(--c2i); }
.slot-route-link { width:1px; height:28px; margin:8px 0 8px 16px; background:var(--ink-line); }
.slot-access-aside { margin-top:32px; padding:24px 28px; border:1px solid var(--line); border-radius:var(--radius-card); background:var(--bg2); color:var(--ink); }
.slot-access-aside h2 { font-size:18px; line-height:1.4; }
.slot-access .slot-access-aside p { margin-top:12px; font-size:14px; color:var(--ink2); }
.slot-access-aside .rbtn { margin-top:20px; }
.slot-login-card { padding:40px; display:grid; gap:24px; box-shadow:0 16px 48px var(--ink-shadow); }
.slot-login-card h2 { margin:24px 0 0; font-size:24px; line-height:1.35; letter-spacing:-.02em; }
.slot-form-icon { width:48px; height:48px; border-radius:var(--radius-small); display:grid; place-items:center; background:var(--c1); color:var(--c1i); }
.slot-form-icon svg { width:28px; height:28px; }
.slot-form-lead { margin-top:20px; font-size:14px; color:var(--ink2); line-height:1.8; }
.slot-login-card .form-stack { margin-top:28px; }
.slot-login-card input { height:50px; font-size:14px; padding:12px 18px; }
.slot-login-card .login-code { font-size:20px; }
.slot-form-submit { width:100%; justify-content:center; min-height:50px; font-size:14px; }
.slot-login-footnote { margin-top:24px; font-size:12px; color:var(--mute); line-height:1.8; }
.slot-access-caption { margin:20px 24px 0; color:var(--mute); font-size:12px; text-align:center; line-height:1.8; }
.slot-access-legal { padding-top:20px; border-top:1px solid var(--line); display:flex; flex-wrap:wrap; gap:4px 6px; font-size:12px; color:var(--mute); }
.slot-access-legal a { color:var(--olive); text-decoration:underline; text-underline-offset:3px; }
.slot-inline-error { margin-top:20px; padding:12px 16px; background:var(--c4); color:var(--c4i); border:1px solid var(--ink-line-soft); border-radius:var(--radius-small); font-size:14px; overflow-wrap:anywhere; }
.slot-login-card > .slot-inline-error { margin-top:0; }
.slot-sent-notice { margin-top:32px; margin-bottom:24px; font-size:14px; }
.slot-code-actions .rbtn { min-height:40px; background:var(--cream); color:var(--ink); border-color:var(--ink-line); }
.slot-code-actions .rbtn:hover { background:var(--c1); color:var(--c1i); }
.slot-desk { padding-top:40px; }
.slot-session-bar { display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; gap:20px; padding:20px 24px; margin-bottom:32px; border-radius:var(--radius-card); background:var(--c1); color:var(--c1i); }
.slot-session-identity { display:flex; align-items:center; gap:16px; min-width:0; }
.slot-session-indicator { width:10px; height:10px; border-radius:var(--radius-control); background:var(--olive); flex:none; }
.slot-session-caption { font-size:12px; color:var(--c1i); }
.slot-session-bar .session-email { margin-top:2px; color:var(--c1i); }
.slot-session-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.slot-session-actions .rbtn { background:var(--paper); color:var(--ink); border-color:var(--ink-line-soft); }
.slot-issue { padding:40px; }
.slot-issue-head { display:grid; grid-template-columns:minmax(0,1fr) 96px; gap:40px; align-items:center; }
.slot-issue-head h1 { margin-top:24px; font-size:var(--h2); line-height:1.3; letter-spacing:-.025em; }
.slot-issue-head .section-intro { max-width:760px; font-size:16px; color:var(--ink2); }
.slot-issue-symbol { width:96px; height:96px; }
.slot-issue-symbol svg { width:100%; height:100%; }
.slot-issue .alias-compose { margin-top:32px; gap:12px; }
.slot-issue .alias-compose .pill { min-height:44px; padding:9px 24px; line-height:1.5; font-size:14px; }
.slot-field-help { margin-top:12px; font-size:12px; color:var(--mute); line-height:1.8; }
.slot-alias-identity { display:flex; flex-wrap:wrap; align-items:center; gap:12px 20px; min-width:0; flex:1; }
.slot-alias-identity .status-pill { flex:none; }
.slot-alias-empty { display:grid; justify-items:center; gap:0; }
.slot-alias-empty h2 { font-size:18px; line-height:1.4; }
.slot-issue-note { margin-top:24px; color:var(--mute); font-size:12px; line-height:1.8; }
.slot-empty-mark { position:relative; display:block; width:36px; height:26px; border:1px solid var(--ink-line); border-radius:var(--radius-small); margin:0 auto 12px; background:var(--c1); color:var(--c1i); }
.slot-empty-mark::after { content:""; position:absolute; left:8px; right:8px; top:11px; height:3px; border-radius:var(--radius-control); background:var(--olive); }
.slot-records { margin-top:32px; padding:40px; }
.slot-records .archive-head { align-items:flex-end; }
.slot-records-heading { max-width:720px; min-width:0; }
.slot-records-heading .eyebrow { color:var(--c2i); }
.slot-records-heading h2 { margin-top:24px; font-size:var(--display); line-height:1.35; letter-spacing:-.02em; }
.slot-records-heading .section-intro { color:var(--c2i); font-size:14px; }
.slot-record-controls { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }
.slot-record-controls .rbtn { min-height:40px; background:var(--paper); color:var(--ink); border-color:var(--ink-line); }
.slot-record-controls .filter-trigger { gap:12px; }
.slot-record-controls .filter-menu { min-width:220px; border-color:var(--ink-line); background:var(--paper); color:var(--ink); }
.slot-record-controls .filter-menu button { white-space:nowrap; }
.slot-records .archive-list { margin-top:28px; }
.slot-archive-identity { display:grid; gap:6px; min-width:0; }
.slot-archive-identity strong { font-size:14px; font-weight:600; }
.slot-archive-sender { font-size:12px; color:var(--mute); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.slot-records .archive-row { align-items:center; min-height:80px; }
.slot-records .archive-row:hover { background:var(--cream); color:var(--ink); border-color:var(--ink-line); }
.slot-records > .empty-state { padding:24px; width:100%; }
.slot-records-note { margin-top:24px; font-size:12px; color:var(--c2i); line-height:1.8; }
.slot-detail-toolbar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; margin-bottom:24px; padding-bottom:16px; border-bottom:1px solid var(--line); font-size:12px; color:var(--mute); }
.slot-detail-identity { flex:1; min-width:0; }
.slot-detail-identity h2 { overflow-wrap:anywhere; }
.slot-detail-meta { margin-top:12px; font-size:12px; color:var(--mute); overflow-wrap:anywhere; }
.slot-detail-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; flex:none; }
.slot-detail-actions button { min-height:36px; height:auto; }
.slot-attachment-list { margin-top:24px; padding-top:20px; border-top:1px solid var(--line); display:flex; flex-wrap:wrap; gap:12px; }
.slot-file { max-width:100%; white-space:normal; overflow-wrap:anywhere; text-align:left; height:auto; line-height:1.5; }
.slot-security { margin-top:32px; padding:32px 40px; }
.slot-security .twofa-idle { gap:28px; }
.slot-security-heading { display:flex; align-items:center; gap:20px; flex:1; min-width:0; }
.slot-security-heading h2 { font-size:20px; line-height:1.4; }
.slot-security-heading p { margin-top:8px; font-size:14px; color:var(--ink2); }
.slot-security-icon { width:48px; height:48px; flex:none; display:grid; place-items:center; border:1px solid var(--line); border-radius:var(--radius-small); background:var(--paper); color:var(--ink); }
.slot-security-icon svg { width:28px; height:28px; }
.slot-security-controls { display:flex; align-items:center; flex-wrap:wrap; gap:20px; }
.slot-security-controls .pill { min-height:44px; height:auto; width:auto; padding:9px 24px; font-size:14px; }
.slot-security-controls .twofa-status { font-size:12px; gap:10px; }
.slot-security-controls .status-pill { margin:0; background:var(--bg2); color:var(--ink2); border-color:var(--ink-line); }
.slot-security-controls .status-pill.enabled { background:var(--c1); color:var(--c1i); border-color:var(--mark-lime); }
.slot-security .twofa-steps { padding-top:24px; border-top:1px solid var(--line); gap:16px 32px; }
.slot-security .twofa-setup { padding-top:28px; margin-top:28px; margin-bottom:0; }
.slot-qr-area { display:grid; justify-items:center; gap:12px; width:192px; }
.slot-qr-area > span { font-size:12px; text-align:center; color:var(--mute); }
.slot-setup-copy h3 { font-size:20px; line-height:1.4; }
.slot-setup-copy > p { margin-top:16px; font-size:14px; color:var(--ink2); max-width:680px; }
.slot-setup-copy .secret-row { gap:12px 20px; }
.slot-setup-copy .twofa-confirm { margin-top:24px; }
.slot-setup-copy .twofa-confirm .pill { min-height:44px; padding:9px 22px; font-size:14px; }
.slot-setup-copy .slot-security-note { margin-top:16px; font-size:12px; color:var(--mute); }
.slot-disable-form { margin-top:24px; padding-top:24px; border-top:1px solid var(--line); display:flex; flex-wrap:wrap; align-items:center; gap:20px 32px; justify-content:space-between; }
.slot-disable-form label { font-size:14px; color:var(--ink); }
.slot-disable-form p { margin-top:8px; font-size:12px; color:var(--mute); }
.slot-disable-form .twofa-action-pair { margin-top:0; }
.slot-disable-form input { width:160px; min-height:44px; }
.slot-disable-form button { min-height:44px; background:var(--paper); color:var(--danger); }
.slot-desk .rbtn:hover { background:var(--ink); color:var(--paper); border-color:var(--ink); }
.slot-desk .pill-line:hover { background:var(--c1); color:var(--c1i); }

/* Inbox engine states */
.row.is-unread .lg { position:relative; }
.row.is-unread .lg::after { content:""; position:absolute; width:6px; height:6px; right:-4px; top:-3px; border-radius:var(--radius-control); background:var(--olive); box-shadow:0 0 0 2px var(--cream); }
.row .lg,.rh .av { font:600 16px/1 var(--sans); flex:none; }
.row .tm { grid-column:3; grid-row:1; align-self:center; }
.list.is-empty,.mail.is-empty { display:grid; place-items:center; }
.list.is-empty { padding-block:24px; }
.mail.is-empty { padding:20px; }
.list.is-empty .empty-state,.mail.is-empty .empty-state { min-height:0; height:auto; padding:20px; }
.mail-image-notice { padding:12px 16px; margin:0 0 20px; border:1px solid var(--line); border-radius:var(--radius-small); background:var(--cream); color:var(--ink2); font-size:12px; }
.mail .code b { overflow-wrap:anywhere; }
.mail .code b:not(:first-child) { letter-spacing:0; }
.slot-highlight .addr { outline:2px solid var(--olive); outline-offset:4px; }
.read.is-real .mail { overflow:auto; }
.read .reader-mobile-actions button { min-height:40px; }
.read.mobile-reader { overscroll-behavior:auto; }
.mail iframe { min-width:0; }
.read .rh .nm { gap:4px; }
.modal-mark { display:grid; place-items:center; width:44px; height:44px; margin-bottom:4px; border:1px solid var(--ink-line); border-radius:var(--radius-small); background:var(--c4); color:var(--c4i); }
.modal-mark svg { width:28px; height:28px; display:block; }

@media (min-width:1101px) {
  .slot-access { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .slot-access .auth-panel { width:100%; max-width:520px; justify-self:end; }
}
@media (max-width:1100px) {
  .slot-access { gap:40px; }
  .slot-access .auth-panel { width:100%; }
  .slot-access .auth-story > p { max-width:none; }
  .slot-issue-head { gap:24px; }
  .slot-records .archive-head { align-items:flex-start; }
  .slot-record-controls { width:100%; }
}
@media (max-width:860px) {
  .slot-issue,.slot-records { padding:32px; }
  .slot-security { padding:28px 32px; }
  .slot-issue-head h1 { font-size:var(--h2); }
  .slot-issue-head { grid-template-columns:minmax(0,1fr) 72px; }
  .slot-issue-symbol { width:72px; height:72px; }
  .slot-security-controls { width:100%; justify-content:space-between; }
  .slot-security-heading { flex-basis:100%; }
}
@media (max-width:720px) {
  .slot-issue .alias-compose { display:grid; grid-template-columns:minmax(0,1fr); }
  .slot-issue .alias-input { display:flex; flex-wrap:wrap; gap:8px; }
  .slot-issue .alias-input input { flex-basis:100%; width:100%; }
  .slot-issue .alias-input span { padding-left:16px; font-size:12px; }
  .slot-issue .alias-compose button { width:100%; min-height:44px; }
  .slot-issue .alias-row { display:grid; grid-template-columns:minmax(0,1fr); gap:16px; }
  .slot-alias-identity { display:grid; grid-template-columns:minmax(0,1fr); gap:10px; }
  .slot-alias-identity .alias-address { display:block; width:100%; overflow-wrap:anywhere; }
  .slot-alias-identity .status-pill { justify-self:start; }
  .slot-records .archive-row { grid-template-columns:minmax(0,1fr); }
  .slot-records .archive-meta { justify-content:flex-start; }
}
@media (max-width:560px) {
  .slot-access { padding-top:32px; gap:32px; }
  .slot-access .auth-story { padding-top:0; }
  .slot-access .auth-story h1 { font-size:var(--h1); line-height:1.25; }
  .slot-route-preview { margin-top:28px; padding:24px; }
  .slot-access-aside { padding:24px; margin-top:24px; }
  .slot-access .auth-panel { grid-row:1; }
  .slot-login-card { padding:24px; gap:20px; }
  .slot-login-card h2 { font-size:24px; line-height:1.35; }
  .slot-login-card .form-stack { margin-top:24px; }
  .slot-access-caption { margin-inline:12px; }
  .slot-desk { padding-top:32px; }
  .slot-session-bar { padding:20px; gap:16px; margin-bottom:24px; }
  .slot-session-identity { width:100%; }
  .slot-session-identity > div { min-width:0; }
  .slot-session-bar .session-email { font-size:12px; }
  .slot-session-actions { width:100%; gap:8px; }
  .slot-issue,.slot-records,.slot-security { padding:24px 20px; }
  .slot-issue-head { grid-template-columns:minmax(0,1fr); gap:0; }
  .slot-issue-symbol { display:none; }
  .slot-issue-head h1 { font-size:var(--h2); line-height:1.35; }
  .slot-issue-head .section-intro { font-size:14px; line-height:1.8; }
  .slot-issue .alias-compose { margin-top:24px; }
  .slot-records,.slot-security { margin-top:24px; }
  .slot-records-heading h2 { font-size:24px; }
  .slot-records .archive-row { padding:16px; gap:12px; }
  .slot-records .archive-meta { gap:8px 16px; }
  .slot-records > .empty-state { padding:20px 16px; }
  .slot-record-controls { gap:10px; align-items:center; }
  .slot-record-controls .filter-trigger { font-size:14px; padding-inline:14px; }
  .slot-record-controls .filter-menu { right:auto; left:0; }
  .slot-detail-toolbar { gap:12px; }
  .slot-detail-actions { width:100%; justify-content:space-between; }
  .slot-security-heading { align-items:flex-start; gap:12px; }
  .slot-security-heading h2 { font-size:18px; line-height:1.5; }
  .slot-security-icon { width:36px; height:36px; }
  .slot-security-icon svg { width:24px; height:24px; }
  .slot-security-controls { gap:16px; }
  .slot-security-controls .pill { padding-inline:18px; }
  .slot-security .twofa-steps { display:grid; gap:16px; }
  .slot-qr-area { justify-self:center; }
  .slot-setup-copy h3 { font-size:18px; }
  .slot-setup-copy .twofa-confirm { gap:10px; }
  .slot-setup-copy .twofa-confirm input { min-width:0; width:110px; }
  .slot-setup-copy .twofa-confirm .pill { padding-inline:16px; }
  .slot-disable-form .twofa-action-pair { width:100%; gap:10px; }
  .slot-disable-form input { flex:1; width:110px; }
  .slot-disable-form button { padding-inline:12px; }
  .addr { flex-wrap:wrap; }
  .addr code { flex:1 1 100%; min-width:0; font-size:13px; white-space:normal; overflow:visible; overflow-wrap:anywhere; text-overflow:clip; }
  .addr .copy { margin-left:auto; }
  .row .tm { grid-column:3; grid-row:1; align-self:center; }
  .read.mobile-reader { position:fixed; top:0; right:0; bottom:auto; left:0; width:100%; height:100dvh; padding-top:var(--header-h); border-radius:0; z-index:100; grid-template-rows:auto auto minmax(0,1fr) auto; background:var(--paper); color:var(--ink); transform:none; animation:none; }
  .read.mobile-reader .reader-mobile-actions { position:sticky; top:0; background:var(--cream); color:var(--ink); }
  .read.mobile-reader .rh { flex:none; }
  .read.mobile-reader .mail { min-height:0; overflow:auto; }
  .read.mobile-reader .rfoot { position:sticky; bottom:0; background:var(--cream); color:var(--ink); }
  .read.mobile-reader .code { flex-wrap:wrap; }
  .read.mobile-reader .code b { max-width:100%; font-size:20px; letter-spacing:.08em; }
}

/* Shared component boundaries */
.brand-name { display:inline-block; flex:none; white-space:nowrap; }
.hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:16px; margin-top:32px; }
:lang(zh) h1,:lang(zh) h2 { text-wrap:balance; }
.read:not(.mobile-reader) [data-reader-close] { display:none; }
.reader:not(.mobile-reader) [data-reader-close] { display:none; }
.reader-frame { display:block; width:100%; max-width:100%; min-width:0; border:0; }
.auth-card h2 { font-size:24px; line-height:1.35; }
[data-alias-prefix] { padding-left:16px; }
[data-2fa-disable] { margin-top:24px; }
.tile.wide h2 { font-size:20px; font-weight:600; line-height:1.6; letter-spacing:-.01em; color:var(--ink); }
.tiles > .slot-intent-heading { grid-column:1/-1; font-size:20px; font-weight:500; line-height:1.4; color:var(--ink); text-align:center; }
@media (min-width:561px) {
  [data-reader-close] { display:none; }
}
@media (max-width:560px) {
  .hero-actions { gap:12px; margin-top:24px; }
  .tile.wide h2 { font-size:18px; }
}


.brand .brand-name {
  display: inline-block;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
  overflow: visible;
  white-space: nowrap;
}

.slot-overview-title {
  margin: 0 0 20px;
}

.tile.wide .slot-overview-title h2 {
  display: inline;
  margin: 0;
  font: inherit;
  font-weight: 600;
  letter-spacing: inherit;
  color: inherit;
}

.status-pill.is-active {
  background: var(--c2);
  color: var(--c2i);
}

.status-pill.is-paused {
  background: var(--c3);
  color: var(--ink);
}

.site-header .language .lang[data-lang-trigger][aria-expanded] .chevron {
  position: absolute;
  top: 50%;
  right: 16px;
  bottom: auto;
  left: auto;
  flex: none;
  width: 6px;
  height: 6px;
  margin: 0;
  border: 0;
  border-right: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  transform: translateY(calc(-50% - .08em)) rotate(45deg);
  translate: none;
  rotate: none;
}

.empty-state {
  box-sizing: border-box;
  width: min(420px, calc(100% - 32px));
  height: auto;
  min-height: 0;
  margin: 0;
  padding: 16px;
  background: var(--paper);
  color: var(--ink);
  border: 1px solid var(--line);
}

.list.is-empty {
  display: grid;
  place-items: center;
}

.mail.is-empty {
  display: grid;
  place-items: center;
}


/* Privacy policy */
.privacy-page { color:var(--ink); background:var(--bg); }
.privacy-hero { padding-bottom:64px; }
.privacy-hero h1 { max-width:900px; }
.privacy-hero > .section-intro { max-width:800px; font-size:16px; color:var(--ink2); }
.privacy-policy-meta { display:flex; flex-wrap:wrap; align-items:center; gap:12px 24px; margin-top:24px; font-size:12px; color:var(--mute); }
.privacy-policy-meta a { color:var(--olive); text-decoration:underline; text-underline-offset:3px; }
.privacy-page .legal-glance.privacy-glance { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:48px; }
.privacy-glance-card { display:flex; flex-direction:column; align-items:flex-start; min-width:0; padding:28px; border:1px solid var(--line); border-radius:var(--radius-card); background:var(--paper); color:var(--ink); }
.privacy-glance-card:first-child { background:var(--c1); color:var(--c1i); border-color:var(--clear); }
.privacy-index { font:500 12px/1.6 var(--mono); color:var(--ink2); }
.privacy-glance-card h2 { margin-top:24px; font-size:20px; font-weight:500; line-height:1.4; }
.privacy-glance-card p { margin-top:12px; font-size:14px; line-height:1.8; color:var(--ink2); }
.privacy-glance-card > a { margin-top:24px; font-size:14px; font-weight:500; color:var(--ink); text-decoration:underline; text-underline-offset:4px; }
.privacy-layout { display:grid; grid-template-columns:224px minmax(0,1fr); align-items:start; gap:64px; }
.privacy-toc { position:sticky; top:calc(var(--header-h) + 24px); padding:24px; border:1px solid var(--line); border-radius:var(--radius-card); background:var(--bg2); color:var(--ink); }
.privacy-toc h2 { font-size:16px; font-weight:500; line-height:1.5; }
.privacy-toc ol { margin-top:20px; padding-left:20px; font-size:14px; }
.privacy-toc li + li { margin-top:12px; }
.privacy-toc a:hover { text-decoration:underline; text-underline-offset:4px; }
.privacy-toc > p { margin-top:24px; font-size:12px; line-height:1.8; color:var(--ink2); }
.privacy-prose { min-width:0; }
.privacy-prose > section { scroll-margin-top:calc(var(--header-h) + 32px); }
.privacy-prose > section + section { margin-top:64px; }
.privacy-section-number { display:block; font:500 12px/1.6 var(--mono); letter-spacing:.08em; color:var(--olive); }
.privacy-prose h2 { margin:20px 0 24px; font-size:28px; font-weight:500; line-height:1.35; color:var(--ink); }
.privacy-prose h3 { margin:0 0 16px; font-size:20px; font-weight:500; line-height:1.4; color:var(--ink); }
.privacy-prose p { line-height:1.85; }
.privacy-prose p:last-child { margin-bottom:0; }
.privacy-table { margin-block:28px 32px; border:1px solid var(--line); border-radius:var(--radius-small); background:var(--paper); color:var(--ink); }
.privacy-table table { min-width:640px; font-size:14px; line-height:1.75; }
.privacy-table caption { padding:16px 20px; text-align:left; font-size:12px; color:var(--mute); background:var(--paper); }
.privacy-table thead th { background:var(--bg2); color:var(--ink); }
.privacy-table tbody th { width:25%; background:var(--cream); color:var(--ink); font-weight:500; }
.privacy-table th,.privacy-table td { padding:20px; vertical-align:top; }
.privacy-table tbody tr:last-child > * { border-bottom:0; }
.privacy-retention-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:32px 0; }
.privacy-retention-stat { display:grid; align-content:start; gap:16px; padding:24px; border-radius:var(--radius-card); background:var(--c2); color:var(--c2i); }
.privacy-retention-stat strong { font:500 40px/1.15 var(--sans); letter-spacing:-.02em; white-space:nowrap; }
.privacy-retention-stat strong span { font:400 14px/1.5 var(--sans); letter-spacing:0; }
.privacy-retention-stat > span { font-size:12px; line-height:1.7; }
.privacy-local-note { margin:28px 0 32px; padding:28px; border:1px solid var(--line); border-radius:var(--radius-card); background:var(--paper); color:var(--ink); }
.privacy-local-note ol { margin:0 0 24px; padding-left:24px; }
.privacy-local-note li { padding-left:4px; font-size:14px; line-height:1.85; }
.privacy-local-note li + li { margin-top:12px; }
.privacy-local-note p { color:var(--ink2); font-size:14px; }
.privacy-contact { margin-top:32px; padding:32px; border-radius:var(--radius-card); background:var(--c1); color:var(--c1i); }
.privacy-contact p { font-size:14px; color:var(--c1i); }
.privacy-contact .pill { max-width:100%; height:auto; margin-top:8px; white-space:normal; overflow-wrap:anywhere; line-height:1.5; }
.privacy-contact .privacy-contact-footnote { margin-top:24px; margin-bottom:0; font-size:12px; color:var(--ink2); }
.privacy-end-links { display:flex; flex-wrap:wrap; gap:16px 32px; margin-top:32px; font-size:14px; }

@media (max-width:860px) {
  .privacy-hero { padding-bottom:40px; }
  .privacy-page .legal-glance.privacy-glance { grid-template-columns:minmax(0,1fr); gap:12px; margin-top:32px; }
  .privacy-glance-card { padding:24px; }
  .privacy-glance-card h2 { margin-top:20px; }
  .privacy-glance-card > a { margin-top:20px; }
  .privacy-layout { grid-template-columns:minmax(0,1fr); gap:40px; }
  .privacy-toc { position:static; padding:24px; }
  .privacy-toc ol { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 32px; }
  .privacy-toc li + li { margin-top:0; }
  .privacy-toc > p { margin-top:20px; }
  .privacy-prose > section + section { margin-top:48px; }
  .privacy-retention-stat { padding:20px; }
  .privacy-retention-stat strong { font-size:28px; }
  .privacy-table th,.privacy-table td { padding:16px; }
}

@media (max-width:560px) {
  .privacy-policy-meta { display:grid; gap:12px; }
  .privacy-toc ol { grid-template-columns:minmax(0,1fr); gap:12px; }
  .privacy-prose h2 { font-size:24px; line-height:1.4; }
  .privacy-prose h3 { font-size:18px; line-height:1.5; }
  .privacy-retention-stats { grid-template-columns:minmax(0,1fr); gap:8px; margin-block:24px 32px; }
  .privacy-retention-stat { grid-template-columns:120px minmax(0,1fr); align-items:center; gap:16px; }
  .privacy-local-note,.privacy-contact { padding:24px 20px; }
  .privacy-table { margin-top:24px; }
  .privacy-contact .pill { padding-inline:16px; font-size:12px; }
}


/* Trial signup tutorial */
.trial-hero { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:64px; align-items:center; }
.trial-hero h1 { font-size:var(--h1); line-height:1.25; }
.trial-hero .section-intro { max-width:600px; font-size:16px; color:var(--ink2); }
.trial-prep { padding:32px; border-radius:var(--radius-card); background:var(--c2); color:var(--c2i); }
.trial-prep-head { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.trial-prep-head svg { width:40px; height:40px; flex:none; }
.trial-prep-head .status-pill { background:var(--paper); color:var(--c2i); border-color:var(--ink-line-soft); }
.trial-prep h2 { margin-top:24px; font-size:var(--display); line-height:1.35; letter-spacing:-.02em; }
.trial-prep-list { display:grid; gap:20px; margin-top:24px; }
.trial-prep-list li { display:grid; grid-template-columns:100px minmax(0,1fr); gap:16px; align-items:start; font-size:14px; }
.trial-prep-list strong { font-weight:600; }
.trial-prep-list span { color:var(--c2i); }
.trial-prep-note { margin-top:24px; padding-top:20px; border-top:1px solid var(--ink-line-soft); font-size:12px; color:var(--c2i); }
.trial-section { margin-top:80px; scroll-margin-top:calc(var(--header-h) + 24px); }
.trial-section-head { max-width:800px; margin-bottom:32px; }
.trial-section-head .h2,.trial-example-copy .h2 { margin-top:24px; line-height:1.25; }
.trial-section-head .section-intro { font-size:16px; }
.trial-judges { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.trial-judge { padding:32px; border-radius:var(--radius-card); }
.trial-judge .ic { width:40px; height:40px; border:1px solid var(--ink-line-soft); }
.trial-judge .ic svg { width:24px; height:24px; }
.trial-judge h3 { margin-top:24px; font-size:20px; line-height:1.4; }
.trial-judge > p { margin-top:16px; font-size:14px; line-height:1.8; }
.trial-judge-verdict { display:grid; gap:8px; margin-top:24px; padding-top:20px; border-top:1px solid var(--ink-line-soft); font-size:14px; }
.trial-judge-verdict strong { font-weight:600; }
.trial-after-note { margin-top:32px; max-width:960px; font-size:14px; color:var(--ink2); }
.trial-after-note a,.trial-workbench-note a { color:var(--olive); text-decoration:underline; text-underline-offset:4px; }
.trial-workbench { overflow:hidden; border:1px solid var(--line); border-radius:var(--radius-card); background:var(--paper); color:var(--ink); }
.trial-workbench-bar { display:flex; flex-wrap:wrap; gap:12px 32px; justify-content:space-between; align-items:center; padding:20px 32px; background:var(--ink); color:var(--cream); font-size:14px; }
.trial-workbench-bar > span:last-child { font-size:12px; color:var(--lm); }
.trial-steps { list-style:none; }
.trial-step { display:grid; grid-template-columns:48px minmax(0,1.25fr) minmax(0,1fr); gap:28px; padding:40px 32px; align-items:start; }
.trial-step + .trial-step { border-top:1px solid var(--line); }
.trial-step-number { display:grid; place-items:center; width:48px; height:48px; border:1px solid var(--mark-lime); border-radius:var(--radius-control); font:500 16px/1 var(--mono); background:var(--c1); color:var(--c1i); }
.trial-step-copy h3 { font-size:20px; line-height:1.4; }
.trial-step-copy p { margin-top:16px; font-size:14px; line-height:1.8; color:var(--ink2); }
.trial-text-link { display:inline-flex; align-items:center; gap:12px; margin-top:20px; color:var(--olive); font-size:14px; font-weight:500; text-decoration:underline; text-underline-offset:4px; }
.trial-step-check { display:grid; gap:20px; padding-left:24px; border-left:1px solid var(--line); }
.trial-step-check dt { font-size:12px; font-weight:500; color:var(--olive); }
.trial-step-check dd { margin-top:8px; font-size:14px; color:var(--ink2); line-height:1.8; }
.trial-workbench-note { display:grid; grid-template-columns:180px minmax(0,1fr); gap:24px; padding:24px 32px; background:var(--cream); color:var(--ink); border-top:1px solid var(--line); font-size:14px; }
.trial-workbench-note strong { font-weight:500; }
.trial-workbench-note p { color:var(--ink2); }
.trial-example { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:64px; align-items:center; }
.trial-example-copy .section-intro { font-size:16px; }
.trial-reading-list { display:grid; gap:24px; margin-top:32px; padding:0; list-style:none; counter-reset:trial-reading; }
.trial-reading-list li { display:grid; grid-template-columns:28px minmax(0,1fr); gap:4px 16px; counter-increment:trial-reading; }
.trial-reading-list li::before { content:counter(trial-reading); grid-row:1/3; display:grid; place-items:center; width:28px; height:28px; border-radius:var(--radius-control); border:1px solid var(--ink-line); background:var(--bg2); color:var(--ink); font:400 12px/1 var(--mono); }
.trial-reading-list strong { font-size:16px; font-weight:500; }
.trial-reading-list span { font-size:14px; color:var(--ink2); }
.trial-example-warning { margin-top:32px; padding:20px; border-radius:var(--radius-small); background:var(--c3); color:var(--c3i); font-size:14px; }
.trial-example-warning code { font-family:var(--mono); }
.trial-demo { margin:0; border:1px solid var(--line); border-radius:var(--radius-card); overflow:hidden; background:var(--paper); color:var(--ink); box-shadow:0 16px 48px var(--ink-shadow); }
.trial-demo-caption { display:flex; flex-wrap:wrap; gap:12px; align-items:center; justify-content:space-between; padding:20px 32px; border-bottom:1px solid var(--line); background:var(--cream); color:var(--ink); font-size:14px; font-weight:500; }
.trial-demo-body { padding:32px; }
.trial-demo-body h3 { margin-top:24px; font-size:var(--display); line-height:1.35; color:var(--ink); }
.trial-demo-body > p { margin-top:20px; font-size:14px; color:var(--ink2); }
.trial-demo-code { display:grid; gap:8px; margin-top:24px; padding:24px; background:var(--cream); color:var(--ink); border-radius:var(--radius-small); }
.trial-demo-code span { font-size:12px; color:var(--mute); }
.trial-demo-code b { font:600 40px/1.2 var(--mono); letter-spacing:.16em; color:var(--ink); }
.trial-demo-meta { display:grid; gap:12px; margin-top:24px; font-size:14px; }
.trial-demo-meta > div { display:grid; grid-template-columns:88px minmax(0,1fr); gap:16px; }
.trial-demo-meta dt { color:var(--mute); }
.trial-demo-meta dd { color:var(--ink); }
.trial-demo-body .trial-demo-disclaimer { margin-top:24px; padding-top:20px; border-top:1px solid var(--line); font-size:12px; color:var(--mute); }
.trial-paths { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.trial-path { padding:32px; border-radius:var(--radius-card); }
.trial-path-once { background:var(--paper); color:var(--ink); border:1px solid var(--line); }
.trial-path-ongoing { background:var(--c2); color:var(--c2i); border:1px solid var(--ink-line-soft); }
.trial-path-heading { display:flex; flex-wrap:wrap; gap:16px; align-items:center; }
.trial-path-heading .ic { width:40px; height:40px; }
.trial-path-heading svg { width:24px; height:24px; }
.trial-path-heading .status-pill { background:var(--paper); color:var(--ink2); border-color:var(--ink-line-soft); }
.trial-path h3 { margin-top:24px; font-size:var(--display); line-height:1.35; letter-spacing:-.02em; }
.trial-path > p { margin-top:20px; font-size:14px; line-height:1.8; }
.trial-path ul { list-style:disc; padding-left:20px; margin-top:24px; font-size:14px; line-height:1.8; }
.trial-path li + li { margin-top:12px; }
.trial-path > .rbtn { margin-top:28px; max-width:100%; white-space:normal; height:auto; line-height:1.5; }
.trial-boundaries { display:grid; gap:12px; }
.trial-boundary { display:grid; grid-template-columns:160px minmax(0,1fr); gap:32px; padding:28px 32px; border:1px solid var(--line); border-radius:var(--radius-card); background:var(--paper); color:var(--ink); }
.trial-boundary-label { display:inline-flex; align-items:center; justify-content:center; align-self:start; justify-self:start; padding:6px 14px; border-radius:var(--radius-control); background:var(--bg2); color:var(--ink2); font-size:12px; }
.trial-boundary h3 { font-size:20px; line-height:1.4; }
.trial-boundary p { margin-top:12px; font-size:14px; color:var(--ink2); line-height:1.8; max-width:880px; }
.trial-related { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin-top:32px; }
.trial-related a { display:grid; gap:8px; padding:24px; border-radius:var(--radius-small); background:var(--bg2); color:var(--ink); }
.trial-related a:hover { background:var(--c1); color:var(--c1i); }
.trial-related a > span { font-size:12px; }
.trial-related strong { display:flex; justify-content:space-between; gap:16px; font-size:16px; font-weight:500; }
.trial-finish { display:grid; justify-items:center; text-align:center; margin-top:80px; padding:64px 32px; border-radius:var(--radius-card); background:var(--c1); color:var(--c1i); }
.trial-finish .h2 { margin-top:24px; color:var(--c1i); line-height:1.25; }
.trial-finish .section-intro { max-width:680px; color:var(--c1i); font-size:16px; }
.trial-finish .actions { justify-content:center; margin-top:32px; }
.trial-finish-note { margin-top:24px; font-size:12px; color:var(--c1i); max-width:680px; }

@media (max-width:1100px) {
  .trial-hero { gap:32px; align-items:start; }
  .trial-prep { padding:24px; }
  .trial-prep-list li { grid-template-columns:minmax(0,1fr); gap:8px; }
  .trial-judge { padding:24px; }
  .trial-example { gap:32px; }
  .trial-step { grid-template-columns:40px minmax(0,1.2fr) minmax(0,1fr); gap:20px; }
  .trial-step-number { width:40px; height:40px; }
}
@media (max-width:860px) {
  .trial-hero { grid-template-columns:minmax(0,1fr); gap:40px; padding-top:40px; }
  .trial-hero h1 { font-size:var(--h1); }
  .trial-prep-list li { grid-template-columns:112px minmax(0,1fr); gap:16px; }
  .trial-section { margin-top:64px; }
  .trial-judges { grid-template-columns:minmax(0,1fr); gap:16px; }
  .trial-judge { padding:28px; }
  .trial-judge h3 { margin-top:20px; }
  .trial-judge-verdict { margin-top:20px; }
  .trial-step { grid-template-columns:40px minmax(0,1fr); gap:20px; padding:32px 24px; }
  .trial-step-check { grid-column:2; padding:20px 0 0; border-left:0; border-top:1px solid var(--line); grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
  .trial-workbench-bar { padding-inline:24px; }
  .trial-workbench-note { grid-template-columns:minmax(0,1fr); gap:12px; padding:24px; }
  .trial-example { grid-template-columns:minmax(0,1fr); gap:32px; }
  .trial-demo { max-width:600px; width:100%; }
  .trial-paths { grid-template-columns:minmax(0,1fr); }
  .trial-boundary { grid-template-columns:112px minmax(0,1fr); gap:24px; padding:24px; }
  .trial-related { gap:16px; }
  .trial-finish { margin-top:64px; padding:48px 24px; }
}
@media (max-width:560px) {
  .trial-hero { padding-top:32px; padding-bottom:0; gap:32px; }
  .trial-hero h1 { font-size:var(--h1); }
  .trial-prep { padding:24px; }
  .trial-prep h2 { font-size:24px; }
  .trial-prep-list li { grid-template-columns:minmax(0,1fr); gap:8px; }
  .trial-section { margin-top:48px; }
  .trial-section-head { margin-bottom:24px; }
  .trial-section-head .h2,.trial-example-copy .h2 { line-height:1.3; }
  .trial-judge { padding:24px; }
  .trial-after-note { margin-top:24px; }
  .trial-workbench-bar { padding:16px 20px; gap:8px; }
  .trial-step { padding:24px 20px; grid-template-columns:32px minmax(0,1fr); gap:16px 12px; }
  .trial-step-number { width:32px; height:32px; font-size:12px; }
  .trial-step-copy h3 { font-size:18px; }
  .trial-step-check { grid-template-columns:minmax(0,1fr); gap:16px; }
  .trial-workbench-note { padding:20px; }
  .trial-demo-caption { padding:16px 20px; }
  .trial-demo-body { padding:24px 20px; }
  .trial-demo-body h3 { font-size:24px; }
  .trial-demo-code { padding:20px; }
  .trial-demo-code b { font-size:var(--display); letter-spacing:.12em; }
  .trial-demo-meta > div { grid-template-columns:76px minmax(0,1fr); gap:12px; }
  .trial-example-warning { padding:16px; }
  .trial-path { padding:24px; }
  .trial-path h3 { font-size:24px; }
  .trial-boundary { grid-template-columns:minmax(0,1fr); gap:16px; padding:24px; }
  .trial-boundary h3 { font-size:18px; }
  .trial-related { grid-template-columns:minmax(0,1fr); }
  .trial-finish { margin-top:48px; padding:32px 20px; }
  .trial-finish .actions { gap:12px; }
}


/* Terms reading surface */
.terms-hero { padding-bottom:64px; }
.terms-hero h1 { max-width:1000px; font-size:var(--h2); line-height:1.3; }
.terms-hero > .section-intro { max-width:760px; font-size:16px; line-height:1.8; color:var(--ink2); }
.terms-edition { display:flex; flex-wrap:wrap; align-items:center; gap:12px 24px; margin-top:24px; font-size:12px; color:var(--mute); }
.terms-glance.legal-glance { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:40px; }
.terms-glance-card { display:flex; flex-direction:column; align-items:flex-start; min-width:0; padding:28px; border:1px solid var(--line); border-radius:var(--radius-card); background:var(--paper); color:var(--ink); }
.terms-glance-card:nth-child(2) { background:var(--c1); color:var(--c1i); border-color:var(--c1); }
.terms-glance-card:nth-child(3) { background:var(--c2); color:var(--c2i); border-color:var(--c2); }
.terms-glance-number { font:500 var(--micro)/1.6 var(--mono); letter-spacing:.08em; }
.terms-glance-card h2 { margin-top:24px; font-size:20px; font-weight:500; line-height:1.4; }
.terms-glance-card p { margin-top:12px; margin-bottom:24px; font-size:14px; line-height:1.8; }
.terms-glance-card > a { display:inline-flex; align-items:center; gap:12px; margin-top:auto; font-size:14px; font-weight:500; text-decoration:underline; text-underline-offset:4px; }
.terms-layout { display:grid; grid-template-columns:232px minmax(0,1fr); align-items:start; gap:64px; }
.terms-index { position:sticky; top:calc(var(--header-h) + 24px); padding:24px; border:1px solid var(--line); border-radius:var(--radius-card); background:var(--bg2); color:var(--ink); }
.terms-index h2 { font-size:16px; line-height:1.5; }
.terms-index ol { display:grid; gap:12px; margin-top:20px; padding-left:20px; font-size:14px; color:var(--ink2); }
.terms-index li { padding-left:4px; }
.terms-index a:hover { text-decoration:underline; text-underline-offset:4px; }
.terms-index > p { margin-top:24px; font-size:12px; line-height:1.8; color:var(--mute); }
.terms-index > p a { color:var(--olive); }
.terms-prose { min-width:0; line-height:1.85; }
.terms-prose h2 { margin:20px 0 24px; font-size:28px; line-height:1.4; letter-spacing:-.02em; font-weight:500; }
.terms-prose h3 { margin:32px 0 16px; font-size:20px; line-height:1.5; font-weight:500; }
.terms-section { scroll-margin-top:calc(var(--header-h) + 32px); }
.terms-section + .terms-section { margin-top:64px; }
.terms-section-label { display:inline-block; font:500 12px/1.6 var(--mono); letter-spacing:.08em; color:var(--olive); }
.terms-definitions { display:grid; gap:0; margin:32px 0; border:1px solid var(--line); border-radius:var(--radius-card); background:var(--paper); color:var(--ink); }
.terms-definitions > div { display:grid; grid-template-columns:120px minmax(0,1fr); gap:24px; padding:24px; }
.terms-definitions > div + div { border-top:1px solid var(--line); }
.terms-definitions dt { font-size:16px; font-weight:500; }
.terms-definitions dd { font-size:14px; color:var(--ink2); line-height:1.85; }
.terms-policy { margin:32px 0; padding:28px; border-radius:var(--radius-card); border:1px solid var(--line); }
.terms-policy-allow { background:var(--paper); color:var(--ink); }
.terms-policy-stop { background:var(--c4); color:var(--c4i); border-color:var(--c4); }
.terms-prose .terms-policy h3 { margin:0; font-size:20px; color:inherit; }
.terms-prose .terms-policy-list { display:grid; gap:24px; margin:24px 0 0; padding:0; list-style:none; }
.terms-policy-list li { display:grid; grid-template-columns:28px minmax(0,1fr); align-items:start; gap:12px; }
.terms-policy-mark { display:grid; place-items:center; width:28px; height:28px; border:1px solid var(--ink-line); border-radius:var(--radius-control); font-size:16px; line-height:1; }
.terms-policy-list strong { display:block; font-size:16px; font-weight:500; }
.terms-prose .terms-policy-list p { margin:8px 0 0; font-size:14px; line-height:1.85; }
.terms-boundary-table { max-width:100%; border:1px solid var(--line); border-radius:var(--radius-small); }
.terms-boundary-table table { min-width:620px; line-height:1.75; }
.terms-boundary-table caption { padding:16px; text-align:left; background:var(--c2); color:var(--c2i); font-size:14px; font-weight:500; caption-side:top; }
.terms-boundary-table th:first-child { width:24%; }
.terms-boundary-table td { width:38%; }
.terms-boundary-table tbody th { background:var(--cream); color:var(--ink); }
.terms-boundary-table tr:last-child th,.terms-boundary-table tr:last-child td { border-bottom:0; }
.terms-responsibility { margin:32px 0; padding:24px; border-left:3px solid var(--olive); border-radius:var(--radius-small); background:var(--bg2); color:var(--ink); }
.terms-prose .terms-responsibility h3 { margin:0 0 12px; font-size:20px; }
.terms-prose .terms-responsibility p { margin:0; font-size:14px; }
.terms-prose .terms-delivery-list { display:grid; gap:20px; margin:32px 0; padding-left:24px; }
.terms-delivery-list strong { font-weight:500; color:var(--ink); }
.terms-contact { margin-top:32px; padding:32px; border:1px solid var(--line); border-radius:var(--radius-card); background:var(--paper); color:var(--ink); }
.terms-prose .terms-contact h3 { margin:0 0 16px; }
.terms-prose .terms-contact p { margin:0; font-size:14px; }
.terms-contact .actions { margin-top:28px; }
.terms-prose .terms-support-address { display:inline-block; max-width:100%; margin-top:20px; overflow-wrap:anywhere; font:400 14px/1.7 var(--mono); }
.terms-return { margin-top:48px; padding-top:32px; border-top:1px solid var(--line); }
.terms-return .actions { gap:24px; }
.terms-return .actions > a:not(.pill) { font-size:14px; }
@media (max-width:860px) {
  .terms-hero { padding-bottom:40px; }
  .terms-glance.legal-glance { gap:12px; margin-top:32px; }
  .terms-glance-card { padding:20px; }
  .terms-glance-card h2 { font-size:18px; }
  .terms-layout { grid-template-columns:minmax(0,1fr); gap:40px; }
  .terms-index { position:static; padding:24px; }
  .terms-index ol { grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:32px; }
  .terms-index > p { margin-top:20px; }
  .terms-section + .terms-section { margin-top:48px; }
  .terms-prose h2 { font-size:24px; }
  .terms-prose h3 { font-size:20px; }
}
@media (max-width:560px) {
  .terms-glance.legal-glance { grid-template-columns:minmax(0,1fr); }
  .terms-glance-card { padding:24px; }
  .terms-glance-card h2 { margin-top:20px; }
  .terms-hero h1 { font-size:var(--h2); line-height:1.4; }
  .terms-edition { gap:12px; }
  .terms-edition .status-pill { white-space:normal; }
  .terms-index ol { grid-template-columns:minmax(0,1fr); }
  .terms-definitions > div { grid-template-columns:minmax(0,1fr); gap:8px; padding:20px; }
  .terms-policy { padding:24px 20px; }
  .terms-prose .terms-policy h3 { font-size:18px; }
  .terms-policy-list li { gap:10px; }
  .terms-responsibility { padding:20px; }
  .terms-prose .terms-responsibility h3 { font-size:18px; }
  .terms-contact { padding:24px 20px; }
  .terms-contact .actions { align-items:stretch; gap:12px; }
  .terms-contact .pill { padding-inline:20px; }
}


/* Whitepaper delivery landing page */
.download-hero { display:grid; grid-template-columns:minmax(0,1.12fr) minmax(0,1fr); gap:64px; padding-top:64px; align-items:center; }
.download-hero-copy { min-width:0; }
.download-hero h1 { margin-top:24px; font-size:var(--h1); font-weight:500; line-height:1.22; letter-spacing:-.03em; color:var(--ink); }
.download-hero-copy .section-intro { max-width:560px; font-size:16px; line-height:1.8; color:var(--ink2); }
.download-hero-note { margin-top:24px; max-width:500px; font-size:12px; line-height:1.8; color:var(--mute); }
.download-scene { min-width:0; padding:24px 32px; border-radius:var(--radius-card); background:linear-gradient(150deg,var(--stage-top),var(--moss2) 75%,var(--stage-bottom)); color:var(--ink); }
.download-scene-top { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; font-size:12px; font-weight:500; }
.download-scene-label { padding:4px 12px; border:1px solid var(--ink-line); border-radius:var(--radius-control); background:var(--paper-wash); color:var(--ink); }
.download-form-preview { display:grid; grid-template-columns:40px minmax(0,1fr); align-items:center; gap:16px; margin-top:24px; padding:24px; border:1px solid var(--paper-edge); border-radius:var(--radius-card); background:var(--paper); color:var(--ink); box-shadow:0 16px 32px var(--stage-shadow); }
.download-report-icon { width:40px; height:48px; }
.download-report-icon svg { width:100%; height:100%; }
.download-preview-kicker { font-size:12px; color:var(--mute); }
.download-form-preview h2 { font-size:20px; line-height:1.4; margin-top:4px; color:var(--ink); }
.download-preview-field { grid-column:1/-1; display:grid; gap:8px; padding:16px; border:1px solid var(--line); border-radius:var(--radius-small); background:var(--cream); color:var(--ink); }
.download-preview-field > span { font-size:12px; color:var(--mute); }
.download-preview-field code { font:400 14px/1.6 var(--mono); letter-spacing:0; overflow-wrap:anywhere; }
.download-preview-note { grid-column:1/-1; display:flex; align-items:center; gap:8px; font-size:12px; color:var(--ink2); }
.download-check { display:grid; place-items:center; width:20px; height:20px; flex:none; border-radius:var(--radius-control); background:var(--c1); color:var(--c1i); }
.download-transfer { height:56px; display:flex; align-items:center; justify-content:center; gap:16px; color:var(--ink); }
.download-transfer > span { width:48px; height:1px; background:var(--ink-line); }
.download-transfer svg { width:24px; height:32px; }
.download-slot-preview { display:flex; align-items:center; gap:16px; padding:20px 24px; border:1px solid var(--paper-edge-soft); border-radius:var(--radius-small); background:var(--mark-ink); color:var(--lt); }
.download-slot-mark { width:40px; height:40px; display:grid; place-items:center; flex:none; color:var(--lime); }
.download-slot-mark svg { width:32px; height:32px; }
.download-slot-preview strong { display:block; font-size:16px; font-weight:500; }
.download-slot-preview div > span { display:block; margin-top:4px; font-size:12px; color:var(--lm); }
.download-scene-foot { margin-top:20px; font-size:12px; text-align:center; color:var(--ink); }
.download-section { margin-top:112px; }
.download-section-head { max-width:800px; }
.download-section-head .h2 { margin-top:24px; }
.download-section-head .section-intro { max-width:680px; line-height:1.8; }
.download-route { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); list-style:none; padding:0; margin-top:40px; border:1px solid var(--line); border-radius:var(--radius-card); overflow:hidden; background:var(--paper); color:var(--ink); }
.download-route li { min-width:0; padding:28px 24px; display:flex; flex-direction:column; align-items:flex-start; border-right:1px solid var(--line); }
.download-route li:last-child { border-right:0; }
.download-route-number { display:flex; align-items:center; gap:12px; width:100%; font:500 14px/1.5 var(--mono); color:var(--olive); }
.download-route-number::after { content:""; display:block; height:3px; width:40px; border-radius:var(--radius-control); background:var(--mark-lime); }
.download-route h3 { margin-top:24px; font-size:20px; line-height:1.4; color:var(--ink); }
.download-route p { margin-top:12px; font-size:14px; line-height:1.8; color:var(--ink2); }
.download-route a { display:inline-flex; align-items:center; gap:12px; padding-top:24px; margin-top:auto; font-size:14px; font-weight:500; color:var(--olive); }
.download-route a:hover { text-decoration:underline; text-underline-offset:4px; }
.download-route-caption { display:block; padding-top:24px; margin-top:auto; font-size:12px; color:var(--mute); }
.download-route-foot { display:flex; align-items:flex-start; gap:20px; max-width:920px; margin-top:24px; }
.download-route-foot p { font-size:14px; line-height:1.8; color:var(--ink2); }
.download-route-foot strong { font-weight:500; color:var(--ink); }
.download-slot-line { flex:none; width:40px; height:8px; margin-top:8px; border-radius:var(--radius-control); background:var(--mark-ink); box-shadow:inset 0 2px 0 var(--mark-lime); }
.download-choices { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:40px; }
.download-choice { display:flex; flex-direction:column; align-items:flex-start; min-width:0; padding:32px; border-radius:var(--radius-card); }
.download-choice-once { background:var(--c1); color:var(--c1i); }
.download-choice-updates { background:var(--c2); color:var(--c2i); }
.download-choice-account { background:var(--c3); color:var(--c3i); }
.download-choice-icon { display:grid; place-items:center; width:40px; height:40px; border-radius:var(--radius-small); background:var(--paper); color:var(--ink); }
.download-choice-icon svg { width:24px; height:24px; }
.download-choice-type { margin-top:24px; font:500 12px/1.6 var(--mono); letter-spacing:.1em; }
.download-choice h3 { margin-top:8px; font-size:20px; line-height:1.4; }
.download-choice p { margin-top:16px; font-size:14px; line-height:1.8; }
.download-choice ul { display:grid; gap:8px; margin-top:20px; padding:0 0 28px 16px; list-style:disc; font-size:14px; line-height:1.7; }
.download-choice .rbtn { max-width:100%; margin-top:auto; padding:8px 16px; height:auto; white-space:normal; line-height:1.5; }
.download-choice .rbtn:hover { background:var(--ink-hover); color:var(--cream); border-color:var(--ink-hover); }
.download-samples-section { margin-top:112px; padding-block:64px; background:var(--bg2); color:var(--ink); }
.download-sample-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:32px; }
.download-sample-heading > div { max-width:720px; }
.download-sample-heading .h2 { margin-top:24px; }
.download-sample-heading .section-intro { line-height:1.8; }
.download-sample-stamp { flex:none; border:1px solid var(--ink-line); border-radius:var(--radius-control); padding:8px 16px; background:var(--clear); color:var(--ink2); font-size:12px; }
.download-samples { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:40px; }
.download-sample { display:grid; grid-template-rows:auto 1fr auto; min-width:0; border:1px solid var(--line); border-radius:var(--radius-card); background:var(--paper); color:var(--ink); overflow:hidden; }
.download-sample-head { padding:24px; border-bottom:1px solid var(--line); }
.download-sample-index { font:500 12px/1.6 var(--mono); letter-spacing:.08em; color:var(--olive); }
.download-sample-head h3 { margin-top:12px; font-size:18px; line-height:1.5; }
.download-mail-fragment { min-width:0; padding:24px; }
.download-fragment-label { display:block; font-size:12px; color:var(--mute); }
.download-mail-fragment p { margin-top:16px; font-size:14px; line-height:1.8; color:var(--ink2); }
.download-mail-fragment code { display:block; margin-top:20px; padding-left:12px; border-left:3px solid var(--mark-lime); font:500 14px/1.8 var(--mono); letter-spacing:0; overflow-wrap:anywhere; color:var(--ink); }
.download-fragment-note { display:block; margin-top:12px; font-size:12px; line-height:1.7; color:var(--mute); }
.download-mail-fragment .status-pill { margin-top:20px; max-width:100%; white-space:normal; }
.download-sample-advice { margin:0 24px 24px; padding-top:20px; border-top:1px solid var(--line); font-size:14px; line-height:1.8; color:var(--ink2); }
.download-after { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:80px; align-items:start; }
.download-after-heading { min-width:0; position:sticky; top:calc(var(--header-h) + 32px); }
.download-after-heading .h2 { margin-top:24px; line-height:1.25; }
.download-after-heading .section-intro { max-width:420px; line-height:1.8; }
.download-text-link { display:inline-flex; align-items:center; gap:12px; margin-top:28px; font-size:14px; line-height:1.7; color:var(--olive); }
.download-text-link:hover { text-decoration:underline; text-underline-offset:4px; }
.download-after-list { display:grid; gap:32px; min-width:0; }
.download-after-list > article { display:grid; grid-template-columns:32px minmax(0,1fr); gap:20px; }
.download-after-number { font:500 14px/1.5 var(--mono); color:var(--olive); padding-top:3px; }
.download-after-list h3 { font-size:20px; line-height:1.4; }
.download-after-list p { margin-top:12px; font-size:14px; line-height:1.8; color:var(--ink2); }
.download-pause-note { display:flex; align-items:flex-start; gap:16px; margin-top:4px; padding:24px; border-radius:var(--radius-card); background:var(--c4); color:var(--c4i); }
.download-pause-icon { flex:none; width:24px; height:24px; }
.download-pause-icon svg { width:100%; height:100%; }
.download-pause-note h3 { font-size:18px; line-height:1.5; }
.download-pause-note p { color:var(--c4i); }
.download-pause-note a { display:inline-flex; align-items:center; gap:12px; margin-top:20px; font-size:14px; font-weight:500; text-decoration:underline; text-underline-offset:4px; }
.download-final { margin-top:112px; }
.download-boundary { display:flex; align-items:flex-start; gap:20px; max-width:960px; margin-inline:auto; padding:24px 32px; border:1px solid var(--line); border-radius:var(--radius-card); background:var(--cream); color:var(--ink2); }
.download-boundary-icon { display:block; width:24px; height:24px; flex:none; color:var(--olive); }
.download-boundary-icon svg { width:100%; height:100%; }
.download-boundary p { font-size:14px; line-height:1.8; }
.download-boundary strong { color:var(--ink); font-weight:500; }
.download-final-action { margin-top:40px; padding:64px 32px; border-radius:var(--radius-card); background:var(--mark-ink); color:var(--lt); text-align:center; }
.download-final-action .eyebrow { color:var(--lime); }
.download-final-action .h2 { margin-top:24px; color:var(--lt); }
.download-final-action .section-intro { max-width:640px; margin-inline:auto; color:var(--lm); }
.download-final-action .actions { justify-content:center; margin-top:32px; }
.download-final-action .pill-ink { background:var(--paper); color:var(--ink); border-color:var(--paper); }
.download-final-action .pill-ink:hover { background:var(--c2); color:var(--c2i); border-color:var(--c2); }
.download-final-link { display:inline-block; margin-top:28px; max-width:100%; font-size:14px; line-height:1.8; color:var(--lt); text-decoration:underline; text-underline-offset:4px; }

@media (max-width:1100px) {
  .download-hero { gap:32px; }
  .download-scene { padding:24px; }
  .download-form-preview { padding:20px; }
  .download-route li { padding:24px 20px; }
  .download-choice { padding:24px; }
  .download-after { gap:40px; }
}
@media (max-width:860px) {
  .download-hero { grid-template-columns:minmax(0,1fr); padding-top:40px; gap:40px; }
  .download-hero-copy .section-intro { max-width:640px; }
  .download-scene { width:100%; max-width:600px; justify-self:center; padding:24px 32px; }
  .download-hero h1 br { display:none; }
  .download-section { margin-top:80px; }
  .download-route { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .download-route li:nth-child(2) { border-right:0; }
  .download-route li:nth-child(-n+2) { border-bottom:1px solid var(--line); }
  .download-choices { grid-template-columns:minmax(0,1fr); gap:16px; }
  .download-choice { padding:32px; }
  .download-choice p { max-width:600px; }
  .download-samples-section { margin-top:80px; padding-block:48px; }
  .download-sample-heading { flex-direction:column; align-items:flex-start; gap:24px; }
  .download-samples { grid-template-columns:minmax(0,1fr); }
  .download-sample { grid-template-rows:auto; }
  .download-mail-fragment { padding:24px; }
  .download-after { grid-template-columns:minmax(0,1fr); gap:40px; }
  .download-after-heading { position:static; }
  .download-after-heading .section-intro { max-width:640px; }
  .download-after-heading .h2 br { display:none; }
  .download-final { margin-top:80px; }
}
@media (max-width:560px) {
  .download-hero { padding-top:32px; gap:32px; }
  .download-hero h1 { font-size:var(--h1); line-height:1.25; }
  .download-hero .hero-actions { gap:12px; }
  .download-hero-copy .section-intro { font-size:16px; }
  .download-scene { padding:20px; }
  .download-form-preview { gap:12px; padding:20px 16px; }
  .download-form-preview h2 { font-size:18px; }
  .download-preview-field { padding:12px; }
  .download-preview-field code { font-size:12px; }
  .download-slot-preview { padding:16px; gap:12px; }
  .download-slot-preview strong { font-size:14px; }
  .download-slot-mark { width:32px; height:32px; }
  .download-section { margin-top:64px; }
  .download-route { grid-template-columns:minmax(0,1fr); margin-top:32px; }
  .download-route li { padding:24px; border-right:0; border-bottom:1px solid var(--line); }
  .download-route li:last-child { border-bottom:0; }
  .download-route h3 { margin-top:20px; font-size:18px; }
  .download-route-foot { gap:12px; }
  .download-slot-line { width:24px; }
  .download-choices { margin-top:32px; }
  .download-choice { padding:24px; }
  .download-choice ul { padding-bottom:24px; }
  .download-samples-section { margin-top:64px; padding-block:40px; }
  .download-samples { margin-top:32px; }
  .download-sample-stamp { max-width:100%; }
  .download-sample-head,.download-mail-fragment { padding:20px; }
  .download-sample-advice { margin:0 20px 20px; }
  .download-after-list { gap:28px; }
  .download-after-list > article { grid-template-columns:24px minmax(0,1fr); gap:12px; }
  .download-after-list h3 { font-size:18px; }
  .download-pause-note { padding:20px; gap:12px; }
  .download-pause-note h3 { font-size:18px; }
  .download-final { margin-top:64px; }
  .download-boundary { padding:20px; gap:12px; }
  .download-final-action { padding:40px 20px; margin-top:32px; }
  .download-final-action .actions { gap:12px; }
  .download-final-link { font-size:14px; }
}


/* Address comparison */
.cmp-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:64px; align-items:center; padding-bottom:0; }
.cmp-hero h1 { font-size:var(--h1); line-height:1.22; letter-spacing:-.03em; }
.cmp-hero .section-intro { max-width:520px; font-size:16px; color:var(--ink2); }
.cmp-hero-actions { margin-top:32px; }
.cmp-route-board { padding:28px; border-radius:var(--radius-card); background:var(--c2); color:var(--c2i); }
.cmp-board-head { display:flex; align-items:center; gap:12px; margin-bottom:24px; font-size:14px; font-weight:600; }
.cmp-board-head img { flex:none; }
.cmp-route { display:grid; grid-template-columns:32px minmax(0,1fr) auto; align-items:center; gap:12px; padding:16px 0; }
.cmp-route + .cmp-route { border-top:1px solid var(--ink-line-soft); }
.cmp-route-number { font:500 12px/1.5 var(--mono); color:var(--c2i); }
.cmp-route strong { font-size:16px; font-weight:600; }
.cmp-route p { margin-top:4px; font-size:14px; color:var(--c2i); }
.cmp-route .chip { text-align:center; }
.cmp-board-note { margin-top:20px; padding:16px; border-radius:var(--radius-small); background:var(--paper); color:var(--ink2); font-size:14px; }
.cmp-section { margin-top:96px; }
.cmp-section-head { max-width:840px; }
.cmp-section-head .h2 { margin-top:24px; font-size:var(--h2); line-height:1.25; }
.cmp-section-head .section-intro { max-width:720px; font-size:16px; color:var(--ink2); }
.cmp-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:40px; }
.cmp-option { min-width:0; display:flex; flex-direction:column; padding:28px; border:1px solid var(--line); border-radius:var(--radius-card); background:var(--paper); color:var(--ink); }
.cmp-option-temp { border-top:4px solid var(--mark-lime); }
.cmp-option-alias { border-top:4px solid var(--moss3); }
.cmp-option-real { border-top:4px solid var(--art-sand); }
.cmp-option-top { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.cmp-option-icon { display:grid; place-items:center; width:44px; height:44px; flex:none; border-radius:var(--radius-small); background:var(--bg2); color:var(--ink); }
.cmp-option-icon svg { width:24px; height:24px; }
.cmp-option-temp .cmp-option-icon { background:var(--c1); color:var(--c1i); }
.cmp-option-alias .cmp-option-icon { background:var(--c2); color:var(--c2i); }
.cmp-option-real .cmp-option-icon { background:var(--c3); color:var(--c3i); }
.cmp-option h3 { margin-top:24px; font-size:var(--display); line-height:1.3; letter-spacing:-.02em; }
.cmp-option-summary { margin-top:16px; font-size:16px; color:var(--ink2); }
.cmp-option-facts { display:grid; gap:16px; margin-top:24px; padding-block:24px; border-block:1px solid var(--line); font-size:14px; }
.cmp-option-facts div { display:grid; grid-template-columns:70px minmax(0,1fr); gap:12px; align-items:start; }
.cmp-option-facts dt { color:var(--mute); }
.cmp-option-facts dd { color:var(--ink); overflow-wrap:anywhere; }
.cmp-option-limit { margin-top:20px; margin-bottom:28px; font-size:14px; color:var(--ink2); }
.cmp-option-limit strong { font-weight:600; color:var(--ink); }
.cmp-option > .rbtn { align-self:flex-start; margin-top:auto; height:auto; max-width:100%; white-space:normal; }
.cmp-scroll-hint { margin-top:28px; color:var(--mute); font-size:12px; }
.cmp-table-scroll { overflow-x:auto; margin-top:12px; border:1px solid var(--line); border-radius:var(--radius-card); background:var(--paper); color:var(--ink); }
.cmp-table { min-width:880px; table-layout:fixed; }
.cmp-table caption { padding:20px 24px; font-size:14px; font-weight:500; color:var(--ink2); text-align:left; background:var(--paper); }
.cmp-table th,.cmp-table td { padding:20px 24px; vertical-align:top; line-height:1.75; }
.cmp-table thead th { font-size:16px; background:var(--c2); color:var(--c2i); }
.cmp-table thead th:first-child { width:16%; }
.cmp-table thead th span { display:block; margin-top:4px; font-size:12px; font-weight:400; }
.cmp-table tbody th { background:var(--cream); color:var(--ink); font-size:14px; }
.cmp-table td { color:var(--ink2); font-size:14px; }
.cmp-table td strong { font-weight:600; color:var(--ink); }
.cmp-table tbody tr:last-child th,.cmp-table tbody tr:last-child td { border-bottom:0; }
.cmp-acceptance-note { display:grid; grid-template-columns:minmax(200px,.7fr) minmax(0,1.6fr); gap:32px; margin-top:32px; padding:24px 28px; border-radius:var(--radius-card); background:var(--bg2); color:var(--ink); }
.cmp-acceptance-note > strong { font-size:16px; font-weight:500; }
.cmp-acceptance-note p { color:var(--ink2); font-size:14px; }
.cmp-acceptance-note a { color:var(--olive); text-decoration:underline; text-underline-offset:3px; }
.cmp-task-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:40px; }
.cmp-task { min-width:0; padding:32px; border:1px solid var(--line); border-radius:var(--radius-card); background:var(--paper); color:var(--ink); display:flex; flex-direction:column; align-items:flex-start; }
.cmp-task-meta { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; width:100%; gap:12px; }
.cmp-task-number { font:500 12px/1.6 var(--mono); color:var(--mute); letter-spacing:.08em; }
.cmp-task h3 { margin-top:24px; font-size:20px; line-height:1.4; }
.cmp-task > p { margin-top:16px; font-size:16px; color:var(--ink2); }
.cmp-task-boundary { width:100%; margin-top:24px; margin-bottom:28px; padding:16px 20px; border-radius:var(--radius-small); background:var(--cream); color:var(--ink); }
.cmp-task-boundary strong { font-size:12px; font-weight:600; }
.cmp-task-boundary p { margin-top:8px; color:var(--ink2); font-size:14px; }
.cmp-text-link { display:inline-flex; align-items:center; gap:12px; max-width:100%; color:var(--olive); font-size:14px; font-weight:600; line-height:1.6; }
.cmp-text-link:hover { color:var(--ink); text-decoration:underline; text-underline-offset:4px; }
.cmp-task > .cmp-text-link { margin-top:auto; }
.cmp-migration { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:64px; padding:48px; border-radius:var(--radius-card); background:var(--c3); color:var(--c3i); }
.cmp-migration-copy .eyebrow { color:var(--c3i); }
.cmp-migration-copy .h2 { margin-top:24px; color:var(--c3i); font-size:var(--h2); line-height:1.25; }
.cmp-migration-copy p { margin-top:24px; font-size:14px; color:var(--c3i); }
.cmp-migration-copy .section-intro { margin-top:20px; font-size:16px; }
.cmp-migration-copy .cmp-text-link { margin-top:28px; color:var(--c3i); text-decoration:underline; text-underline-offset:4px; }
.cmp-migration-steps { display:grid; gap:24px; padding:0; margin:0; list-style:none; align-content:start; }
.cmp-migration-steps li { display:grid; grid-template-columns:32px minmax(0,1fr); gap:16px; padding:24px; border-radius:var(--radius-card); background:var(--paper); color:var(--ink); }
.cmp-step-number { width:32px; height:32px; display:grid; place-items:center; border:1px solid var(--ink-line); border-radius:var(--radius-control); background:var(--c3); color:var(--c3i); font:500 12px/1 var(--mono); }
.cmp-migration-steps h3 { font-size:18px; line-height:1.6; }
.cmp-migration-steps p { margin-top:8px; font-size:14px; color:var(--ink2); }
.cmp-finish { margin-top:96px; padding:64px 48px; text-align:center; border-radius:var(--radius-card); background:var(--c1); color:var(--c1i); }
.cmp-finish .eyebrow { color:var(--c1i); }
.cmp-finish .h2 { margin-top:24px; font-size:var(--h2); line-height:1.25; color:var(--c1i); }
.cmp-finish .section-intro { max-width:680px; margin:20px auto 0; color:var(--c1i); font-size:16px; }
.cmp-finish-actions { margin-top:32px; justify-content:center; }
.cmp-finish-guides { display:flex; flex-wrap:wrap; justify-content:center; gap:16px 32px; margin-top:32px; }
.cmp-finish-guides a { max-width:100%; color:var(--c1i); font-size:14px; text-decoration:underline; text-underline-offset:4px; }
.cmp-finish-guides a:hover { color:var(--ink); }
.cmp-finish-note { max-width:680px; margin:28px auto 0; color:var(--c1i); font-size:12px; }

@media (max-width:1100px) {
  .cmp-hero { gap:40px; }
  .cmp-route-board { padding:24px; }
  .cmp-route { grid-template-columns:28px minmax(0,1fr); }
  .cmp-route .chip { grid-column:2; justify-self:start; margin-top:4px; }
  .cmp-option { padding:24px; }
  .cmp-option-facts div { grid-template-columns:minmax(0,1fr); gap:4px; }
  .cmp-migration { padding:40px; gap:32px; }
}
@media (max-width:860px) {
  .cmp-hero { grid-template-columns:minmax(0,1fr); gap:32px; padding-top:40px; }
  .cmp-hero .section-intro { max-width:680px; }
  .cmp-route { grid-template-columns:32px minmax(0,1fr) auto; }
  .cmp-route .chip { grid-column:auto; margin-top:0; }
  .cmp-section { margin-top:64px; }
  .cmp-options { grid-template-columns:minmax(0,1fr); gap:16px; margin-top:32px; }
  .cmp-option { padding:28px; }
  .cmp-option-facts { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .cmp-option-limit { margin-bottom:24px; }
  .cmp-acceptance-note { grid-template-columns:minmax(0,1fr); gap:12px; }
  .cmp-task-grid { margin-top:32px; gap:16px; }
  .cmp-task { padding:24px; }
  .cmp-migration { grid-template-columns:minmax(0,1fr); padding:32px; gap:32px; }
  .cmp-finish { margin-top:64px; padding:48px 32px; }
}
@media (max-width:560px) {
  .cmp-hero { padding-top:32px; }
  .cmp-hero h1 { font-size:var(--h1); line-height:1.25; }
  .cmp-hero-actions { gap:12px; margin-top:24px; }
  .cmp-route-board { padding:24px 20px; }
  .cmp-board-head { align-items:flex-start; font-size:14px; }
  .cmp-route { grid-template-columns:24px minmax(0,1fr); gap:8px 12px; }
  .cmp-route .chip { grid-column:2; justify-self:start; }
  .cmp-board-note { padding:16px; }
  .cmp-section { margin-top:56px; }
  .cmp-section-head .h2 { font-size:var(--h2); }
  .cmp-option { padding:24px; }
  .cmp-option h3 { font-size:var(--display); }
  .cmp-option-facts { grid-template-columns:minmax(0,1fr); }
  .cmp-option-facts div { grid-template-columns:70px minmax(0,1fr); gap:12px; }
  .cmp-table th,.cmp-table td { padding:16px 20px; }
  .cmp-table caption { padding:16px 20px; }
  .cmp-acceptance-note { padding:24px; }
  .cmp-task-grid { grid-template-columns:minmax(0,1fr); }
  .cmp-task-boundary { padding:16px; }
  .cmp-migration { padding:24px 20px; }
  .cmp-migration-copy .h2 { font-size:var(--h2); }
  .cmp-migration-steps { gap:16px; }
  .cmp-migration-steps li { padding:20px 16px; gap:12px; }
  .cmp-migration-steps h3 { font-size:18px; }
  .cmp-finish { margin-top:56px; padding:40px 24px; }
  .cmp-finish .h2 { font-size:var(--h2); }
  .cmp-finish-actions { gap:12px; }
  .cmp-finish-guides { flex-direction:column; align-items:center; gap:16px; }
}


/* Code arrival timeline */
.arrival-hero { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:64px; align-items:center; padding-bottom:48px; }
.arrival-hero-copy { min-width:0; }
.arrival-hero h1 { font-size:var(--h1); line-height:1.24; letter-spacing:-.03em; }
.arrival-lead { max-width:560px; font-size:var(--body); line-height:1.8; color:var(--ink2); }
.arrival-hero-actions { margin-top:32px; }
.arrival-hero-note { margin-top:20px; font-size:var(--micro); color:var(--mute); }
.arrival-state-board { padding:32px; border:1px solid var(--line); border-radius:var(--radius-card); background:var(--paper); color:var(--ink); box-shadow:0 16px 48px var(--ink-shadow); }
.arrival-board-heading { display:flex; align-items:center; gap:16px; font-size:var(--small); font-weight:600; }
.arrival-board-heading svg { width:40px; height:32px; color:var(--olive); flex:none; }
.arrival-state-list { margin-top:24px; list-style:none; display:grid; gap:8px; }
.arrival-state-list li { display:grid; grid-template-columns:32px minmax(0,1fr); gap:16px; padding:16px; border-radius:var(--radius-small); background:var(--cream); color:var(--ink); }
.arrival-state-list li:last-child { background:var(--c1); color:var(--c1i); }
.arrival-state-number { padding-top:3px; font:500 var(--micro)/1.6 var(--mono); color:var(--olive); }
.arrival-state-list h2 { font-size:var(--body); line-height:1.5; font-weight:500; }
.arrival-state-list p { margin-top:4px; font-size:var(--small); line-height:1.7; color:var(--ink2); }
.arrival-board-note { margin-top:24px; font-size:var(--small); line-height:1.7; color:var(--ink2); }
.arrival-jump { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:16px 20px; border:1px solid var(--line); border-radius:var(--radius-card); background:var(--bg2); color:var(--ink2); }
.arrival-jump > span { margin-right:16px; font-size:var(--micro); font-weight:500; letter-spacing:.08em; }
.arrival-jump a { display:inline-flex; align-items:center; min-height:40px; padding:8px 16px; border-radius:var(--radius-control); font-size:var(--small); background:var(--paper); color:var(--ink); }
.arrival-jump a:hover { background:var(--c1); color:var(--c1i); }
.arrival-section { padding-top:96px; }
.arrival-section-head { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:64px; align-items:end; }
.arrival-section-head .h2 { margin-top:24px; line-height:1.25; }
.arrival-section-head > .section-intro { margin-top:20px; font-size:var(--body); line-height:1.8; color:var(--ink2); }
.arrival-route-note { display:flex; align-items:flex-start; gap:16px; margin-top:32px; padding:20px 24px; border-radius:var(--radius-small); background:var(--c3); color:var(--c3i); }
.arrival-route-note .status-pill { flex:none; background:var(--paper); color:var(--c3i); border-color:var(--line); }
.arrival-route-note p { font-size:var(--small); line-height:1.8; }
.arrival-route { list-style:none; margin-top:40px; }
.arrival-route-node { position:relative; display:grid; grid-template-columns:48px minmax(0,1fr); gap:24px; padding-bottom:24px; }
.arrival-route-node:not(:last-child)::before { content:""; position:absolute; top:48px; bottom:0; left:23px; width:1px; background:var(--ink-line); }
.arrival-route-node:last-child { padding-bottom:0; }
.arrival-route-marker { position:relative; z-index:1; width:48px; height:48px; display:grid; place-items:center; border:1px solid var(--ink-line); border-radius:var(--radius-control); background:var(--c1); color:var(--c1i); font:500 var(--body)/1 var(--mono); }
.arrival-route-body { min-width:0; padding:28px 32px; border:1px solid var(--line); border-radius:var(--radius-card); background:var(--paper); color:var(--ink); }
.arrival-node-heading { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px 24px; }
.arrival-node-heading h3 { font-size:var(--h3); line-height:1.4; }
.arrival-duration { font-size:var(--micro); color:var(--mute); }
.arrival-route-body > p { margin-top:16px; font-size:var(--body); line-height:1.8; color:var(--ink2); }
.arrival-node-action { display:grid; grid-template-columns:112px minmax(0,1fr); gap:16px; margin-top:20px; padding-top:16px; border-top:1px solid var(--line); font-size:var(--small); line-height:1.8; }
.arrival-node-action b { font-weight:500; color:var(--olive); }
.arrival-node-action > span { color:var(--ink2); }
.arrival-follow-note { margin-top:32px; padding-left:72px; font-size:var(--small); color:var(--mute); }
.arrival-follow-note a { color:var(--olive); text-decoration:underline; text-underline-offset:3px; }
.arrival-check-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:40px; }
.arrival-check-card { min-width:0; padding:32px; border:1px solid var(--line); border-radius:var(--radius-card); background:var(--paper); color:var(--ink); }
.arrival-check-index { font:500 var(--micro)/1.6 var(--mono); letter-spacing:.08em; color:var(--olive); }
.arrival-check-card h3 { margin-top:20px; font-size:var(--h3); line-height:1.5; }
.arrival-check-card > p { margin-top:16px; font-size:var(--small); line-height:1.8; color:var(--ink2); }
.arrival-check-card .arrival-check-tip { margin-top:24px; padding-top:16px; border-top:1px solid var(--line); color:var(--olive); }
.arrival-keep-note { display:flex; align-items:flex-start; gap:24px; margin-top:24px; padding:28px 32px; border-radius:var(--radius-card); background:var(--c2); color:var(--c2i); }
.arrival-keep-note > svg { width:32px; height:32px; flex:none; }
.arrival-keep-note h3 { font-size:var(--h3); line-height:1.5; }
.arrival-keep-note p { margin-top:12px; font-size:var(--small); line-height:1.8; }
.arrival-mechanism { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:40px; }
.arrival-refresh-card,.arrival-extend-card { min-width:0; padding:40px; border-radius:var(--radius-card); }
.arrival-refresh-card { background:var(--c2); color:var(--c2i); }
.arrival-extend-card { background:var(--c1); color:var(--c1i); }
.arrival-operation-label { font-size:var(--small); font-weight:500; }
.arrival-large-value { display:flex; flex-wrap:wrap; align-items:baseline; gap:12px; margin-top:24px; font:500 var(--h1)/1.2 var(--sans); letter-spacing:-.03em; }
.arrival-large-value > span { font:400 var(--small)/1.7 var(--sans); letter-spacing:0; }
.arrival-refresh-card h3,.arrival-extend-card h3 { margin-top:32px; font-size:var(--h3); line-height:1.5; }
.arrival-refresh-card > p,.arrival-extend-card > p { margin-top:16px; font-size:var(--small); line-height:1.8; }
.arrival-bullet-list { margin-top:24px; padding-left:20px; list-style:disc; font-size:var(--small); line-height:1.8; }
.arrival-bullet-list li + li { margin-top:12px; }
.arrival-two-clocks { margin-top:32px; padding:28px 32px; border:1px solid var(--line); border-radius:var(--radius-card); background:var(--paper); color:var(--ink); }
.arrival-two-clocks h3 { font-size:var(--h3); line-height:1.5; }
.arrival-two-clocks p { margin-top:16px; font-size:var(--body); line-height:1.8; color:var(--ink2); }
.arrival-two-clocks strong { font-weight:500; color:var(--ink); }
.arrival-two-clocks > a { display:inline-flex; align-items:center; gap:8px; margin-top:24px; font-size:var(--small); color:var(--olive); text-decoration:underline; text-underline-offset:3px; }
.arrival-resend-order { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; list-style:none; margin-top:40px; }
.arrival-resend-order li { min-width:0; padding:32px; border:1px solid var(--line); border-radius:var(--radius-card); background:var(--paper); color:var(--ink); }
.arrival-order-number { display:grid; place-items:center; width:32px; height:32px; border:1px solid var(--ink-line); border-radius:var(--radius-control); font:500 var(--micro)/1 var(--mono); background:var(--c3); color:var(--c3i); }
.arrival-resend-order h3 { margin-top:24px; font-size:var(--h3); line-height:1.5; }
.arrival-resend-order p { margin-top:16px; font-size:var(--small); line-height:1.8; color:var(--ink2); }
.arrival-resend-boundary { margin-top:24px; padding:28px 32px; border-radius:var(--radius-card); background:var(--c4); color:var(--c4i); }
.arrival-resend-boundary h3 { font-size:var(--h3); line-height:1.5; }
.arrival-resend-boundary p { margin-top:12px; font-size:var(--small); line-height:1.8; }
.arrival-outcomes { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:40px; }
.arrival-outcome { min-width:0; padding:32px; border:1px solid var(--line); border-radius:var(--radius-card); background:var(--paper); color:var(--ink); }
.arrival-outcome h3 { margin-top:20px; font-size:var(--h3); line-height:1.5; }
.arrival-outcome p { margin-top:16px; font-size:var(--small); line-height:1.8; color:var(--ink2); }
.arrival-outcome strong { font-weight:500; color:var(--ink); }
.arrival-outcome > a { display:inline-flex; align-items:center; gap:8px; margin-top:28px; font-size:var(--small); color:var(--olive); text-decoration:underline; text-underline-offset:3px; }
.arrival-support-note { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:40px; margin-top:32px; padding:32px; border-radius:var(--radius-card); background:var(--bg2); color:var(--ink); }
.arrival-support-note h3 { font-size:var(--h3); line-height:1.5; }
.arrival-support-note p { font-size:var(--small); line-height:1.8; color:var(--ink2); overflow-wrap:anywhere; }
.arrival-support-note div > p { margin-top:12px; }
.arrival-support-note a { color:var(--olive); text-decoration:underline; text-underline-offset:3px; }
.arrival-finish { display:flex; flex-direction:column; align-items:center; margin-top:96px; padding:64px 48px; border-radius:var(--radius-card); background:var(--ink); color:var(--lt); text-align:center; }
.arrival-finish-mark { width:80px; height:60px; margin-bottom:32px; flex:none; }
.arrival-finish .eyebrow { color:var(--lime); }
.arrival-finish .h2 { margin-top:24px; color:var(--lt); line-height:1.25; }
.arrival-finish .section-intro { max-width:640px; color:var(--lm); line-height:1.8; }
.arrival-finish .actions { justify-content:center; margin-top:32px; }
.arrival-finish-secondary { background:var(--band); color:var(--lt); border-color:var(--band); }
.arrival-finish-secondary:hover { background:var(--band-top); color:var(--lt); border-color:var(--band-top); }
.arrival-finish-note { max-width:640px; margin-top:24px; font-size:var(--micro); line-height:1.8; color:var(--lm); }

@media (max-width:860px) {
  .arrival-hero { grid-template-columns:minmax(0,1fr); gap:32px; }
  .arrival-hero h1 { max-width:680px; }
  .arrival-lead { max-width:640px; }
  .arrival-state-board { padding:28px; }
  .arrival-section { padding-top:64px; }
  .arrival-section-head { grid-template-columns:minmax(0,1fr); gap:0; }
  .arrival-section-head > .section-intro { max-width:680px; }
  .arrival-jump { gap:8px; }
  .arrival-jump > span { flex-basis:100%; margin:0 0 4px; }
  .arrival-route-note { align-items:flex-start; }
  .arrival-route-body { padding:24px; }
  .arrival-node-heading { align-items:flex-start; flex-direction:column; gap:8px; }
  .arrival-node-action { grid-template-columns:minmax(0,1fr); gap:8px; }
  .arrival-refresh-card,.arrival-extend-card { padding:28px; }
  .arrival-resend-order { grid-template-columns:minmax(0,1fr); }
  .arrival-resend-order li { display:grid; grid-template-columns:32px minmax(0,1fr); gap:12px 20px; padding:28px; }
  .arrival-resend-order h3 { margin:0; align-self:center; }
  .arrival-resend-order p { grid-column:2; margin:0; }
  .arrival-support-note { grid-template-columns:minmax(0,1fr); gap:20px; }
  .arrival-finish { margin-top:64px; padding:48px 32px; }
}

@media (max-width:560px) {
  .arrival-hero { padding-bottom:32px; }
  .arrival-hero h1 { font-size:var(--h1); }
  .arrival-hero-actions { gap:12px; margin-top:24px; }
  .arrival-state-board { padding:20px; }
  .arrival-board-heading { gap:12px; }
  .arrival-state-list li { grid-template-columns:24px minmax(0,1fr); gap:12px; padding:16px 12px; }
  .arrival-jump { padding:16px; }
  .arrival-jump a { padding:8px 12px; font-size:var(--micro); }
  .arrival-section { padding-top:56px; }
  .arrival-route-note { flex-direction:column; gap:12px; padding:20px; }
  .arrival-route { margin-top:32px; }
  .arrival-route-node { grid-template-columns:32px minmax(0,1fr); gap:12px; padding-bottom:16px; }
  .arrival-route-marker { width:32px; height:32px; font-size:var(--small); }
  .arrival-route-node:not(:last-child)::before { top:32px; left:15px; }
  .arrival-route-body { padding:20px 16px; }
  .arrival-node-heading h3 { font-size:18px; }
  .arrival-route-body > p { font-size:var(--small); }
  .arrival-follow-note { padding-left:0; line-height:1.8; }
  .arrival-check-grid,.arrival-mechanism,.arrival-outcomes { grid-template-columns:minmax(0,1fr); margin-top:32px; }
  .arrival-check-card,.arrival-outcome { padding:24px; }
  .arrival-check-card h3,.arrival-outcome h3 { font-size:18px; }
  .arrival-keep-note { gap:16px; padding:24px 20px; }
  .arrival-keep-note > svg { width:24px; height:24px; }
  .arrival-keep-note h3 { font-size:18px; }
  .arrival-refresh-card,.arrival-extend-card { padding:24px; }
  .arrival-large-value { font-size:var(--h1); }
  .arrival-two-clocks { padding:24px; }
  .arrival-two-clocks p { font-size:var(--small); }
  .arrival-resend-order { margin-top:32px; }
  .arrival-resend-order li { padding:24px; gap:12px 16px; }
  .arrival-resend-order h3 { font-size:18px; }
  .arrival-resend-order p { grid-column:1/-1; }
  .arrival-resend-boundary { padding:24px; }
  .arrival-resend-boundary h3 { font-size:18px; }
  .arrival-support-note { padding:24px; }
  .arrival-support-note h3 { font-size:18px; }
  .arrival-finish { padding:40px 24px; }
  .arrival-finish .h2 { font-size:var(--h2); }
  .arrival-finish .section-intro { font-size:var(--small); }
  .arrival-finish .actions { gap:12px; }
}


/* Local repair boundaries */
.alias-input:focus-within {
  outline:2px solid var(--ink);
  outline-offset:2px;
}
.alias-input input:focus {
  border:0;
  box-shadow:none;
}
.inbox-empty-card {
  width:min(420px,calc(100% - 32px));
  height:auto;
  min-height:0;
  margin:0;
  padding:16px;
  border:1px solid var(--line);
  border-radius:var(--radius-small);
  background:var(--paper);
  color:var(--ink);
}
[data-mail-list].is-empty,
[data-reader-body].is-empty {
  display:grid;
  place-items:center;
}
.section-head,
.content-head {
  margin-bottom:40px;
}


.slot-disable-panel { min-width:0; }

@media (min-width:1101px) {
  .slot-signin { --wrap:1248px; }
  .slot-signin .wrap { width:min(var(--wrap),calc(100% - 64px)); max-width:var(--wrap); }
}


/* Notes index and reading system */
.notes-hero { padding-block:64px 48px; text-align:left; }
.notes-hero h1 { max-width:900px; margin-top:24px; font-size:var(--h1); line-height:1.22; letter-spacing:-.03em; font-weight:500; color:var(--ink); }
.notes-hero .notes-count { display:flex; margin-top:24px; background:var(--c2); color:var(--c2i); border-color:var(--clear); }
.notes-count:empty { display:none; }
.notes-hero .section-intro { max-width:680px; margin-top:24px; font-size:var(--body); line-height:1.8; color:var(--ink2); }
.notes-grid { gap:24px; align-items:stretch; }
.notes-grid .notes-post { display:flex; min-width:0; padding:0; overflow:hidden; border:1px solid var(--line); border-radius:var(--radius-card); background:var(--paper); color:var(--ink); transition:border-color .2s,transform .2s; }
.notes-grid .notes-post:hover { border-color:var(--mark-ink); background:var(--paper); color:var(--ink); transform:translateY(-3px); }
.notes-post-visual { position:relative; height:192px; flex:none; overflow:hidden; background:var(--c2); color:var(--c2i); }
.notes-post:nth-child(2n) .notes-post-visual { background:var(--c3); color:var(--c3i); }
.notes-post-sheet { position:absolute; top:32px; left:calc(50% - 60px); width:120px; height:128px; border:1px solid var(--ink-line-soft); border-radius:var(--radius-small); background:var(--paper); color:var(--ink); transform:rotate(-8deg); box-shadow:0 12px 24px var(--ink-shadow); }
.notes-post-sheet::before { content:""; position:absolute; left:20px; right:20px; top:28px; height:4px; background:var(--mark-lime); color:var(--ink); box-shadow:0 16px 0 var(--line),0 32px 0 var(--line),0 48px 0 var(--line); }
.notes-post-slot { position:absolute; left:calc(50% - 100px); bottom:28px; width:200px; height:32px; border:1px solid var(--ink-line-soft); border-radius:var(--radius-small); background:var(--mark-ink); color:var(--lt); box-shadow:0 12px 24px var(--ink-shadow); }
.notes-post-slot::after { content:""; position:absolute; top:10px; left:24px; right:24px; height:4px; border-radius:var(--radius-control); background:var(--mark-lime); color:var(--lime-ink); }
.notes-post-stamp { position:absolute; right:24px; top:20px; font:500 var(--micro)/1.5 var(--mono); letter-spacing:.08em; }
.notes-post-content { display:flex; flex:1; flex-direction:column; align-items:flex-start; padding:32px; }
.notes-post .notes-post-tag { background:var(--cream); color:var(--ink2); border-color:var(--line); }
.notes-post h2 { margin-top:24px; font-size:var(--display); line-height:1.4; letter-spacing:-.02em; font-weight:500; }
.notes-post .notes-post-description { margin-top:20px; font-size:var(--body); line-height:1.8; color:var(--ink2); }
.notes-post-meta { display:flex; flex-wrap:wrap; gap:8px 20px; margin-top:24px; font-size:var(--micro); color:var(--mute); }
.notes-post .notes-post-meta time { margin:0; font-size:inherit; color:inherit; }
.notes-post-action { display:flex; align-items:center; justify-content:space-between; gap:24px; width:100%; padding-top:28px; margin-top:auto; font-size:var(--small); font-weight:500; color:var(--ink); }
.notes-post-arrow { position:relative; display:block; width:32px; height:32px; flex:none; border:1px solid var(--ink-line); border-radius:var(--radius-control); background:var(--clear); color:var(--ink); }
.notes-post-arrow::before { content:""; position:absolute; width:12px; height:1px; top:15px; left:9px; background:currentColor; }
.notes-post-arrow::after { content:""; position:absolute; width:6px; height:6px; top:12px; right:10px; border-top:1px solid currentColor; border-right:1px solid currentColor; transform:rotate(45deg); }
.notes-noscript { margin-bottom:16px; font-size:var(--small); color:var(--ink2); }
.notes-static-links { display:grid; gap:12px; font-size:var(--small); }
.notes-static-links a { color:var(--olive); text-decoration:underline; text-underline-offset:4px; }

.notes-article-hero { padding-block:48px; }
.notes-article-hero .breadcrumb { margin-bottom:32px; display:flex; flex-wrap:wrap; gap:8px; font-size:var(--small); color:var(--mute); }
.notes-article-hero .breadcrumb a { color:var(--ink2); text-decoration:underline; text-underline-offset:4px; }
.notes-article-hero h1 { max-width:960px; margin-top:24px; font-size:var(--h1); line-height:1.25; letter-spacing:-.03em; font-weight:500; color:var(--ink); }
.notes-article-hero .section-intro { max-width:800px; margin-top:24px; font-size:var(--body); line-height:1.8; color:var(--ink2); }
.notes-article-meta { display:flex; align-items:center; flex-wrap:wrap; gap:12px 24px; margin-top:28px; font-size:var(--micro); color:var(--mute); }
.notes-article-meta .status-pill { background:var(--c2); color:var(--c2i); border-color:var(--clear); }
.notes-reading { display:grid; grid-template-columns:240px minmax(0,1fr); align-items:start; gap:64px; width:min(1120px,calc(100% - 64px)); margin-inline:auto; }
.notes-toc { position:sticky; top:calc(var(--header-h) + 16px); min-width:0; padding:20px 24px; border:1px solid var(--line); border-radius:var(--radius-card); background:var(--paper); color:var(--ink); }
.notes-toc > summary { display:flex; align-items:center; justify-content:space-between; gap:16px; list-style:none; cursor:pointer; font-size:var(--body); font-weight:500; }
.notes-toc > summary::-webkit-details-marker { display:none; }
.notes-toc[open] > summary .chevron { transform:rotate(225deg); }
.notes-toc ol { display:grid; gap:12px; margin-top:24px; padding-left:20px; font-size:var(--small); line-height:1.7; color:var(--ink2); }
.notes-toc li { padding-left:4px; }
.notes-toc a:hover { color:var(--ink); text-decoration:underline; text-underline-offset:4px; }
.notes-toc .status-pill { margin-top:20px; font-size:var(--micro); background:var(--bg2); color:var(--ink2); }
.notes-prose { min-width:0; color:var(--ink2); font-size:var(--body); line-height:1.85; }
.notes-prose > section { scroll-margin-top:calc(var(--header-h) + 24px); }
.notes-prose h2 { margin:48px 0 24px; font-size:var(--display); line-height:1.4; letter-spacing:-.02em; font-weight:500; color:var(--ink); }
.notes-prose > section:first-child > h2:first-child { margin-top:0; }
.notes-prose h3 { margin:32px 0 16px; font-size:var(--h3); line-height:1.5; font-weight:500; color:var(--ink); }
.notes-prose p,.notes-prose ul,.notes-prose ol { margin-bottom:24px; }
.notes-prose ul,.notes-prose ol { padding-left:24px; }
.notes-prose ul { list-style:disc; }
.notes-prose li + li { margin-top:8px; }
.notes-prose strong { font-weight:600; color:var(--ink); }
.notes-prose a:not(.pill):not(.rbtn) { color:var(--olive); text-decoration:underline; text-underline-offset:4px; overflow-wrap:anywhere; }
.notes-prose code { font-family:var(--mono); font-size:var(--small); letter-spacing:0; overflow-wrap:anywhere; }
.notes-prose .table-scroll { max-width:100%; margin-block:28px 32px; border:1px solid var(--line); border-radius:var(--radius-small); }
.notes-prose table { min-width:600px; line-height:1.75; }
.notes-prose th,.notes-prose td { vertical-align:top; }
.notes-callout { margin:28px 0 32px; padding:24px 28px; border:1px solid var(--line); border-radius:var(--radius-card); background:var(--c2); color:var(--c2i); }
.notes-callout h3 { margin:0 0 16px; font-size:var(--h3); color:var(--c2i); }
.notes-callout p:last-child,.notes-callout ul:last-child { margin-bottom:0; }
.notes-callout-warning { background:var(--c3); color:var(--c3i); }
.notes-callout-warning h3 { color:var(--c3i); }
.notes-article-cta { margin-top:48px; padding:32px; border-radius:var(--radius-card); background:var(--ink); color:var(--lt); }
.notes-article-cta .eyebrow { color:var(--lime); }
.notes-prose .notes-article-cta h2 { margin:24px 0 20px; font-size:var(--display); color:var(--lt); }
.notes-article-cta p { color:var(--lm); }
.notes-article-cta .actions { margin-top:28px; }
.notes-prose .notes-article-cta a.pill-lime { background:var(--lime); color:var(--lime-ink); text-decoration:none; }
.notes-prose .notes-article-cta a.pill-lime:hover { background:var(--lime-hover); color:var(--lime-ink); }
.notes-prose .notes-article-cta a.pill-ink { background:var(--paper); color:var(--ink); text-decoration:none; }
.notes-prose .notes-article-cta a.pill-ink:hover { background:var(--c2); color:var(--c2i); }
.notes-recommend .recommend-image { display:grid; place-items:center; min-height:112px; background:var(--c2); color:var(--c2i); }
.notes-recommend .recommend-image svg { display:block; width:96px; height:64px; max-width:100%; }
.notes-recommend .recommend-copy { padding:24px; }
.notes-recommend .recommend-copy .pill { display:inline-flex; max-width:100%; height:auto; min-height:44px; white-space:normal; line-height:1.35; }
.notes-recommend .float-close { background:var(--paper); color:var(--ink); border-color:var(--ink-line); }
.notes-recommend .float-close:hover { background:var(--ink); color:var(--paper); }
.notes-recommend .recommend-copy h2 { padding-right:0; font-size:var(--h3); line-height:1.4; }

@media (max-width:860px) {
  .notes-hero { padding-block:40px 32px; }
  .notes-grid { grid-template-columns:minmax(0,1fr); gap:24px; }
  .notes-post-visual { height:176px; }
  .notes-post-content { padding:28px; }
  .notes-article-hero { padding-block:40px 32px; }
  .notes-article-hero h1 { font-size:var(--h1); }
  .notes-reading { width:calc(100% - 48px); grid-template-columns:minmax(0,1fr); gap:32px; }
  .notes-toc { position:static; padding:16px 24px; }
  .notes-toc[open] { padding-bottom:24px; }
  .notes-prose h2 { font-size:var(--display); margin-top:40px; }
  .notes-article-cta { padding:28px; }
}
@media (max-width:560px) {
  .notes-hero { padding-top:32px; }
  .notes-hero h1 { font-size:var(--h1); line-height:1.25; }
  .notes-desktop-break { display:none; }
  .notes-post-content { padding:24px; }
  .notes-post h2 { font-size:24px; line-height:1.4; }
  .notes-post .notes-post-description { font-size:var(--small); line-height:1.8; }
  .notes-post-visual { height:160px; }
  .notes-post-sheet { top:24px; height:112px; }
  .notes-post-slot { bottom:20px; }
  .notes-post-meta { gap:8px 16px; }
  .notes-article-hero { padding-top:32px; }
  .notes-article-hero .breadcrumb { margin-bottom:24px; }
  .notes-article-meta { gap:12px 16px; }
  .notes-reading { width:calc(100% - 40px); }
  .notes-toc { padding-inline:20px; }
  .notes-prose h2 { font-size:24px; }
  .notes-prose h3 { font-size:18px; }
  .notes-callout,.notes-article-cta { padding:24px 20px; }
  .notes-article-cta .actions { gap:12px; }
  .notes-prose .notes-article-cta h2 { font-size:24px; }
  .notes-recommend { max-height:calc(100dvh - var(--header-h) - 32px); overflow-y:auto; }
}


/* Download aftercare article */
.aftercare-width { width:min(1120px,calc(100% - 64px)); margin-inline:auto; }
.aftercare-hero { padding-top:96px; padding-bottom:64px; }
.aftercare-hero .breadcrumb { margin-bottom:32px; font-size:var(--small); }
.aftercare-hero .breadcrumb a:hover { color:var(--olive); text-decoration:underline; text-underline-offset:4px; }
.aftercare-hero h1 { margin-top:24px; font-size:var(--h1); line-height:1.22; letter-spacing:-.03em; font-weight:500; color:var(--ink); }
.aftercare-deck { max-width:720px; margin-top:24px; font-size:var(--body); line-height:1.8; color:var(--ink2); }
.aftercare-meta { display:inline-flex; flex-wrap:wrap; align-items:center; gap:8px 20px; max-width:100%; margin-top:28px; padding:10px 20px; border:1px solid var(--line); border-radius:var(--radius-control); background:var(--paper); color:var(--ink2); font-size:var(--micro); }
.aftercare-meta time { font-family:var(--mono); }
.aftercare-meta > span { display:inline-flex; align-items:center; gap:12px; }
.aftercare-meta > span::before { content:""; width:4px; height:4px; border-radius:var(--radius-control); background:var(--olive); flex:none; }
.aftercare-takeaway { display:flex; align-items:center; gap:24px; margin-top:40px; padding:24px 32px; border-radius:var(--radius-card); background:var(--c1); color:var(--c1i); }
.aftercare-takeaway svg { width:80px; height:64px; flex:none; }
.aftercare-takeaway p { max-width:840px; font-size:var(--small); line-height:1.85; }
.aftercare-takeaway strong { font-weight:600; }
.aftercare-layout { grid-template-columns:240px minmax(0,1fr); gap:64px; }
.aftercare-layout > aside { position:sticky; top:calc(var(--header-h) + 16px); z-index:3; min-width:0; }
.aftercare-toc { position:static; padding:20px; background:var(--paper); color:var(--ink); }
.aftercare-toc summary { display:flex; justify-content:space-between; align-items:center; gap:16px; list-style:none; font-size:var(--body); font-weight:500; cursor:pointer; }
.aftercare-toc summary::-webkit-details-marker { display:none; }
.aftercare-toc[open] summary .chevron { transform:rotate(225deg); }
.aftercare-toc ol { margin-top:20px; padding-left:22px; font-size:var(--micro); line-height:1.7; }
.aftercare-toc li { padding-left:2px; }
.aftercare-toc li + li { margin-top:8px; }
.aftercare-toc li a:hover { color:var(--olive); text-decoration:underline; text-underline-offset:3px; }
.aftercare-toc .status-pill { margin-top:20px; font-size:var(--micro); }
.aftercare-toc .status-pill:empty { display:none; }
.aftercare-prose { min-width:0; color:var(--ink2); line-height:1.85; }
.aftercare-prose > section { scroll-margin-top:calc(var(--header-h) + 24px); }
.aftercare-prose > section + section { margin-top:48px; }
.aftercare-prose > section > h2 { margin:0 0 24px; font-size:var(--display); font-weight:500; line-height:1.4; letter-spacing:-.02em; color:var(--ink); }
.aftercare-prose h3 { font-size:var(--h3); line-height:1.5; font-weight:500; color:var(--ink); }
.aftercare-prose p { margin-bottom:24px; }
.aftercare-prose section > p:last-child { margin-bottom:0; }
.aftercare-prose li + li { margin-top:8px; }
.aftercare-prose li { margin-bottom:0; }
.aftercare-prose strong { font-weight:600; }
.aftercare-prose code { font:400 var(--small)/1.7 var(--mono); color:var(--ink); overflow-wrap:anywhere; }
.aftercare-prose .aftercare-table { margin:28px 0 32px; border:1px solid var(--line); border-radius:var(--radius-small); background:var(--paper); color:var(--ink); }
.aftercare-table table { min-width:620px; font-size:var(--small); line-height:1.75; }
.aftercare-table caption { padding:16px 20px; text-align:left; font-size:var(--micro); background:var(--paper); color:var(--mute); }
.aftercare-table th,.aftercare-table td { padding:16px 20px; vertical-align:top; }
.aftercare-table thead th { background:var(--c2); color:var(--c2i); }
.aftercare-table tbody th { width:22%; background:var(--cream); color:var(--ink); font-weight:500; }
.aftercare-table tbody td { color:var(--ink2); }
.aftercare-table tbody tr:last-child > * { border-bottom:0; }
.aftercare-clocks { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:28px 0 32px; }
.aftercare-clocks > div { padding:24px; border:1px solid var(--line); border-radius:var(--radius-card); background:var(--paper); color:var(--ink); }
.aftercare-clocks > div:last-child { background:var(--c3); color:var(--c3i); border-color:var(--c3); }
.aftercare-small-label { font:500 var(--micro)/1.6 var(--mono); color:var(--ink2); }
.aftercare-clocks h3 { margin:16px 0 12px; }
.aftercare-clocks p { margin:0; font-size:var(--small); line-height:1.8; color:var(--ink2); }
.aftercare-prose .aftercare-checklist { margin:28px 0 32px; padding-left:24px; }
.aftercare-checklist li { padding-left:4px; }
.aftercare-save-note { margin:28px 0 32px; padding:28px; border:1px solid var(--line); border-radius:var(--radius-card); background:var(--cream); color:var(--ink); }
.aftercare-save-note h3 { margin:0 0 20px; }
.aftercare-save-note ul { margin:0; padding-left:20px; font-size:var(--small); line-height:1.85; color:var(--ink2); }
.aftercare-prose > .aftercare-end-card { display:flex; flex-direction:column; align-items:center; margin-top:64px; padding:40px 32px; border-radius:var(--radius-card); background:var(--ink); color:var(--lt); text-align:center; }
.aftercare-end-icon { width:80px; height:64px; margin-bottom:24px; color:var(--ink); }
.aftercare-end-card .eyebrow { color:var(--lime); }
.aftercare-prose > .aftercare-end-card h2 { margin:24px 0 20px; font-size:var(--display); line-height:1.35; color:var(--lt); }
.aftercare-end-card p { margin:0; max-width:580px; font-size:var(--small); color:var(--lm); }
.aftercare-end-card .actions { justify-content:center; margin-top:32px; }
.aftercare-end-card .pill { max-width:100%; white-space:normal; height:auto; font-size:var(--small); }
.aftercare-prose .aftercare-end-card .pill-lime { background:var(--lime); color:var(--lime-ink); border-color:var(--lime); text-decoration:none; }
.aftercare-prose .aftercare-end-card .pill-lime:hover { background:var(--lime-hover); color:var(--lime-ink); border-color:var(--lime-hover); }
.aftercare-prose .aftercare-end-secondary { background:var(--band); color:var(--lt); border-color:var(--band); text-decoration:none; }
.aftercare-prose .aftercare-end-secondary:hover { background:var(--band-top); color:var(--lt); border-color:var(--band-top); }
.aftercare-prose .aftercare-back { margin-top:28px; font-size:var(--small); color:var(--lm); }
.aftercare-recommend { width:min(304px,calc(100% - 32px)); z-index:40; }
.aftercare-recommend-art { padding:12px 56px 12px 24px; background:var(--c2); color:var(--c2i); }
.aftercare-recommend-art svg { width:160px; height:64px; max-width:100%; }
.aftercare-recommend .float-close { position:absolute; top:12px; right:12px; background:var(--paper); color:var(--ink); }
.aftercare-recommend .recommend-copy { padding:20px; }
.aftercare-recommend .recommend-copy h2 { font-size:18px; line-height:1.4; }
.aftercare-recommend .recommend-copy p { font-size:var(--micro); line-height:1.75; margin-top:12px; }
.aftercare-recommend-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:20px; }
.aftercare-recommend-actions .pill { margin-top:0; min-height:40px; padding:8px 16px; max-width:100%; height:auto; white-space:normal; font-size:var(--micro); line-height:1.35; }
@media (max-width:1100px) {
  .aftercare-layout { gap:40px; }
}
@media (max-width:860px) {
  .aftercare-width { width:calc(100% - 48px); }
  .aftercare-hero { padding-bottom:40px; }
  .aftercare-layout { grid-template-columns:minmax(0,1fr); gap:32px; }
  .aftercare-layout > aside { position:static; }
  .aftercare-toc ol { font-size:var(--small); }
  .aftercare-toc:not([open]) { padding:16px 20px; }
  .aftercare-prose > section > h2 { font-size:24px; }
}
@media (max-width:560px) {
  .aftercare-width { width:calc(100% - 40px); }
  .aftercare-hero { padding-top:96px; padding-bottom:32px; }
  .aftercare-hero .breadcrumb { font-size:var(--micro); margin-bottom:28px; }
  .aftercare-hero h1 { font-size:var(--h1); line-height:1.25; }
  .aftercare-meta { padding:10px 14px; gap:8px 12px; }
  .aftercare-meta > span { gap:8px; }
  .aftercare-takeaway { align-items:flex-start; gap:16px; margin-top:32px; padding:20px; }
  .aftercare-takeaway svg { width:48px; height:40px; }
  .aftercare-prose > section + section { margin-top:40px; }
  .aftercare-prose > section > h2 { font-size:24px; line-height:1.45; }
  .aftercare-clocks { grid-template-columns:minmax(0,1fr); }
  .aftercare-clocks > div { padding:20px; }
  .aftercare-save-note { padding:24px 20px; }
  .aftercare-prose > .aftercare-end-card { margin-top:48px; padding:32px 20px; }
  .aftercare-prose > .aftercare-end-card h2 { font-size:24px; }
  .aftercare-end-card .actions { gap:12px; }
  .aftercare-recommend .recommend-copy { padding:16px 20px; }
  .aftercare-recommend-art { padding-block:8px; }
  .aftercare-recommend-art svg { height:40px; }
}


/* Trial address handover article */
.handover-hero { width:min(1120px,calc(100% - 64px)); margin-inline:auto; padding-top:96px; padding-bottom:64px; }
.handover-hero .breadcrumb { margin-bottom:32px; font-size:var(--small); }
.handover-hero .breadcrumb a:hover { color:var(--olive); text-decoration:underline; text-underline-offset:4px; }
.handover-hero h1 { margin-top:24px; max-width:900px; font-size:var(--h1); font-weight:500; line-height:1.24; letter-spacing:-.03em; color:var(--ink); }
.handover-deck { max-width:760px; font-size:var(--h3); line-height:1.7; color:var(--ink2); }
.handover-meta { display:flex; flex-wrap:wrap; align-items:center; gap:8px 0; width:fit-content; max-width:100%; margin-top:28px; padding:10px 4px; border:1px solid var(--line); border-radius:var(--radius-control); background:var(--paper); color:var(--ink2); font-size:var(--micro); line-height:1.6; }
.handover-meta > * { padding-inline:16px; }
.handover-meta > * + * { border-left:1px solid var(--line); }
.handover-summary { display:grid; grid-template-columns:80px minmax(0,1fr); gap:28px; align-items:center; margin-top:40px; padding:28px 32px; border:1px solid var(--line); border-radius:var(--radius-card); background:var(--c2); color:var(--c2i); }
.handover-summary > svg { width:80px; height:64px; }
.handover-summary-label { font:500 var(--micro)/1.6 var(--mono); letter-spacing:.08em; }
.handover-summary p { max-width:800px; margin-top:8px; font-size:var(--body); line-height:1.8; }
.handover-layout { grid-template-columns:248px minmax(0,1fr); gap:56px; }
.handover-sidebar { position:sticky; top:calc(var(--header-h) + 16px); z-index:3; min-width:0; }
.handover-toc { position:static; padding:24px; }
.handover-toc summary { display:flex; align-items:center; justify-content:space-between; gap:16px; list-style:none; font-size:var(--body); font-weight:500; cursor:pointer; }
.handover-toc summary::-webkit-details-marker { display:none; }
.handover-toc summary .chevron { display:none; }
.handover-toc ol { display:grid; gap:8px; margin-top:20px; padding-left:20px; font-size:var(--small); line-height:1.6; }
.handover-toc li + li { margin-top:0; }
.handover-toc li { padding-left:2px; }
.handover-toc a:not(.status-pill):hover { color:var(--olive); text-decoration:underline; text-underline-offset:4px; }
.handover-toc .handover-catalog-count { margin-top:24px; background:var(--bg2); color:var(--ink2); }
.handover-prose { line-height:1.9; }
.handover-prose > section { scroll-margin-top:calc(var(--header-h) + 32px); }
.handover-prose > section + section { margin-top:56px; }
.handover-prose > section > h2 { margin:0 0 24px; font-size:var(--display); font-weight:500; line-height:1.45; letter-spacing:-.02em; }
.handover-prose h3 { font-size:var(--h3); font-weight:500; line-height:1.5; }
.handover-prose p { margin-bottom:24px; }
.handover-prose section > p:last-child { margin-bottom:0; }
.handover-prose li { margin-block:0; }
.handover-prose li + li { margin-top:8px; }
.handover-table { margin:28px 0 32px; border:1px solid var(--line); border-radius:var(--radius-small); background:var(--paper); color:var(--ink); }
.handover-table table { min-width:580px; font-size:var(--small); line-height:1.8; }
.handover-table caption { padding:16px 20px; background:var(--paper); color:var(--mute); text-align:left; font-size:var(--micro); }
.handover-table th,.handover-table td { padding:20px; vertical-align:top; }
.handover-table thead th { background:var(--c2); color:var(--c2i); }
.handover-table tbody th { width:23%; background:var(--cream); color:var(--ink); font-weight:500; }
.handover-table tbody tr:last-child > * { border-bottom:0; }
.handover-note { margin:28px 0 32px; padding:28px; border-radius:var(--radius-card); }
.handover-note-sand { background:var(--c3); color:var(--c3i); }
.handover-note-mint { background:var(--c2); color:var(--c2i); }
.handover-prose .handover-note h3 { margin:0 0 16px; color:inherit; }
.handover-prose .handover-note p { margin:0; font-size:var(--small); line-height:1.9; color:inherit; }
.handover-prose .handover-note ul { margin:0; padding-left:20px; font-size:var(--small); line-height:1.9; }
.handover-prose .handover-checklist { margin:28px 0 32px; padding:24px 24px 24px 44px; border:1px solid var(--line); border-radius:var(--radius-card); background:var(--paper); color:var(--ink2); font-size:var(--small); }
.handover-prose .handover-transfer { margin:32px 0; padding-left:28px; }
.handover-transfer > li { padding-left:12px; }
.handover-transfer > li::marker { font:500 var(--small)/1.6 var(--mono); color:var(--olive); }
.handover-transfer > li + li { padding-top:20px; }
.handover-prose .handover-transfer h3 { margin:0 0 12px; }
.handover-prose .handover-transfer p { margin:0; font-size:var(--small); line-height:1.9; }
.handover-decisions { display:grid; gap:12px; margin:28px 0 32px; }
.handover-decisions > div { padding:24px; border:1px solid var(--line); border-radius:var(--radius-small); background:var(--paper); color:var(--ink); }
.handover-decisions dt { font-size:var(--body); font-weight:500; line-height:1.6; }
.handover-decisions dd { margin-top:12px; font-size:var(--small); line-height:1.9; color:var(--ink2); }
.handover-prose > .handover-end { margin-top:64px; padding:40px 32px; display:flex; flex-direction:column; align-items:center; border-radius:var(--radius-card); background:var(--ink); color:var(--lt); text-align:center; }
.handover-end-art { width:112px; height:88px; margin-bottom:28px; }
.handover-end .eyebrow { color:var(--lime); }
.handover-prose .handover-end h2 { margin:24px 0 0; font-size:var(--h2); line-height:1.25; color:var(--lt); }
.handover-prose .handover-end > p { max-width:540px; margin:20px 0 0; font-size:var(--body); line-height:1.8; color:var(--lm); }
.handover-end .actions { justify-content:center; margin-top:32px; }
.handover-end .pill { max-width:100%; height:auto; white-space:normal; line-height:1.5; }
.handover-end .pill-lime { background:var(--lime); color:var(--lime-ink); border-color:var(--lime); }
.handover-end .pill-lime:hover { background:var(--lime-hover); color:var(--lime-ink); border-color:var(--lime-hover); }
.handover-end-secondary { background:var(--band); color:var(--lt); border-color:var(--band); }
.handover-end-secondary:hover { background:var(--band-top); color:var(--lt); border-color:var(--band-top); }
.handover-prose .handover-end .handover-return { margin-top:28px; font-size:var(--small); color:var(--lm); text-decoration:underline; text-underline-offset:4px; }
.handover-recommend { z-index:40; }
.handover-recommend-visual { padding:16px 48px 16px 24px; border-bottom:1px solid var(--line); background:var(--c2); color:var(--c2i); }
.handover-recommend-visual svg { display:block; width:144px; height:64px; }
.handover-recommend .recommend-copy { padding:20px 24px 24px; }
.handover-recommend .recommend-copy h2 { font-size:var(--h3); line-height:1.4; }
.handover-recommend .recommend-copy p { font-size:var(--small); line-height:1.7; }
.handover-recommend-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:20px; }
.handover-recommend .recommend-copy .pill { margin-top:0; padding:10px 12px; min-height:44px; max-width:100%; height:auto; white-space:normal; font-size:var(--small); line-height:1.35; }
.handover-recommend .float-close { position:absolute; top:12px; right:12px; background:var(--paper); color:var(--ink); border-color:var(--ink-line-soft); }

@media (max-width:1100px) {
  .handover-layout { grid-template-columns:224px minmax(0,1fr); gap:32px; }
  .handover-toc { padding:20px; }
}
@media (max-width:860px) {
  .handover-hero { width:calc(100% - 48px); padding-bottom:40px; }
  .handover-layout { grid-template-columns:minmax(0,1fr); gap:40px; }
  .handover-sidebar { position:static; z-index:1; }
  .handover-toc { padding:16px 24px; }
  .handover-toc summary .chevron { display:block; }
  .handover-toc[open] summary .chevron { transform:rotate(225deg); }
  .handover-toc[open] { padding-bottom:24px; }
  .handover-toc ol { grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:32px; }
  .handover-summary { gap:24px; padding:24px; }
  .handover-prose > section + section { margin-top:48px; }
  .handover-prose > .handover-end { margin-top:56px; }
}
@media (max-width:560px) {
  .handover-hero { width:calc(100% - 40px); padding-top:96px; padding-bottom:32px; }
  .handover-hero .breadcrumb { margin-bottom:28px; font-size:var(--micro); }
  .handover-hero h1 { font-size:var(--h1); line-height:1.3; }
  .handover-deck { font-size:var(--body); line-height:1.8; }
  .handover-break { display:none; }
  .handover-meta { padding:10px 0; font-size:var(--micro); }
  .handover-meta > * { padding-inline:10px; }
  .handover-summary { grid-template-columns:48px minmax(0,1fr); gap:16px; align-items:start; margin-top:32px; padding:20px; }
  .handover-summary > svg { width:48px; height:40px; }
  .handover-summary p { font-size:var(--small); }
  .handover-layout { gap:32px; }
  .handover-toc { padding:16px 20px; }
  .handover-toc ol { grid-template-columns:minmax(0,1fr); gap:8px; }
  .handover-prose > section + section { margin-top:40px; }
  .handover-prose > section > h2 { font-size:24px; line-height:1.5; margin-bottom:20px; }
  .handover-prose h3 { font-size:18px; }
  .handover-table th,.handover-table td { padding:16px; }
  .handover-note { padding:24px 20px; }
  .handover-prose .handover-checklist { padding:20px 20px 20px 36px; }
  .handover-transfer > li { padding-left:4px; }
  .handover-decisions > div { padding:20px; }
  .handover-prose > .handover-end { margin-top:48px; padding:32px 20px; }
  .handover-prose .handover-end h2 { font-size:var(--h2); }
  .handover-prose .handover-end > p { font-size:var(--small); }
  .handover-end .actions { gap:12px; }
  .handover-recommend { width:min(296px,calc(100% - 32px)); }
  .handover-recommend .recommend-copy { padding:16px 20px 20px; }
  .handover-recommend-visual { padding-block:12px; }
  .handover-recommend-visual svg { height:48px; width:108px; }
}


/* Notes page boundaries */
.aftercare-page {
  min-width:0;
}
.handover-page {
  min-width:0;
}
.notes-index {
  min-width:0;
}
.notes-list {
  min-width:0;
}
.handover-meta {
  gap:12px 24px;
}


/* Shell and access alignment repairs */
.site-header {
  position:sticky;
  top:0;
}

.language .lang[aria-expanded] .chevron {
  position:absolute;
  top:50%;
  right:16px;
  bottom:auto;
  left:auto;
  margin:0;
  transform:translateY(calc(-50% - .08em)) rotate(45deg);
  translate:none;
  rotate:none;
}

@media (min-width:1101px) {
  .slot-signin .wrap {
    width:min(1248px,calc(100% - 64px));
    max-width:1248px;
    margin-inline:auto;
  }
}