:root {
  --wrap:1200px;
  --header-h:104px;
  --h1:56px;
  --h2:40px;
  --h3:24px;
  --body:16px;
  --small:14px;
  --tiny:12px;
  --lead:18px;
  --weight-normal:400;
  --weight-medium:500;
  --weight-bold:600;
  --radius-control:999px;
  --radius-card:16px;
  --radius-small:12px;
  --s1:8px;
  --s2:16px;
  --s3:24px;
  --s4:32px;
  --s5:48px;
  --s6:64px;
  --s7:144px;
  --ink:#05152B;
  --ink-2:#0B2242;
  --ink-3:#102B52;
  --footer-ink:#030E1E;
  --line:rgba(255,255,255,.12);
  --line-strong:rgba(255,255,255,.4);
  --text:#FFFFFF;
  --muted:#AEB9CC;
  --lead-ink:#D5DCE8;
  --primary:#2E6BF6;
  --primary-hover:#4A80FF;
  --primary-light:#9DBBFF;
  --primary-soft:#C9D8FF;
  --primary-wash:#EEF3FF;
  --status-wash:#E8EEFD;
  --status-ink:#1D4FC4;
  --accent:#F2553D;
  --accent-light:#FF8A73;
  --accent-wash:#FDE9E5;
  --accent-ink:#B4321D;
  --paper:#F2F4F8;
  --paper-2:#F7F8FB;
  --utility:#EEF1F5;
  --utility-line:#CDD3DD;
  --w-ink:#0B1A30;
  --w-muted:#5B6880;
  --w-line:#E1E5EC;
  --mail-ink:#2A3850;
  --brand-black:#111111;
  --overlay:rgba(5,21,43,.88);
  --scrim:rgba(5,21,43,.72);
  --shade-clear:rgba(5,21,43,0);
  --shade-dark:rgba(5,21,43,.85);
  --pulse:rgba(46,107,246,.5);
  --pulse-clear:rgba(46,107,246,0);
  --clear:transparent;
  --sans:"Source Sans 3","Public Sans","PingFang SC","Hiragino Sans GB","Noto Sans SC","Microsoft YaHei",sans-serif;
  --mono:"SF Mono","JetBrains Mono",Menlo,Consolas,monospace;
}
* { box-sizing:border-box; margin:0; padding:0; }
[hidden] { display:none !important; }
html { background:var(--ink); scroll-behavior:smooth; scroll-padding-top:calc(var(--header-h) + var(--s3)); }
body { font-family:var(--sans); font-size:var(--body); line-height:1.7; color:var(--text); background:var(--ink); -webkit-font-smoothing:antialiased; }
body.reader-open,body.modal-open { overflow:hidden; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
svg { flex-shrink:0; }
button,input,textarea { font:inherit; }
button { cursor:pointer; }
button,a,input,textarea,summary { -webkit-tap-highlight-color:var(--clear); }
button { color:inherit; }
button:disabled { cursor:wait; opacity:.65; }
button { background:var(--clear); border:0; }
a:focus-visible,button:focus-visible,summary:focus-visible { outline:2px solid currentColor; outline-offset:4px; }
input:focus,textarea:focus { outline:0; border-color:var(--primary-light); box-shadow:inset 0 0 0 1px var(--primary-light); }
input,textarea { min-width:0; width:100%; border:1px solid var(--line-strong); border-radius:var(--radius-control); background:var(--ink-2); color:var(--text); padding:12px 20px; font-size:var(--small); line-height:1.5; }
input::placeholder,textarea::placeholder { color:var(--muted); font-size:var(--small); }
textarea { border-radius:var(--radius-small); resize:vertical; min-height:120px; }
label { display:block; font-size:var(--small); font-weight:var(--weight-medium); }
fieldset { min-width:0; border:1px solid var(--w-line); border-radius:var(--radius-card); padding:var(--s3); }
pre,code { font-family:var(--mono); letter-spacing:0; }
pre { overflow:auto; white-space:pre-wrap; overflow-wrap:anywhere; }
.wrap { width:min(var(--wrap), calc(100% - 48px)); margin:0 auto; min-width:0; }
.skip-link { position:fixed; left:16px; top:-80px; z-index:1000; padding:8px 20px; border-radius:var(--radius-control); background:var(--text); color:var(--w-ink); }
.skip-link:focus { top:12px; }
.site-header { position:sticky; top:0; z-index:100; background:var(--text); color:var(--w-ink); }
.util { background:var(--utility); color:var(--w-ink); font-size:var(--tiny); height:32px; }
.util .wrap { height:32px; display:flex; justify-content:flex-end; align-items:center; gap:var(--s3); }
.util a { display:inline-flex; align-items:center; gap:var(--s1); color:var(--w-ink); }
.util .sep { width:1px; height:16px; background:var(--utility-line); }
.lang-switch { position:relative; }
.lang-trigger { position:relative; display:inline-flex; align-items:center; gap:8px; min-height:28px; padding:0 24px 0 0; background:var(--clear); color:var(--w-ink); font-size:var(--tiny); font-weight:var(--weight-medium); white-space:nowrap; }
.chevron { position:absolute; right:4px; top:50%; width:7px; height:7px; border-right:1px solid currentColor; border-bottom:1px solid currentColor; transform:translateY(calc(-50% - .14em)) rotate(45deg); pointer-events:none; }
.lang-menu { position:absolute; right:0; top:calc(100% + 8px); min-width:172px; padding:8px; background:var(--text); color:var(--w-ink); border:1px solid var(--w-line); border-radius:var(--radius-small); z-index:130; }
.lang-menu a { display:flex; padding:8px 12px; border-radius:var(--radius-control); font-size:var(--small); }
.lang-menu a:hover,.lang-menu a[aria-current] { background:var(--paper); color:var(--primary); }
.nav { background:var(--text); color:var(--w-ink); height:72px; border-bottom:1px solid var(--w-line); }
.nav .wrap { height:72px; display:flex; align-items:center; }
.brand { display:inline-flex; align-items:center; gap:8px; font-size:24px; font-weight:var(--weight-bold); letter-spacing:-.02em; color:var(--w-ink); white-space:nowrap; flex:none; }
.brand img { width:32px; height:32px; }
.nav-links { display:flex; gap:32px; margin-left:64px; font-size:var(--body); align-items:center; }
.nav-links a { display:inline-flex; align-items:center; gap:8px; color:var(--w-ink); white-space:nowrap; padding:8px 0; }
.nav-links a:hover { color:var(--primary); }
.nav-links a[aria-current="page"] { color:var(--primary); font-weight:var(--weight-medium); }
.nav-cta { margin-left:auto; display:flex; gap:8px; flex:none; }
.pill { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:40px; padding:6px 24px; border-radius:var(--radius-control); font-size:var(--body); line-height:1.35; font-weight:var(--weight-medium); border:2px solid var(--primary); transition:background .2s,border-color .2s,color .2s; text-align:center; }
.nav-cta .pill { white-space:nowrap; flex:none; }
.pill.solid { background:var(--primary); color:var(--text); }
.pill.solid:hover { background:var(--primary-hover); border-color:var(--primary-hover); color:var(--text); }
.pill.line { color:var(--primary); background:var(--clear); }
.pill.line:hover { background:var(--primary-wash); color:var(--primary); }
.pill.lg { min-height:48px; padding:10px 32px; }
.pill.ghost { border-color:var(--line-strong); color:var(--text); background:var(--clear); }
.pill.ghost:hover { border-color:var(--text); background:var(--ink-2); color:var(--text); }
.pill.light { background:var(--paper); color:var(--w-ink); border-color:var(--paper); }
.pill.light:hover { background:var(--text); color:var(--w-ink); border-color:var(--text); }
.pill.danger { background:var(--accent-wash); color:var(--accent-ink); border-color:var(--accent-wash); }
.pill.danger:hover { background:var(--accent-ink); color:var(--text); border-color:var(--accent-ink); }
.ulink { font-weight:var(--weight-medium); border-bottom:2px solid currentColor; padding-bottom:2px; transition:color .2s; background:var(--clear); color:inherit; }
.ulink:hover { color:var(--primary-soft); }
.x-short { display:none; }
.nav-toggle { display:none; width:40px; height:40px; align-items:center; justify-content:center; border:1px solid var(--w-line); border-radius:var(--radius-control); background:var(--text); color:var(--w-ink); }
.nav-drawer { position:absolute; left:24px; right:auto; top:100%; width:min(320px,calc(100% - 48px)); z-index:140; padding:16px; border:1px solid var(--w-line); border-radius:0 0 var(--radius-card) var(--radius-card); background:var(--text); color:var(--w-ink); text-align:left; max-height:calc(100dvh - var(--header-h) - 24px); overflow:auto; }
.nav-drawer a { display:flex; padding:12px 16px; border-radius:var(--radius-control); color:var(--w-ink); }
.nav-drawer a[aria-current="page"] { background:var(--paper); color:var(--primary); }
.hero { padding:96px 0 144px; }
.hero-top { display:grid; grid-template-columns:1fr 1.2fr; gap:64px; align-items:center; }
h1 { font-size:var(--h1); line-height:66px; font-weight:var(--weight-bold); letter-spacing:-1.68px; text-wrap:balance; }
h1 em { font-style:normal; }
.lead { margin-top:24px; font-size:var(--lead); line-height:1.75; color:var(--lead-ink); max-width:480px; }
.addr-label { margin-top:32px; font-size:var(--small); color:var(--muted); display:flex; justify-content:space-between; gap:8px; max-width:520px; }
.addr-label b { font-family:var(--mono); font-weight:var(--weight-medium); color:var(--text); letter-spacing:0; }
.addr { margin-top:8px; max-width:520px; height:64px; border-radius:var(--radius-small); background:var(--ink-2); color:var(--text); border:1px solid var(--line); display:flex; align-items:center; padding:0 24px; font-family:var(--mono); font-size:22px; letter-spacing:0; white-space:nowrap; overflow-x:auto; }
.addr .domain { color:var(--muted); }
.hero-actions { margin-top:24px; display:flex; align-items:center; gap:24px; flex-wrap:wrap; }
.checks { margin-top:32px; display:flex; gap:24px; font-size:var(--small); color:var(--lead-ink); flex-wrap:wrap; }
.checks li { list-style:none; display:inline-flex; align-items:center; gap:8px; }
.hero-art { display:grid; border-radius:var(--radius-card); overflow:hidden; }
.hero-art .art-photo { grid-area:1/1; width:100%; height:clamp(22rem,38vw,34rem); object-fit:cover; }
.hero-art .art-line { grid-area:1/1; width:100%; height:100%; pointer-events:none; color:var(--accent); }
.hero-art .float-card { grid-area:1/1; align-self:end; justify-self:start; margin:1.5rem; background:var(--overlay); color:var(--text); border:1px solid var(--line); border-radius:var(--radius-small); padding:16px 24px; display:flex; gap:16px; align-items:center; font-size:var(--small); line-height:1.6; }
.float-card svg { width:40px; height:40px; flex:none; }
.float-card strong { display:block; font-size:var(--body); font-weight:var(--weight-bold); }
.float-card span { color:var(--muted); }
.draw { stroke-dasharray:900; stroke-dashoffset:900; animation:draw 2.6s cubic-bezier(.6,.1,.3,1) .5s forwards; }
@keyframes draw { to { stroke-dashoffset:0; }
 }
.inbox { margin-top:64px; height:640px; min-height:600px; background:var(--text); border-radius:var(--radius-card); overflow:hidden; color:var(--w-ink); display:grid; grid-template-rows:56px 1fr; scroll-margin-top:calc(var(--header-h) + 24px); }
.ib-bar { display:flex; align-items:center; gap:16px; padding:0 24px; border-bottom:1px solid var(--w-line); font-size:var(--small); }
.ib-bar .t { font-size:var(--body); font-weight:var(--weight-bold); }
.chip { display:inline-flex; align-items:center; min-height:24px; padding:0 8px; border-radius:var(--radius-control); background:var(--paper); font-size:var(--tiny); color:var(--w-muted); font-weight:var(--weight-medium); }
.live { display:inline-flex; align-items:center; gap:8px; color:var(--w-muted); }
.live i { width:8px; height:8px; border-radius:50%; background:var(--primary); box-shadow:0 0 0 0 var(--pulse); animation:pulse 2s infinite; flex:none; }
@keyframes pulse { 70% { box-shadow:0 0 0 8px var(--pulse-clear); }
 100% { box-shadow:0 0 0 0 var(--pulse-clear); }
 }
.ib-bar .right { margin-left:auto; display:flex; align-items:center; gap:16px; color:var(--w-muted); }
.refresh { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:32px; padding:4px 16px; border-radius:var(--radius-control); border:1px solid var(--w-line); background:var(--text); color:var(--w-ink); font-size:var(--small); line-height:1.35; font-weight:var(--weight-medium); }
.refresh:hover { background:var(--primary-wash); border-color:var(--primary); color:var(--primary); }
.ib-body { display:grid; grid-template-columns:360px 1fr; min-height:0; }
.ib-list { background:var(--paper-2); color:var(--w-ink); border-right:1px solid var(--w-line); display:flex; flex-direction:column; min-height:0; }
.mail-rows { overflow:auto; min-height:0; }
.row { width:100%; height:76px; display:grid; grid-template-columns:40px minmax(0,1fr) auto; gap:16px; align-items:center; padding:0 24px; border-bottom:1px solid var(--w-line); position:relative; text-align:left; background:var(--clear); color:var(--w-ink); }
.row.is-active { background:var(--text); color:var(--w-ink); }
.row.is-active::before { content:""; position:absolute; left:0; top:0; bottom:0; width:3px; background:var(--primary); }
.row:hover { background:var(--primary-wash); color:var(--w-ink); }
.row svg,.sender-badge { width:40px; height:40px; }
.sender-badge { display:inline-flex; justify-content:center; align-items:center; border-radius:var(--radius-small); background:var(--ink-2); color:var(--text); font-weight:var(--weight-bold); }
.row-content { min-width:0; }
.row .who { font-size:var(--small); font-weight:var(--weight-bold); line-height:1.4; display:flex; gap:8px; align-items:center; }
.row .sub { font-size:var(--small); line-height:1.4; color:var(--w-ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; }
.row .meta { font-size:var(--tiny); color:var(--w-muted); align-self:center; margin:0; white-space:nowrap; }
.row .unread { display:block; width:8px; height:8px; border-radius:50%; background:var(--primary); }
.list-foot { margin-top:auto; padding:24px; font-size:var(--tiny); line-height:1.6; color:var(--w-muted); display:flex; gap:8px; align-items:flex-start; }
.list-foot svg { flex:none; margin-top:2px; }
.demo { display:inline-flex; align-items:center; min-height:20px; padding:0 8px; border-radius:var(--radius-control); background:var(--accent-wash); color:var(--accent-ink); font-size:var(--tiny); font-weight:var(--weight-medium); line-height:1.3; flex:none; }
.ib-read { display:flex; flex-direction:column; min-height:0; min-width:0; background:var(--text); color:var(--w-ink); overflow:auto; }
.rd-head { padding:24px 32px; border-bottom:1px solid var(--w-line); display:grid; grid-template-columns:40px minmax(0,1fr) auto; gap:16px; align-items:center; flex:none; }
.rd-head > svg,.rd-head > .sender-badge { width:40px; height:40px; }
.rd-head .subj { font-size:var(--lead); font-weight:var(--weight-bold); line-height:1.4; display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.rd-head .from { font-size:var(--small); color:var(--w-muted); line-height:1.5; overflow-wrap:anywhere; }
.rd-head .from b { font-family:var(--mono); font-weight:var(--weight-normal); color:var(--w-ink); letter-spacing:0; }
.rd-head time { font-size:var(--small); color:var(--w-muted); }
.rd-body { flex:1 0 auto; padding:32px; font-size:15px; line-height:1.75; color:var(--mail-ink); background:var(--text); overflow-wrap:anywhere; }
.mail-brand { display:flex; align-items:center; gap:8px; min-height:28px; font-weight:var(--weight-bold); color:var(--brand-black); font-size:var(--body); line-height:1.15; }
.mail-brand svg { width:24px; height:24px; }
.rd-body h3 { margin-top:24px; font-size:var(--h3); line-height:1.35; font-weight:var(--weight-bold); color:var(--brand-black); }
.code { margin-top:16px; display:flex; align-items:center; justify-content:space-between; gap:16px; background:var(--paper); color:var(--w-ink); border-radius:var(--radius-small); padding:16px 24px; }
.code b { font-family:var(--mono); font-size:40px; font-weight:var(--weight-medium); letter-spacing:.24em; color:var(--brand-black); line-height:1.2; }
.code span { font-size:var(--small); color:var(--w-muted); }
.rd-body p { margin-top:16px; }
.dev { margin-top:16px; display:grid; grid-template-columns:96px minmax(0,1fr); font-size:var(--small); row-gap:8px; border-top:1px solid var(--w-line); padding-top:16px; }
.dev dt { color:var(--w-muted); }
.dev dd { color:var(--w-ink); font-family:var(--mono); letter-spacing:0; }
.rd-body .disc { margin-top:24px; font-size:var(--tiny); color:var(--w-muted); }
.rd-foot { min-height:64px; border-top:1px solid var(--w-line); display:flex; align-items:center; gap:16px; padding:12px 32px; font-size:var(--small); flex:none; flex-wrap:wrap; }
.rd-foot .pill { min-height:36px; padding:6px 16px; font-size:var(--small); }
.rd-foot .tx { color:var(--w-muted); background:var(--clear); font-weight:var(--weight-medium); }
.rd-foot .tx:hover { color:var(--w-ink); }
.rd-foot .note { margin-left:auto; color:var(--w-muted); font-size:var(--tiny); }
.reader-actions { display:none; }
.ib-read:not(.mobile-reader) [data-reader-close] { display:none; }
.reader:not(.mobile-reader) [data-reader-close] { display:none; }
.mail-frame { display:block; border:0; width:100%; min-width:0; max-width:100%; min-height:360px; background:var(--text); color:var(--w-ink); }
.is-real [data-demo-brand],.is-real .demo { display:none; }
.empty-host { display:grid; place-items:center; min-height:0; }
.empty-state { width:min(420px,calc(100% - 32px)); min-height:0; height:auto; padding:20px; background:var(--text); color:var(--w-ink); border:1px solid var(--w-line); border-radius:var(--radius-small); margin:16px auto; }
.empty-state h3 { font-size:var(--lead); line-height:1.4; font-weight:var(--weight-bold); }
.empty-state p { margin-top:8px; font-size:var(--small); color:var(--w-muted); }
section { padding:144px 0 0; }
.eyebrow { margin:0 0 20px; font-size:var(--small); font-weight:var(--weight-medium); color:var(--accent-light); letter-spacing:.04em; display:inline-flex; align-items:center; gap:8px; }
h2 { font-size:var(--h2); line-height:1.3; font-weight:var(--weight-bold); letter-spacing:-.02em; margin-top:0; text-wrap:balance; }
.sec-lead,.section-intro { margin-top:20px; font-size:var(--lead); color:var(--muted); max-width:640px; line-height:1.75; }
.feat { margin-top:64px; display:grid; grid-template-columns:7fr 5fr; gap:64px; align-items:center; }
.feat + .feat { margin-top:96px; }
.feat.flip { grid-template-columns:5fr 7fr; }
.photo { display:grid; border-radius:var(--radius-card); overflow:hidden; }
.photo img { grid-area:1/1; width:100%; height:520px; object-fit:cover; }
.photo svg { grid-area:1/1; width:100%; height:100%; pointer-events:none; color:var(--accent); }
.photo .shade { grid-area:1/1; background:linear-gradient(180deg,var(--shade-clear) 55%,var(--shade-dark) 100%); }
.photo .cap { grid-area:1/1; align-self:end; padding:32px; font-size:var(--lead); font-weight:var(--weight-bold); color:var(--text); }
.pt + .pt { margin-top:48px; padding-top:48px; border-top:1px solid var(--line); }
.pt .k { font-family:var(--mono); font-size:var(--small); color:var(--muted); letter-spacing:0; }
.pt h3 { margin-top:8px; font-size:var(--h3); line-height:1.4; font-weight:var(--weight-bold); }
.pt p { margin-top:16px; color:var(--lead-ink); font-weight:var(--weight-normal); }
.pt .lim { margin-top:16px; font-size:var(--small); color:var(--muted); display:flex; gap:8px; }
.pt .lim b { color:var(--accent-light); font-weight:var(--weight-medium); flex:none; }
.pt a.ulink { display:inline-block; margin-top:24px; font-size:var(--small); }
.fwd { display:grid; grid-template-columns:5fr 7fr; gap:64px; align-items:start; }
.steps { margin-top:48px; list-style:none; }
.steps li { display:grid; grid-template-columns:48px minmax(0,1fr); gap:16px; padding:24px 0; }
.steps li + li { border-top:1px solid var(--line); }
.steps li:last-child { border-bottom:1px solid var(--line); }
.steps .n { width:32px; height:32px; border-radius:50%; border:1.5px solid var(--accent); color:var(--accent-light); font-family:var(--mono); font-size:var(--small); display:flex; align-items:center; justify-content:center; }
.steps h3 { font-size:var(--lead); font-weight:var(--weight-bold); line-height:1.5; }
.steps p { margin-top:8px; font-size:15px; color:var(--muted); }
.fwd-cta { margin-top:48px; display:flex; align-items:center; gap:24px; flex-wrap:wrap; }
.desk { background:var(--text); border-radius:var(--radius-card); overflow:hidden; color:var(--w-ink); min-width:0; }
.desk-top { min-height:56px; display:flex; align-items:center; gap:32px; padding:0 32px; border-bottom:1px solid var(--w-line); font-size:var(--small); }
.desk-top .t { font-size:var(--body); font-weight:var(--weight-bold); white-space:nowrap; }
.tabs { display:flex; gap:24px; min-height:56px; }
.tabs span { display:flex; align-items:center; color:var(--w-muted); font-weight:var(--weight-medium); white-space:nowrap; }
.tabs .preview-active { color:var(--w-ink); box-shadow:inset 0 -2px 0 var(--primary); }
.desk-top .who { margin-left:auto; color:var(--w-muted); font-family:var(--mono); letter-spacing:0; font-size:var(--tiny); white-space:nowrap; }
.desk-sec { padding:24px 32px; }
.desk-sec + .desk-sec { border-top:1px solid var(--w-line); background:var(--paper-2); color:var(--w-ink); }
.desk-h { display:flex; justify-content:space-between; align-items:center; gap:8px; font-size:var(--small); color:var(--w-muted); margin-bottom:8px; }
.desk-h b { color:var(--w-ink); font-weight:var(--weight-bold); font-size:var(--body); }
.al { display:grid; grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr) 72px; gap:16px; align-items:center; min-height:64px; border-bottom:1px solid var(--w-line); font-size:var(--small); }
.al:last-child { border-bottom:0; }
.al .a { font-family:var(--mono); letter-spacing:0; white-space:nowrap; font-size:var(--small); }
.al .r { color:var(--w-muted); font-family:var(--mono); letter-spacing:0; }
.st { display:inline-flex; align-items:center; gap:8px; font-size:var(--tiny); font-weight:var(--weight-medium); color:var(--status-ink); justify-self:end; white-space:nowrap; }
.st i { width:8px; height:8px; border-radius:50%; background:var(--primary); }
.ar { display:grid; grid-template-columns:minmax(0,1fr) auto 96px; gap:16px; align-items:center; min-height:56px; border-bottom:1px solid var(--w-line); font-size:var(--small); }
.ar:last-child { border-bottom:0; }
.ar .s { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ar .s b { font-weight:var(--weight-bold); margin-right:8px; }
.ar .d { color:var(--w-muted); font-size:var(--tiny); }
.tag,.status-pill { justify-self:end; display:inline-flex; align-items:center; min-height:24px; padding:2px 8px; border-radius:var(--radius-control); font-size:var(--tiny); font-weight:var(--weight-medium); line-height:1.35; width:fit-content; margin:0; }
.tag.ok,.status-pill { background:var(--status-wash); color:var(--status-ink); }
.tag.blk,.status-pill.blocked { background:var(--accent-wash); color:var(--accent-ink); }
.status-pill.idle { background:var(--w-line); color:var(--w-ink); }
.status-pill.is-active { background:var(--status-wash); color:var(--status-ink); }
.status-pill.is-paused { background:var(--w-line); color:var(--w-ink); }
.scenes { margin-top:64px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.sc { background:var(--ink-2); color:var(--text); border-radius:var(--radius-card); padding:32px; display:flex; flex-direction:column; min-height:360px; min-width:0; }
.sc svg { width:48px; height:48px; }
.sc h3 { margin-top:24px; font-size:var(--h3); font-weight:var(--weight-bold); line-height:1.4; }
.sc .flow { margin-top:16px; font-family:var(--mono); font-size:var(--small); color:var(--text); letter-spacing:0; line-height:1.8; }
.sc .flow i { font-style:normal; color:var(--accent); }
.sc p { margin-top:16px; font-size:15px; color:var(--muted); }
.sc a { margin-top:auto; padding-top:24px; font-size:var(--small); font-weight:var(--weight-medium); color:var(--primary-light); display:inline-flex; gap:8px; align-items:center; }
.sc a svg { width:14px; height:14px; }
.sc a:hover { color:var(--text); }
.faq-grid { margin-top:64px; display:grid; grid-template-columns:1fr 1fr; column-gap:64px; align-items:start; }
details { border-top:1px solid var(--line); padding:24px 0; }
.faq-grid details:nth-last-child(-n+2) { border-bottom:1px solid var(--line); }
summary { list-style:none; cursor:pointer; font-size:var(--lead); font-weight:var(--weight-medium); display:flex; justify-content:space-between; gap:16px; line-height:1.5; position:relative; }
summary::-webkit-details-marker { display:none; }
summary svg { flex:none; margin-top:6px; transition:transform .2s; }
details[open] summary svg { transform:rotate(45deg); }
details p { margin-top:16px; color:var(--muted); font-size:15px; }
details p a { color:var(--primary-light); border-bottom:1px solid currentColor; }
.cta { padding-bottom:144px; }
.cta-box { display:grid; grid-template-columns:1fr auto; gap:64px; align-items:end; padding-top:96px; border-top:1px solid var(--line); }
.cta-box h2 { font-size:var(--h1); line-height:66px; letter-spacing:-1.68px; margin-top:0; }
.cta-box p { margin-top:24px; font-size:var(--lead); color:var(--muted); }
.cta-btns { display:flex; gap:16px; flex-wrap:wrap; }
footer { background:var(--footer-ink); padding:96px 0 48px; color:var(--muted); font-size:var(--small); }
.ft { display:grid; grid-template-columns:4fr 2fr 3fr 3fr 2fr; gap:32px; align-items:start; }
footer .brand { color:var(--text); }
footer .brand img { background:var(--paper); border-radius:var(--radius-small); }
.ft-about p { margin-top:16px; line-height:1.75; }
.ft-about a.mail { display:inline-flex; margin-top:24px; padding:10px 16px; border-radius:var(--radius-control); background:var(--paper); color:var(--w-ink); font-family:var(--mono); font-size:var(--tiny); letter-spacing:0; max-width:100%; overflow-wrap:anywhere; }
.ft-about a.mail:hover { background:var(--text); color:var(--w-ink); }
.ft h4 { color:var(--text); font-size:var(--small); font-weight:var(--weight-bold); margin-bottom:16px; }
.ft ul { list-style:none; }
.ft li + li { margin-top:8px; }
.ft li a { overflow-wrap:anywhere; }
.ft li a:hover { color:var(--text); }
.ft-bot { margin-top:96px; padding-top:24px; border-top:1px solid var(--line); display:flex; justify-content:space-between; gap:24px; font-size:var(--tiny); }
.toast { position:fixed; bottom:24px; left:50%; transform:translate(-50%,16px); width:max-content; max-width:min(430px,calc(100% - 32px)); z-index:500; border:1px solid var(--w-line); border-radius:var(--radius-small); padding:14px 20px; background:var(--paper); color:var(--w-ink); font-size:var(--small); line-height:1.5; opacity:0; visibility:hidden; pointer-events:none; transition:opacity .2s,transform .2s,visibility .2s; }
.toast.show { visibility:visible; opacity:1; transform:translate(-50%,0); }
.modal-backdrop { position:fixed; inset:0; display:grid; place-items:center; padding:24px; background:var(--scrim); z-index:400; }
.modal { width:min(420px,100%); max-height:calc(100dvh - 48px); overflow:auto; border-radius:var(--radius-card); padding:32px; background:var(--text); color:var(--w-ink); }
.modal > svg { width:32px; height:32px; margin-bottom:16px; color:var(--accent); }
.modal h2 { font-size:var(--h3); line-height:1.35; margin:0; letter-spacing:-.02em; }
.modal p { margin-top:16px; font-size:var(--body); color:var(--w-muted); }
.actions { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.modal .actions { justify-content:flex-end; margin-top:24px; }
.card { border-radius:var(--radius-card); background:var(--ink-2); color:var(--text); padding:32px; min-width:0; }
.card h3 { font-size:var(--lead); font-weight:var(--weight-bold); line-height:1.4; }
.card p { margin-top:16px; color:var(--muted); }
.surface-paper { background:var(--paper); color:var(--w-ink); }
.surface-paper p { color:var(--w-muted); }
.form-stack { display:grid; gap:16px; }
.field { display:grid; gap:8px; }
.field-error { font-size:var(--small); color:var(--accent-ink); }
.form-notice { padding:12px 16px; border-radius:var(--radius-small); background:var(--paper); color:var(--w-ink); font-size:var(--small); margin:16px 0; }
.table-scroll { overflow:auto; margin-top:24px; border:1px solid var(--w-line); border-radius:var(--radius-small); }
table { width:100%; border-collapse:collapse; font-size:var(--small); background:var(--text); color:var(--w-ink); }
th,td { padding:16px; border-bottom:1px solid var(--w-line); text-align:left; }
th { font-weight:var(--weight-bold); background:var(--paper); color:var(--w-ink); }
tr:last-child td { border-bottom:0; }
.filter { position:relative; display:inline-flex; }
.filter-trigger { position:relative; display:inline-flex; align-items:center; min-height:40px; gap:8px; padding:8px 32px 8px 16px; border:1px solid var(--w-muted); border-radius:var(--radius-control); background:var(--text); color:var(--w-ink); font-size:var(--small); width:auto; margin-block:16px; }
.filter-trigger .chevron { right:14px; }
.filter-chevron { position:absolute; right:14px; top:50%; width:7px; height:7px; flex:none; border-right:1px solid currentColor; border-bottom:1px solid currentColor; transform:translateY(calc(-50% - .14em)) rotate(45deg); pointer-events:none; }
.archive-filter { display:inline-flex; align-items:center; }
.filter-menu { position:absolute; right:0; top:calc(100% - 8px); min-width:200px; max-width:calc(100vw - 48px); padding:8px; border:1px solid var(--w-muted); border-radius:var(--radius-small); background:var(--text); color:var(--w-ink); z-index:30; }
.filter-menu button { display:inline-flex; align-items:center; width:100%; text-align:left; padding:10px 12px; border-radius:var(--radius-control); background:var(--text); color:var(--w-ink); font-size:var(--small); }
.filter-menu [role="option"] { display:flex; align-items:center; }
.filter-menu button:hover,.filter-menu [aria-selected="true"] { background:var(--paper); color:var(--primary); }
.access-main { padding:64px 0 96px; }
.auth-layout { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:center; gap:64px; }
.auth-story h1 { line-height:1.24; }
.auth-story p { color:var(--muted); margin-top:24px; }
.rf-entry-surface { padding:40px; background:var(--paper); color:var(--w-ink); border-radius:var(--radius-card); min-width:0; }
.rf-entry-surface h2 { font-size:var(--h3); line-height:1.35; margin-bottom:24px; }
.rf-entry-surface input { background:var(--text); color:var(--w-ink); border:1px solid var(--w-muted); }
.rf-entry-surface input::placeholder { color:var(--w-muted); }
.login-pane { display:grid; gap:16px; }
.login-pane .actions { margin-top:8px; }
.login-pane .pill { min-height:44px; font-size:var(--small); }
.login-pane p { color:var(--w-muted); font-size:var(--small); }
.console-shell { padding:48px 0 96px; }
.console-session { display:flex; justify-content:space-between; gap:24px; align-items:center; flex-wrap:wrap; margin-bottom:48px; }
.console-session [data-session-email] { font-family:var(--mono); overflow-wrap:anywhere; }
.console-session h1 { font-size:var(--h2); line-height:1.3; }
.console-modules { display:grid; grid-template-columns:minmax(0,1fr); gap:48px; }
.alias-panel { padding:32px; border:1px solid var(--line); border-radius:var(--radius-card); background:var(--ink-2); color:var(--text); }
.alias-compose { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin:24px 0 32px; }
.prefix-group { display:flex; flex:1; align-items:center; min-width:0; gap:8px; }
.prefix-group input { border-radius:var(--radius-control); background:var(--ink-3); color:var(--text); height:44px; font-size:var(--small); }
.prefix-suffix { font-family:var(--mono); font-size:var(--small); white-space:nowrap; }
.alias-compose .pill { min-height:44px; font-size:var(--small); }
.alias-compose [type="submit"] { min-width:112px; }
.alias-row { display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; gap:16px; padding:20px 0; border-bottom:1px solid var(--line); }
.alias-address { font-family:var(--mono); overflow-wrap:anywhere; }
.alias-actions { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.alias-actions button { font-size:var(--small); }
.alias-empty { width:100%; margin-top:32px; padding:20px; border:1px solid var(--line); border-radius:var(--radius-small); }
.archive-panel { background:var(--paper-2); color:var(--w-ink); padding:32px; border-radius:var(--radius-card); }
.archive-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; }
.archive-list { margin-top:24px; }
.archive-row { display:block; width:100%; background:var(--clear); color:var(--w-ink); border:0; border-bottom:1px solid var(--w-line); padding:20px 0; text-align:left; }
.archive-row > span { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px 24px; align-items:center; }
.archive-row .archive-subject { min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.archive-row .archive-meta { display:flex; gap:12px; align-items:center; justify-content:flex-end; font-size:var(--tiny); }
.archive-row time { white-space:nowrap; color:var(--w-muted); }
.archive-empty { width:100%; margin:24px 0 0; padding:20px; border:1px solid var(--w-line); border-radius:var(--radius-small); background:var(--text); color:var(--w-ink); }
.archive-empty p { color:var(--w-muted); font-size:var(--small); margin-top:8px; }
.archive-detail { margin-top:32px; min-width:0; max-width:100%; background:var(--text); color:var(--w-ink); border:1px solid var(--w-line); border-radius:var(--radius-card); overflow:hidden; }
.archive-detail iframe { min-width:0; max-width:100%; width:100%; }
.archive-detail-head { padding:24px; display:flex; gap:16px; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; }
.archive-detail-head h3 { font-size:var(--lead); }
.archive-detail-head button { align-self:flex-start; height:auto; flex:none; }
.archive-detail-body { padding:24px; overflow:auto; min-width:0; max-width:100%; overflow-wrap:anywhere; }
.surface-safety { background:var(--paper); color:var(--w-ink); border-radius:var(--radius-card); padding:32px; }
.surface-safety input { background:var(--text); color:var(--w-ink); border-color:var(--w-muted); }
.surface-safety input::placeholder { color:var(--w-muted); }
.twofa-idle { display:flex; gap:24px; align-items:center; justify-content:space-between; flex-wrap:wrap; }
.twofa-status { display:flex; align-items:center; gap:12px; margin-bottom:20px; }
.twofa-status [data-2fa-badge] { margin:0; }
.twofa-idle p { color:var(--w-muted); font-size:var(--small); margin-top:12px; }
.twofa-idle [data-twofa-start] { align-self:center; flex:none; }
.twofa-setup {
  margin-top:32px;
  margin-bottom:24px;
  color:var(--w-ink);
  background:var(--paper);
}
.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(--text); border:1px solid var(--w-line); border-radius:var(--radius-small); padding:8px; }
.setup-steps { list-style:none; display:grid; gap:20px; counter-reset:setup; }
.setup-steps li { counter-increment:setup; display:grid; grid-template-columns:32px minmax(0,1fr); gap:12px; }
.setup-steps li::before { content:counter(setup); display:flex; align-items:center; justify-content:center; border:1px solid var(--w-muted); border-radius:50%; width:28px; height:28px; font-size:var(--small); }
.secret-row { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-top:16px; }
.secret-row code { color:var(--w-ink); overflow-wrap:anywhere; }
.secret-row button { flex:none; width:auto; }
.twofa-actions { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin:24px 0 0; }
.twofa-actions input { width:160px; height:44px; }
.twofa-actions .pill { min-height:44px; margin:0; font-size:var(--small); }
[data-twofa-confirm] { margin:24px 0 0; }
.twofa-actions [data-twofa-confirm] { margin:0; }
[data-2fa-disable] { margin:24px 0 0; }
.twofa-actions [data-2fa-disable] { margin:0; }
.article-shell { width:min(1120px,calc(100% - 48px)); margin:0 auto; }
.article-hero { padding-top:64px; }
.breadcrumb { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:24px; color:var(--muted); font-size:var(--small); }
.article-layout { display:grid; grid-template-columns:240px minmax(0,1fr); gap:64px; padding:64px 0 96px; align-items:start; }
.toc { position:sticky; top:calc(var(--header-h) + 16px); border:1px solid var(--line); border-radius:var(--radius-card); padding:24px; }
.toc h2 { font-size:var(--lead); line-height:1.4; margin:0 0 16px; }
.toc ol { padding-left:20px; display:grid; gap:12px; font-size:var(--small); }
.toc .chip { margin-top:16px; }
.prose { min-width:0; color:var(--lead-ink); font-size:var(--body); line-height:1.85; }
.prose h2 { font-size:var(--h3); line-height:1.4; color:var(--text); margin:48px 0 24px; letter-spacing:-.02em; }
.prose h3 { font-size:var(--lead); line-height:1.45; color:var(--text); margin:32px 0 16px; font-weight:var(--weight-bold); }
.prose p + p { margin-top:20px; }
.prose ul,.prose ol { padding-left:24px; margin:24px 0; }
.prose a:not(.pill) { color:var(--primary-light); text-decoration:underline; text-underline-offset:4px; }
.prose .pill.solid { background:var(--primary); color:var(--text); text-decoration:none; }
.prose .card,.prose .table-scroll { margin:24px 0 32px; }
.article-cta { margin-top:64px; padding:32px; border-radius:var(--radius-card); background:var(--ink-2); color:var(--text); }
.article-cta h2 { margin-top:0; }
.article-cta .actions { margin-top:28px; }
.recommend-float { position:fixed; right:24px; bottom:24px; z-index:80; width:min(320px,calc(100% - 48px)); border:1px solid var(--w-line); border-radius:var(--radius-card); overflow:hidden; background:var(--paper); color:var(--w-ink); }
.recommend-float img { width:100%; aspect-ratio:16/9; object-fit:cover; }
.recommend-content { padding:24px; }
.recommend-content p { margin:12px 0 24px; color:var(--w-muted); font-size:var(--small); }
.recommend-content .pill { max-width:100%; white-space:normal; height:auto; }
.float-close { position:absolute; right:8px; top:8px; display:flex; align-items:center; justify-content:center; width:32px; height:32px; border:1px solid var(--w-line); border-radius:var(--radius-control); background:var(--text); color:var(--w-ink); }
.post-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin-top:48px; }
.post-card { display:flex; flex-direction:column; border:1px solid var(--line); border-radius:var(--radius-card); padding:32px; background:var(--ink-2); color:var(--text); }
.post-card:hover { background:var(--ink-3); color:var(--text); }
.post-card time { display:block; margin-top:16px; color:var(--muted); font-size:var(--small); }
.post-card h2 { font-size:var(--h3); margin-top:24px; }
.post-card p { margin-top:20px; color:var(--muted); }
.post-card .read-link { margin-top:auto; padding-top:28px; color:var(--primary-light); }
@media (max-width:1100px) {
  :root { --h1:48px; --h2:36px; }
  .nav-links { margin-left:32px; gap:16px; font-size:var(--small); }
  .nav-cta .pill { font-size:var(--small); padding:6px 16px; }
  .hero-top,.feat,.feat.flip,.fwd { gap:32px; }
  h1,.cta-box h2 { line-height:1.2; }
  .hero { padding-top:64px; }
  .addr { font-size:var(--lead); padding:0 16px; }
  .checks { gap:16px; }
  .ib-bar { gap:12px; padding:0 16px; }
  .ib-bar .right { gap:8px; }
  .ib-body { grid-template-columns:32% minmax(0,1fr); }
  .row { padding:0 16px; gap:12px; }
  .row .meta { font-size:var(--tiny); }
  .rd-head,.rd-body { padding:24px; }
  .desk-top { padding:0 20px; gap:16px; }
  .tabs { gap:12px; }
  .desk-top .who { display:none; }
  .desk-sec { padding:24px 20px; }
  .al { grid-template-columns:minmax(0,1fr) 20px 72px; gap:12px; }
  .al .r { display:none; }
  .al .a { font-size:var(--tiny); }
  .ar { gap:8px; grid-template-columns:minmax(0,1fr) auto 64px; }
  .sc { padding:24px; }
  .cta-box { gap:32px; }
  .cta-btns { flex-direction:column; }
  .ft { gap:24px; grid-template-columns:3fr 2fr 3fr 3fr 2fr; }
  .ft-about a.mail { font-family:var(--sans); }
  .auth-layout { grid-template-columns:minmax(0,1fr); }
  .rf-entry-surface { max-width:640px; width:100%; justify-self:center; }
  .rf-entry-panel { grid-row:1; }
  .auth-story { max-width:640px; justify-self:center; }
}
@media (max-width:860px) {
  :root { --header-h:96px; --h1:44px; --h2:32px; --s7:96px; }
  .nav,.nav .wrap { height:64px; }
  .nav .wrap { gap:16px; }
  .nav-toggle { display:inline-flex; order:-1; }
  .nav-links { display:none; }
  .nav-cta { margin-left:auto; }
  .nav-cta .product-cta { display:none; }
  .hero { padding:64px 0 96px; }
  .hero-top { grid-template-columns:minmax(0,1fr); gap:48px; }
  .hero-copy { max-width:640px; }
  .lead { max-width:560px; }
  .hero-art .art-photo { height:440px; }
  .hero-art { max-width:700px; width:100%; }
  .inbox { margin-top:48px; }
  .ib-bar .live { font-size:var(--tiny); }
  .ib-bar .receive-only { display:none; }
  .ib-body { grid-template-columns:35% minmax(0,1fr); }
  .row { grid-template-columns:32px minmax(0,1fr); }
  .row svg,.row .sender-badge { width:32px; height:32px; }
  .row .meta { position:absolute; right:12px; top:12px; }
  .row .who { padding-right:28px; font-size:var(--tiny); }
  .row .sub { font-size:var(--tiny); }
  .row .demo { display:none; }
  .rd-head { grid-template-columns:40px minmax(0,1fr); gap:12px; }
  .rd-head time { grid-column:2; font-size:var(--tiny); }
  .rd-head .subj { font-size:var(--body); }
  .code { padding:16px; flex-wrap:wrap; }
  .code b { font-size:32px; }
  section { padding-top:96px; }
  .feat,.feat.flip,.fwd { grid-template-columns:minmax(0,1fr); gap:48px; }
  .feat + .feat { margin-top:64px; }
  .photo img { height:440px; }
  .al { grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr) 72px; }
  .al .r { display:block; }
  .al .a { font-size:var(--small); }
  .ar { grid-template-columns:minmax(0,1fr) auto 96px; }
  .desk-top .who { display:block; }
  .scenes { gap:16px; }
  .sc h3 { font-size:var(--lead); }
  .sc { padding:24px; }
  .faq-grid { gap:0 32px; }
  summary { font-size:var(--body); }
  .cta { padding-bottom:96px; }
  .cta-box { grid-template-columns:minmax(0,1fr); padding-top:64px; }
  .cta-btns { flex-direction:row; }
  .ft { grid-template-columns:repeat(4,minmax(0,1fr)); gap:32px 24px; }
  .ft-about { grid-column:1/-1; }
  .ft-about p { max-width:640px; }
  .ft-bot { margin-top:64px; }
  .article-layout { grid-template-columns:minmax(0,1fr); gap:32px; }
  .toc { position:static; }
  .alias-row { grid-template-columns:minmax(0,1fr) auto; }
  .alias-address { grid-column:1/-1; }
  .alias-actions { grid-column:1/-1; }
  .setup-grid { grid-template-columns:160px minmax(0,1fr); gap:24px; }
  .twofa-qr { width:160px; height:160px; }
}
@media (max-width:560px) {
  :root { --h1:36px; --h2:28px; --h3:24px; }
  .wrap,.article-shell { width:calc(100% - 32px); }
  .util .wrap { gap:16px; }
  .util .sep { height:12px; }
  .lang-trigger { padding-right:20px; min-width:40px; justify-content:center; }
  .lang-trigger .lang-text { display:none; }
  .lang-trigger .chevron { right:0; }
  .lang-menu { min-width:160px; }
  .nav .wrap { gap:12px; }
  .brand { font-size:22px; gap:6px; }
  .brand img { width:28px; height:28px; }
  .nav-cta .pill { min-height:36px; padding:6px 16px; }
  .nav-toggle { width:36px; height:36px; flex:none; }
  .nav-drawer { left:16px; width:min(320px,calc(100% - 32px)); }
  .hero { padding:48px 0 64px; }
  h1 { line-height:1.26; letter-spacing:-1.08px; }
  .lead { font-size:var(--body); }
  .addr-label { font-size:var(--tiny); flex-wrap:wrap; justify-content:flex-start; column-gap:16px; }
  .addr { height:56px; padding:0 12px; font-size:var(--body); }
  .hero-actions { gap:16px; }
  .hero-actions .pill { padding:10px 24px; }
  .hero-actions .ulink { font-size:var(--small); }
  .checks { gap:12px 20px; font-size:var(--tiny); }
  .hero-art .art-photo { height:352px; }
  .hero-art .float-card { margin:16px; padding:16px; gap:12px; }
  .float-card strong { font-size:var(--small); }
  .float-card span { font-size:var(--tiny); }
  .inbox { margin-top:40px; height:auto; min-height:0; grid-template-rows:auto auto; overflow:hidden; }
  .ib-bar { padding:16px; flex-wrap:wrap; gap:12px; }
  .ib-bar .right { gap:8px; margin-left:0; width:100%; flex-wrap:wrap; }
  .ib-bar .live { flex:1; min-width:0; line-height:1.4; }
  .ib-body { display:block; min-height:0; }
  .ib-list { border-right:0; min-height:0; }
  .mail-rows { max-height:304px; }
  .row { grid-template-columns:40px minmax(0,1fr) auto; gap:12px; height:76px; }
  .row svg,.row .sender-badge { width:40px; height:40px; }
  .row .who { font-size:var(--small); padding:0; }
  .row .sub { font-size:var(--small); }
  .row .demo { display:inline-flex; }
  .row .meta { position:static; font-size:var(--tiny); }
  .list-foot { padding:20px 16px; }
  .ib-read { display:none; }
  .hero,.hero-top,.hero-art,.inbox,.ib-body { transform:none; animation:none; }
  body.reader-open .art-line { visibility:hidden; }
  .ib-read.mobile-reader { display:flex; position:fixed; z-index:200; left:0; right:0; top:var(--header-h); height:calc(100dvh - var(--header-h)); max-height:calc(100dvh - var(--header-h)); background:var(--text); color:var(--w-ink); border-radius:0; overflow:auto; }
  .reader-actions { display:flex; align-items:center; justify-content:space-between; padding:12px 16px; position:sticky; top:0; z-index:3; background:var(--paper); color:var(--w-ink); border-bottom:1px solid var(--w-line); flex:none; }
  .reader-actions button { min-height:36px; padding:4px 12px; border:1px solid var(--w-line); border-radius:var(--radius-control); background:var(--text); color:var(--w-ink); font-size:var(--small); }
  .rd-head { padding:20px 16px; }
  .rd-body { padding:24px 16px; }
  .rd-foot { padding:16px; }
  .rd-foot .note { width:100%; margin-left:0; }
  .code b { font-size:32px; }
  section { padding-top:80px; }
  .eyebrow { font-size:var(--tiny); }
  .feat,.scenes,.faq-grid { margin-top:40px; }
  .photo img { height:352px; }
  .photo .cap { padding:24px; font-size:var(--body); }
  .pt h3 { font-size:var(--h3); }
  .pt + .pt { margin-top:32px; padding-top:32px; }
  .feat.flip { gap:32px; }
  .fwd { gap:40px; }
  .sec-lead,.section-intro { font-size:var(--body); }
  .steps { margin-top:32px; }
  .steps li { grid-template-columns:32px minmax(0,1fr); }
  .fwd-cta { gap:20px; margin-top:32px; }
  .desk-top { gap:16px; padding:0 16px; flex-wrap:wrap; }
  .desk-top .who { display:none; }
  .tabs { gap:16px; }
  .desk-sec { padding:20px 16px; }
  .desk-h { font-size:var(--tiny); flex-wrap:wrap; }
  .al { grid-template-columns:minmax(0,1fr) 20px 64px; gap:8px; }
  .al .r { display:none; }
  .al .a { font-size:var(--tiny); overflow-wrap:anywhere; white-space:normal; }
  .ar { grid-template-columns:minmax(0,1fr) auto; padding:12px 0; gap:8px; }
  .ar .s { grid-column:1/-1; }
  .ar .d { grid-row:2; }
  .ar .tag { grid-row:2; }
  .scenes { grid-template-columns:minmax(0,1fr); }
  .sc { min-height:0; padding:32px; }
  .sc h3 { font-size:var(--h3); }
  .sc a { padding-top:28px; }
  .faq-grid { grid-template-columns:minmax(0,1fr); gap:0; }
  .faq-grid details:nth-last-child(-n+2) { border-bottom:0; }
  .faq-grid details:last-child { border-bottom:1px solid var(--line); }
  details { padding:24px 0; }
  .cta { padding-bottom:80px; }
  .cta-box { padding-top:48px; gap:32px; }
  .cta-box h2 { font-size:var(--h1); line-height:1.26; }
  .cta-box p { font-size:var(--body); }
  .cta-btns { gap:12px; }
  .cta-btns .pill { max-width:100%; height:auto; white-space:normal; }
  footer { padding:64px 0 32px; }
  .ft { grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px 24px; }
  .ft-about { grid-column:1/-1; }
  .ft-bot { margin-top:48px; flex-direction:column; gap:8px; }
  .access-main { padding:40px 0 64px; }
  .auth-layout { gap:40px; }
  .rf-entry-surface { padding:24px; }
  .console-shell { padding:32px 0 64px; }
  .console-session { gap:16px; margin-bottom:32px; }
  .alias-panel,.archive-panel,.surface-safety { padding:24px 16px; }
  .alias-compose { display:grid; grid-template-columns:minmax(0,1fr); gap:12px; }
  .prefix-group { flex-wrap:wrap; }
  .prefix-group input { flex-basis:100%; }
  .alias-compose .pill { width:100%; }
  .alias-row { grid-template-columns:minmax(0,1fr); gap:12px; }
  .alias-row > * { grid-column:1; }
  .archive-row > span { grid-template-columns:minmax(0,1fr); }
  .archive-row .archive-meta { justify-content:flex-start; flex-wrap:wrap; }
  .archive-detail-head,.archive-detail-body { padding:20px 16px; }
  .twofa-idle { align-items:flex-start; gap:20px; }
  .setup-grid { grid-template-columns:minmax(0,1fr); }
  .twofa-qr { width:192px; height:192px; }
  .twofa-actions { gap:12px; }
  .twofa-actions input { width:100%; }
  .twofa-actions .pill { flex:0 1 auto; }
  .article-hero { padding-top:40px; }
  .article-layout { padding-top:40px; }
  .article-cta { padding:24px; }
  .post-grid { grid-template-columns:minmax(0,1fr); }
  .recommend-float { right:16px; bottom:16px; width:min(320px,calc(100% - 32px)); }
  .modal { padding:24px; }
  .x-full { display:none; }
  .x-short { display:inline; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation:none !important; transition:none !important; }
  .draw { stroke-dashoffset:0; }
}

.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.rf-access-layout { align-items:start; padding:24px 0 48px; }
.rf-access-layout .auth-story { padding-top:32px; }
.rf-access-layout .auth-story h1 { font-size:var(--h1); line-height:1.24; }
.rf-access-layout .auth-story .section-intro { margin-top:24px; }
.rf-access-card { min-width:0; }
.rf-card-heading { display:flex; gap:12px; align-items:center; margin-bottom:32px; font-size:var(--small); font-weight:var(--weight-medium); color:var(--status-ink); }
.rf-access-card h2 {
  margin:0 0 20px;
  font-size:var(--h3);
  line-height:1.35;
}
.rf-access-intro { margin:0 0 28px; font-size:var(--small); color:var(--w-muted); }
.rf-access-card .form-notice { background:var(--status-wash); color:var(--status-ink); border:1px solid var(--utility-line); margin:16px 0; overflow-wrap:anywhere; }
.rf-access-card .login-pane { gap:20px; }
.rf-access-card .login-pane .actions { gap:12px; margin-top:0; }
.rf-access-card .login-pane .pill.line { background:var(--text); color:var(--status-ink); border-color:var(--primary); }
.rf-access-card .login-pane .pill.line:hover { background:var(--primary-wash); color:var(--status-ink); }
.rf-access-card input[name="code"],.rf-access-card input[name="totp"] { font-family:var(--mono); letter-spacing:.15em; }
.rf-access-legal { margin-top:32px; padding-top:24px; border-top:1px solid var(--utility-line); font-size:var(--tiny); color:var(--w-muted); }
.rf-access-legal p + p { margin-top:12px; }
.rf-access-legal a { color:var(--status-ink); text-decoration:underline; text-underline-offset:3px; overflow-wrap:anywhere; }
.rf-inline-error { padding:12px 16px; margin-top:20px; border-radius:var(--radius-small); background:var(--accent-wash); color:var(--accent-ink); }
.rf-access-route { display:flex; gap:20px; align-items:flex-start; margin-top:40px; padding:24px; border:1px solid var(--line); border-radius:var(--radius-card); background:var(--ink-2); color:var(--text); }
.rf-access-route > svg { width:56px; height:56px; color:var(--accent-light); }
.rf-access-route strong { display:block; font-size:var(--body); font-weight:var(--weight-medium); }
.rf-access-layout .rf-access-route p { margin-top:8px; font-size:var(--small); }
.rf-access-facts { margin-top:32px; display:grid; gap:24px; }
.rf-access-facts dt { font-size:var(--small); font-weight:var(--weight-medium); color:var(--text); }
.rf-access-facts dd { margin-top:8px; font-size:var(--small); color:var(--muted); }
.rf-access-facts a { color:var(--primary-light); text-decoration:underline; text-underline-offset:4px; }
.rf-session { margin-bottom:32px; }
.rf-session-label { color:var(--muted); font-size:var(--small); margin-bottom:8px; }
.rf-session [data-session-email] { font-size:var(--lead); color:var(--text); }
.rf-session .pill { font-size:var(--small); min-height:40px; }
.rf-desk-error { padding:16px 20px; border-radius:var(--radius-small); background:var(--accent-wash); color:var(--accent-ink); margin:0 0 24px; font-size:var(--small); }
.rf-workspace { display:grid; gap:64px; }
.rf-desk-index { display:flex; gap:32px; flex-wrap:wrap; font-size:var(--small); }
.rf-desk-index a { display:flex; gap:12px; align-items:center; color:var(--lead-ink); }
.rf-desk-index a:hover { color:var(--text); }
.rf-desk-index span { font-family:var(--mono); color:var(--accent-light); }
.rf-workbench { display:grid; grid-template-columns:minmax(0,1fr) 240px; gap:40px; align-items:start; }
.rf-addresses { padding:32px; }
.rf-module-heading { display:flex; justify-content:space-between; align-items:center; gap:24px; }
.rf-module-heading > svg { color:var(--accent-light); flex:none; }
.rf-module-heading .eyebrow { margin-bottom:20px; }
.rf-module-heading h1 { font-size:var(--h2); line-height:1.3; letter-spacing:-.02em; }
.rf-addresses .section-intro { font-size:var(--body); max-width:640px; }
.rf-addresses .alias-compose { flex-wrap:nowrap; margin-bottom:12px; }
.rf-addresses .prefix-group { min-width:0; flex:1 1 0; }
.rf-addresses .prefix-group input { width:100%; min-width:70px; font-family:var(--mono); letter-spacing:0; padding:10px 14px; border:0; }
.rf-addresses .prefix-group input:focus { box-shadow:inset 0 0 0 2px var(--primary); }
.rf-addresses .alias-compose .pill { padding:8px 16px; flex:none; height:44px; }
.rf-addresses .alias-compose [type="submit"] { width:132px; }
.rf-field-help { color:var(--muted); font-size:var(--tiny); }
.rf-list-caption { margin-top:40px; margin-bottom:16px; display:flex; gap:16px; align-items:center; justify-content:space-between; flex-wrap:wrap; }
.rf-list-caption h2 { font-size:var(--lead); letter-spacing:0; line-height:1.4; }
.rf-list-caption .chip { background:var(--ink-3); color:var(--lead-ink); border:1px solid var(--line); }
.rf-addresses .alias-row { grid-template-columns:minmax(0,1fr) auto; gap:12px 16px; }
.rf-addresses .alias-address { grid-column:1; font-size:var(--small); }
.rf-addresses .alias-row > .status-pill { grid-column:2; grid-row:1; align-self:center; }
.rf-addresses .alias-actions { grid-column:1/-1; }
.rf-addresses .alias-actions .pill { min-height:32px; padding:4px 12px; font-size:var(--tiny); border-width:1px; }
.rf-addresses .alias-empty h3 { font-size:var(--lead); font-weight:var(--weight-medium); }
.rf-addresses .alias-empty p { color:var(--muted); font-size:var(--small); margin-top:8px; }
.rf-alias-statistics { margin-top:32px; padding:24px; border:1px solid var(--line-strong); border-radius:var(--radius-small); background:var(--ink-3); color:var(--text); }
.rf-alias-statistics h3 { font-size:var(--lead); font-weight:var(--weight-medium); }
.rf-alias-statistics p { font-size:var(--small); color:var(--lead-ink); margin-top:16px; }
.rf-alias-statistics .stats-address { font-family:var(--mono); overflow-wrap:anywhere; }
.rf-alias-statistics > .pill { margin-top:24px; min-height:36px; font-size:var(--small); }
.stats-counters { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:24px; }
.stats-counters dt { font-size:var(--tiny); color:var(--muted); }
.stats-counters dd { font-family:var(--mono); font-size:var(--h3); color:var(--text); }
.rf-desk-aside { padding:8px 0; color:var(--lead-ink); min-width:0; }
.rf-desk-aside > svg { color:var(--accent-light); margin-bottom:24px; }
.rf-desk-aside h2 { font-size:var(--lead); letter-spacing:0; line-height:1.5; }
.rf-desk-aside p { margin-top:16px; font-size:var(--small); color:var(--muted); }
.rf-desk-aside dl { margin-top:32px; display:grid; gap:24px; }
.rf-desk-aside dt { font-weight:var(--weight-medium); font-size:var(--small); color:var(--text); }
.rf-desk-aside dd { margin-top:8px; font-size:var(--small); color:var(--muted); }
.rf-desk-aside .ulink { display:inline-block; margin-top:32px; font-size:var(--small); color:var(--primary-light); }
.rf-records { padding:40px; }
.rf-records .eyebrow { color:var(--accent-ink); margin-bottom:20px; }
.rf-records h2 { font-size:var(--h2); }
.rf-records .section-intro { color:var(--w-muted); font-size:var(--body); max-width:760px; }
.rf-records .archive-list { margin-top:32px; }
.archive-identity { display:flex; flex-direction:column; min-width:0; gap:8px; }
.archive-identity .archive-subject { display:block; font-size:var(--body); font-weight:var(--weight-medium); }
.archive-sender { display:block; font-size:var(--small); color:var(--w-muted); overflow-wrap:anywhere; }
.rf-records .archive-row:hover { background:var(--paper); color:var(--w-ink); }
.rf-records .archive-empty h3 { font-size:var(--lead); font-weight:var(--weight-medium); }
.rf-archive-identity { flex:1 1 240px; min-width:0; }
.rf-archive-identity h3 { overflow-wrap:anywhere; }
.rf-archive-identity p { margin-top:8px; color:var(--w-muted); font-size:var(--small); overflow-wrap:anywhere; }
.rf-archive-identity time { display:block; margin-top:8px; color:var(--w-muted); font-size:var(--small); }
.rf-archive-controls { display:flex; flex-direction:column; align-items:flex-end; gap:16px; align-self:flex-start; }
.rf-archive-controls .pill { min-height:36px; font-size:var(--small); padding:6px 16px; }
.rf-records .archive-detail-body { max-height:680px; overflow:auto; border-top:1px solid var(--w-line); }
.rf-attachments { display:flex; flex-wrap:wrap; gap:12px; padding:0 24px 24px; }
.rf-attachments:empty { display:none; }
.rf-attachments .pill { font-size:var(--small); max-width:100%; white-space:normal; overflow-wrap:anywhere; }
.rf-security { padding:40px; }
.rf-security .eyebrow { color:var(--accent-ink); margin-bottom:20px; }
.rf-security h2 { font-size:var(--h3); line-height:1.4; }
.rf-security .twofa-idle > div { flex:1 1 460px; }
.rf-security .twofa-idle > .pill { flex:none; height:44px; padding:8px 24px; font-size:var(--small); }
.rf-security .twofa-status { display:inline-flex; margin-top:20px; margin-bottom:20px; font-size:var(--small); align-items:center; }
.rf-security .twofa-status .status-pill { margin:0; }
.rf-security .twofa-actions { margin-top:24px; }
.rf-security .twofa-actions .pill { margin:0; }
.rf-security .secret-row .pill { min-height:36px; font-size:var(--small); padding:6px 16px; }
.rf-security .setup-steps { font-size:var(--small); }
.rf-security .secret-row code { color:var(--w-ink); }
.cid-notice { font-size:var(--small); line-height:1.6; margin:0 0 20px; padding:12px 16px; border:1px solid var(--utility-line); border-radius:var(--radius-small); background:var(--paper); color:var(--w-muted); }
.mail-frame { flex:none; }
.mail-frame:focus-visible { outline:2px solid var(--primary); outline-offset:2px; }
.row .meta { display:flex; align-items:center; gap:8px; }
.row .meta .unread { flex:none; }
.mail-rows.empty-host { flex:1; display:grid; place-items:center; }
.ib-read.empty-host { display:grid; place-items:center; }
.ib-read.empty-host .reader-actions { justify-self:stretch; }
.rf-raw { width:min(760px,100%); }
.rf-raw pre { margin:24px 0; max-height:55dvh; overflow:auto; font-size:var(--small); background:var(--paper); color:var(--w-ink); padding:16px; border-radius:var(--radius-small); }
.address-highlight { outline:2px solid var(--primary); outline-offset:4px; animation:rf-address-focus 1.8s ease-out forwards; }
@keyframes rf-address-focus { to { outline-color:var(--clear); }
 }
.rf-reader-sheet { display:none; }
@media (min-width:1101px) {
  .rf-access-layout { grid-template-columns:repeat(2,minmax(0,1fr)); gap:64px; }
  .rf-access-layout > .rf-entry-panel { min-width:0; }
}
@media (min-width:561px) and (max-width:860px) {
  .row { grid-template-columns:32px minmax(0,1fr) auto; gap:8px; }
  .row .meta { position:static; align-self:center; font-size:var(--tiny); }
  .row .meta > span:first-child { display:none; }
  .row .who { padding-right:0; }
}
@media (max-width:1100px) {
  .rf-access-layout { grid-template-columns:minmax(0,1fr); gap:48px; }
  .rf-access-layout > .rf-entry-panel { grid-row:1; width:100%; max-width:640px; justify-self:center; }
  .rf-access-layout .auth-story { max-width:640px; padding-top:0; }
  .rf-workbench { grid-template-columns:minmax(0,1fr); gap:32px; }
  .rf-desk-aside { display:grid; grid-template-columns:40px minmax(0,1fr); column-gap:24px; padding:24px; border:1px solid var(--line); border-radius:var(--radius-card); }
  .rf-desk-aside > svg { grid-column:1; grid-row:1/4; margin-bottom:0; }
  .rf-desk-aside > :not(svg) { grid-column:2; }
  .rf-desk-aside dl { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:720px) {
  .rf-workspace { gap:40px; }
  .rf-desk-index { gap:12px 24px; }
  .rf-addresses .alias-compose { display:grid; grid-template-columns:minmax(0,1fr); gap:12px; }
  .rf-addresses .prefix-group { display:flex; flex-wrap:wrap; }
  .rf-addresses .prefix-group input { flex-basis:100%; }
  .rf-addresses .prefix-suffix { margin-left:12px; }
  .rf-addresses .alias-compose .pill { width:100%; }
  .rf-addresses .alias-compose [type="submit"] { width:100%; }
  .rf-addresses .alias-address { grid-column:1/-1; }
  .rf-addresses .alias-row > .status-pill { grid-column:1; grid-row:auto; justify-self:start; }
  .rf-addresses .alias-actions { grid-column:1/-1; }
  .rf-records .archive-row > span { grid-template-columns:minmax(0,1fr); gap:16px; }
  .rf-records .archive-meta { justify-content:flex-start; flex-wrap:wrap; }
}
@media (max-width:560px) {
  .rf-access-layout { padding:0; gap:48px; }
  .rf-access-layout .auth-story h1 { font-size:var(--h1); }
  .rf-access-layout .auth-story .section-intro { font-size:var(--body); }
  .rf-access-route { padding:20px; gap:16px; }
  .rf-access-route > svg { width:40px; height:40px; }
  .rf-access-route strong { font-size:var(--small); }
  .rf-card-heading { margin-bottom:24px; }
  .rf-access-legal { margin-top:24px; }
  .rf-session { align-items:flex-start; }
  .rf-session > div { min-width:0; }
  .rf-session [data-session-email] { font-size:var(--body); }
  .rf-session .actions { gap:8px; }
  .rf-session .pill { padding:8px 16px; }
  .rf-module-heading { align-items:flex-start; gap:16px; }
  .rf-module-heading > svg { width:32px; height:32px; }
  .rf-module-heading h1 { font-size:var(--h2); }
  .rf-addresses,.rf-records,.rf-security { padding:24px 16px; }
  .rf-list-caption { margin-top:32px; }
  .rf-addresses .alias-actions { gap:8px; }
  .rf-alias-statistics { padding:20px 16px; }
  .stats-counters { gap:8px; }
  .rf-desk-aside { padding:24px 16px; column-gap:16px; }
  .rf-desk-aside dl { grid-template-columns:minmax(0,1fr); }
  .rf-records h2 { font-size:var(--h2); }
  .rf-records .archive-heading { gap:24px; }
  .rf-records .filter-menu { left:0; right:auto; }
  .rf-archive-controls { align-items:flex-start; width:100%; }
  .rf-attachments { padding:0 16px 20px; }
  .rf-security .twofa-idle > div { flex-basis:100%; }
  .rf-security .twofa-actions input { flex:1 1 100%; }
  .rf-security .twofa-actions .pill { width:auto; flex:none; }
  .rf-reader-sheet { position:fixed; z-index:200; inset:0; height:100dvh; padding-top:var(--header-h); display:flex; flex-direction:column; background:var(--text); color:var(--w-ink); transform:none; animation:none; }
  .rf-reader-sheet > .ib-read.mobile-reader { position:relative; inset:auto; width:100%; height:100%; max-height:none; flex:1; border-radius:0; overflow-y:auto; }
  .rf-reader-sheet .reader-actions { position:sticky; top:0; flex:none; }
  .rf-reader-sheet > .ib-read.empty-host { display:flex; }
  .rf-reader-sheet > .ib-read.empty-host .empty-state { margin:auto; }
  .addr { text-overflow:clip; overflow-x:auto; }
  .row .meta { position:static; align-self:center; gap:6px; }
  .row .meta > span:first-child { font-size:var(--tiny); }
}


.brand-name {
  flex: none;
  white-space: nowrap;
  overflow: visible;
}

[data-alias-list] .status-pill.is-active {
  background: var(--paper);
  color: var(--w-ink);
}

[data-alias-list] .status-pill.is-paused {
  background: var(--w-ink);
  color: var(--paper);
}

[data-twofa-setup] {
  margin-top: 24px;
}

[data-desk-root] [data-twofa-confirm],
[data-desk-root] [data-2fa-disable] {
  margin: 24px 0 0;
  align-self: center;
}

[data-desk-root] [data-twofa-confirm-form],
[data-desk-root] [data-twofa-disable-form] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 24px;
}

[data-desk-root] [data-twofa-confirm-form] [data-twofa-confirm],
[data-desk-root] [data-twofa-disable-form] [data-2fa-disable] {
  margin: 0;
}

[data-twofa-confirm-form][hidden],
[data-twofa-disable-form][hidden] {
  display: none;
}

[data-desk-root] .twofa-status {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

[data-desk-root] [data-2fa-badge] {
  margin: 0;
  margin-bottom: 0;
  align-self: center;
}

[data-filter-trigger] {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding-right: 28px;
}

[data-filter-trigger] .filter-chevron {
  position: absolute;
  right: 12px;
  top: 50%;
  width: 7px;
  height: 7px;
  border: 0;
  border-right: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  transform: translateY(calc(-50% - 0.08em)) rotate(45deg);
  flex: none;
  pointer-events: none;
}

.privacy-hero {
  padding:64px 0 0;
}
.privacy-hero h1 {
  max-width:1000px;
  line-height:1.24;
}
.privacy-hero .section-intro {
  max-width:800px;
  color:var(--lead-ink);
}
.privacy-meta {
  display:flex;
  flex-wrap:wrap;
  gap:12px 32px;
  margin-top:32px;
  font-size:var(--small);
  color:var(--muted);
}
.privacy-meta a {
  color:var(--primary-light);
  overflow-wrap:anywhere;
}
.legal-glance.privacy-glance {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  margin-top:64px;
}
.privacy-glance-card {
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:32px;
  border:1px solid var(--line);
  border-radius:var(--radius-card);
  background:var(--ink-2);
  color:var(--text);
}
.privacy-number {
  font-family:var(--mono);
  font-size:var(--tiny);
  letter-spacing:0;
  color:var(--accent-light);
}
.privacy-glance-card h2 {
  margin-top:24px;
  font-size:var(--lead);
  font-weight:var(--weight-bold);
  line-height:1.4;
  letter-spacing:0;
}
.privacy-glance-card p {
  margin-top:16px;
  font-size:var(--small);
  color:var(--lead-ink);
}
.privacy-glance-card a {
  align-self:flex-start;
  margin-top:auto;
  padding-top:28px;
  color:var(--primary-light);
  font-size:var(--small);
  text-decoration:underline;
  text-underline-offset:4px;
}
.privacy-glance-card a:hover {
  color:var(--text);
}
.privacy-layout {
  display:grid;
  grid-template-columns:240px minmax(0,1fr);
  gap:64px;
  align-items:start;
  padding-top:144px;
  padding-bottom:144px;
}
.privacy-toc {
  background:var(--ink-2);
  color:var(--lead-ink);
}
.privacy-toc a:hover {
  color:var(--primary-light);
}
.privacy-prose {
  overflow-wrap:anywhere;
}
.privacy-topic {
  padding:0;
  scroll-margin-top:calc(var(--header-h) + 32px);
}
.privacy-topic + .privacy-topic {
  margin-top:96px;
}
.privacy-prose .privacy-topic > h2 {
  margin:0 0 24px;
  font-size:var(--h3);
  font-weight:var(--weight-bold);
  line-height:1.4;
  color:var(--text);
}
.privacy-prose h3 {
  font-size:var(--lead);
  font-weight:var(--weight-bold);
  line-height:1.45;
  color:var(--text);
}
.privacy-flow {
  display:grid;
  gap:32px;
  margin:32px 0;
}
.privacy-flow > div {
  padding-left:24px;
  border-left:1px solid var(--line-strong);
}
.privacy-flow dt {
  display:flex;
  align-items:center;
  gap:16px;
  font-size:var(--lead);
  font-weight:var(--weight-medium);
  color:var(--text);
}
.privacy-flow dt span {
  font-family:var(--mono);
  font-size:var(--small);
  font-weight:var(--weight-normal);
  color:var(--accent-light);
}
.privacy-flow dd {
  margin-top:12px;
  color:var(--lead-ink);
}
.privacy-table {
  max-width:100%;
}
.privacy-table table {
  min-width:600px;
  line-height:1.65;
}
.privacy-table caption {
  padding:16px;
  text-align:left;
  font-weight:var(--weight-medium);
  background:var(--paper);
  color:var(--w-ink);
}
.privacy-table th,
.privacy-table td {
  vertical-align:top;
}
.privacy-table thead th:first-child,
.privacy-table tbody th {
  width:24%;
}
.privacy-table tbody th {
  background:var(--paper-2);
  color:var(--w-ink);
}
.privacy-warning {
  margin:32px 0;
  border:1px solid var(--line-strong);
}
.privacy-prose .privacy-warning h3 {
  margin:0;
}
.privacy-warning p {
  color:var(--lead-ink);
}
.privacy-prose .privacy-operation-list {
  display:grid;
  gap:32px;
  margin:32px 0;
  padding-left:24px;
}
.privacy-operation-list li {
  padding-left:8px;
}
.privacy-operation-list li::marker {
  color:var(--accent-light);
  font-family:var(--mono);
}
.privacy-prose .privacy-operation-list h3 {
  margin:0 0 12px;
}
.privacy-contact {
  margin-top:48px;
  padding:32px;
  border:1px solid var(--line);
  border-radius:var(--radius-card);
  background:var(--ink-2);
  color:var(--text);
}
.privacy-prose .privacy-contact h3 {
  margin:0 0 24px;
}
.privacy-contact .actions {
  margin-top:28px;
}
.privacy-contact .pill {
  max-width:100%;
  white-space:normal;
  height:auto;
}
@media (max-width:860px) {
  .privacy-hero {
    padding-top:48px;
  }
  .legal-glance.privacy-glance {
    grid-template-columns:minmax(0,1fr);
    margin-top:48px;
  }
  .privacy-glance-card {
    padding:24px;
  }
  .privacy-layout {
    grid-template-columns:minmax(0,1fr);
    gap:48px;
    padding-top:96px;
    padding-bottom:96px;
  }
  .privacy-toc {
    position:static;
  }
  .privacy-toc ol {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:32px;
  }
  .privacy-topic + .privacy-topic {
    margin-top:64px;
  }
}
@media (max-width:560px) {
  .privacy-hero {
    padding-top:40px;
  }
  .privacy-meta {
    display:grid;
    gap:12px;
  }
  .privacy-layout {
    padding-top:80px;
    padding-bottom:80px;
    gap:40px;
  }
  .privacy-toc ol {
    grid-template-columns:minmax(0,1fr);
  }
  .privacy-flow > div {
    padding-left:16px;
  }
  .privacy-flow dt {
    gap:12px;
  }
  .privacy-contact {
    padding:24px;
  }
  .privacy-contact .actions {
    align-items:flex-start;
    flex-direction:column;
    gap:20px;
  }
}

.terms-hero {
  padding:64px 0 0;
}
.terms-hero h1 {
  max-width:980px;
  font-size:var(--h1);
  line-height:1.24;
}
.terms-hero .section-intro {
  max-width:800px;
  color:var(--lead-ink);
}
.terms-version {
  margin-top:24px;
  font-size:var(--small);
  color:var(--muted);
}
.terms-legal-glance {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  margin-top:48px;
}
.terms-overview-card {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:0;
  padding:32px;
  border-radius:var(--radius-card);
  background:var(--ink-2);
  color:var(--text);
}
.terms-overview-card > svg {
  color:var(--accent-light);
  margin-bottom:24px;
}
.terms-overview-card h2 {
  font-size:var(--lead);
  line-height:1.4;
  letter-spacing:0;
}
.terms-overview-card p {
  margin-top:16px;
  color:var(--lead-ink);
  font-size:var(--body);
}
.terms-overview-card a {
  margin-top:auto;
  padding-top:24px;
  color:var(--primary-light);
  font-size:var(--small);
  text-decoration:underline;
  text-underline-offset:4px;
}
.terms-overview-card a:hover {
  color:var(--primary-soft);
}
.terms-layout {
  display:grid;
  grid-template-columns:240px minmax(0,1fr);
  gap:64px;
  padding-top:144px;
  padding-bottom:144px;
  align-items:start;
}
.terms-toc {
  background:var(--ink);
  color:var(--lead-ink);
}
.terms-toc a:hover {
  color:var(--primary-light);
}
.terms-toc-note {
  margin-top:24px;
  font-size:var(--small);
  color:var(--muted);
}
.terms-toc-note a {
  color:var(--primary-light);
  text-decoration:underline;
  text-underline-offset:4px;
}
.terms-prose h2 {
  font-size:var(--h3);
  line-height:1.4;
  font-weight:var(--weight-bold);
}
.terms-prose h3 {
  font-size:var(--lead);
  line-height:1.45;
  font-weight:var(--weight-bold);
}
.terms-section {
  padding:0;
  scroll-margin-top:calc(var(--header-h) + 32px);
}
.terms-section + .terms-section {
  margin-top:96px;
}
.terms-section-number {
  color:var(--accent-light);
  font-family:var(--mono);
  font-size:var(--small);
  letter-spacing:0;
}
.terms-prose .terms-section > h2 {
  margin:20px 0 24px;
}
.terms-prose strong {
  font-weight:var(--weight-bold);
  color:var(--text);
}
.terms-retention-table {
  max-width:100%;
}
.terms-retention-table table {
  min-width:600px;
}
.terms-retention-table caption {
  padding:16px;
  text-align:left;
  font-size:var(--small);
  font-weight:var(--weight-medium);
  background:var(--paper);
  color:var(--w-ink);
}
.terms-retention-table th,
.terms-retention-table td {
  vertical-align:top;
  line-height:1.7;
}
.terms-retention-table tbody th {
  width:22%;
  background:var(--text);
  color:var(--w-ink);
}
.terms-use-pair {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  margin:32px 0;
}
.terms-use-card {
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:24px;
  border:1px solid var(--line);
  border-radius:var(--radius-card);
  background:var(--ink-2);
  color:var(--lead-ink);
}
.terms-use-heading {
  display:grid;
  grid-template-columns:24px minmax(0,1fr);
  gap:12px;
  align-items:start;
}
.terms-use-heading svg {
  margin-top:2px;
  color:var(--primary-light);
}
.terms-prose .terms-use-heading h3 {
  margin:0;
  font-size:var(--lead);
  line-height:1.45;
}
.terms-prose .terms-use-card ul {
  display:grid;
  gap:16px;
  margin:24px 0 32px;
  padding-left:20px;
  font-size:var(--small);
}
.terms-use-card > a {
  margin-top:auto;
  font-size:var(--small);
}
.terms-use-restricted .terms-use-heading svg {
  color:var(--accent-light);
}
.terms-prose .terms-end h2 {
  margin:0 0 24px;
  font-size:var(--h3);
}
.terms-end p {
  color:var(--lead-ink);
}
.terms-end .actions {
  gap:20px;
}
.terms-end .pill {
  max-width:100%;
  white-space:normal;
  height:auto;
}
@media (max-width:860px) {
  .terms-hero {
    padding-top:48px;
  }
  .terms-legal-glance {
    grid-template-columns:minmax(0,1fr);
    gap:16px;
    margin-top:40px;
  }
  .terms-overview-card {
    padding:24px;
  }
  .terms-layout {
    grid-template-columns:minmax(0,1fr);
    gap:48px;
    padding-top:96px;
    padding-bottom:96px;
  }
  .terms-toc {
    position:static;
  }
  .terms-section + .terms-section {
    margin-top:64px;
  }
  .terms-use-pair {
    grid-template-columns:minmax(0,1fr);
  }
}
@media (max-width:560px) {
  .terms-hero {
    padding-top:40px;
  }
  .terms-version {
    font-size:var(--tiny);
  }
  .terms-layout {
    padding-top:64px;
    padding-bottom:80px;
  }
  .terms-toc {
    padding:24px;
  }
  .terms-use-card {
    padding:24px 20px;
  }
  .terms-end .actions {
    align-items:flex-start;
    flex-direction:column;
  }
}

.trial-hero { padding:64px 0 0; }
.trial-hero-grid { display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:64px; align-items:start; }
.trial-hero-grid h1 { font-size:var(--h1); line-height:1.24; }
.trial-hero-grid .section-intro { color:var(--lead-ink); max-width:640px; }
.trial-hero-actions { margin-top:32px; gap:24px; }
.trial-brief { padding:32px; background:var(--ink-2); color:var(--text); border-radius:var(--radius-card); }
.trial-route-icon { display:block; color:var(--accent); margin-bottom:24px; }
.trial-brief h2 { font-size:var(--h3); line-height:1.4; letter-spacing:-.02em; }
.trial-brief p { margin-top:20px; font-size:var(--small); color:var(--lead-ink); }
.trial-brief .ulink { display:inline-block; margin-top:28px; color:var(--primary-light); font-size:var(--small); }
.trial-brief .ulink:hover { color:var(--primary-soft); }
.trial-boundary { margin-top:40px; max-width:880px; padding-left:20px; border-left:2px solid var(--accent); color:var(--muted); font-size:var(--small); }
.trial-choice-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:48px; }
.trial-choice { display:flex; flex-direction:column; padding:32px; border:1px solid var(--line); border-radius:var(--radius-card); background:var(--ink-2); color:var(--text); min-width:0; }
.trial-index { display:block; font-family:var(--mono); font-size:var(--small); font-weight:var(--weight-normal); letter-spacing:0; color:var(--accent-light); }
.trial-choice h3 { margin-top:24px; font-size:var(--lead); font-weight:var(--weight-bold); line-height:1.5; }
.trial-choice p { margin-top:16px; color:var(--lead-ink); font-size:var(--body); }
.trial-choice a { padding-top:28px; margin-top:auto; font-size:var(--small); font-weight:var(--weight-medium); color:var(--primary-light); text-decoration:underline; text-underline-offset:4px; }
.trial-choice a:hover { color:var(--primary-soft); }
.trial-checklist { margin-top:48px; padding:40px; border-radius:var(--radius-card); background:var(--paper-2); color:var(--w-ink); }
.trial-progress-head { display:flex; justify-content:space-between; gap:24px; align-items:center; }
.trial-progress-label { font-size:var(--small); color:var(--w-muted); }
.trial-progress-value { margin-top:8px; font-size:var(--h3); font-weight:var(--weight-bold); line-height:1.4; }
.trial-progress-head .pill { font-size:var(--small); background:var(--text); color:var(--status-ink); }
.trial-progress-head .pill:hover { background:var(--primary-wash); color:var(--status-ink); }
.trial-progress { display:block; width:100%; height:8px; margin-top:24px; border:0; border-radius:var(--radius-control); appearance:none; overflow:hidden; background:var(--w-line); color:var(--primary); }
.trial-progress::-webkit-progress-bar { background:var(--w-line); border-radius:var(--radius-control); }
.trial-progress::-webkit-progress-value { background:var(--primary); border-radius:var(--radius-control); }
.trial-progress::-moz-progress-bar { background:var(--primary); border-radius:var(--radius-control); }
.trial-check-items { margin-top:24px; list-style:none; }
.trial-check-item { display:grid; grid-template-columns:24px minmax(0,1fr); gap:20px; padding:28px 0; }
.trial-check-item + .trial-check-item { border-top:1px solid var(--w-line); }
.trial-check-item > input { appearance:auto; width:22px; height:22px; margin:3px 0 0; padding:0; border-radius:0; accent-color:var(--primary); cursor:pointer; }
.trial-check-item > input:focus-visible { outline:2px solid var(--primary); outline-offset:4px; box-shadow:none; }
.trial-check-item label { display:flex; gap:16px; align-items:baseline; font-size:var(--lead); font-weight:var(--weight-bold); line-height:1.5; cursor:pointer; }
.trial-step-number { flex:none; color:var(--status-ink); font-size:var(--small); font-family:var(--mono); font-weight:var(--weight-medium); }
.trial-check-item p { max-width:880px; margin-top:12px; color:var(--w-muted); font-size:var(--body); }
.trial-check-item a { display:inline-block; margin-top:12px; color:var(--status-ink); font-size:var(--small); text-decoration:underline; text-underline-offset:4px; }
.trial-check-item a:hover { color:var(--w-ink); }
.trial-result { display:flex; gap:16px; align-items:flex-start; padding:20px; margin-top:8px; border:1px solid var(--utility-line); border-radius:var(--radius-small); background:var(--text); color:var(--w-muted); }
.trial-result svg { flex:none; margin-top:2px; }
.trial-result p { font-size:var(--small); }
.trial-is-complete .trial-result { background:var(--status-wash); color:var(--status-ink); }
.trial-noscript { margin-top:24px; font-size:var(--small); color:var(--lead-ink); }
.trial-flow-window { margin-top:48px; border-radius:var(--radius-card); overflow:hidden; background:var(--text); color:var(--w-ink); }
.trial-flow-caption { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:16px 32px; background:var(--paper); color:var(--w-muted); border-bottom:1px solid var(--w-line); font-size:var(--small); }
.trial-flow-grid { display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); }
.trial-flow-pane { padding:32px; min-width:0; }
.trial-flow-pane + .trial-flow-pane { border-left:1px solid var(--w-line); }
.trial-flow-pane .trial-index { color:var(--accent-ink); }
.trial-flow-pane h3 { margin-top:20px; font-size:var(--h3); line-height:1.4; font-weight:var(--weight-bold); }
.trial-mock-fields { margin-top:28px; }
.trial-mock-fields dt { margin-top:20px; font-size:var(--small); color:var(--w-muted); }
.trial-mock-fields dd { margin-top:8px; font-size:var(--body); color:var(--w-ink); }
.trial-flow-note { margin-top:28px; color:var(--w-muted); font-size:var(--small); }
.trial-flow-list { list-style:none; margin-top:28px; display:grid; gap:24px; }
.trial-flow-list strong { display:block; font-size:var(--body); font-weight:var(--weight-bold); color:var(--w-ink); }
.trial-flow-list span { display:block; margin-top:8px; font-size:var(--body); color:var(--w-muted); }
.trial-under-note { margin-top:32px; max-width:880px; color:var(--muted); font-size:var(--small); }
.trial-exception-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:48px 64px; margin-top:48px; }
.trial-exception { min-width:0; padding-left:24px; border-left:1px solid var(--line-strong); }
.trial-exception h3 { margin-top:20px; font-size:var(--lead); line-height:1.5; font-weight:var(--weight-bold); }
.trial-exception p { margin-top:16px; color:var(--lead-ink); }
.trial-exception .ulink { display:inline-block; margin-top:28px; color:var(--primary-light); font-size:var(--small); }
.trial-exception .ulink:hover { color:var(--primary-soft); }
.trial-finish { padding-bottom:144px; }
.trial-finish-content { max-width:880px; }
.trial-finish-content .section-intro { max-width:800px; color:var(--lead-ink); }
.trial-finish-note { max-width:800px; margin-top:24px; font-size:var(--small); color:var(--muted); }
.trial-finish-actions { margin-top:32px; gap:16px; }
@media (max-width:860px) {
  .trial-hero { padding-top:48px; }
  .trial-hero-grid { grid-template-columns:minmax(0,1fr); gap:40px; }
  .trial-brief { max-width:700px; }
  .trial-choice-grid { grid-template-columns:minmax(0,1fr); gap:20px; margin-top:40px; }
  .trial-choice { padding:28px; }
  .trial-choice h3 { margin-top:20px; }
  .trial-checklist { margin-top:40px; padding:28px; }
  .trial-flow-window { margin-top:40px; }
  .trial-flow-grid { grid-template-columns:minmax(0,1fr); }
  .trial-flow-pane + .trial-flow-pane { border-left:0; border-top:1px solid var(--w-line); }
  .trial-exception-grid { gap:40px 32px; margin-top:40px; }
  .trial-finish { padding-bottom:96px; }
}
@media (max-width:560px) {
  .trial-hero { padding-top:40px; }
  .trial-brief { padding:24px; }
  .trial-boundary { margin-top:32px; padding-left:16px; }
  .trial-hero-actions { gap:20px; }
  .trial-checklist { padding:24px 16px; }
  .trial-progress-head { gap:16px; align-items:flex-start; flex-wrap:wrap; }
  .trial-progress-value { font-size:var(--lead); }
  .trial-progress-head .pill { padding:6px 16px; }
  .trial-check-item { gap:12px; padding:24px 0; }
  .trial-check-item label { align-items:flex-start; gap:10px; font-size:var(--body); }
  .trial-check-item p { font-size:var(--small); }
  .trial-step-number { padding-top:2px; }
  .trial-result { padding:16px; gap:12px; }
  .trial-flow-caption { padding:16px 20px; flex-direction:column; align-items:flex-start; gap:4px; font-size:var(--tiny); }
  .trial-flow-pane { padding:24px 20px; }
  .trial-exception-grid { grid-template-columns:minmax(0,1fr); }
  .trial-exception { padding-left:20px; }
  .trial-finish { padding-bottom:80px; }
  .trial-finish-actions .pill { max-width:100%; white-space:normal; height:auto; }
}


/* Inbox lifespan */
.lifespan-hero { padding-top:64px; }
.lifespan-hero-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:64px; align-items:center; }
.lifespan-hero-grid h1 { max-width:680px; line-height:1.24; }
.lifespan-hero-grid .section-intro { max-width:600px; }
.lifespan-hero-actions { margin-top:32px; gap:24px; }
.lifespan-answer { padding:32px; background:var(--paper); color:var(--w-ink); border-radius:var(--radius-card); min-width:0; }
.lifespan-answer > svg { color:var(--w-ink); margin-bottom:24px; }
.lifespan-redline { color:var(--accent); }
.lifespan-answer h2 { font-size:var(--h3); line-height:1.4; }
.lifespan-answer > p { font-size:var(--body); color:var(--w-muted); margin-top:20px; }
.lifespan-facts { display:grid; gap:16px; margin-top:32px; }
.lifespan-facts > div { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.lifespan-facts dt { font-size:var(--small); color:var(--w-muted); }
.lifespan-facts dd { font-family:var(--mono); font-size:var(--lead); font-weight:var(--weight-medium); white-space:nowrap; }
.lifespan-answer .lifespan-answer-note { margin-top:32px; padding-top:24px; border-top:1px solid var(--utility-line); font-size:var(--small); }
.lifespan-planner { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:48px; border:1px solid var(--line-strong); border-radius:var(--radius-card); overflow:hidden; }
.lifespan-planner-inputs { padding:40px; background:var(--ink-2); color:var(--text); min-width:0; }
.lifespan-planner-heading { display:flex; align-items:center; gap:16px; flex-wrap:wrap; margin-bottom:32px; }
.lifespan-planner h3 { font-size:var(--lead); line-height:1.5; font-weight:var(--weight-medium); }
.lifespan-planner-inputs > .field + .field { margin-top:32px; }
.lifespan-planner-inputs input[type="number"] { max-width:200px; background:var(--ink); color:var(--text); border-color:var(--line-strong); font-family:var(--mono); }
.lifespan-help { font-size:var(--small); color:var(--muted); line-height:1.7; }
.lifespan-range-row { display:flex; align-items:center; gap:20px; min-height:44px; }
.lifespan-range-row input[type="range"] { width:100%; min-width:0; height:32px; padding:0; border:0; border-radius:var(--radius-control); accent-color:var(--primary-light); box-shadow:none; background:var(--clear); color:var(--text); cursor:pointer; }
.lifespan-range-row input[type="range"]:focus-visible { outline:2px solid var(--primary-light); outline-offset:4px; }
.lifespan-range-row output { flex:none; min-width:80px; text-align:right; font-family:var(--mono); font-size:var(--small); white-space:nowrap; }
.lifespan-presets { display:flex; gap:8px; flex-wrap:wrap; margin-top:24px; }
.lifespan-presets .pill.line { font-size:var(--small); padding:6px 16px; min-height:36px; border:1px solid var(--line-strong); background:var(--clear); color:var(--text); }
.lifespan-presets .pill.line:hover { background:var(--paper); color:var(--w-ink); border-color:var(--paper); }
.lifespan-input-error { margin-top:24px; padding:12px 16px; border-radius:var(--radius-small); background:var(--accent-wash); color:var(--accent-ink); font-size:var(--small); }
.lifespan-planner-result { padding:40px; min-width:0; background:var(--paper); color:var(--w-ink); }
.lifespan-planner-result > .lifespan-help { margin-top:12px; color:var(--w-muted); }
.lifespan-gauge { margin-top:24px; }
.lifespan-gauge label { color:var(--w-muted); margin-bottom:8px; }
.lifespan-gauge-row { display:flex; align-items:center; gap:16px; }
.lifespan-gauge-row progress { width:100%; min-width:0; height:8px; border:0; border-radius:var(--radius-control); overflow:hidden; appearance:none; background:var(--w-line); color:var(--primary); }
.lifespan-gauge-row progress::-webkit-progress-bar { background:var(--w-line); border-radius:var(--radius-control); }
.lifespan-gauge-row progress::-webkit-progress-value { background:var(--primary); border-radius:var(--radius-control); }
.lifespan-gauge-row progress::-moz-progress-bar { background:var(--primary); border-radius:var(--radius-control); }
.lifespan-gauge-row output { min-width:80px; flex:none; text-align:right; font-family:var(--mono); font-size:var(--small); color:var(--w-ink); white-space:nowrap; }
.lifespan-verdict { margin-top:32px; }
.lifespan-verdict .status-pill { max-width:100%; white-space:normal; padding:6px 12px; line-height:1.6; }
.lifespan-verdict p { margin-top:16px; color:var(--w-ink); font-size:var(--body); }
.lifespan-result-note { margin-top:24px; font-size:var(--small); color:var(--w-muted); }
.lifespan-result-actions { margin-top:28px; gap:16px; }
.lifespan-result-actions .pill { font-size:var(--small); }
.lifespan-text-link { font-size:var(--small); color:var(--status-ink); text-decoration:underline; text-underline-offset:4px; }
.lifespan-text-link:hover { color:var(--w-ink); }
.lifespan-noscript { margin-top:24px; padding:24px; background:var(--paper); color:var(--w-ink); border-radius:var(--radius-small); }
.lifespan-extend-grid { display:grid; grid-template-columns:minmax(0,5fr) minmax(0,6fr); gap:64px; align-items:start; }
.lifespan-section-link { display:inline-block; color:var(--primary-light); margin-top:32px; }
.lifespan-extension { min-width:0; }
.lifespan-location { background:var(--text); color:var(--w-ink); border-radius:var(--radius-card); padding:24px; }
.lifespan-location > span { color:var(--w-muted); font-size:var(--tiny); }
.lifespan-location-row { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px; margin-top:16px; }
.lifespan-location-row strong { font-size:var(--body); font-weight:var(--weight-medium); }
.lifespan-location-control { display:inline-flex; min-height:36px; align-items:center; padding:6px 16px; border:1px solid var(--w-line); border-radius:var(--radius-control); font-size:var(--small); background:var(--paper); color:var(--w-ink); }
.lifespan-location p { margin-top:16px; font-size:var(--tiny); color:var(--w-muted); }
.lifespan-instructions { display:grid; list-style:none; gap:28px; margin-top:32px; }
.lifespan-instructions li { display:grid; grid-template-columns:32px minmax(0,1fr); align-items:start; gap:16px; }
.lifespan-instructions li > span { display:flex; align-items:center; justify-content:center; width:28px; height:28px; border:1px solid var(--accent-light); border-radius:50%; color:var(--accent-light); font-family:var(--mono); font-size:var(--small); }
.lifespan-instructions h3 { font-size:var(--lead); line-height:1.5; font-weight:var(--weight-medium); }
.lifespan-instructions p { margin-top:8px; font-size:var(--body); color:var(--muted); }
.lifespan-contract { margin-top:32px; padding:16px 20px; border:1px solid var(--line); border-radius:var(--radius-small); background:var(--ink-2); color:var(--text); }
.lifespan-contract summary { padding-right:24px; font-size:var(--small); line-height:1.5; }
.lifespan-chevron { position:absolute; right:2px; top:50%; width:7px; height:7px; border-right:1px solid currentColor; border-bottom:1px solid currentColor; transform:translateY(calc(-50% - .08em)) rotate(45deg); }
.lifespan-contract[open] .lifespan-chevron { position:absolute; right:2px; top:50%; transform:translateY(calc(-50% + .08em)) rotate(225deg); }
.lifespan-contract-body p { font-size:var(--small); color:var(--lead-ink); }
.lifespan-contract-body pre { margin:24px 0; font-size:var(--small); color:var(--lead-ink); line-height:1.7; }
.lifespan-events { display:grid; list-style:none; gap:40px; margin-top:48px; max-width:960px; }
.lifespan-events li { display:grid; grid-template-columns:64px minmax(0,1fr); gap:24px; align-items:start; }
.lifespan-event-number { display:inline-flex; align-items:center; justify-content:center; width:48px; height:48px; border:1px solid var(--line-strong); border-radius:50%; font-family:var(--mono); font-size:var(--small); color:var(--accent-light); }
.lifespan-events h3 { font-size:var(--h3); line-height:1.4; font-weight:var(--weight-medium); }
.lifespan-events p { margin-top:12px; color:var(--lead-ink); }
.lifespan-events a { color:var(--primary-light); text-decoration:underline; text-underline-offset:4px; }
.lifespan-event-note { display:block; margin-top:12px; font-size:var(--small); color:var(--muted); }
.lifespan-task-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:48px; }
.lifespan-task { display:flex; flex-direction:column; padding:32px; border-radius:var(--radius-card); background:var(--ink-2); color:var(--text); min-width:0; }
.lifespan-task > svg { color:var(--accent-light); }
.lifespan-task h3 { margin-top:24px; font-size:var(--h3); line-height:1.4; font-weight:var(--weight-medium); }
.lifespan-task p { margin-top:16px; color:var(--muted); }
.lifespan-task a { margin-top:auto; padding-top:32px; color:var(--primary-light); font-size:var(--small); text-decoration:underline; text-underline-offset:4px; }
.lifespan-task a:hover { color:var(--text); }
.lifespan-archive-note { display:grid; grid-template-columns:160px minmax(0,1fr); gap:32px; align-items:center; padding:32px; margin-top:32px; border:1px solid var(--line); border-radius:var(--radius-card); background:var(--ink); color:var(--lead-ink); }
.lifespan-archive-number { font-family:var(--mono); font-size:var(--h2); line-height:1.3; color:var(--text); }
.lifespan-archive-note strong { color:var(--text); font-weight:var(--weight-medium); }
.lifespan-faq { padding-bottom:0; }
.lifespan-final { padding-bottom:144px; }
.lifespan-final-content { max-width:800px; }
.lifespan-final-content .section-intro { max-width:680px; }
.lifespan-final-actions { margin-top:32px; gap:16px; }

@media (max-width:860px) {
  .lifespan-hero-grid { grid-template-columns:minmax(0,1fr); gap:40px; align-items:start; }
  .lifespan-hero-grid h1 { max-width:680px; }
  .lifespan-answer { max-width:680px; width:100%; }
  .lifespan-planner { grid-template-columns:minmax(0,1fr); margin-top:40px; }
  .lifespan-planner-inputs,.lifespan-planner-result { padding:32px; }
  .lifespan-extend-grid { grid-template-columns:minmax(0,1fr); gap:40px; }
  .lifespan-task-grid { grid-template-columns:minmax(0,1fr); gap:24px; }
  .lifespan-task { padding:32px; }
  .lifespan-events { gap:32px; }
  .lifespan-events li { grid-template-columns:48px minmax(0,1fr); gap:20px; }
  .lifespan-archive-note { grid-template-columns:120px minmax(0,1fr); gap:24px; }
  .lifespan-final { padding-bottom:96px; }
}
@media (max-width:560px) {
  .lifespan-hero { padding-top:40px; }
  .lifespan-hero-actions { align-items:flex-start; gap:20px; }
  .lifespan-answer { padding:24px; }
  .lifespan-answer > p { font-size:var(--small); }
  .lifespan-facts > div { flex-wrap:wrap; gap:8px 16px; }
  .lifespan-planner-inputs,.lifespan-planner-result { padding:24px 20px; }
  .lifespan-planner-heading { gap:16px; }
  .lifespan-range-row { gap:12px; }
  .lifespan-range-row output,.lifespan-gauge-row output { min-width:72px; }
  .lifespan-presets { gap:8px; }
  .lifespan-presets .pill.line { padding:6px 12px; }
  .lifespan-result-actions { align-items:flex-start; gap:20px; }
  .lifespan-location { padding:24px 20px; }
  .lifespan-instructions li { gap:12px; }
  .lifespan-contract { padding:16px; }
  .lifespan-events li { grid-template-columns:32px minmax(0,1fr); gap:16px; }
  .lifespan-event-number { width:32px; height:32px; font-size:var(--tiny); }
  .lifespan-events h3 { font-size:var(--lead); line-height:1.5; }
  .lifespan-task { padding:24px; }
  .lifespan-archive-note { grid-template-columns:minmax(0,1fr); padding:24px; gap:16px; }
  .lifespan-final { padding-bottom:80px; }
  .lifespan-final-actions .pill { max-width:100%; white-space:normal; height:auto; }
}

.duration-hero { padding-top:64px; }
.duration-opening { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(0,1fr); gap:64px; align-items:center; }
.duration-opening h1 { font-size:var(--h1); line-height:1.24; max-width:760px; }
.duration-opening .section-intro { max-width:660px; color:var(--lead-ink); }
.duration-hero-actions { margin-top:32px; gap:24px; }
.duration-signal { padding:32px; border:1px solid var(--line); border-radius:var(--radius-card); background:var(--ink-2); color:var(--text); }
.duration-signal-art { display:block; width:100%; height:auto; max-height:120px; margin-bottom:24px; color:var(--primary-light); }
.duration-signal-label { font-size:var(--small); color:var(--muted); }
.duration-signal strong { display:block; margin-top:8px; font-size:var(--h2); line-height:1.3; font-weight:var(--weight-bold); letter-spacing:-.02em; }
.duration-signal > p:last-of-type { margin-top:20px; font-size:var(--small); color:var(--lead-ink); }
.duration-signal .ulink { display:inline-block; margin-top:24px; color:var(--primary-light); font-size:var(--small); }
.duration-scope { display:grid; grid-template-columns:160px minmax(0,1fr); gap:32px; margin-top:64px; padding:24px 32px; background:var(--ink-2); color:var(--lead-ink); border-radius:var(--radius-small); font-size:var(--small); }
.duration-index { font-size:var(--small); color:var(--accent-light); font-weight:var(--weight-medium); }
.duration-scope strong { color:var(--text); font-weight:var(--weight-medium); }
.duration-table-scroll { margin-top:48px; background:var(--text); color:var(--w-ink); }
.duration-table { min-width:840px; table-layout:fixed; line-height:1.65; }
.duration-table caption { text-align:left; padding:24px; background:var(--paper); color:var(--w-ink); font-size:var(--lead); font-weight:var(--weight-medium); }
.duration-table thead th { padding:24px; background:var(--paper); color:var(--w-ink); vertical-align:top; font-size:var(--lead); }
.duration-table thead th:first-child { width:17%; font-size:var(--small); }
.duration-table thead th span { display:block; margin-top:8px; font-size:var(--small); color:var(--w-muted); font-weight:var(--weight-normal); }
.duration-table tbody th { background:var(--text); color:var(--w-ink); font-size:var(--small); font-weight:var(--weight-medium); }
.duration-table tbody td { background:var(--text); color:var(--mail-ink); }
.duration-table tbody th,.duration-table tbody td { padding:24px; vertical-align:top; }
.duration-table tbody td:last-child { background:var(--paper-2); color:var(--w-ink); }
.duration-table-note { margin-top:32px; color:var(--muted); font-size:var(--small); max-width:900px; }
.duration-table-note a { color:var(--primary-light); text-decoration:underline; text-underline-offset:4px; }
.duration-task-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:48px; }
.duration-task { display:flex; flex-direction:column; min-width:0; padding:32px; border:1px solid var(--line); border-radius:var(--radius-card); background:var(--ink-2); color:var(--text); }
.duration-task > svg { color:var(--lead-ink); }
.duration-task-label { margin-top:24px; font-size:var(--tiny); color:var(--accent-light); }
.duration-task h3 { margin-top:12px; font-size:var(--lead); font-weight:var(--weight-bold); line-height:1.45; }
.duration-task > p:not(.duration-task-label) { margin-top:20px; font-size:var(--body); color:var(--lead-ink); }
.duration-task dl { margin:24px 0 32px; }
.duration-task dt { font-size:var(--small); font-weight:var(--weight-medium); color:var(--text); }
.duration-task dt:not(:first-child) { margin-top:20px; }
.duration-task dd { margin-top:8px; font-size:var(--small); color:var(--muted); }
.duration-task .ulink { align-self:flex-start; margin-top:auto; color:var(--primary-light); font-size:var(--small); }
.duration-recovery-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); gap:64px; align-items:start; }
.duration-side-link { display:inline-block; margin-top:32px; color:var(--primary-light); font-size:var(--small); }
.duration-path { list-style:none; display:grid; gap:24px; }
.duration-path li { display:grid; grid-template-columns:32px minmax(0,1fr); gap:20px; padding:32px; border:1px solid var(--line); border-radius:var(--radius-card); background:var(--ink-2); color:var(--text); }
.duration-path-number { display:flex; align-items:center; justify-content:center; width:32px; height:32px; border:1px solid var(--accent); border-radius:var(--radius-control); color:var(--accent-light); font-family:var(--mono); font-size:var(--small); }
.duration-path h3 { font-size:var(--lead); font-weight:var(--weight-bold); line-height:1.5; }
.duration-path p { margin-top:12px; color:var(--lead-ink); font-size:var(--body); }
.duration-path a { display:inline-block; margin-top:24px; color:var(--primary-light); font-size:var(--small); text-decoration:underline; text-underline-offset:4px; }
.duration-clock-list { display:grid; gap:24px; margin-top:48px; }
.duration-clock { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,2fr); gap:48px; padding:32px; background:var(--ink-2); color:var(--text); border-radius:var(--radius-card); }
.duration-clock-heading { min-width:0; }
.duration-clock h3 { margin-top:16px; font-size:var(--lead); line-height:1.5; font-weight:var(--weight-bold); }
.duration-clock p { color:var(--lead-ink); font-size:var(--body); }
.duration-clock p + p { margin-top:16px; }
.duration-clock a { color:var(--primary-light); text-decoration:underline; text-underline-offset:4px; }
.duration-conclusion { padding-bottom:144px; }
.duration-final { text-align:center; max-width:920px; margin:0 auto; }
.duration-final .eyebrow { justify-content:center; }
.duration-final .section-intro { max-width:760px; margin:24px auto 0; }
.duration-final-actions { justify-content:center; margin-top:32px; gap:16px; }
.duration-final-actions .pill { max-width:100%; white-space:normal; height:auto; }
.duration-final-link { display:inline-block; margin-top:32px; color:var(--primary-light); font-size:var(--small); }
.duration-final-note { margin-top:32px; color:var(--muted); font-size:var(--small); }
.duration-final-note a { color:var(--primary-light); text-decoration:underline; text-underline-offset:4px; }
@media (max-width:860px) {
  .duration-hero { padding-top:48px; }
  .duration-opening { grid-template-columns:minmax(0,1fr); gap:40px; }
  .duration-opening h1 { max-width:680px; }
  .duration-signal { max-width:640px; width:100%; }
  .duration-signal-art { width:240px; }
  .duration-scope { grid-template-columns:minmax(0,1fr); gap:12px; margin-top:40px; padding:24px; }
  .duration-task-grid { grid-template-columns:minmax(0,1fr); gap:24px; }
  .duration-task { padding:32px; }
  .duration-task dl { display:grid; grid-template-columns:112px minmax(0,1fr); gap:16px; }
  .duration-task dt:not(:first-child),.duration-task dd { margin:0; }
  .duration-recovery-layout { grid-template-columns:minmax(0,1fr); gap:40px; }
  .duration-clock { grid-template-columns:minmax(0,1fr); gap:24px; }
  .duration-conclusion { padding-bottom:96px; }
}
@media (max-width:560px) {
  .duration-hero { padding-top:40px; }
  .duration-hero-actions { align-items:flex-start; gap:20px; }
  .duration-signal { padding:24px; }
  .duration-signal-art { width:200px; margin-bottom:20px; }
  .duration-scope { padding:20px; }
  .duration-table-scroll { margin-top:32px; }
  .duration-table caption { padding:20px; font-size:var(--body); }
  .duration-table thead th,.duration-table tbody th,.duration-table tbody td { padding:20px; }
  .duration-task-grid,.duration-clock-list { margin-top:32px; }
  .duration-task { padding:24px; }
  .duration-task dl { display:block; }
  .duration-task dt:not(:first-child) { margin-top:20px; }
  .duration-task dd { margin-top:8px; }
  .duration-path li { padding:24px 20px; gap:16px; }
  .duration-clock { padding:24px; }
  .duration-final { text-align:left; }
  .duration-final .eyebrow { justify-content:flex-start; }
  .duration-final .section-intro { margin:24px 0 0; }
  .duration-final-actions { justify-content:flex-start; }
  .duration-conclusion { padding-bottom:80px; }
}


.newsletter-main { padding-bottom:0; }
.newsletter-hero { padding-top:64px; }
.newsletter-opening { display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:64px; align-items:center; }
.newsletter-opening h1 { font-size:var(--h1); line-height:1.24; }
.newsletter-opening .section-intro { color:var(--lead-ink); }
.newsletter-actions { margin-top:32px; gap:24px; }
.newsletter-actions .ulink { color:var(--primary-light); }
.newsletter-brief { position:relative; padding:40px 32px; border:1px solid var(--line-strong); border-radius:var(--radius-card); background:var(--ink-2); color:var(--text); min-width:0; }
.newsletter-sketch { display:block; max-width:100%; color:var(--accent); margin-bottom:32px; }
.newsletter-label { font-size:var(--small); color:var(--muted); }
.newsletter-timing { display:grid; gap:32px; margin-top:32px; }
.newsletter-timing dt { font-size:var(--small); color:var(--accent-light); margin-bottom:8px; }
.newsletter-timing dd strong { display:block; font-size:var(--h3); font-weight:var(--weight-bold); line-height:1.4; }
.newsletter-timing dd span { display:block; font-size:var(--small); color:var(--lead-ink); margin-top:12px; }
.newsletter-caution { max-width:960px; margin-top:48px; padding-left:24px; border-left:2px solid var(--accent); font-size:var(--small); color:var(--muted); }
.newsletter-caution strong { color:var(--text); font-weight:var(--weight-medium); }
.newsletter-choices { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:48px; }
.newsletter-choice { display:flex; flex-direction:column; padding:32px; }
.newsletter-choice > svg { color:var(--accent-light); margin-bottom:24px; }
.newsletter-choice h3 { font-size:var(--lead); }
.newsletter-choice p { font-size:var(--body); }
.newsletter-choice dl { display:grid; gap:8px; margin-top:24px; font-size:var(--small); }
.newsletter-choice dt { color:var(--text); font-weight:var(--weight-medium); }
.newsletter-choice dd { color:var(--muted); margin-bottom:16px; }
.newsletter-choice .ulink { align-self:flex-start; margin-top:auto; padding-top:24px; font-size:var(--small); color:var(--primary-light); }
.newsletter-process { display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:64px; align-items:start; }
.newsletter-process-note { margin-top:40px; padding:24px; background:var(--ink-2); color:var(--text); border-radius:var(--radius-card); }
.newsletter-process-note strong { font-size:var(--lead); font-weight:var(--weight-medium); }
.newsletter-process-note p { margin-top:16px; font-size:var(--small); color:var(--muted); }
.newsletter-process-note a { display:inline-block; margin-top:24px; font-size:var(--small); color:var(--primary-light); }
.newsletter-checklist { display:grid; gap:32px; list-style:none; }
.newsletter-checklist li { display:grid; grid-template-columns:40px minmax(0,1fr); gap:24px; align-items:start; }
.newsletter-step-number { display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; border:1px solid var(--accent); border-radius:var(--radius-control); font-family:var(--mono); font-size:var(--small); color:var(--accent-light); }
.newsletter-checklist h3 { font-size:var(--lead); font-weight:var(--weight-medium); line-height:1.5; }
.newsletter-checklist p { margin-top:8px; color:var(--lead-ink); font-size:var(--body); }
.newsletter-checklist a { color:var(--primary-light); text-decoration:underline; text-underline-offset:4px; }
.newsletter-routing-panel { margin-top:48px; padding:40px; border:1px solid var(--line); border-radius:var(--radius-card); background:var(--ink-2); color:var(--text); }
.newsletter-route-row { display:grid; grid-template-columns:40px minmax(0,1fr) 40px minmax(0,.7fr); align-items:center; gap:24px; padding:24px 0; }
.newsletter-route-mark { display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border:1px solid var(--line-strong); border-radius:var(--radius-small); background:var(--ink-3); color:var(--text); font-family:var(--mono); }
.newsletter-route-label { display:block; font-size:var(--small); color:var(--muted); margin-bottom:8px; }
.newsletter-route-row code { display:block; font-size:var(--body); overflow-wrap:anywhere; }
.newsletter-route-row > svg { color:var(--accent); }
.newsletter-route-row strong { font-size:var(--lead); font-weight:var(--weight-medium); }
.newsletter-route-caption { margin-top:24px; color:var(--muted); font-size:var(--tiny); }
.newsletter-route-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:48px; margin-top:40px; }
.newsletter-route-facts h3 { font-size:var(--lead); font-weight:var(--weight-medium); }
.newsletter-route-facts p { margin-top:12px; color:var(--lead-ink); font-size:var(--small); }
.newsletter-confirm { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:64px; align-items:start; }
.newsletter-explanation { margin-top:32px; }
.newsletter-explanation h3 { font-size:var(--lead); font-weight:var(--weight-medium); line-height:1.5; margin-top:32px; }
.newsletter-explanation p { margin-top:12px; color:var(--lead-ink); }
.newsletter-explanation a { display:inline-block; margin-top:32px; color:var(--primary-light); font-size:var(--small); }
.newsletter-mail-example { border-radius:var(--radius-card); overflow:hidden; background:var(--text); color:var(--w-ink); min-width:0; }
.newsletter-example-heading { display:flex; align-items:center; gap:12px; padding:24px 32px; min-height:80px; border-bottom:1px solid var(--w-line); line-height:1.3; }
.newsletter-example-heading strong { font-weight:var(--weight-bold); font-size:var(--lead); }
.newsletter-example-heading .demo { margin-left:auto; }
.newsletter-example-body { padding:32px; }
.newsletter-example-label { font-size:var(--tiny); color:var(--w-muted); }
.newsletter-example-body h3 { font-size:var(--h3); line-height:1.4; font-weight:var(--weight-bold); margin-top:20px; }
.newsletter-reference { display:grid; gap:8px; margin:24px 0; padding:20px; background:var(--paper); color:var(--w-ink); border-radius:var(--radius-small); }
.newsletter-reference span { font-size:var(--small); color:var(--w-muted); }
.newsletter-reference code { font-size:var(--lead); overflow-wrap:anywhere; }
.newsletter-example-body > p:not(.newsletter-example-label) { color:var(--mail-ink); font-size:var(--body); }
.newsletter-unsubscribe { margin-top:32px; padding-top:24px; border-top:1px solid var(--w-line); }
.newsletter-unsubscribe p + p { margin-top:12px; font-size:var(--small); color:var(--mail-ink); }
.newsletter-example-disclaimer { padding:20px 32px; background:var(--paper); color:var(--w-muted); font-size:var(--tiny); }
.newsletter-final { padding-bottom:144px; }
.newsletter-boundary { max-width:960px; }
.newsletter-boundary-list { display:grid; gap:20px; list-style:none; margin-top:32px; color:var(--lead-ink); }
.newsletter-boundary-list strong { color:var(--text); font-weight:var(--weight-medium); }
.newsletter-related { display:flex; flex-wrap:wrap; gap:24px 32px; margin-top:40px; font-size:var(--small); color:var(--primary-light); }
.newsletter-final-actions { margin-top:96px; }
.newsletter-final-actions h2 { max-width:800px; }
.newsletter-final-actions p { margin-top:20px; color:var(--muted); font-size:var(--lead); }
.newsletter-final-actions .actions { margin-top:32px; }
@media (max-width:860px) {
  .newsletter-hero { padding-top:40px; }
  .newsletter-opening,.newsletter-process,.newsletter-confirm { grid-template-columns:minmax(0,1fr); gap:40px; }
  .newsletter-opening h1 { max-width:680px; }
  .newsletter-brief { padding:32px; }
  .newsletter-timing { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
  .newsletter-choices { grid-template-columns:minmax(0,1fr); gap:24px; margin-top:40px; }
  .newsletter-choice .ulink { margin-top:8px; }
  .newsletter-process-note { margin-top:32px; }
  .newsletter-checklist li { gap:16px; }
  .newsletter-routing-panel { padding:24px; margin-top:40px; }
  .newsletter-route-row { grid-template-columns:40px minmax(0,1fr); gap:16px; align-items:start; }
  .newsletter-route-row > svg { grid-column:1; width:32px; }
  .newsletter-route-row > div:last-child { grid-column:2; }
  .newsletter-route-facts { grid-template-columns:minmax(0,1fr); gap:24px; margin-top:32px; }
  .newsletter-mail-example { max-width:640px; width:100%; }
  .newsletter-final { padding-bottom:96px; }
  .newsletter-final-actions { margin-top:64px; }
}
@media (max-width:560px) {
  .newsletter-opening h1 { font-size:var(--h1); line-height:1.26; }
  .newsletter-actions { gap:20px; }
  .newsletter-actions .pill { max-width:100%; white-space:normal; height:auto; }
  .newsletter-brief { padding:24px; }
  .newsletter-timing { grid-template-columns:minmax(0,1fr); gap:32px; }
  .newsletter-caution { padding-left:16px; margin-top:32px; }
  .newsletter-choice { padding:24px; }
  .newsletter-checklist li { grid-template-columns:36px minmax(0,1fr); gap:12px; }
  .newsletter-routing-panel { padding:24px 16px; }
  .newsletter-route-row code { font-size:var(--small); }
  .newsletter-example-heading,.newsletter-example-body { padding:24px; }
  .newsletter-example-disclaimer { padding:20px 24px; }
  .newsletter-related { flex-direction:column; align-items:flex-start; gap:24px; }
  .newsletter-final-actions .actions { align-items:flex-start; flex-direction:column; }
  .newsletter-final-actions .pill { max-width:100%; white-space:normal; height:auto; }
  .newsletter-final { padding-bottom:80px; }
}

.delay-hero { padding:64px 0 0; }
.delay-hero-grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); align-items:center; gap:64px; }
.delay-hero h1 { font-size:var(--h1); line-height:1.24; }
.delay-hero .section-intro { max-width:640px; color:var(--lead-ink); }
.delay-hero-actions { margin-top:32px; gap:24px; }
.delay-signal { border:1px solid var(--line); border-radius:var(--radius-card); background:var(--ink-2); color:var(--text); padding:32px; }
.delay-signal > svg { color:var(--accent-light); }
.delay-signal-title { font-size:var(--lead); font-weight:var(--weight-medium); margin-top:20px; }
.delay-signal ol { margin-top:32px; display:grid; gap:24px; list-style:none; }
.delay-signal li { display:grid; grid-template-columns:32px minmax(0,1fr); gap:16px; align-items:start; }
.delay-signal li > span { color:var(--accent-light); font-family:var(--mono); font-size:var(--small); line-height:1.7; }
.delay-signal strong { font-size:var(--body); font-weight:var(--weight-medium); }
.delay-signal li p { color:var(--muted); font-size:var(--small); margin-top:4px; }
.delay-diagnosis { scroll-margin-top:calc(var(--header-h) + 24px); }
.delay-workspace { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,360px); align-items:start; gap:48px; margin-top:48px; }
.delay-form { min-width:0; display:grid; gap:24px; }
.delay-mode,.delay-question { padding:24px; min-width:0; border:1px solid var(--line-strong); border-radius:var(--radius-card); background:var(--ink); color:var(--text); }
.delay-mode legend,.delay-question legend { float:left; width:100%; padding:0; margin:0 0 20px; font-size:var(--lead); font-weight:var(--weight-medium); line-height:1.5; }
.delay-mode legend + *,.delay-question legend + * { clear:both; }
.delay-question legend > span { display:inline; margin-right:8px; font-family:var(--mono); font-size:var(--small); color:var(--accent-light); white-space:nowrap; }
.delay-question > p { color:var(--muted); font-size:var(--small); margin-bottom:20px; }
.delay-mode-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.delay-choice { display:flex; align-items:flex-start; gap:12px; padding:14px 16px; border:1px solid var(--line); border-radius:var(--radius-small); background:var(--ink-2); color:var(--text); cursor:pointer; font-size:var(--small); font-weight:var(--weight-normal); line-height:1.6; }
.delay-question .delay-choice + .delay-choice { margin-top:10px; }
.delay-choice:hover { background:var(--ink-3); color:var(--text); border-color:var(--primary-light); }
.delay-choice:has(input:checked) { background:var(--ink-3); color:var(--text); border-color:var(--primary-light); }
.delay-choice:focus-within { outline:2px solid var(--primary-light); outline-offset:3px; }
.delay-choice input { flex:none; width:18px; height:18px; min-width:18px; padding:0; margin-top:3px; border-radius:50%; accent-color:var(--primary); box-shadow:none; }
.delay-choice strong { display:block; font-weight:var(--weight-medium); font-size:var(--body); }
.delay-choice small { display:block; color:var(--muted); font-size:var(--tiny); margin-top:6px; }
.delay-form-actions { margin-top:8px; }
.delay-local-note { color:var(--muted); font-size:var(--tiny); }
.delay-result { position:sticky; top:calc(var(--header-h) + 24px); padding:32px; border-radius:var(--radius-card); background:var(--paper); color:var(--w-ink); min-width:0; }
.delay-result-icon { display:flex; gap:16px; align-items:center; margin-bottom:24px; font-size:var(--small); color:var(--accent-ink); }
.delay-result h3 { font-size:var(--h3); line-height:1.4; font-weight:var(--weight-medium); }
.delay-result-copy { margin-top:24px; }
.delay-verdict { display:inline-flex; align-items:center; margin:0; padding:4px 10px; border-radius:var(--radius-control); background:var(--status-wash); color:var(--status-ink); border:1px solid var(--utility-line); font-size:var(--tiny); line-height:1.5; }
.delay-result-copy > p { font-size:var(--body); line-height:1.85; margin-top:20px; color:var(--w-ink); }
.delay-result > .pill { margin-top:24px; max-width:100%; white-space:normal; }
.delay-result-limit { border-top:1px solid var(--utility-line); padding-top:24px; margin-top:32px; font-size:var(--tiny); color:var(--w-muted); }
.delay-noscript { margin-top:24px; border:1px solid var(--line); padding:20px; border-radius:var(--radius-small); background:var(--ink-2); color:var(--lead-ink); }
.delay-section-heading { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:64px; align-items:end; }
.delay-section-heading .section-intro { margin-top:20px; }
.delay-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:48px; }
.delay-facts .card { display:flex; flex-direction:column; }
.delay-facts .card .ulink { margin-top:auto; padding-top:28px; align-self:flex-start; color:var(--primary-light); font-size:var(--small); }
.delay-send-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:start; gap:64px; }
.delay-inline-link { display:inline-block; margin-top:32px; color:var(--primary-light); font-size:var(--small); }
.delay-send-notes { display:grid; gap:32px; }
.delay-send-notes article { padding-left:24px; border-left:2px solid var(--accent); }
.delay-send-notes h3 { font-size:var(--lead); font-weight:var(--weight-medium); line-height:1.5; }
.delay-send-notes p { color:var(--lead-ink); font-size:var(--body); margin-top:12px; }
.delay-destinations { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; margin-top:48px; }
.delay-destination { padding:32px; border:1px solid var(--line); border-radius:var(--radius-card); background:var(--ink-2); color:var(--text); display:flex; flex-direction:column; min-width:0; }
.delay-destination-label { font-family:var(--mono); font-size:var(--small); color:var(--accent-light); }
.delay-destination h3 { font-size:var(--h3); line-height:1.4; font-weight:var(--weight-medium); margin-top:20px; }
.delay-destination p { color:var(--lead-ink); margin-top:20px; }
.delay-destination ul { padding-left:20px; margin:24px 0 32px; color:var(--muted); font-size:var(--small); }
.delay-destination li + li { margin-top:12px; }
.delay-destination .pill { margin-top:auto; align-self:flex-start; max-width:100%; white-space:normal; }
.delay-after-note { margin-top:32px; color:var(--muted); font-size:var(--small); max-width:900px; }
.delay-help { scroll-margin-top:calc(var(--header-h) + 24px); }
.delay-help-grid { margin-top:48px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; }
.delay-help-grid .card p { color:var(--lead-ink); }
.delay-help-grid .pill { margin-top:28px; max-width:100%; font-size:var(--small); white-space:normal; overflow-wrap:anywhere; }
.delay-sensitive { display:flex; align-items:flex-start; gap:16px; padding:24px; margin-top:32px; background:var(--ink); color:var(--lead-ink); border:1px solid var(--line-strong); border-radius:var(--radius-small); }
.delay-sensitive > svg { color:var(--accent-light); margin-top:3px; }
.delay-sensitive p { font-size:var(--small); line-height:1.85; }
.delay-sensitive strong { font-weight:var(--weight-medium); color:var(--text); }
.delay-sensitive a { color:var(--primary-light); text-decoration:underline; text-underline-offset:4px; }
.delay-final { padding-bottom:144px; }
.delay-final .actions { margin-top:32px; gap:24px; }
.delay-final .ulink { color:var(--primary-light); }
@media (max-width:860px) {
  .delay-hero { padding-top:48px; }
  .delay-hero-grid { grid-template-columns:minmax(0,1fr); gap:40px; }
  .delay-signal ol { grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
  .delay-signal li { grid-template-columns:minmax(0,1fr); gap:8px; }
  .delay-workspace { grid-template-columns:minmax(0,1fr); gap:32px; }
  .delay-result { position:static; }
  .delay-section-heading,.delay-send-grid { grid-template-columns:minmax(0,1fr); gap:32px; }
  .delay-section-heading .section-intro { margin-top:0; }
  .delay-facts { grid-template-columns:minmax(0,1fr); gap:20px; margin-top:32px; }
  .delay-facts .card .ulink { margin-top:0; }
  .delay-destinations,.delay-help-grid { gap:20px; }
  .delay-destination { padding:24px; }
  .delay-final { padding-bottom:96px; }
}
@media (max-width:560px) {
  .delay-hero { padding-top:40px; }
  .delay-hero-actions { gap:20px; align-items:flex-start; }
  .delay-signal { padding:24px; }
  .delay-signal ol { grid-template-columns:minmax(0,1fr); gap:24px; }
  .delay-signal li { grid-template-columns:32px minmax(0,1fr); gap:12px; }
  .delay-workspace { margin-top:32px; }
  .delay-mode,.delay-question { padding:20px 16px; }
  .delay-mode-options { grid-template-columns:minmax(0,1fr); }
  .delay-mode legend,.delay-question legend { font-size:var(--body); }
  .delay-result { padding:24px; }
  .delay-result h3 { font-size:var(--lead); }
  .delay-result-copy > p { font-size:var(--small); }
  .delay-destinations,.delay-help-grid { grid-template-columns:minmax(0,1fr); margin-top:32px; }
  .delay-sensitive { padding:20px 16px; gap:12px; }
  .delay-final { padding-bottom:80px; }
  .delay-final .actions { align-items:flex-start; }
  .delay-form-actions .pill,.delay-final .pill { max-width:100%; white-space:normal; }
}

.rf-entry-panel {
  min-width:0;
}
.rf-entry-surface {
  padding:40px;
  background:var(--paper);
  color:var(--w-ink);
  border-radius:var(--radius-card);
  min-width:0;
}
.rf-entry-surface h2 {
  font-size:var(--h3);
  line-height:1.35;
}
.rf-entry-surface input {
  background:var(--text);
  color:var(--w-ink);
  border:1px solid var(--w-muted);
}
.rf-entry-surface input::placeholder {
  color:var(--w-muted);
}
.section-head,.content-head {
  margin-bottom:var(--s5);
}
.page-hero h1 + p,.page-hero h1 + .section-intro,.page-hero h1 + .intro {
  margin-top:var(--s3);
}
.page-hero .eyebrow + h1,.page-hero .kicker + h1 {
  margin-top:20px;
}
@media (max-width:1100px) {
  .rf-entry-panel {
    grid-row:1;
    width:100%;
    max-width:640px;
    justify-self:center;
  }
}
@media (max-width:560px) {
  .rf-entry-surface {
    padding:var(--s3);
  }
}


/* Notes index and article reading system */
.rf-notes-main {
  padding-bottom:var(--s7);
}
.rf-notes-hero {
  padding-top:var(--s6);
}
.rf-notes-hero h1 {
  max-width:980px;
  line-height:1.24;
}
.rf-notes-hero .section-intro {
  max-width:760px;
  color:var(--lead-ink);
  margin-top:var(--s3);
}
.rf-notes-count {
  display:table;
  width:fit-content;
  margin:var(--s3) 0 0;
  padding:6px 14px;
  background:var(--ink-2);
  color:var(--lead-ink);
  border:1px solid var(--line);
  font-size:var(--small);
  font-weight:var(--weight-normal);
}
.rf-notes-list {
  margin-top:var(--s6);
}
.rf-notes-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--s3);
  align-items:stretch;
}
.rf-notes-card {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:0;
  padding:var(--s5);
  border:1px solid var(--line);
  border-radius:var(--radius-card);
  background:var(--ink-2);
  color:var(--text);
  transition:background .2s,border-color .2s;
}
.rf-notes-card:hover {
  background:var(--ink-3);
  color:var(--text);
  border-color:var(--line-strong);
}
.rf-notes-card:focus-visible {
  outline:2px solid var(--primary-light);
  outline-offset:5px;
}
.rf-notes-tag {
  display:inline-flex;
  align-items:center;
  max-width:100%;
  min-height:28px;
  padding:3px 12px;
  border:1px solid var(--line-strong);
  border-radius:var(--radius-control);
  background:var(--clear);
  color:var(--lead-ink);
  font-size:var(--tiny);
  line-height:1.5;
}
.rf-notes-card-meta {
  display:flex;
  flex-wrap:wrap;
  gap:8px 20px;
  margin-top:var(--s3);
  color:var(--muted);
  font-size:var(--small);
}
.rf-notes-card h2 {
  margin-top:var(--s3);
  font-size:var(--h3);
  line-height:1.45;
  letter-spacing:-.02em;
  overflow-wrap:anywhere;
}
.rf-notes-summary {
  margin-top:20px;
  margin-bottom:var(--s4);
  color:var(--lead-ink);
  font-size:var(--body);
  line-height:1.85;
}
.rf-notes-read {
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin-top:auto;
  color:var(--primary-light);
  font-size:var(--small);
  font-weight:var(--weight-medium);
}
.rf-notes-arrow {
  position:relative;
  display:inline-block;
  width:22px;
  height:12px;
  flex:none;
}
.rf-notes-arrow::before {
  content:"";
  position:absolute;
  left:0;
  right:1px;
  top:50%;
  border-top:1px solid currentColor;
}
.rf-notes-arrow::after {
  content:"";
  position:absolute;
  right:1px;
  top:50%;
  width:7px;
  height:7px;
  border-right:1px solid currentColor;
  border-top:1px solid currentColor;
  transform:translateY(-50%) rotate(45deg);
}
.rf-notes-noscript {
  max-width:760px;
  color:var(--lead-ink);
}
.rf-notes-noscript a {
  color:var(--primary-light);
  text-decoration:underline;
  text-underline-offset:4px;
}
.rf-post-hero {
  padding:var(--s6) 0 0;
}
.rf-post-hero .breadcrumb {
  margin-bottom:var(--s4);
}
.rf-post-hero .breadcrumb a:hover {
  color:var(--primary-light);
}
.rf-post-hero h1 {
  max-width:1000px;
  line-height:1.24;
}
.rf-post-hero .section-intro {
  max-width:800px;
  color:var(--lead-ink);
  margin-top:var(--s3);
}
.rf-post-meta {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:16px 24px;
  margin-top:var(--s4);
  color:var(--muted);
  font-size:var(--small);
}
.rf-post-meta time {
  white-space:normal;
}
.rf-post-meta .chip,
.rf-post-meta .rf-notes-tag {
  background:var(--ink-2);
  color:var(--lead-ink);
  border:1px solid var(--line);
}
.rf-post-layout {
  display:grid;
  grid-template-columns:240px minmax(0,1fr);
  align-items:start;
  gap:var(--s6);
  padding:var(--s6) 0 var(--s7);
}
.rf-post-toc {
  position:sticky;
  top:calc(var(--header-h) + var(--s2));
  min-width:0;
  max-height:calc(100dvh - var(--header-h) - var(--s4));
  overflow:auto;
  padding:var(--s3);
  border:1px solid var(--line);
  border-radius:var(--radius-card);
  background:var(--ink-2);
  color:var(--lead-ink);
}
.rf-post-toc h2 {
  margin:0 0 20px;
  font-size:var(--lead);
  line-height:1.5;
  letter-spacing:0;
}
.rf-post-toc ol {
  padding-left:20px;
  display:grid;
  gap:var(--s2);
  font-size:var(--small);
}
.rf-post-toc a {
  overflow-wrap:anywhere;
}
.rf-post-toc a:hover {
  color:var(--primary-light);
}
.rf-post-toc .chip,
.rf-post-toc [data-post-count] {
  display:inline-flex;
  margin-top:20px;
  background:var(--ink-3);
  color:var(--lead-ink);
}
.rf-post-toc details {
  border:0;
  padding:0;
}
.rf-post-toc summary {
  font-size:var(--lead);
  padding-right:24px;
  line-height:1.5;
}
.rf-post-toc details[open] > ol {
  margin-top:var(--s3);
}
.rf-post-toc summary .chevron {
  right:2px;
}
.rf-post-toc details[open] summary .chevron {
  transform:translateY(calc(-50% + .08em)) rotate(225deg);
}
.rf-post-prose {
  min-width:0;
  color:var(--lead-ink);
  font-size:var(--body);
  font-weight:var(--weight-normal);
  line-height:1.9;
  overflow-wrap:anywhere;
}
.rf-post-prose > :first-child {
  margin-top:0;
}
.rf-post-prose h2 {
  margin:var(--s6) 0 var(--s3);
  font-size:var(--h3);
  font-weight:var(--weight-bold);
  line-height:1.45;
  letter-spacing:-.02em;
  color:var(--text);
  scroll-margin-top:calc(var(--header-h) + var(--s4));
}
.rf-post-prose h3 {
  margin:var(--s4) 0 var(--s2);
  font-size:var(--lead);
  font-weight:var(--weight-bold);
  line-height:1.5;
  color:var(--text);
}
.rf-post-prose p + p {
  margin-top:20px;
}
.rf-post-prose ul,
.rf-post-prose ol {
  margin:var(--s3) 0 var(--s4);
  padding-left:24px;
}
.rf-post-prose li + li {
  margin-top:12px;
}
.rf-post-prose strong {
  color:var(--text);
  font-weight:var(--weight-bold);
}
.rf-post-prose a:not(.pill) {
  color:var(--primary-light);
  text-decoration:underline;
  text-underline-offset:4px;
}
.rf-post-prose a:not(.pill):hover {
  color:var(--primary-soft);
}
.rf-post-prose :not(pre) > code {
  padding:2px 6px;
  background:var(--ink-2);
  color:var(--lead-ink);
  font-size:var(--small);
}
.rf-post-prose pre {
  margin:var(--s3) 0 var(--s4);
  padding:var(--s3);
  border:1px solid var(--line);
  border-radius:var(--radius-small);
  background:var(--ink-2);
  color:var(--lead-ink);
  font-size:var(--small);
  line-height:1.75;
}
.rf-post-prose blockquote {
  margin:var(--s4) 0;
  padding:var(--s3);
  border-left:2px solid var(--accent);
  background:var(--ink-2);
  color:var(--lead-ink);
}
.rf-post-note,
.rf-post-prose .card {
  margin:var(--s4) 0;
  padding:var(--s3);
  border:1px solid var(--line);
  border-radius:var(--radius-card);
  background:var(--ink-2);
  color:var(--lead-ink);
}
.rf-post-prose .rf-post-note h3,
.rf-post-prose .card h3 {
  margin-top:0;
}
.rf-post-prose .rf-post-note p,
.rf-post-prose .card p {
  color:var(--lead-ink);
  margin-top:var(--s2);
}
.rf-post-prose .table-scroll {
  margin:var(--s4) 0;
}
.rf-post-prose table {
  min-width:560px;
  line-height:1.7;
}
.rf-post-prose th,
.rf-post-prose td {
  vertical-align:top;
}
.rf-post-prose table strong {
  color:var(--w-ink);
}
.rf-post-prose caption {
  padding:var(--s2);
  text-align:left;
  background:var(--paper);
  color:var(--w-ink);
  font-size:var(--small);
  font-weight:var(--weight-medium);
}
.rf-post-cta {
  margin-top:var(--s6);
  padding:var(--s4);
  border:1px solid var(--line);
  border-radius:var(--radius-card);
  background:var(--ink-2);
  color:var(--text);
}
.rf-post-prose .rf-post-cta h2 {
  margin:0 0 var(--s3);
  font-size:var(--h3);
}
.rf-post-cta p {
  color:var(--lead-ink);
}
.rf-post-cta .actions {
  margin-top:var(--s4);
  gap:var(--s2);
}
.rf-post-prose .rf-post-cta .pill.solid {
  background:var(--primary);
  color:var(--text);
  text-decoration:none;
}
.rf-post-prose .rf-post-cta .pill.solid:hover {
  background:var(--primary-hover);
  color:var(--text);
  border-color:var(--primary-hover);
}
.rf-post-cta .pill {
  max-width:100%;
  white-space:normal;
  height:auto;
}
.rf-post-recommend {
  border:1px solid var(--w-line);
  background:var(--paper);
  color:var(--w-ink);
}
.rf-post-recommend .recommend-content {
  padding:var(--s3);
}
.rf-post-recommend h2 {
  font-size:var(--lead);
  line-height:1.5;
  letter-spacing:0;
}
.rf-post-recommend .recommend-content p {
  margin:var(--s2) 0 var(--s3);
  color:var(--w-muted);
}
.rf-post-recommend .pill {
  max-width:100%;
  white-space:normal;
  height:auto;
  line-height:1.35;
  font-size:var(--small);
}
.rf-post-recommend .float-close {
  background:var(--text);
  color:var(--w-ink);
  border-color:var(--w-line);
}
@media (max-width:860px) {
  .rf-notes-hero,
  .rf-post-hero {
    padding-top:var(--s5);
  }
  .rf-notes-main {
    padding-bottom:96px;
  }
  .rf-notes-list {
    margin-top:var(--s5);
  }
  .rf-notes-card {
    padding:var(--s4);
  }
  .rf-post-layout {
    grid-template-columns:minmax(0,1fr);
    gap:var(--s4);
    padding-top:var(--s5);
    padding-bottom:96px;
  }
  .rf-post-toc {
    position:static;
    max-height:none;
  }
  .rf-post-prose h2 {
    margin-top:var(--s5);
  }
}
@media (max-width:560px) {
  .rf-notes-hero,
  .rf-post-hero {
    padding-top:40px;
  }
  .rf-notes-hero h1,
  .rf-post-hero h1 {
    line-height:1.26;
  }
  .rf-notes-grid {
    grid-template-columns:minmax(0,1fr);
  }
  .rf-notes-list {
    margin-top:40px;
  }
  .rf-notes-card {
    padding:var(--s3);
  }
  .rf-notes-card-meta {
    gap:8px 16px;
    font-size:var(--tiny);
  }
  .rf-notes-main {
    padding-bottom:80px;
  }
  .rf-post-meta {
    gap:12px 20px;
  }
  .rf-post-layout {
    padding-top:40px;
    padding-bottom:80px;
  }
  .rf-post-prose pre,
  .rf-post-prose blockquote,
  .rf-post-note,
  .rf-post-prose .card {
    padding:20px 16px;
  }
  .rf-post-cta {
    padding:var(--s3);
    margin-top:var(--s5);
  }
  .rf-post-cta .actions {
    align-items:flex-start;
  }
  .rf-post-recommend {
    max-height:calc(100dvh - var(--header-h) - var(--s4));
    overflow:auto;
  }
  .rf-post-recommend img {
    max-height:140px;
  }
}


/* Trial evidence article */
.rf-evidence-hero {
  padding-top:96px;
}
.rf-evidence-hero h1 {
  max-width:1000px;
  line-height:1.24;
}
.rf-evidence-hero .section-intro {
  max-width:800px;
  color:var(--lead-ink);
}
.rf-evidence-hero .breadcrumb a:hover {
  color:var(--primary-light);
}
.rf-evidence-meta {
  display:inline-flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px 20px;
  max-width:100%;
  margin-top:32px;
  padding:10px 20px;
  border:1px solid var(--line);
  border-radius:var(--radius-control);
  background:var(--ink-2);
  color:var(--lead-ink);
  font-size:var(--small);
}
.rf-evidence-meta > * {
  white-space:nowrap;
}
.rf-evidence-layout {
  padding-top:64px;
  padding-bottom:144px;
}
.rf-evidence-toc {
  z-index:2;
  background:var(--ink);
  color:var(--lead-ink);
}
.rf-evidence-toc ol {
  gap:8px;
}
.rf-evidence-toc li {
  margin:0;
  padding-left:4px;
}
.rf-evidence-toc a:hover {
  color:var(--primary-light);
}
.rf-evidence-toc .rf-evidence-count {
  margin-top:24px;
  background:var(--paper);
  color:var(--w-ink);
}
.rf-evidence-toc .rf-evidence-count:hover {
  background:var(--primary-wash);
  color:var(--status-ink);
}
.rf-evidence-prose {
  overflow-wrap:anywhere;
}
.rf-evidence-opening {
  padding-left:24px;
  border-left:2px solid var(--accent);
  color:var(--lead-ink);
}
.rf-evidence-section {
  padding:0;
  margin-top:64px;
  scroll-margin-top:calc(var(--header-h) + 32px);
}
.rf-evidence-prose .rf-evidence-section > h2 {
  margin:0 0 24px;
  font-size:var(--h3);
  line-height:1.4;
  font-weight:var(--weight-bold);
}
.rf-evidence-prose h3 {
  font-size:var(--lead);
  font-weight:var(--weight-bold);
}
.rf-evidence-prose strong {
  color:var(--text);
  font-weight:var(--weight-bold);
}
.rf-evidence-prose li {
  margin:0;
}
.rf-evidence-prose li + li {
  margin-top:8px;
}
.rf-evidence-table {
  max-width:100%;
  margin-bottom:32px;
}
.rf-evidence-table table {
  min-width:580px;
  line-height:1.7;
}
.rf-evidence-table caption {
  padding:20px;
  background:var(--paper);
  color:var(--w-ink);
  text-align:left;
  font-size:var(--small);
  font-weight:var(--weight-medium);
}
.rf-evidence-table th,
.rf-evidence-table td {
  vertical-align:top;
}
.rf-evidence-table tbody th {
  width:22%;
  background:var(--paper-2);
  color:var(--w-ink);
}
.rf-evidence-checks li::marker {
  color:var(--accent-light);
}
.rf-evidence-example {
  margin:32px 0;
  padding:32px;
  border:1px solid var(--line);
  border-radius:var(--radius-card);
  background:var(--ink-2);
  color:var(--lead-ink);
}
.rf-evidence-example-label {
  color:var(--accent-light);
  font-size:var(--small);
}
.rf-evidence-example dl {
  display:grid;
  gap:24px;
  margin-top:28px;
}
.rf-evidence-example dl > div {
  display:grid;
  grid-template-columns:96px minmax(0,1fr);
  gap:20px;
}
.rf-evidence-example dt {
  color:var(--text);
  font-size:var(--small);
  font-weight:var(--weight-medium);
}
.rf-evidence-example dd {
  font-size:var(--body);
}
.rf-evidence-handover {
  margin:32px 0;
  padding:24px;
  border:1px solid var(--line-strong);
  border-radius:var(--radius-small);
  background:var(--ink);
  color:var(--lead-ink);
}
.rf-evidence-prose .rf-evidence-handover h3 {
  margin:0 0 20px;
}
.rf-evidence-prose .rf-evidence-handover p + p {
  font-size:var(--small);
  color:var(--muted);
}
.rf-evidence-cta {
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  gap:24px;
  border:1px solid var(--line);
}
.rf-evidence-cta > svg {
  color:var(--primary-light);
}
.rf-evidence-prose .rf-evidence-cta h2 {
  margin:0 0 20px;
  font-size:var(--h3);
}
.rf-evidence-cta p {
  color:var(--lead-ink);
}
.rf-evidence-cta .actions {
  margin-top:28px;
}
.rf-evidence-prose .rf-evidence-cta .pill {
  max-width:100%;
  white-space:normal;
  height:auto;
  font-size:var(--small);
  text-decoration:none;
}
.rf-evidence-prose .rf-evidence-cta .pill.solid {
  background:var(--primary);
  color:var(--text);
  border-color:var(--primary);
}
.rf-evidence-prose .rf-evidence-cta .pill.solid:hover {
  background:var(--primary-hover);
  color:var(--text);
  border-color:var(--primary-hover);
}
.rf-evidence-prose .rf-evidence-cta .pill.ghost {
  background:var(--clear);
  color:var(--text);
  border-color:var(--primary-light);
}
.rf-evidence-prose .rf-evidence-cta .pill.ghost:hover {
  background:var(--ink-3);
  color:var(--text);
  border-color:var(--primary-soft);
}
.rf-evidence-recommend {
  z-index:80;
  width:min(300px,calc(100% - 48px));
}
.rf-evidence-recommend-head {
  display:flex;
  align-items:center;
  gap:12px;
  padding:24px 48px 20px 24px;
  border-bottom:1px solid var(--w-line);
  background:var(--paper);
  color:var(--w-ink);
}
.rf-evidence-recommend-head > svg {
  color:var(--accent-ink);
}
.rf-evidence-recommend-head h2 {
  font-size:var(--body);
  line-height:1.4;
  letter-spacing:0;
}
.rf-evidence-recommend .recommend-content {
  padding:20px 24px 24px;
}
.rf-evidence-recommend .recommend-content p {
  margin:0 0 20px;
}
.rf-evidence-recommend-actions {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.rf-evidence-recommend-actions .pill {
  flex:1 1 auto;
  padding:8px 16px;
  font-size:var(--small);
  max-width:100%;
  white-space:normal;
  height:auto;
  line-height:1.35;
}
.rf-evidence-recommend-actions .pill.line {
  background:var(--text);
  color:var(--status-ink);
  border-color:var(--primary);
}
.rf-evidence-recommend-actions .pill.line:hover {
  background:var(--primary-wash);
  color:var(--status-ink);
}
@media (max-width:860px) {
  .rf-evidence-layout {
    padding-bottom:96px;
  }
  .rf-evidence-toc {
    position:static;
  }
  .rf-evidence-toc ol {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px 32px;
  }
}
@media (max-width:560px) {
  .rf-evidence-hero {
    padding-top:96px;
  }
  .rf-evidence-hero h1 {
    font-size:var(--h1);
    line-height:1.26;
  }
  .rf-evidence-meta {
    gap:6px 12px;
    padding:10px 16px;
    font-size:var(--tiny);
  }
  .rf-evidence-layout {
    padding-top:40px;
    padding-bottom:80px;
  }
  .rf-evidence-toc ol {
    grid-template-columns:minmax(0,1fr);
  }
  .rf-evidence-section {
    margin-top:48px;
  }
  .rf-evidence-opening {
    padding-left:16px;
  }
  .rf-evidence-example {
    padding:24px 20px;
  }
  .rf-evidence-example dl > div {
    grid-template-columns:minmax(0,1fr);
    gap:8px;
  }
  .rf-evidence-handover {
    padding:24px 20px;
  }
  .rf-evidence-cta {
    grid-template-columns:minmax(0,1fr);
    gap:20px;
  }
  .rf-evidence-cta .actions {
    align-items:flex-start;
  }
  .rf-evidence-recommend {
    right:16px;
    bottom:16px;
    width:min(300px,calc(100% - 32px));
  }
}


/* Newsletter confirmation article */
.rf-chain-hero {
  padding-top:96px;
}
.rf-chain-hero h1 {
  max-width:1040px;
  line-height:1.24;
}
.rf-chain-hero .breadcrumb a:hover {
  color:var(--primary-light);
}
.rf-chain-hero .section-intro {
  max-width:800px;
  margin-top:32px;
  color:var(--lead-ink);
}
.rf-chain-meta {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:32px;
  font-size:var(--small);
}
.rf-chain-meta > * {
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:4px 14px;
  border:1px solid var(--line);
  border-radius:var(--radius-control);
  background:var(--ink-2);
  color:var(--lead-ink);
  line-height:1.5;
}
.rf-chain-route {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:16px;
  margin-top:48px;
  padding:24px 32px;
  border:1px solid var(--line);
  border-radius:var(--radius-card);
  background:var(--ink-2);
  color:var(--text);
  font-size:var(--small);
}
.rf-chain-route > svg {
  color:var(--accent);
}
.rf-chain-layout {
  padding-top:96px;
  padding-bottom:144px;
}
.rf-chain-toc {
  z-index:2;
  background:var(--ink);
  color:var(--lead-ink);
  max-height:calc(100dvh - var(--header-h) - 40px);
  overflow-y:auto;
}
.rf-chain-toc h2 {
  color:var(--text);
}
.rf-chain-toc ol {
  gap:8px;
}
.rf-chain-toc li {
  margin:0;
  padding-left:4px;
}
.rf-chain-toc li::marker {
  color:var(--muted);
}
.rf-chain-toc a:hover {
  color:var(--primary-light);
}
.rf-chain-count {
  margin-top:20px;
  background:var(--ink-2);
  color:var(--lead-ink);
  border:1px solid var(--line);
  padding:4px 12px;
}
.rf-chain-prose {
  overflow-wrap:anywhere;
}
.rf-chain-section {
  padding:0;
  scroll-margin-top:calc(var(--header-h) + 32px);
}
.rf-chain-section + .rf-chain-section {
  margin-top:64px;
}
.rf-chain-prose .rf-chain-section > h2 {
  margin:0 0 24px;
  font-size:var(--h3);
  font-weight:var(--weight-bold);
  line-height:1.4;
}
.rf-chain-prose strong {
  color:var(--text);
  font-weight:var(--weight-bold);
}
.rf-chain-prose li {
  margin:0;
}
.rf-chain-prose li + li {
  margin-top:8px;
}
.rf-chain-table {
  max-width:100%;
}
.rf-chain-table table {
  min-width:600px;
  line-height:1.7;
}
.rf-chain-table caption {
  padding:16px;
  text-align:left;
  background:var(--paper);
  color:var(--w-ink);
  font-weight:var(--weight-medium);
}
.rf-chain-table th,
.rf-chain-table td {
  vertical-align:top;
}
.rf-chain-table tbody th {
  width:20%;
  background:var(--paper-2);
  color:var(--w-ink);
  font-weight:var(--weight-medium);
}
.rf-chain-prose .rf-chain-final-list {
  margin:24px 0 32px;
  padding:24px 24px 24px 44px;
  border:1px solid var(--line);
  border-radius:var(--radius-card);
  background:var(--ink-2);
  color:var(--lead-ink);
}
.rf-chain-cta {
  display:grid;
  grid-template-columns:56px minmax(0,1fr);
  align-items:start;
  gap:24px;
  border:1px solid var(--line);
}
.rf-chain-cta > svg {
  color:var(--lead-ink);
}
.rf-chain-accent {
  color:var(--accent);
}
.rf-chain-prose .rf-chain-cta h2 {
  margin:0 0 24px;
}
.rf-chain-cta p {
  color:var(--lead-ink);
}
.rf-chain-cta .pill {
  max-width:100%;
  height:auto;
  white-space:normal;
}
.rf-chain-prose .rf-chain-cta .pill.solid {
  background:var(--primary);
  color:var(--text);
  border-color:var(--primary);
  text-decoration:none;
}
.rf-chain-prose .rf-chain-cta .pill.solid:hover {
  background:var(--primary-hover);
  color:var(--text);
  border-color:var(--primary-hover);
}
.rf-chain-recommend {
  width:min(296px,calc(100% - 32px));
  z-index:80;
  background:var(--paper);
  color:var(--w-ink);
}
.rf-chain-recommend .float-close {
  position:absolute;
  top:10px;
  right:10px;
  background:var(--text);
  color:var(--w-ink);
  border-color:var(--w-line);
}
.rf-chain-recommend-heading {
  display:flex;
  align-items:center;
  gap:12px;
  padding:20px 48px 16px 20px;
}
.rf-chain-recommend-heading > svg {
  color:var(--accent-ink);
}
.rf-chain-recommend-heading h2 {
  font-size:var(--small);
  line-height:1.5;
  letter-spacing:0;
}
.rf-chain-recommend-options {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  border-top:1px solid var(--utility-line);
}
.rf-chain-recommend-options > div {
  min-width:0;
  padding:16px 12px;
}
.rf-chain-recommend-options > div + div {
  border-left:1px solid var(--utility-line);
}
.rf-chain-recommend-options p {
  margin:0 0 12px;
  font-size:var(--tiny);
  line-height:1.6;
  color:var(--w-muted);
}
.rf-chain-recommend-options .pill {
  max-width:100%;
  min-height:36px;
  padding:6px 14px;
  font-size:var(--small);
  height:auto;
  white-space:normal;
  line-height:1.35;
}
.rf-chain-recommend-options .pill.line {
  background:var(--text);
  color:var(--status-ink);
  border-color:var(--primary);
}
.rf-chain-recommend-options .pill.line:hover {
  background:var(--primary-wash);
  color:var(--status-ink);
}
@media (max-width:860px) {
  .rf-chain-layout {
    padding-top:64px;
    padding-bottom:96px;
  }
  .rf-chain-toc {
    position:static;
    max-height:none;
    overflow:visible;
  }
  .rf-chain-toc ol {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px 32px;
  }
}
@media (max-width:560px) {
  .rf-chain-hero {
    padding-top:96px;
  }
  .rf-chain-hero h1 {
    font-size:var(--h1);
    line-height:1.26;
  }
  .rf-chain-meta {
    gap:8px;
    margin-top:24px;
    font-size:var(--tiny);
  }
  .rf-chain-meta > * {
    min-height:28px;
    padding:4px 10px;
  }
  .rf-chain-route {
    display:grid;
    grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);
    gap:16px 12px;
    padding:20px;
    margin-top:32px;
  }
  .rf-chain-route > svg:nth-of-type(2) {
    display:none;
  }
  .rf-chain-layout {
    gap:40px;
    padding-top:48px;
    padding-bottom:80px;
  }
  .rf-chain-toc ol {
    grid-template-columns:minmax(0,1fr);
  }
  .rf-chain-section + .rf-chain-section {
    margin-top:48px;
  }
  .rf-chain-prose .rf-chain-final-list {
    padding:20px 20px 20px 36px;
  }
  .rf-chain-cta {
    grid-template-columns:minmax(0,1fr);
    gap:20px;
    padding:24px;
  }
  .rf-chain-recommend {
    right:16px;
    bottom:16px;
    width:min(280px,calc(100% - 32px));
  }
  .rf-chain-recommend-heading {
    padding:14px 48px 12px 16px;
  }
  .rf-chain-recommend-options > div {
    padding:12px;
  }
}


.rf-chain-main {
  min-width:0;
}
.rf-chain-article {
  min-width:0;
}
.rf-evidence-main {
  min-width:0;
}
.rf-evidence-article {
  min-width:0;
}