:root {
  --wrap:1280px;
  --header-h:64px;
  --bg:#f5faf8;
  --white:#ffffff;
  --ink:#14201c;
  --body:#33423c;
  --muted:#5d6b65;
  --faint:#8a9792;
  --line:#e3eae7;
  --line2:#d5dfdb;
  --btn:#1c2421;
  --btn-h:#0b110f;
  --teal:#0f7a68;
  --teal-d:#0b5f51;
  --amber:#f2a33a;
  --mark:#fbe6c2;
  --brand-mark:#0e5f53;
  --hover-line:#aebbb5;
  --hover-paper:#fbfdfc;
  --count-bg:#e6f2ee;
  --live:#2fa37f;
  --live-wash:#dcf0e8;
  --active-paper:#f2f8f5;
  --sage-line:#9fb0a9;
  --sand:#f5ead6;
  --sand-ink:#6a4815;
  --sage:#e2eee7;
  --sage-ink:#1d5641;
  --slate:#e3e9f1;
  --slate-ink:#2c4258;
  --rose:#f4e3df;
  --rose-ink:#763126;
  --danger:#a0462f;
  --code-paper:#f6f8f7;
  --long-wash:#dcefe8;
  --off:#cfd8d4;
  --off-paper:#fbfcfb;
  --table-paper:#fafcfb;
  --art-paper:#e3f0ea;
  --art-line:#dfece6;
  --art-tick:#cfe2da;
  --art-amber:#f5d39d;
  --art-wave:#e6f1ec;
  --desk-light:#d9cbb4;
  --desk-dark:#bfae92;
  --desk-grain:#8a7656;
  --notepad:#fbfaf5;
  --building-sky:#2a3531;
  --building-light:#5f6f69;
  --building-base:#1b2421;
  --building-window:#2b3733;
  --building-reflect:#3a4843;
  --building-grid:#121a17;
  --building-post:#0f1614;
  --airbnb:#ff5a5f;
  --ebay-red:#e53238;
  --ebay-blue:#0064d2;
  --ebay-yellow:#f5af02;
  --ebay-green:#86b817;
  --shadow:0 32px 64px -28px rgba(18,44,36,.22),0 8px 20px -8px rgba(18,44,36,.08),0 1px 2px rgba(18,44,36,.05);
  --button-shadow:0 6px 14px -6px rgba(18,36,30,.45);
  --ghost-shadow:0 2px 6px -2px rgba(18,36,30,.08);
  --toggle-shadow:0 1px 2px rgba(0,0,0,.2);
  --overlay:rgba(11,17,15,.52);
  --band-shade:linear-gradient(90deg,rgba(10,20,17,.82) 0%,rgba(10,20,17,.55) 45%,rgba(10,20,17,.1) 100%);
  --sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Noto Sans SC","Microsoft YaHei","Segoe UI",sans-serif;
  --mono:"SF Mono","JetBrains Mono",Menlo,Consolas,"Liberation Mono",monospace;
  --h1:60px;
  --h2:40px;
  --h3:22px;
  --font-body:15px;
  --small:13px;
  --control:14px;
  --label:18px;
  --title:32px;
  --r-pill:999px;
  --r-lg:14px;
  --r-sm:8px;
  --radius-control:var(--r-pill);
  --radius-card:var(--r-lg);
  --s1:8px;
  --s2:12px;
  --s3:16px;
  --s4:24px;
  --s5:32px;
  --s6:64px;
  --s7:128px;
}
* { box-sizing:border-box; margin:0; padding:0; }
[hidden] { display:none !important; }
html { background:var(--bg); scroll-padding-top:calc(var(--header-h) + 24px); scroll-behavior:smooth; }
body { font-family:var(--sans); color:var(--body); font-size:var(--font-body); line-height:1.65; background:var(--bg); -webkit-font-smoothing:antialiased; min-width:0; }
a { color:inherit; text-decoration:none; }
button,input,textarea { font-family:var(--sans); }
button { cursor:pointer; }
button:disabled { cursor:wait; opacity:.6; }
ul { list-style:none; }
img,svg { max-width:100%; }
button,a,input,textarea,summary { -webkit-tap-highlight-color:transparent; }
:focus-visible { outline:2px solid var(--ink); outline-offset:4px; }
.wrap { width:min(var(--wrap),calc(100% - 64px)); margin:0 auto; }
.mono { font-family:var(--mono); letter-spacing:0; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.skip-link { position:fixed; top:-80px; left:16px; z-index:200; padding:12px 20px; background:var(--btn); color:var(--white); border-radius:var(--r-pill); }
.skip-link:focus { top:8px; }
.nav { position:sticky; top:0; z-index:40; background:var(--white); border-bottom:1px solid var(--line); }
.nav .wrap { display:flex; align-items:center; height:var(--header-h); position:relative; }
.brand { display:flex; align-items:center; gap:12px; color:var(--ink); font-size:var(--h3); font-weight:600; letter-spacing:0; flex-shrink:0; }
.brand img,.brand>svg { width:32px; height:32px; flex:none; display:block; }
.nav-links { display:flex; gap:40px; margin-left:auto; margin-right:40px; }
.nav-links a { font-size:var(--font-body); font-weight:500; color:var(--ink); padding:8px 12px; border-bottom:2px solid transparent; white-space:nowrap; }
.nav-links a:hover { border-color:var(--ink); }
.nav-links a.on,.nav-links a[aria-current="page"] { border-color:var(--teal); }
.lang-wrap { position:relative; margin-right:16px; flex:none; }
.lang { position:relative; display:inline-flex; align-items:center; justify-content:center; gap:8px; font-size:var(--control); font-weight:500; color:var(--ink); padding:8px 36px 8px 16px; min-height:40px; border-radius:var(--r-pill); border:1px solid var(--line2); background:var(--white); }
.chevron { position:absolute; right:16px; top:50%; width:7px; height:7px; border-right:1px solid currentColor; border-bottom:1px solid currentColor; transform:translateY(calc(-50% - 1px)) rotate(45deg); pointer-events:none; }
.lang-menu,.filter-menu { position:absolute; top:calc(100% + 8px); right:0; z-index:70; min-width:160px; padding:8px; background:var(--white); color:var(--ink); border:1px solid var(--line2); border-radius:var(--r-lg); box-shadow:var(--shadow); }
.lang-menu a,.filter-menu button { display:inline-flex; align-items:center; width:100%; padding:10px 12px; text-align:left; background:var(--white); color:var(--ink); border:0; border-radius:var(--r-sm); font-size:var(--control); }
.lang-menu a:hover,.lang-menu a[aria-current],.filter-menu button:hover,.filter-menu button[aria-selected="true"] { background:var(--active-paper); color:var(--teal-d); }
.menu-toggle { display:none; align-items:center; justify-content:center; width:40px; height:40px; flex:none; border:1px solid var(--line2); border-radius:var(--r-pill); background:var(--white); color:var(--ink); }
.menu-toggle svg { width:18px; height:18px; }
.nav-drawer { position:fixed; top:calc(var(--header-h) + 8px); left:max(16px,calc((100% - var(--wrap))/2)); right:auto; width:min(320px,calc(100% - 32px)); z-index:80; padding:12px; background:var(--white); color:var(--ink); border:1px solid var(--line2); border-radius:var(--r-lg); box-shadow:var(--shadow); text-align:left; }
.nav-drawer a { display:flex; align-items:center; min-height:44px; padding:10px 16px; border-radius:var(--r-sm); font-size:var(--font-body); font-weight:500; }
.nav-drawer a:hover,.nav-drawer a[aria-current="page"] { background:var(--active-paper); color:var(--teal-d); }
.x-short { display:none; }
.pill { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:48px; padding:10px 32px; border-radius:var(--r-pill); font-size:var(--font-body); font-weight:600; font-family:var(--sans); border:1px solid transparent; cursor:pointer; transition:background .2s,border-color .2s,box-shadow .2s; line-height:1.35; text-align:center; max-width:100%; }
.pill.dark { background:var(--btn); color:var(--white); box-shadow:var(--button-shadow); }
.pill.dark:hover { background:var(--btn-h); color:var(--white); }
.pill.ghost { background:var(--white); color:var(--ink); border-color:var(--line2); box-shadow:var(--ghost-shadow); }
.pill.ghost:hover { border-color:var(--hover-line); background:var(--hover-paper); color:var(--ink); }
.pill.sm { min-height:40px; padding:8px 24px; font-size:var(--font-body); }
.hero { position:relative; overflow:hidden; background:var(--bg); padding:48px 0 96px; }
.hero .wrap { display:grid; grid-template-columns:440px minmax(0,1fr); gap:56px; align-items:start; }
.hero-l { padding-top:32px; min-width:0; }
.hero h1 { font-size:var(--h1); line-height:1.12; font-weight:600; color:var(--ink); letter-spacing:0; }
h1 em { font-style:normal; }
.lede { margin-top:24px; font-size:var(--font-body); line-height:1.7; color:var(--body); max-width:420px; }
.switch { display:flex; gap:12px; margin-top:32px; }
.switch .pill { flex:1; padding-left:20px; padding-right:20px; }
.switch .pill svg { width:18px; height:18px; flex:none; }
.addr { margin-top:24px; background:var(--white); border-radius:var(--r-lg); box-shadow:var(--shadow); padding:24px; }
.addr-k { font-size:var(--small); color:var(--muted); display:flex; justify-content:space-between; gap:8px; }
.addr-k b { font-weight:500; color:var(--teal); }
.addr-row { display:flex; align-items:center; gap:12px; margin-top:8px; }
.addr-v { font-size:var(--h3); font-weight:500; color:var(--ink); white-space:nowrap; flex:1; min-width:0; overflow-x:auto; scrollbar-width:thin; }
.copy { min-height:40px; padding:0 16px; border-radius:var(--r-pill); background:var(--btn); color:var(--white); font-size:var(--control); font-weight:600; display:inline-flex; align-items:center; justify-content:center; gap:8px; border:0; font-family:var(--sans); flex:none; }
.copy:hover { background:var(--btn-h); color:var(--white); }
.copy svg { width:15px; height:15px; flex:none; }
.timer { display:flex; align-items:center; gap:12px; margin-top:16px; padding-top:16px; border-top:1px solid var(--line); }
.timer svg { width:36px; height:36px; flex:none; }
.timer-t { flex:1; line-height:1.35; min-width:0; }
.timer-t strong { display:block; font-family:var(--mono); font-size:var(--font-body); font-weight:500; color:var(--ink); }
.timer-t span { font-size:var(--small); color:var(--muted); }
.mini { min-height:36px; padding:6px 16px; border-radius:var(--r-pill); border:1px solid var(--line2); background:var(--white); color:var(--ink); font-size:var(--control); font-weight:500; font-family:var(--sans); display:inline-flex; align-items:center; justify-content:center; line-height:1.35; }
.mini:hover { border-color:var(--hover-line); background:var(--hover-paper); color:var(--ink); }
.sys { margin-top:16px; font-size:var(--small); color:var(--muted); line-height:1.6; }
.hero-links { display:flex; gap:24px; margin-top:12px; }
.hero-links a { font-size:var(--font-body); font-weight:500; color:var(--teal); }
.hero-links a:hover { color:var(--teal-d); }
.hero-r { position:relative; padding-top:8px; min-width:0; }
.hero-art { position:absolute; inset:-80px -160px -60px -60px; z-index:0; pointer-events:none; }
.hero-art svg { width:100%; height:100%; max-width:none; }
.win { position:relative; z-index:1; height:640px; min-height:600px; background:var(--white); border-radius:var(--r-lg); box-shadow:var(--shadow); display:grid; grid-template-rows:56px minmax(0,1fr); overflow:hidden; animation:rise .9s cubic-bezier(.2,.7,.2,1) both; }
@keyframes rise {
  from { opacity:0; transform:translateY(16px); }
  to { opacity:1; transform:none; }
}
.win-bar { display:flex; align-items:center; gap:16px; padding:0 24px; border-bottom:1px solid var(--line); min-width:0; }
.win-bar h2 { font-size:var(--font-body); font-weight:600; color:var(--ink); flex:none; }
.count { font-size:var(--small); font-weight:600; color:var(--teal); background:var(--count-bg); border-radius:var(--r-pill); padding:0 8px; line-height:20px; flex:none; }
.win-bar .mono { font-size:var(--small); color:var(--muted); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.live { margin-left:auto; display:flex; align-items:center; gap:8px; font-size:var(--small); color:var(--muted); white-space:nowrap; }
.live i { width:8px; height:8px; border-radius:50%; background:var(--live); box-shadow:0 0 0 3px var(--live-wash); flex:none; }
.refresh { width:36px; height:36px; border-radius:var(--r-pill); border:1px solid var(--line2); background:var(--white); color:var(--ink); display:grid; place-items:center; flex:none; }
.refresh:hover { background:var(--hover-paper); color:var(--ink); border-color:var(--hover-line); }
.refresh svg { width:16px; height:16px; }
.win-body { display:grid; grid-template-columns:288px minmax(0,1fr); min-height:0; }
.list { border-right:1px solid var(--line); display:flex; flex-direction:column; overflow-y:auto; min-height:0; }
.row { height:76px; min-height:76px; flex:none; display:grid; grid-template-columns:36px minmax(0,1fr); gap:12px; align-items:center; padding:0 16px 0 20px; border:0; border-bottom:1px solid var(--line); position:relative; background:var(--white); color:var(--body); text-align:left; width:100%; font-family:var(--sans); }
.row.on,.row.is-active { background:var(--active-paper); color:var(--ink); }
.row.on::before,.row.is-active::before { content:""; position:absolute; left:0; top:12px; bottom:12px; width:3px; border-radius:0 3px 3px 0; background:var(--teal); }
.av { width:36px; height:36px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; font-size:var(--control); font-weight:600; background:var(--teal); color:var(--white); flex:none; }
.av.abnb { background:var(--airbnb); color:var(--white); }
.av.ebay { background:var(--white); color:var(--ink); border:1px solid var(--line2); font-size:var(--small); letter-spacing:-.02em; }
.row-m { min-width:0; line-height:1.4; }
.row-h { display:flex; justify-content:space-between; align-items:center; gap:8px; }
.row-h b { font-size:var(--control); font-weight:600; color:var(--ink); white-space:nowrap; }
.row-h time { font-size:var(--small); color:var(--faint); white-space:nowrap; }
.row-s { font-size:var(--small); color:var(--body); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; }
.row-p { font-size:var(--small); color:var(--faint); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; }
.demo { display:inline-block; font-size:var(--small); font-weight:500; color:var(--sand-ink); background:var(--sand); border-radius:var(--r-sm); padding:0 6px; line-height:18px; margin-left:6px; vertical-align:1px; }
.list-empty { flex:none; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; width:min(420px,calc(100% - 32px)); height:auto; min-height:0; margin:auto; padding:20px; border:1px solid var(--line); border-radius:var(--r-lg); background:var(--hover-paper); color:var(--body); text-align:center; }
.list-empty svg { width:64px; height:64px; }
.list-empty p { font-size:var(--small); color:var(--faint); line-height:1.6; }
.e-e { color:var(--ebay-red); }
.e-b { color:var(--ebay-blue); }
.e-a { color:var(--ebay-yellow); }
.e-y { color:var(--ebay-green); }
.read { display:flex; flex-direction:column; min-height:0; min-width:0; overflow-y:auto; background:var(--white); color:var(--body); }
.read-h { padding:24px 32px 16px; border-bottom:1px solid var(--line); flex:none; }
.read-h h3 { font-size:var(--label); font-weight:600; color:var(--ink); line-height:1.4; overflow-wrap:anywhere; }
.meta { display:flex; align-items:center; gap:12px; margin-top:12px; }
.meta-t { flex:1; line-height:1.45; font-size:var(--small); color:var(--muted); min-width:0; overflow-wrap:anywhere; }
.meta-t b { color:var(--ink); font-weight:600; font-size:var(--control); }
.meta time { font-size:var(--small); color:var(--faint); flex:none; }
.read-b { flex:1 0 auto; padding:24px 32px; overflow-wrap:anywhere; }
.abnb-mark { display:flex; align-items:flex-start; gap:8px; color:var(--airbnb); font-weight:600; font-size:var(--label); }
.abnb-mark svg { width:22px; height:22px; }
.read-b p { font-size:var(--control); line-height:1.75; color:var(--body); margin-top:12px; }
.code { margin-top:16px; display:flex; align-items:center; justify-content:space-between; gap:12px; background:var(--code-paper); color:var(--ink); border-radius:var(--r-sm); padding:16px 24px; }
.code .mono { font-size:var(--title); font-weight:600; color:var(--ink); letter-spacing:.14em; }
.code span { font-size:var(--small); color:var(--muted); }
.read-b .fine,.fine { margin-top:16px; padding-top:12px; border-top:1px dashed var(--line2); font-size:var(--small); color:var(--faint); line-height:1.6; }
.read-f { display:flex; align-items:center; gap:12px; padding:16px 32px; border-top:1px solid var(--line); flex:none; margin-top:auto; }
.read-f .copy { min-height:36px; }
.read-f .mini:last-child { margin-left:auto; }
.reader-close { display:none; }
.mail-frame { width:100%; max-width:100%; min-width:0; min-height:300px; border:0; display:block; background:var(--white); color:var(--ink); }
.mail-text { white-space:pre-wrap; overflow-wrap:anywhere; font:var(--control)/1.75 var(--mono); color:var(--body); }
.is-real .demo,.is-real .demo-pill,.is-real .demo-letterhead { display:none; }
.sec { padding:128px 0; }
.sec.white { background:var(--white); }
.sec.icy { background:var(--bg); }
.center { text-align:center; }
.h2 { font-size:var(--h2); line-height:1.25; font-weight:600; color:var(--ink); letter-spacing:0; }
.h2 mark { background:linear-gradient(transparent 58%,var(--mark) 58%); color:inherit; padding:0 4px; }
.sub,.section-intro { font-size:var(--font-body); color:var(--muted); margin-top:20px; line-height:1.7; }
.center .sub,.center .section-intro { max-width:720px; margin-left:auto; margin-right:auto; }
.ruler { margin-top:64px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); position:relative; }
.ruler::before { content:""; position:absolute; left:12.5%; right:12.5%; top:7px; height:2px; background:linear-gradient(90deg,var(--line2),var(--line2) 72%,var(--teal) 72%); }
.stop { text-align:center; padding:0 16px; }
.dot { width:16px; height:16px; display:block; border-radius:50%; background:var(--white); border:2px solid var(--sage-line); margin:0 auto; position:relative; }
.stop.long .dot { border-color:var(--teal); background:var(--teal); box-shadow:0 0 0 4px var(--long-wash); }
.stop h3 { margin-top:24px; font-size:var(--h3); font-weight:600; color:var(--ink); }
.stop p { font-size:var(--control); color:var(--muted); margin-top:4px; }
.chips { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-top:16px; }
.chip { font-size:var(--control); font-weight:500; padding:6px 16px; border-radius:var(--r-pill); }
.c-sand { background:var(--sand); color:var(--sand-ink); }
.c-sage { background:var(--sage); color:var(--sage-ink); }
.c-slate { background:var(--slate); color:var(--slate-ink); }
.c-rose { background:var(--rose); color:var(--rose-ink); }
.feats { margin-top:64px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.feat { background:var(--bg); color:var(--body); border-radius:var(--r-lg); padding:32px; display:flex; flex-direction:column; min-width:0; }
.feat svg { width:48px; height:48px; }
.feat h3 { margin-top:24px; font-size:var(--h3); line-height:1.4; font-weight:600; color:var(--ink); }
.feat>p { margin-top:12px; font-size:var(--font-body); color:var(--body); }
.fit { margin-top:24px; padding-top:16px; border-top:1px solid var(--line2); display:grid; gap:8px; font-size:var(--control); line-height:1.6; }
.fit div { display:grid; grid-template-columns:56px minmax(0,1fr); }
.fit b { font-weight:600; }
.fit .y b { color:var(--teal); }
.fit .n b { color:var(--danger); }
.fwd { display:grid; grid-template-columns:460px minmax(0,1fr); gap:96px; align-items:center; }
.eyebrow { font-size:var(--control); font-weight:600; color:var(--teal); margin:0 0 20px; }
.fwd .h2 { margin-top:20px; }
.how { margin-top:32px; display:grid; gap:16px; }
.how li { display:grid; grid-template-columns:28px minmax(0,1fr); gap:12px; font-size:var(--font-body); color:var(--body); }
.how svg { width:22px; height:22px; margin-top:2px; }
.how b { color:var(--ink); font-weight:600; }
.acts,.actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:40px; }
.note { margin-top:16px; font-size:var(--small); color:var(--muted); }
.desk { background:var(--white); color:var(--body); border-radius:var(--r-lg); box-shadow:var(--shadow); overflow:hidden; min-width:0; }
.desk-h { display:flex; align-items:center; gap:16px; padding:20px 24px; border-bottom:1px solid var(--line); }
.desk-h h3 { font-size:var(--font-body); font-weight:600; color:var(--ink); }
.desk-h .to { margin-left:auto; font-size:var(--small); color:var(--muted); }
.desk-h .to .mono { color:var(--ink); }
.meter { height:4px; border-radius:var(--r-pill); background:var(--line); width:120px; overflow:hidden; flex-shrink:1; }
.meter i { display:block; height:100%; width:4%; background:var(--teal); }
.al { display:grid; grid-template-columns:minmax(0,1fr) 96px 132px 64px; align-items:center; gap:16px; min-height:72px; padding:12px 24px; border-bottom:1px solid var(--line); }
.al:last-child { border-bottom:0; }
.al .mono { font-size:var(--control); color:var(--ink); white-space:nowrap; }
.al small { display:block; font-size:var(--small); color:var(--faint); font-family:var(--sans); white-space:normal; }
.al.off .mono { color:var(--faint); }
.al .tag { justify-self:start; font-size:var(--small); font-weight:500; padding:2px 12px; border-radius:var(--r-pill); }
.al .last { font-size:var(--small); color:var(--muted); }
.tg { width:40px; height:24px; border-radius:var(--r-pill); background:var(--teal); position:relative; justify-self:end; }
.tg::after { content:""; position:absolute; top:3px; left:19px; width:18px; height:18px; border-radius:50%; background:var(--white); box-shadow:var(--toggle-shadow); }
.al.off .tg { background:var(--off); }
.al.off .tg::after { left:3px; }
.al.off { background:var(--off-paper); color:var(--muted); }
.scene { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:96px; align-items:center; margin-top:64px; }
.ph { height:480px; border-radius:var(--r-lg); overflow:hidden; box-shadow:var(--shadow); }
.ph img,.ph>svg { width:100%; height:100%; object-fit:cover; display:block; }
.steps { display:grid; gap:32px; }
.step { display:grid; grid-template-columns:48px minmax(0,1fr); gap:16px; }
.step-n { width:40px; height:40px; border-radius:50%; border:1px solid var(--line2); display:grid; place-items:center; font-family:var(--mono); font-size:var(--font-body); font-weight:600; color:var(--ink); background:var(--white); }
.step h3 { font-size:var(--h3); font-weight:600; color:var(--ink); line-height:1.4; }
.step p { margin-top:8px; font-size:var(--font-body); color:var(--body); }
.band { position:relative; height:400px; border-radius:var(--r-lg); overflow:hidden; margin-top:128px; }
.band img,.band>svg { width:100%; height:100%; object-fit:cover; display:block; }
.band::after { content:""; position:absolute; inset:0; background:var(--band-shade); }
.band h2 { position:absolute; left:64px; bottom:56px; z-index:1; color:var(--white); font-size:var(--h2); font-weight:600; line-height:1.25; max-width:calc(100% - 128px); }
.rules { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; margin-top:48px; }
.rule { padding-top:24px; border-top:2px solid var(--ink); }
.rule b { display:block; font-size:var(--h3); font-weight:600; color:var(--ink); }
.rule span { display:block; font-size:var(--control); color:var(--muted); margin-top:8px; line-height:1.6; }
.mx { margin-top:64px; background:var(--white); color:var(--body); border-radius:var(--r-lg); box-shadow:var(--shadow); overflow-x:auto; }
.mx table { width:100%; border-collapse:collapse; font-size:var(--font-body); }
.mx th { text-align:left; font-size:var(--small); font-weight:500; color:var(--muted); padding:16px 32px; background:var(--table-paper); border-bottom:1px solid var(--line); }
.mx td { padding:24px 32px; border-bottom:1px solid var(--line); vertical-align:top; color:var(--body); line-height:1.6; }
.mx tr:last-child td { border-bottom:0; }
.mx td:first-child { font-weight:600; color:var(--ink); width:220px; }
.mx td:first-child small { display:block; font-weight:400; font-size:var(--small); color:var(--muted); }
.mx-more { display:flex; justify-content:center; margin-top:40px; }
.faq { margin-top:64px; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); column-gap:96px; }
.q { padding:32px 0; border-top:1px solid var(--line); }
.q h3 { font-size:var(--font-body); font-weight:600; color:var(--ink); line-height:1.5; }
.q p { margin-top:8px; font-size:var(--font-body); color:var(--body); }
details.q { padding:16px 0; }
details.q summary { list-style:none; cursor:pointer; position:relative; padding-right:32px; font-size:var(--font-body); font-weight:600; color:var(--ink); }
details.q summary::-webkit-details-marker { display:none; }
details.q[open] { padding-bottom:24px; }
details.q[open] summary > .chevron { position:absolute; top:50%; transform:translateY(calc(-50% - 1px)) rotate(45deg); }
details.q p { margin-top:16px; }
.cta { text-align:center; }
.cta>svg { width:72px; height:72px; }
.cta .h2 { margin-top:24px; }
.cta .acts,.center .actions { justify-content:center; }
.foot { background:var(--white); border-top:1px solid var(--line); padding:64px 0 48px; }
.foot-g { display:grid; grid-template-columns:1.6fr minmax(0,1fr) minmax(0,1fr) 1.2fr; gap:48px; align-items:start; }
.foot-g>div { min-width:0; }
.foot-g p { margin-top:16px; font-size:var(--control); color:var(--muted); }
.foot h4,.foot .footer-heading { display:block; font-size:var(--small); font-weight:600; color:var(--ink); }
.foot ul { margin-top:16px; display:grid; gap:12px; }
.foot li a { font-size:var(--control); color:var(--muted); overflow-wrap:anywhere; }
.foot li a:hover { color:var(--ink); }
.foot .mail { font-family:var(--mono); font-size:var(--control); color:var(--ink); letter-spacing:0; }
.support-card { display:flex; flex-direction:column; align-items:flex-start; }
.support-card .mini { margin-top:16px; max-width:100%; white-space:normal; overflow-wrap:anywhere; height:auto; }
.foot-b { margin-top:64px; padding-top:24px; border-top:1px solid var(--line); font-size:var(--small); color:var(--faint); display:flex; justify-content:space-between; gap:16px; }
.toast { position:fixed; left:50%; bottom:24px; transform:translate(-50%,12px); z-index:150; width:max-content; max-width:min(430px,calc(100% - 32px)); padding:12px 20px; background:var(--btn); color:var(--white); border-radius:var(--r-lg); box-shadow:var(--shadow); font-size:var(--control); opacity:0; visibility:hidden; pointer-events:none; transition:opacity .2s,transform .2s,visibility .2s; overflow-wrap:anywhere; }
.toast.show { opacity:1; visibility:visible; transform:translate(-50%,0); }
.surface,.card { background:var(--white); color:var(--body); border:1px solid var(--line); border-radius:var(--r-lg); padding:32px; min-width:0; }
.card h2,.surface h2,.tbx-access-window h2,.desk-section h2,.modal h2,.archive-detail h2 { font-size:var(--h3); font-weight:600; line-height:1.4; color:var(--ink); }
.tbx-access-window h2 {
  font-size:22px;
  font-weight:600;
  line-height:1.4;
  color:var(--ink);
}
.card h3,.surface h3 { font-size:var(--label); line-height:1.4; font-weight:600; color:var(--ink); }
.field { display:grid; gap:8px; font-size:var(--control); color:var(--ink); }
input,textarea { min-width:0; max-width:100%; background:var(--hover-paper); color:var(--ink); border:1px solid var(--line2); border-radius:var(--r-pill); font-size:var(--control); line-height:1.5; padding:12px 16px; }
input::placeholder,textarea::placeholder { color:var(--muted); font-size:var(--control); }
input:focus,textarea:focus { outline:none; border-color:var(--ink); box-shadow:none; }
textarea { border-radius:var(--r-sm); resize:vertical; }
.form-stack { display:grid; gap:24px; }
.form-error { color:var(--danger); font-size:var(--control); }
.form-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
.status-pill { display:inline-flex; align-items:center; width:auto; padding:3px 12px; border-radius:var(--r-pill); font-size:var(--small); font-weight:500; background:var(--sage); color:var(--sage-ink); margin:0; }
.status-pill.pending { background:var(--sand); color:var(--sand-ink); }
.status-pill.failed { background:var(--rose); color:var(--rose-ink); }
.empty-host { display:grid; place-items:center; }
.empty-state,.inbox-empty,.reader-empty { width:min(420px,calc(100% - 32px)); max-width:420px; min-height:0; height:auto; padding:20px; margin:16px auto; border:1px solid var(--line); border-radius:var(--r-lg); background:var(--hover-paper); color:var(--body); text-align:center; }
.empty-state h3,.inbox-empty h3,.reader-empty h3 { color:var(--ink); font-size:var(--font-body); font-weight:600; }
.empty-state p,.inbox-empty p,.reader-empty p { margin-top:8px; font-size:var(--control); color:var(--muted); }
.filter { display:inline-block; position:relative; }
.filter-trigger { position:relative; display:inline-flex; align-items:center; min-height:36px; margin-block:16px; padding:8px 36px 8px 16px; border:1px solid var(--line2); border-radius:var(--r-pill); background:var(--white); color:var(--ink); font-size:var(--control); line-height:1.35; }
.filter-menu { min-width:180px; text-align:left; }
.modal-backdrop { position:fixed; inset:0; background:var(--overlay); z-index:100; display:grid; place-items:center; padding:16px; }
.modal { width:min(420px,100%); max-height:calc(100dvh - 32px); overflow-y:auto; border:1px solid var(--line); border-radius:var(--r-lg); background:var(--white); color:var(--body); padding:32px; box-shadow:var(--shadow); }
.modal-icon { margin-bottom:12px; width:36px; height:36px; }
.modal p { margin-top:16px; }
.modal .actions { margin-top:24px; justify-content:flex-end; }
.page-main { padding:64px 0 128px; }
.page-hero { padding:64px 0; }
.page-hero h1 { font-size:var(--h1); font-weight:600; line-height:1.22; color:var(--ink); }
.page-hero .section-intro { max-width:720px; }
.page-hero.center .eyebrow { margin-left:auto; margin-right:auto; }
.auth-layout { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:64px; align-items:center; padding:64px 0 128px; }
.auth-story,.tbx-access-pane { min-width:0; }
.auth-story h1 { font-size:var(--h2); line-height:1.25; color:var(--ink); font-weight:600; }
.auth-story p { margin-top:24px; }
.tbx-access-window { background:var(--white); color:var(--body); border:1px solid var(--line); border-radius:var(--r-lg); padding:40px; box-shadow:var(--shadow); }
.tbx-access-window form { display:grid; gap:24px; margin-top:24px; }
.tbx-access-window input { width:100%; }
.auth-notice { padding:12px 16px; margin:24px 0; background:var(--active-paper); color:var(--teal-d); border-radius:var(--r-sm); font-size:var(--control); overflow-wrap:anywhere; }
.auth-secondary { display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
.auth-secondary button { min-height:40px; border:1px solid var(--line2); border-radius:var(--r-pill); padding:8px 16px; background:var(--white); color:var(--ink); font-size:var(--control); }
.console-header { display:flex; align-items:center; justify-content:space-between; gap:24px; margin:48px 0; }
.console-header h1 { font-size:var(--title); font-weight:600; line-height:1.3; color:var(--ink); }
.console-header p { margin-top:8px; font-size:var(--control); overflow-wrap:anywhere; }
.desk-section { min-width:0; margin-top:48px; }
.alias-surface { background:var(--white); color:var(--body); border:1px solid var(--line); border-radius:var(--r-lg); padding:32px; }
.alias-compose { display:flex; align-items:center; gap:12px; margin-top:24px; flex-wrap:wrap; }
.alias-compose input { flex:1; min-width:140px; height:44px; }
.alias-compose .mini,.alias-compose .pill { min-height:44px; font-size:var(--control); }
.alias-domain { font:var(--control) var(--mono); color:var(--muted); }
.alias-list { margin-top:32px; }
.alias-row { display:flex; align-items:center; gap:16px; padding:20px 0; border-bottom:1px solid var(--line); min-width:0; }
.alias-address { font:var(--control)/1.5 var(--mono); color:var(--ink); overflow-wrap:anywhere; flex:1; min-width:0; }
.alias-row-actions { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.archive-surface { background:var(--bg); color:var(--body); border-radius:var(--r-lg); padding:32px; }
.archive-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:24px; flex-wrap:wrap; }
.archive-row { display:block; width:100%; padding:20px 0; border:0; border-bottom:1px solid var(--line); background:transparent; color:var(--ink); text-align:left; font-family:var(--sans); }
.archive-row-head { display:flex; align-items:center; gap:16px; justify-content:space-between; }
.archive-row-subject { min-width:0; flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:var(--font-body); font-weight:500; }
.archive-row-meta { display:flex; align-items:center; gap:12px; flex:none; font-size:var(--small); color:var(--muted); }
.archive-sender { display:block; margin-top:8px; font-size:var(--small); color:var(--muted); overflow-wrap:anywhere; }
.archive-detail { min-width:0; max-width:100%; background:var(--white); color:var(--body); border:1px solid var(--line); border-radius:var(--r-lg); margin-top:24px; overflow:hidden; }
.archive-detail-head { padding:24px; display:flex; align-items:flex-start; justify-content:space-between; gap:16px; border-bottom:1px solid var(--line); }
.archive-detail-head .mini { flex:none; align-self:flex-start; }
.archive-detail-body { padding:24px; overflow:auto; }
.archive-detail .status-pill { flex:none; }
.archive-surface .empty-state { width:100%; margin-left:0; margin-right:0; }
.surface-safety { background:var(--hover-paper); color:var(--body); border:1px solid var(--line2); border-radius:var(--r-lg); padding:32px; }
.twofa-idle { display:flex; align-items:center; justify-content:space-between; gap:24px; }
.twofa-status { display:flex; align-items:center; gap:12px; font-size:var(--control); margin-top:12px; margin-bottom:20px; }
.twofa-idle [data-twofa-start] { flex:none; align-self:center; }
.twofa-steps { display:flex; flex-wrap:wrap; gap:24px; margin-top:24px; counter-reset:twofa; }
.twofa-steps li { display:flex; align-items:center; gap:12px; font-size:var(--control); }
.twofa-steps li::before { counter-increment:twofa; content:counter(twofa); display:grid; place-items:center; width:28px; height:28px; border-radius:50%; border:1px solid var(--line2); background:var(--white); color:var(--ink); flex:none; }
.twofa-setup { margin-top:24px; margin-bottom:24px; padding-top:24px; border-top:1px solid var(--line); }
.setup-grid { display:grid; grid-template-columns:180px minmax(0,1fr); gap:32px; align-items:start; }
.twofa-qr { width:180px; height:180px; aspect-ratio:1; display:block; object-fit:contain; background:var(--white); color:var(--ink); border:1px solid var(--line); border-radius:var(--r-sm); padding:8px; }
.secret-row { display:flex; align-items:center; gap:12px; margin-top:16px; flex-wrap:wrap; }
.twofa-secret { font:var(--control)/1.7 var(--mono); color:var(--ink); overflow-wrap:anywhere; }
.secret-row button { flex:none; width:auto; }
.twofa-actions { display:flex; align-items:center; gap:12px; margin-top:24px; flex-wrap:wrap; }
.twofa-actions input,.twofa-actions button { min-height:44px; }
.twofa-actions input { max-width:180px; }
.article-layout { display:grid; grid-template-columns:minmax(0,1fr) 240px; gap:64px; width:min(1120px,calc(100% - 64px)); margin:0 auto; padding:48px 0 128px; align-items:start; }
.prose { min-width:0; font-size:var(--font-body); line-height:1.85; color:var(--body); }
.prose h2 { font-size:var(--title); line-height:1.4; font-weight:600; color:var(--ink); margin:48px 0 24px; }
.prose h3 { font-size:var(--label); line-height:1.5; font-weight:600; color:var(--ink); margin:32px 0 16px; }
.prose p,.prose ul,.prose ol { margin-top:20px; }
.prose ul,.prose ol { padding-left:24px; list-style:revert; }
.prose a { color:var(--teal); text-decoration:underline; text-underline-offset:3px; }
.prose .pill.dark { color:var(--white); text-decoration:none; }
.prose .pill.ghost { color:var(--ink); text-decoration:none; }
.prose .card,.prose table { margin-top:24px; margin-bottom:32px; }
.toc { position:sticky; top:calc(var(--header-h) + 16px); border:1px solid var(--line); border-radius:var(--r-lg); padding:24px; background:var(--white); color:var(--ink); font-size:var(--control); }
.toc h2 { font-size:var(--font-body); line-height:1.5; font-weight:600; }
.toc ol { padding-left:20px; margin-top:16px; display:grid; gap:12px; }
.toc .status-pill { margin-top:16px; }
.crumbs { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-bottom:24px; font-size:var(--small); color:var(--muted); }
.post-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin-top:40px; }
.post-card { display:flex; flex-direction:column; padding:32px; border:1px solid var(--line2); border-radius:var(--r-lg); background:var(--white); color:var(--body); }
.post-card:hover { background:var(--hover-paper); color:var(--body); border-color:var(--hover-line); }
.post-card h2 { font-size:var(--h3); color:var(--ink); font-weight:600; line-height:1.4; }
.post-card p { margin-top:20px; }
.post-card time { display:block; margin-top:24px; font-size:var(--small); color:var(--muted); }
.recommend-float { position:fixed; bottom:24px; right:24px; width:min(320px,calc(100% - 32px)); z-index:75; border:1px solid var(--line2); border-radius:var(--r-lg); background:var(--white); color:var(--body); box-shadow:var(--shadow); overflow:hidden; }
.recommend-media { padding:24px; background:var(--bg); color:var(--ink); border-bottom:1px solid var(--line); }
.recommend-content { padding:24px; }
.recommend-content h2 { font-size:var(--label); font-weight:600; line-height:1.4; color:var(--ink); }
.recommend-content p { margin-top:12px; font-size:var(--control); }
.recommend-content .pill { margin-top:24px; font-size:var(--control); height:auto; white-space:normal; }
.float-close { position:absolute; top:8px; right:8px; display:grid; place-items:center; width:32px; height:32px; border:1px solid var(--line2); border-radius:var(--r-pill); background:var(--white); color:var(--ink); }
body.reader-open { overflow:hidden; }
@media (max-width:1100px) {
  .wrap { width:calc(100% - 48px); }
  .nav-links { gap:24px; margin-right:24px; }
  .hero .wrap { grid-template-columns:360px minmax(0,1fr); gap:32px; }
  .hero h1 { font-size:var(--h2); }
  .addr { padding:20px; }
  .addr-row { gap:8px; }
  .addr-v { font-size:var(--font-body); }
  .timer { flex-wrap:wrap; }
  .timer-t { min-width:170px; }
  .win-body { grid-template-columns:38% minmax(0,1fr); }
  .win-bar { padding:0 16px; gap:12px; }
  .win-bar>.mono { display:none; }
  .row { padding:0 12px; gap:8px; }
  .row-h { flex-wrap:wrap; gap:0 8px; }
  .row-h time { font-size:var(--small); }
  .read-h { padding:24px 20px 16px; }
  .read-b { padding:24px 20px; }
  .read-f { padding:16px 20px; gap:8px; flex-wrap:wrap; }
  .code { padding:16px; flex-wrap:wrap; }
  .meta { gap:8px; flex-wrap:wrap; }
  .meta time { margin-left:44px; }
  .fwd { grid-template-columns:38% minmax(0,1fr); gap:48px; }
  .al { grid-template-columns:minmax(0,1fr) 72px 40px; gap:12px; padding:12px 20px; }
  .al .last { display:none; }
  .al .mono { font-size:var(--small); }
  .desk-h { gap:12px; flex-wrap:wrap; }
  .desk-h .meter { width:80px; }
  .desk-h .to { width:100%; margin-left:0; }
  .scene { gap:48px; }
  .foot-g { gap:32px; grid-template-columns:1.4fr minmax(0,1fr) minmax(0,1fr) 1.2fr; }
  .auth-layout { grid-template-columns:minmax(0,1fr); gap:40px; }
  .article-layout { width:calc(100% - 48px); gap:40px; grid-template-columns:minmax(0,1fr) 220px; }
}
@media (max-width:860px) {
  :root { --h1:40px; --h2:32px; --h3:22px; }
  .nav-links { display:none; }
  .menu-toggle { display:inline-flex; margin-right:12px; }
  .nav .brand { margin-right:auto; }
  .nav .header-auth { display:none; }
  .lang-wrap { margin-right:0; }
  .hero { padding:32px 0 64px; overflow:visible; }
  .hero .wrap { grid-template-columns:minmax(0,1fr); gap:40px; }
  .hero-l { padding-top:16px; max-width:600px; }
  .hero h1 { font-size:var(--h1); }
  .lede { max-width:520px; }
  .addr { max-width:520px; }
  .addr-v { font-size:var(--h3); }
  .timer-t { min-width:0; }
  .hero-r { padding-top:0; }
  .hero-art { inset:-24px 0; overflow:hidden; }
  .win { animation:none; transform:none; }
  .win-body { grid-template-columns:36% minmax(0,1fr); }
  .win-bar>.mono { display:block; }
  .row-h { flex-wrap:nowrap; }
  .read-h { padding:24px 24px 16px; }
  .read-b { padding:24px; }
  .read-f { padding:16px 24px; }
  .sec { padding:80px 0; }
  .feats { gap:16px; margin-top:40px; }
  .feat { padding:24px; }
  .feat h3 { font-size:var(--h3); }
  .fwd { grid-template-columns:minmax(0,1fr); gap:48px; }
  .fwd>div:first-child { max-width:600px; }
  .al { grid-template-columns:minmax(0,1fr) 96px 132px 40px; }
  .al .mono { font-size:var(--control); }
  .al .last { display:block; }
  .desk-h .to { width:auto; margin-left:auto; }
  .scene { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:32px; margin-top:40px; }
  .ph { height:440px; }
  .step { grid-template-columns:40px minmax(0,1fr); gap:12px; }
  .step h3 { font-size:var(--h3); }
  .band { margin-top:80px; height:320px; }
  .band h2 { left:32px; bottom:32px; max-width:calc(100% - 64px); font-size:var(--h2); }
  .rules { grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; }
  .mx { margin-top:40px; }
  .mx th,.mx td { padding:20px; }
  .faq { column-gap:40px; margin-top:40px; }
  .foot-g { grid-template-columns:repeat(2,minmax(0,1fr)); gap:40px; }
  .footer-brand { grid-column:1/-1; }
  .support-card { grid-column:1/-1; }
  .foot-b { margin-top:40px; }
  .article-layout { grid-template-columns:minmax(0,1fr); }
  .toc { position:static; grid-row:1; }
  .console-header { align-items:flex-start; flex-wrap:wrap; }
  .twofa-idle { align-items:flex-start; }
  .post-grid { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:560px) {
  :root { --h1:40px; --h2:32px; --header-h:64px; }
  .wrap { width:calc(100% - 32px); }
  .nav .wrap { gap:0; }
  .menu-toggle { margin-right:0; }
  .nav .brand { position:absolute; left:50%; transform:translateX(-50%); gap:8px; font-size:var(--label); margin:0; }
  .brand img { width:28px; height:28px; }
  .lang-wrap { margin-left:auto; }
  .lang { width:40px; min-width:40px; height:40px; padding:0; background:var(--white); color:var(--ink); }
  .lang .lang-name { display:none; }
  .lang .chevron { right:16px; }
  .lang-menu { right:0; }
  .hero { padding-top:24px; }
  .hero-l { padding-top:8px; }
  .hero h1 { line-height:1.14; }
  .lede { font-size:var(--font-body); margin-top:24px; }
  .switch { margin-top:24px; flex-wrap:wrap; gap:8px; }
  .switch .pill { min-width:0; padding:12px; font-size:var(--font-body); }
  .addr { padding:20px 16px; }
  .addr-v { font-size:var(--font-body); }
  .addr-row .copy { padding:0 12px; font-size:var(--small); }
  .timer { gap:12px; }
  .timer-t { flex:1; min-width:calc(100% - 48px); }
  .timer>.mini { flex:1; }
  .sys { line-height:1.7; }
  .hero-links { gap:20px; }
  .win { height:auto; min-height:0; grid-template-rows:56px auto; animation:none; transform:none; }
  .win-bar { padding:0 16px; gap:8px; }
  .win-bar>.mono { display:none; }
  .live { font-size:var(--small); gap:6px; }
  .win-body { display:block; }
  .list { border-right:0; min-height:152px; max-height:380px; overflow-y:auto; }
  .row { grid-template-columns:36px minmax(0,1fr); padding:0 16px; gap:12px; height:76px; min-height:76px; }
  .row-h { align-items:center; flex-wrap:nowrap; }
  .row-h time { font-size:var(--small); }
  .list-empty { padding:20px; min-height:0; height:auto; }
  .read { display:none; }
  .mobile-reader { display:flex; flex-direction:column; position:fixed; top:var(--header-h); left:0; right:0; bottom:0; height:calc(100dvh - var(--header-h)); max-height:calc(100dvh - var(--header-h)); z-index:90; overflow-y:auto; background:var(--white); color:var(--body); transform:none; animation:none; }
  .mobile-reader .read-h { position:sticky; top:0; z-index:2; background:var(--white); color:var(--ink); padding:16px; }
  .mobile-reader .reader-close { display:inline-flex; margin-bottom:16px; }
  .mobile-reader .read-b { padding:24px 16px; }
  .mobile-reader .read-f { padding:16px; position:sticky; bottom:0; background:var(--white); color:var(--ink); }
  .mobile-reader .meta time { margin-left:0; }
  .mobile-reader .code { padding:16px; }
  .reader-open .hero-art { visibility:hidden; }
  .hero,.hero .wrap,.hero-r { transform:none; animation:none; }
  .sec { padding:64px 0; }
  .sub,.section-intro { font-size:var(--font-body); margin-top:20px; }
  .ruler { grid-template-columns:repeat(2,minmax(0,1fr)); gap:40px 16px; margin-top:40px; }
  .ruler::before { display:none; }
  .stop { padding:0; }
  .stop h3 { margin-top:16px; font-size:var(--h3); }
  .stop p { font-size:var(--small); }
  .chip { font-size:var(--small); padding:6px 12px; }
  .feats { grid-template-columns:minmax(0,1fr); gap:16px; }
  .feat { padding:24px; }
  .feat h3 { font-size:var(--h3); }
  .fwd { gap:32px; }
  .acts,.actions { margin-top:32px; }
  .acts .pill { font-size:var(--font-body); padding:12px 24px; }
  .desk-h { padding:16px; }
  .desk-h .meter { width:80px; }
  .desk-h .to { width:100%; margin-left:0; }
  .al { grid-template-columns:minmax(0,1fr) 40px; padding:16px; gap:8px 12px; }
  .al>.mono { grid-column:1; white-space:normal; overflow-wrap:anywhere; font-size:var(--small); }
  .al .tag { grid-column:1; }
  .al .last { display:none; }
  .al .tg { grid-column:2; grid-row:1/3; }
  .scene { grid-template-columns:minmax(0,1fr); gap:40px; }
  .ph { height:320px; }
  .steps { gap:32px; }
  .band { margin-top:64px; height:280px; }
  .band h2 { left:24px; bottom:24px; max-width:calc(100% - 48px); font-size:var(--h2); }
  .rules { gap:24px 16px; margin-top:32px; }
  .rule b { font-size:var(--h3); }
  .rule span { font-size:var(--small); }
  .mx table { min-width:720px; }
  .mx th,.mx td { padding:16px 20px; }
  .mx-more { margin-top:32px; }
  .faq { grid-template-columns:minmax(0,1fr); }
  .q { padding:24px 0; }
  .cta .acts { flex-direction:column; align-items:center; }
  .foot { padding:48px 0 32px; }
  .foot-g { grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px 24px; }
  .foot-b { flex-wrap:wrap; margin-top:32px; }
  .card,.surface,.tbx-access-window,.alias-surface,.archive-surface,.surface-safety { padding:24px 20px; }
  .page-main { padding:40px 0 64px; }
  .page-hero { padding:40px 0; }
  .page-hero h1 { font-size:var(--title); }
  .auth-layout { padding:40px 0 64px; gap:32px; }
  .auth-story h1 { font-size:var(--title); }
  .console-header { margin:32px 0; gap:16px; }
  .console-header h1 { font-size:var(--title); }
  .alias-compose { display:grid; grid-template-columns:minmax(0,1fr); }
  .alias-compose input { width:100%; }
  .alias-domain { overflow-wrap:anywhere; }
  .alias-row { flex-wrap:wrap; gap:12px; }
  .alias-address { flex-basis:100%; }
  .alias-row-actions { width:100%; }
  .archive-row-head { flex-wrap:wrap; gap:8px; }
  .archive-row-subject { flex-basis:100%; white-space:normal; }
  .archive-row-meta { flex-wrap:wrap; }
  .archive-detail-head { padding:20px; flex-wrap:wrap; }
  .archive-detail-body { padding:20px; }
  .twofa-idle { flex-wrap:wrap; gap:20px; }
  .setup-grid { grid-template-columns:minmax(0,1fr); gap:24px; }
  .twofa-actions { gap:12px; }
  .twofa-actions input { min-width:0; flex:1; }
  .twofa-actions button { font-size:var(--control); padding-left:16px; padding-right:16px; }
  .article-layout { width:calc(100% - 32px); padding:32px 0 64px; gap:32px; }
  .prose h2 { font-size:var(--h3); }
  .prose h3 { font-size:var(--label); }
  .recommend-float { right:16px; bottom:16px; }
  .modal { padding:24px; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation:none !important; transition:none !important; }
}


/* Inbox engine */
.row.is-unread::after { content:""; position:absolute; left:7px; top:50%; width:5px; height:5px; border-radius:50%; background:var(--teal); transform:translateY(-50%); }
.row-h { flex-wrap:nowrap; align-items:center; }
.row-h b { min-width:0; overflow:hidden; text-overflow:ellipsis; }
.row-h time { align-self:center; flex:none; }
.reader-mobile-actions { display:none; }
.read.empty-host { display:grid; place-items:center; }
.list.empty-host { display:grid; place-items:center; }
.read .empty-state,.list .empty-state { width:min(420px,calc(100% - 32px)); height:auto; min-height:0; margin:16px; padding:20px; border:1px solid var(--line); border-radius:var(--r-lg); background:var(--hover-paper); color:var(--body); }
.attachment-note { padding:12px 16px; margin-bottom:20px; border:1px solid var(--line2); border-radius:var(--r-sm); background:var(--active-paper); color:var(--body); font-size:var(--small); }
.delete-symbol { display:grid; place-items:center; width:36px; height:36px; margin-bottom:16px; border-radius:50%; background:var(--rose); color:var(--rose-ink); font-size:var(--h3); line-height:1; }
.address-attention { outline:2px solid var(--teal); outline-offset:4px; }
.timer { flex-wrap:wrap; }
.timer-t { flex:1; min-width:120px; }
.timer .mini { flex:none; font-size:var(--small); }
[data-destroy-mailbox] { color:var(--danger); background:var(--white); }
[data-destroy-mailbox]:hover { color:var(--rose-ink); background:var(--rose); }

/* Passwordless access */
.auth-layout { min-height:720px; }
.auth-story { padding-right:24px; }
.auth-story h1 { font-size:var(--h2); line-height:1.25; }
.auth-story > p:not(.eyebrow) { max-width:490px; font-size:var(--font-body); line-height:1.8; }
.login-explanation { display:grid; grid-template-columns:40px minmax(0,1fr); gap:16px; padding-top:32px; margin-top:32px; border-top:1px solid var(--line2); max-width:500px; }
.login-explanation svg { width:40px; height:40px; }
.login-explanation h2 { font-size:var(--label); font-weight:600; color:var(--ink); line-height:1.5; }
.login-explanation p { margin-top:12px; font-size:var(--font-body); }
.login-return { display:inline-block; color:var(--teal); font-size:var(--control); font-weight:500; margin-top:32px; text-decoration:underline; text-underline-offset:4px; }
.login-return:hover { color:var(--teal-d); }
.tbx-access-heading { display:flex; align-items:center; gap:12px; margin-bottom:32px; font-size:var(--small); color:var(--muted); }
.tbx-access-heading img { flex:none; }
.login-intro { margin-top:20px; font-size:var(--font-body); color:var(--muted); }
.login-fine { margin-top:20px; color:var(--muted); font-size:var(--small); }
.login-consent { padding-top:24px; margin-top:32px; border-top:1px solid var(--line); font-size:var(--small); color:var(--muted); line-height:1.8; }
.login-consent a { color:var(--teal); text-decoration:underline; text-underline-offset:3px; }
.login-error { margin-top:24px; }
.tbx-access-window .auth-notice { margin:16px 0 24px; }
.tbx-access-window .auth-secondary { margin-top:24px; }
.tbx-access-window [data-code-pane] h2,
[data-code-pane] h2 {
  font-size:22px;
  line-height:1.4;
}
.alias-compose:focus-within {
  outline:2px solid var(--teal);
  outline-offset:4px;
  border-radius:var(--r-pill);
}
.alias-compose input:focus,
.alias-compose input:focus-visible {
  outline:none;
  box-shadow:none;
}
.alias-compose:focus-within .alias-domain {
  color:var(--teal-d);
  border-color:var(--teal);
}
.tbx-access-window .verification-input { font-size:var(--h3); letter-spacing:.12em; }
.tbx-access-window .verification-input::placeholder { letter-spacing:.12em; font-size:var(--label); }
.tbx-access-window form .pill { min-height:48px; font-size:var(--font-body); }

/* Address issuing and records */
.desk-main { padding:48px 0 96px; background:var(--white); color:var(--body); }
.desk-session { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:48px; }
.desk-session-identity { display:flex; align-items:center; gap:16px; min-width:0; }
.desk-session-identity img { flex:none; }
.desk-session h1 { color:var(--ink); font-size:var(--h3); font-weight:600; line-height:1.4; }
.desk-session p { color:var(--muted); font-size:var(--control); margin-top:8px; overflow-wrap:anywhere; }
.desk-session strong { color:var(--ink); font-size:var(--control); font-weight:500; }
.desk-session-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px; flex:none; }
.desk-session-actions .mini { background:var(--white); color:var(--ink); }
.desk-session-actions [data-logout] { background:var(--white); color:var(--ink); border:1px solid var(--ink); }
.desk-session-actions [data-logout]:hover { background:var(--btn); color:var(--white); border-color:var(--btn); }
.desk-error { padding:16px 20px; margin:0 0 24px; border:1px solid var(--line2); border-radius:var(--r-sm); background:var(--off-paper); color:var(--danger); }
.address-issuer { padding:40px; background:var(--white); color:var(--body); box-shadow:var(--shadow); }
.issuer-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:32px; }
.issuer-heading > div { max-width:760px; min-width:0; }
.issuer-heading h2 { color:var(--ink); font-size:var(--h3); font-weight:600; line-height:1.4; }
.issuer-heading .section-intro { font-size:var(--font-body); margin-top:20px; }
.issuer-heading > .status-pill { flex:none; margin-top:4px; }
.address-issuer .alias-compose { flex-wrap:nowrap; }
.address-issuer .alias-compose input { min-width:0; }
.address-issuer .alias-compose .alias-domain { white-space:nowrap; flex:none; }
.address-issuer .alias-compose button { flex:none; font-size:var(--control); min-height:44px; }
.address-issuer .alias-row:last-child { border-bottom:0; }
.issuer-empty { width:100%; margin:32px 0 0; padding:20px; text-align:left; }
.issuer-bottom { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; padding-top:24px; margin-top:24px; border-top:1px solid var(--line); }
.issuer-bottom p { font-size:var(--small); color:var(--muted); }
.issuer-bottom button { flex:none; }
.alias-statistics { margin-top:32px; padding:24px; border-radius:var(--r-lg); border:1px solid var(--line2); background:var(--hover-paper); color:var(--body); }
.stats-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.stats-heading h3 { font-size:var(--label); font-weight:600; color:var(--ink); }
.stats-address { margin-top:16px; font-size:var(--control); overflow-wrap:anywhere; }
.stats-counts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:24px; }
.stats-counts dt { font-size:var(--small); color:var(--muted); }
.stats-counts dd { color:var(--ink); font-size:var(--h3); margin-top:8px; font-weight:500; }
.stats-subtitle { margin-top:24px; font-size:var(--font-body); color:var(--ink); }
.stats-senders { display:grid; gap:8px; margin-top:16px; font-size:var(--control); overflow-wrap:anywhere; }
.records-section { margin-top:112px; }
.records-heading { display:flex; align-items:center; justify-content:space-between; gap:32px; margin-bottom:40px; }
.records-heading > div { max-width:800px; }
.records-heading .h2 { font-size:var(--title); }
.records-heading .section-intro { font-size:var(--font-body); }
.records-clock { width:72px; height:72px; flex:none; }
.records-section .archive-surface { border:1px solid var(--line); padding:32px; }
.archive-loading { color:var(--muted); font-size:var(--control); padding-bottom:16px; }
.archive-surface .filter-menu { right:auto; left:0; max-height:360px; overflow-y:auto; background:var(--white); color:var(--ink); border:1px solid var(--line2); }
.archive-row:hover { background:var(--active-paper); color:var(--ink); }
.archive-row:focus-visible { outline-offset:2px; }
.archive-pager { display:flex; align-items:center; justify-content:flex-end; gap:16px; margin-top:24px; font-size:var(--control); color:var(--muted); }
.archive-detail-title { min-width:0; flex:1; }
.archive-detail-title h2 { overflow-wrap:anywhere; }
.archive-detail-title p { font-size:var(--control); color:var(--muted); margin-top:12px; overflow-wrap:anywhere; }
.archive-detail-title time { display:block; margin-top:8px; color:var(--muted); font-size:var(--small); }
.archive-detail-actions { display:flex; flex-wrap:wrap; gap:8px; align-items:center; flex:none; }
.archive-detail-actions .mini { align-self:center; height:auto; }
.archive-detail-body { max-height:720px; min-height:240px; }
.archive-attachments { padding:24px; border-top:1px solid var(--line); }
.archive-attachments h3 { font-size:var(--font-body); font-weight:600; color:var(--ink); }
.attachment-row { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-top:16px; }
.attachment-name { overflow-wrap:anywhere; min-width:0; font-size:var(--control); }
.attachment-row .mini { flex:none; }
.security-ribbon { margin-top:112px; padding:32px; background:var(--hover-paper); color:var(--body); }
.security-ribbon .twofa-idle { align-items:center; }
.security-ribbon .twofa-idle > div { max-width:820px; }
.security-ribbon h2 { font-size:var(--h3); line-height:1.4; font-weight:600; color:var(--ink); }
.security-intro { font-size:var(--font-body); margin-top:20px; color:var(--muted); }
.security-ribbon .twofa-status { margin-top:20px; }
.security-ribbon .twofa-status .status-pill { margin:0; }
.security-ribbon .twofa-setup h3 { color:var(--ink); font-size:var(--label); font-weight:600; }
.twofa-help { margin-top:16px; font-size:var(--control); }
.twofa-disable-panel { margin-top:24px; padding-top:24px; border-top:1px solid var(--line); font-size:var(--control); }
.twofa-disable-panel .twofa-actions { margin-top:16px; }
.security-ribbon .twofa-actions { align-items:center; gap:12px; }
.security-ribbon .twofa-actions button { align-self:center; min-height:44px; }
.security-error { margin-top:24px; }
.desk-closing-note { margin-top:40px; max-width:840px; font-size:var(--small); color:var(--muted); }
@media (max-width:1100px) {
  .auth-story { padding-right:0; }
  .auth-layout { min-height:0; }
  .auth-story h1 { font-size:var(--h2); }
  .address-issuer { padding:32px; }
  .address-issuer .alias-compose { flex-wrap:wrap; }
  .address-issuer .alias-compose input { flex-basis:45%; }
  .alias-row { flex-wrap:wrap; }
  .alias-address { flex-basis:60%; }
  .alias-row-actions { flex-basis:100%; }
  .archive-detail-head { flex-wrap:wrap; }
  .archive-detail-actions { flex-basis:100%; }
}
@media (max-width:720px) {
  .desk-session { align-items:flex-start; flex-direction:column; }
  .desk-session-identity { width:100%; align-items:flex-start; }
  .desk-session-identity > div { min-width:0; }
  .desk-session-actions { width:100%; }
  .issuer-heading { display:block; }
  .issuer-heading > .status-pill { margin-top:24px; }
  .alias-address { flex-basis:100%; }
  .alias-row-actions { width:100%; }
  .records-heading { align-items:flex-start; gap:20px; }
  .records-clock { width:48px; height:48px; }
  .archive-row-head { flex-wrap:wrap; }
  .archive-row-subject { flex-basis:100%; white-space:normal; }
  .archive-row-meta { flex-wrap:wrap; }
  .address-issuer .alias-compose { display:grid; grid-template-columns:minmax(0,1fr); gap:12px; }
  .address-issuer .alias-compose input { width:100%; height:44px; }
  .address-issuer .alias-compose .alias-domain { white-space:normal; overflow-wrap:anywhere; }
  .security-ribbon .twofa-idle { flex-wrap:wrap; }
  .security-ribbon .twofa-idle [data-twofa-start] { align-self:center; }
}
@media (max-width:560px) {
  .reader-mobile-actions { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px; }
  .mobile-reader { border-radius:0; height:100dvh; max-height:100dvh; top:0; padding-top:var(--header-h); z-index:90; }
  .mobile-reader .read-h { position:sticky; top:var(--header-h); }
  .mobile-reader .reader-close { display:inline-flex; margin-bottom:0; }
  .mobile-reader .read-f > [data-delete-mail] { display:none; }
  .mobile-reader.empty-host { display:flex; justify-content:center; }
  .mobile-reader.empty-host > .reader-close { align-self:flex-start; margin:16px; }
  .timer-t { min-width:calc(100% - 48px); }
  .timer .mini { flex:1 1 auto; }
  .addr-v { white-space:nowrap; text-overflow:clip; overflow-x:auto; }
  .auth-story h1 { font-size:var(--title); }
  .login-explanation { margin-top:24px; padding-top:24px; }
  .tbx-access-heading { margin-bottom:24px; }
  .tbx-access-window { padding:28px 20px; }
  .login-consent { margin-top:24px; }
  .desk-main { padding:32px 0 64px; }
  .desk-session { margin-bottom:32px; gap:20px; }
  .desk-session h1 { font-size:var(--h3); }
  .desk-session p { line-height:1.8; }
  .address-issuer { padding:24px 20px; }
  .issuer-heading h2 { font-size:var(--h3); }
  .issuer-bottom { align-items:flex-start; }
  .alias-row-actions .mini { font-size:var(--small); padding:8px 12px; }
  .alias-statistics { padding:20px; }
  .stats-heading { align-items:flex-start; }
  .stats-counts { gap:12px; }
  .records-section,.security-ribbon { margin-top:64px; }
  .records-heading { margin-bottom:32px; }
  .records-heading .h2 { font-size:var(--title); }
  .records-clock { display:none; }
  .records-section .archive-surface { padding:20px 16px; }
  .archive-detail-head { padding:20px 16px; }
  .archive-detail-title { flex-basis:100%; }
  .archive-detail-actions { gap:12px; }
  .archive-detail-body { padding:20px 16px; max-height:65dvh; }
  .archive-attachments { padding:20px 16px; }
  .security-ribbon { padding:24px 20px; }
  .security-ribbon .twofa-actions input { width:100%; min-width:100px; max-width:150px; }
  .security-ribbon .twofa-actions .mini { flex-basis:auto; }
  .security-ribbon .twofa-actions .pill { padding-left:16px; padding-right:16px; }
  .secret-row { align-items:center; }
  .secret-row .twofa-secret { flex:1 1 160px; }
  .secret-row .mini { width:auto; white-space:normal; }
}


/* Shared shell and task-specific component repairs */
.hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:32px; }
.brand-name { display:inline-block; flex:none; white-space:nowrap; line-height:1.2; overflow:visible; }
[data-site-nav] a { white-space:nowrap; }
.site-header { position:sticky; top:0; z-index:40; background:var(--white); border-bottom:1px solid var(--line); }
:lang(zh) h1 { text-wrap:balance; }
:lang(zh) h2 { text-wrap:balance; }
.filter-menu [role="option"] { display:inline-flex; align-items:center; }
.archive-filter { display:inline-flex; align-items:center; }
.status-pill.is-active { background:var(--sage); color:var(--sage-ink); }
.status-pill.is-paused { background:var(--sand); color:var(--sand-ink); }
.reader:not(.mobile-reader) [data-reader-close] { display:none; }
.read:not(.mobile-reader) [data-reader-close] { display:none; }
.tbx-access-window label { display:block; margin-bottom:8px; }
.tbx-access-pane label { display:block; margin-bottom:8px; }
.tbx-access-pane h2 { font-size:var(--h3); line-height:1.4; }
.archive-detail iframe { min-width:0; max-width:100%; }
[data-twofa-confirm] { margin-top:24px; }
.twofa-actions [data-twofa-confirm] { margin-top:0; }
.form-actions [data-twofa-confirm] { margin-top:0; }
.demo-brand { display:flex; align-items:flex-start; }
.demo-brand-mark { align-items:flex-start; }


/* Privacy policy */
.privacy-hero { padding-top:64px; padding-bottom:64px; }
.privacy-hero h1 { max-width:1000px; font-size:var(--h1); line-height:1.22; }
.privacy-hero .section-intro { max-width:760px; }
.privacy-policy-meta { display:flex; flex-wrap:wrap; gap:8px; margin-top:24px; font-size:var(--small); color:var(--muted); }
.privacy-overview-grid.overview-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:64px; }
.privacy-overview-card.overview-card { display:flex; flex-direction:column; align-items:flex-start; min-width:0; padding:32px; border:1px solid var(--line); border-radius:var(--r-lg); background:var(--white); color:var(--body); }
.privacy-glance-label { font-size:var(--small); font-weight:500; color:var(--teal); }
.privacy-overview-card h2 { margin-top:20px; font-size:var(--label); line-height:1.5; font-weight:600; color:var(--ink); }
.privacy-overview-card p { margin-top:16px; font-size:var(--font-body); line-height:1.8; }
.privacy-overview-card > a { margin-top:24px; font-size:var(--control); font-weight:500; color:var(--teal); text-decoration:underline; text-underline-offset:4px; }
.privacy-overview-card > a:hover { color:var(--teal-d); }
.privacy-document { padding-top:0; padding-bottom:128px; }
.privacy-section-nav { display:flex; flex-wrap:wrap; gap:12px 24px; padding:24px 0; border-top:1px solid var(--line2); border-bottom:1px solid var(--line2); }
.privacy-section-nav a { font-size:var(--control); color:var(--muted); padding:4px 0; }
.privacy-section-nav a:hover { color:var(--teal-d); text-decoration:underline; text-underline-offset:4px; }
.privacy-prose { max-width:1080px; margin:0 auto; }
.privacy-section { padding-top:64px; scroll-margin-top:calc(var(--header-h) + 24px); }
.privacy-prose .privacy-section > h2 { margin:0 0 24px; font-size:var(--title); line-height:1.4; font-weight:600; }
.privacy-prose h3 { font-size:var(--label); line-height:1.5; font-weight:600; }
.privacy-prose .privacy-section > p { max-width:900px; }
.privacy-prose .privacy-table { margin-top:32px; margin-bottom:32px; border:1px solid var(--line); box-shadow:none; }
.privacy-table table { min-width:740px; }
.privacy-table th,.privacy-table td { padding:20px 24px; }
.privacy-table tbody th { width:24%; min-width:170px; vertical-align:top; font-size:var(--control); font-weight:600; line-height:1.7; background:var(--white); color:var(--ink); }
.privacy-table tbody td { width:38%; font-size:var(--control); font-weight:400; }
.privacy-table tbody tr:last-child th { border-bottom:0; }
.privacy-retention-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:32px; margin-bottom:32px; }
.privacy-retention-card { min-width:0; padding:24px; border:1px solid var(--line2); border-radius:var(--r-lg); background:var(--white); color:var(--body); scroll-margin-top:calc(var(--header-h) + 24px); }
.privacy-retention-number { display:block; font-size:var(--h3); font-weight:600; color:var(--teal); line-height:1.4; }
.privacy-prose .privacy-retention-card h3 { margin:20px 0 0; font-size:var(--label); }
.privacy-retention-card p { font-size:var(--control); }
.privacy-boundary-note { margin-top:32px; padding:24px 32px; border-left:3px solid var(--amber); border-radius:var(--r-sm); background:var(--white); color:var(--body); }
.privacy-prose .privacy-boundary-note h3 { margin:0; font-size:var(--label); }
.privacy-boundary-note p { margin-top:16px; font-size:var(--control); }
.privacy-prose .privacy-control-list { display:grid; gap:16px; margin-top:32px; padding-left:24px; }
.privacy-control-list li { padding-left:8px; }
.privacy-control-list strong { font-weight:600; color:var(--ink); }
.privacy-contact { margin-top:48px; padding:32px; border:1px solid var(--line2); border-radius:var(--r-lg); background:var(--white); color:var(--body); }
.privacy-prose .privacy-contact h3 { margin:0; font-size:var(--label); }
.privacy-contact .actions { margin-top:32px; }
.privacy-contact .pill { white-space:normal; height:auto; }
.privacy-prose .privacy-policy-end { margin-top:32px; font-size:var(--small); color:var(--muted); }
@media (max-width:860px) {
  .privacy-hero { padding-top:48px; padding-bottom:48px; }
  .privacy-hero h1 { font-size:var(--h1); }
  .privacy-overview-grid.overview-grid { grid-template-columns:minmax(0,1fr); gap:16px; margin-top:40px; }
  .privacy-overview-card.overview-card { padding:24px; }
  .privacy-document { padding-bottom:80px; }
  .privacy-section { padding-top:48px; }
  .privacy-prose .privacy-section > h2 { font-size:var(--h3); }
  .privacy-retention-grid { grid-template-columns:minmax(0,1fr); gap:16px; }
  .privacy-boundary-note { padding:24px; }
  .privacy-contact { padding:24px; }
}
@media (max-width:560px) {
  .privacy-hero { padding-top:40px; padding-bottom:40px; }
  .privacy-hero h1 { font-size:var(--title); }
  .privacy-policy-meta { display:block; line-height:1.9; }
  .privacy-policy-meta > span[aria-hidden] { display:block; height:0; overflow:hidden; }
  .privacy-section-nav { gap:12px 20px; padding:20px 0; }
  .privacy-document { padding-bottom:64px; }
  .privacy-prose .privacy-section > h2 { line-height:1.5; }
  .privacy-table th,.privacy-table td { padding:16px 20px; }
  .privacy-contact { padding:24px 20px; }
  .privacy-contact .actions { align-items:flex-start; }
  .privacy-contact .pill { padding-left:24px; padding-right:24px; }
}


/* Terms: quiet overview, reading index and service boundaries */
.terms-main { background:var(--white); color:var(--body); }
.terms-hero { padding:64px 0; background:var(--bg); color:var(--body); }
.terms-hero h1 { max-width:880px; font-size:var(--h2); line-height:1.25; font-weight:600; color:var(--ink); }
.terms-hero .section-intro { max-width:760px; margin-top:24px; }
.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:64px; }
.terms-overview-card { min-width:0; padding:24px; border:1px solid var(--line); border-radius:var(--r-lg); background:var(--white); color:var(--body); }
.terms-glance-number { display:block; font-size:var(--small); font-weight:500; color:var(--teal); }
.terms-overview-card h2 { margin-top:20px; font-size:var(--label); line-height:1.5; font-weight:600; color:var(--ink); }
.terms-overview-card p { margin-top:12px; font-size:var(--font-body); line-height:1.8; }
.terms-reading { display:grid; grid-template-columns:220px minmax(0,1fr); gap:64px; align-items:start; padding-top:64px; padding-bottom:128px; }
.terms-index { position:sticky; top:calc(var(--header-h) + 24px); padding:24px; border:1px solid var(--line); border-radius:var(--r-lg); background:var(--hover-paper); color:var(--body); }
.terms-index h2 { font-size:var(--font-body); line-height:1.5; font-weight:600; color:var(--ink); }
.terms-index ol { display:grid; gap:12px; padding-left:20px; margin-top:24px; list-style:decimal; font-size:var(--control); }
.terms-index a:hover { color:var(--teal-d); text-decoration:underline; text-underline-offset:4px; }
.terms-index-link { display:inline-block; margin-top:24px; font-size:var(--small); color:var(--teal); }
.terms-prose { max-width:920px; }
.terms-prose h2 { margin:0 0 24px; font-size:var(--h3); line-height:1.5; font-weight:600; color:var(--ink); }
.terms-prose h3 { margin:32px 0 16px; font-size:var(--label); line-height:1.5; font-weight:600; color:var(--ink); }
.terms-prose .terms-opening { margin-top:0; padding-bottom:32px; border-bottom:1px solid var(--line); }
.terms-section { margin-top:64px; scroll-margin-top:calc(var(--header-h) + 24px); }
.terms-table-wrap { max-width:100%; overflow-x:auto; margin:24px 0 32px; border:1px solid var(--line2); border-radius:var(--r-lg); background:var(--white); color:var(--body); }
.terms-prose .terms-boundary-table { width:100%; margin:0; border-collapse:collapse; font-size:var(--control); line-height:1.75; }
.terms-boundary-table caption { padding:16px 20px; text-align:left; font-size:var(--control); font-weight:600; background:var(--white); color:var(--ink); }
.terms-boundary-table th,.terms-boundary-table td { padding:16px 20px; border-top:1px solid var(--line); text-align:left; vertical-align:top; overflow-wrap:anywhere; }
.terms-boundary-table thead th { background:var(--table-paper); color:var(--muted); font-size:var(--small); font-weight:500; }
.terms-boundary-table tbody th { width:22%; color:var(--ink); font-weight:500; }
.terms-boundary-table td { width:39%; }
.terms-use-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin:24px 0 32px; }
.terms-use-card { min-width:0; padding:24px; border:1px solid var(--line2); border-radius:var(--r-lg); background:var(--hover-paper); color:var(--body); }
.terms-prose .terms-use-card h3 { display:flex; align-items:flex-start; gap:12px; margin:0; font-size:var(--label); line-height:1.5; color:var(--ink); }
.terms-use-card h3 svg { width:24px; height:24px; flex:none; margin-top:2px; color:var(--teal); }
.terms-use-restricted h3 svg { color:var(--danger); }
.terms-prose .terms-use-card ul { display:grid; gap:16px; margin-top:24px; padding-left:20px; font-size:var(--control); line-height:1.8; }
.terms-use-card strong { font-weight:600; color:var(--ink); }
.terms-support { margin-top:40px; padding:32px; border:1px solid var(--line2); border-radius:var(--r-lg); background:var(--bg); color:var(--body); }
.terms-prose .terms-support h3 { margin:0; }
.terms-support .actions { margin-top:32px; }
.terms-support .pill { height:auto; white-space:normal; }
.terms-prose .terms-support-address { margin-top:20px; font-size:var(--small); color:var(--muted); overflow-wrap:anywhere; }
@media (max-width:860px) {
  .terms-hero { padding:48px 0; }
  .terms-legal-glance { gap:16px; margin-top:40px; }
  .terms-overview-card { padding:20px; }
  .terms-reading { grid-template-columns:minmax(0,1fr); gap:40px; padding-top:40px; padding-bottom:80px; }
  .terms-index { position:static; padding:24px; }
  .terms-index ol { grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:32px; }
  .terms-prose { max-width:none; }
  .terms-section { margin-top:48px; }
  .terms-use-grid { gap:16px; }
  .terms-use-card { padding:20px; }
}
@media (max-width:560px) {
  .terms-hero { padding:40px 0; }
  .terms-hero h1 { font-size:var(--title); line-height:1.3; }
  .terms-legal-glance { grid-template-columns:minmax(0,1fr); }
  .terms-overview-card { padding:24px; }
  .terms-reading { padding-bottom:64px; gap:32px; }
  .terms-index ol { grid-template-columns:minmax(0,1fr); }
  .terms-use-grid { grid-template-columns:minmax(0,1fr); }
  .terms-boundary-table { min-width:640px; }
  .terms-boundary-table th,.terms-boundary-table td { padding:16px; }
  .terms-support { padding:24px 20px; }
  .terms-support .actions { align-items:flex-start; }
}


/* Lifespan matrix and local planning tool */
.lifespan-hero { padding-bottom:96px; }
.lifespan-hero-grid { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:80px; align-items:center; margin-top:48px; }
.lifespan-hero h1 { font-size:var(--h2); line-height:1.3; font-weight:600; max-width:700px; }
.lifespan-hero .section-intro { max-width:570px; }
.lifespan-answer { padding:32px; background:var(--white); color:var(--body); border:1px solid var(--line); border-radius:var(--r-lg); box-shadow:var(--shadow); min-width:0; }
.lifespan-answer-heading { display:flex; align-items:center; gap:16px; }
.lifespan-answer-heading svg { width:48px; height:48px; flex:none; }
.lifespan-answer-heading h2 { font-size:var(--label); font-weight:600; line-height:1.4; color:var(--ink); }
.lifespan-answer > p { margin-top:24px; font-size:var(--font-body); }
.lifespan-answer strong { color:var(--ink); font-weight:600; }
.lifespan-facts { margin-top:24px; }
.lifespan-facts > div { display:grid; grid-template-columns:100px minmax(0,1fr); gap:16px; padding:12px 0; border-top:1px solid var(--line); font-size:var(--control); }
.lifespan-facts dt { color:var(--muted); }
.lifespan-facts dd { color:var(--ink); }
.lifespan-text-link { display:inline-block; margin-top:24px; color:var(--teal); font-size:var(--control); font-weight:500; text-decoration:underline; text-underline-offset:4px; overflow-wrap:anywhere; }
.lifespan-text-link:hover { color:var(--teal-d); }
.lifespan-intro { max-width:860px; }
.lifespan-table { margin-top:40px; border:1px solid var(--line); box-shadow:none; }
.lifespan-table table { min-width:1080px; }
.lifespan-table thead th { white-space:nowrap; }
.lifespan-table tbody th { background:var(--white); color:var(--ink); font-size:var(--font-body); font-weight:600; vertical-align:top; width:17%; padding:24px; }
.lifespan-table tbody th small { display:block; color:var(--muted); font-size:var(--small); font-weight:400; margin-top:8px; }
.lifespan-table td { width:20%; padding:24px; }
.lifespan-table td:last-child { width:23%; }
.lifespan-table td p { margin-top:12px; font-size:var(--control); }
.lifespan-table tbody tr:last-child th { border-bottom:0; }
.lifespan-table-note { margin-top:32px; max-width:940px; color:var(--muted); font-size:var(--control); }
.lifespan-table-note a,.lifespan-branches a,.lifespan-next-note a { color:var(--teal); text-decoration:underline; text-underline-offset:3px; }
.lifespan-table-note a:hover,.lifespan-branches a:hover,.lifespan-next-note a:hover { color:var(--teal-d); }
.lifespan-planner-heading { display:flex; align-items:center; justify-content:space-between; gap:48px; }
.lifespan-planner-heading > div { max-width:760px; min-width:0; }
.lifespan-formula { color:var(--muted); font-size:var(--label); white-space:nowrap; flex:none; }
.lifespan-planner { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); margin-top:48px; border:1px solid var(--line2); border-radius:var(--r-lg); background:var(--white); color:var(--body); box-shadow:var(--shadow); }
.lifespan-planner-input { padding:40px; min-width:0; }
.lifespan-field-label { display:block; position:static; float:none; color:var(--ink); font-weight:600; font-size:var(--font-body); margin:0 0 16px; padding:0; }
.tool-legend {
  display:block;
  position:static;
  float:none;
  color:var(--ink);
  font-weight:600;
  font-size:var(--font-body);
  line-height:1.65;
  margin:0 0 var(--s3);
  padding:0;
}
.lifespan-choice { display:inline-block; position:relative; max-width:100%; }
.lifespan-hours-trigger { display:inline-flex; align-items:center; position:relative; min-height:48px; max-width:100%; min-width:180px; padding:12px 48px 12px 24px; border:1px solid var(--line2); border-radius:var(--r-pill); background:var(--hover-paper); color:var(--ink); font-size:var(--font-body); text-align:left; line-height:1.5; }
.lifespan-hours-trigger:hover { border-color:var(--hover-line); background:var(--active-paper); color:var(--ink); }
.lifespan-hours-menu { position:absolute; top:calc(100% + 8px); left:0; right:auto; z-index:30; min-width:100%; width:max-content; max-width:min(300px,calc(100vw - 72px)); max-height:300px; overflow-y:auto; padding:8px; border:1px solid var(--line2); border-radius:var(--r-lg); box-shadow:var(--shadow); background:var(--white); color:var(--ink); }
.lifespan-hours-menu button { display:block; width:100%; padding:10px 16px; border:0; border-radius:var(--r-sm); background:var(--white); color:var(--ink); font-size:var(--control); text-align:left; line-height:1.5; }
.lifespan-hours-menu button:hover,.lifespan-hours-menu button[aria-selected="true"] { background:var(--active-paper); color:var(--teal-d); }
.lifespan-input-note { margin-top:24px; font-size:var(--control); color:var(--muted); max-width:420px; }
.lifespan-planner-result { min-width:0; padding:40px; border-left:1px solid var(--line); background:var(--hover-paper); color:var(--body); border-radius:0 var(--r-lg) var(--r-lg) 0; }
.lifespan-planner-result h3 { font-size:var(--label); font-weight:600; color:var(--ink); }
.lifespan-result-metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin-top:24px; }
.lifespan-result-metrics span { display:block; color:var(--muted); font-size:var(--small); }
.lifespan-result-metrics strong { display:block; color:var(--ink); font-size:var(--title); font-weight:500; line-height:1.4; margin-top:8px; overflow-wrap:anywhere; }
.lifespan-planner-result > p { margin-top:24px; font-size:var(--control); }
.lifespan-verdict { margin-top:24px; line-height:1.6; max-width:100%; }
.lifespan-planner-disclaimer { margin-top:32px; font-size:var(--control); color:var(--muted); max-width:960px; }
.lifespan-planner-disclaimer strong { color:var(--ink); font-weight:600; }
.lifespan-noscript { margin-top:24px; padding:20px; background:var(--sand); color:var(--sand-ink); border-radius:var(--r-lg); font-size:var(--control); }
.lifespan-recovery-grid { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:96px; align-items:start; }
.lifespan-recovery-note { margin-top:24px; color:var(--muted); font-size:var(--control); }
.lifespan-branches { list-style:none; display:grid; gap:32px; }
.lifespan-branches li { display:grid; grid-template-columns:40px minmax(0,1fr); gap:16px; padding-bottom:32px; border-bottom:1px solid var(--line); }
.lifespan-branches li:last-child { border-bottom:0; padding-bottom:0; }
.lifespan-branch-number { display:grid; place-items:center; width:40px; height:40px; border:1px solid var(--line2); border-radius:var(--r-pill); background:var(--hover-paper); color:var(--teal); font-size:var(--control); }
.lifespan-branches h3 { font-size:var(--label); font-weight:600; line-height:1.5; color:var(--ink); }
.lifespan-branches p { margin-top:12px; font-size:var(--font-body); }
.lifespan-branches .status-pill { margin-top:16px; }
.lifespan-centered-kicker { color:var(--teal); font-weight:600; font-size:var(--control); margin-bottom:20px; }
.lifespan-scenarios { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:64px; }
.lifespan-scenario { min-width:0; border:1px solid var(--line); border-radius:var(--r-lg); background:var(--white); color:var(--body); padding:32px; }
.lifespan-scenario > svg { display:block; width:40px; height:40px; }
.lifespan-scenario h3 { color:var(--ink); font-size:var(--label); line-height:1.5; font-weight:600; margin-top:24px; }
.lifespan-scenario > p { font-size:var(--font-body); margin-top:16px; }
.lifespan-fit { margin-top:24px; padding-top:24px; border-top:1px solid var(--line); display:grid; gap:16px; font-size:var(--control); }
.lifespan-fit > div { display:grid; grid-template-columns:48px minmax(0,1fr); gap:8px; }
.lifespan-fit dt { color:var(--teal); font-weight:600; }
.lifespan-fit > div:last-child dt { color:var(--danger); }
.lifespan-fit dd { color:var(--body); }
.lifespan-judgements { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:48px; }
.lifespan-judgement { min-width:0; padding:32px; background:var(--bg); color:var(--body); border:1px solid var(--line); border-radius:var(--r-lg); }
.lifespan-judgement-number { color:var(--teal); font-size:var(--small); }
.lifespan-judgement h3 { font-size:var(--label); line-height:1.5; font-weight:600; color:var(--ink); margin-top:24px; }
.lifespan-judgement > p { margin-top:16px; font-size:var(--font-body); }
.lifespan-judgement .lifespan-judgement-answer { padding-top:24px; margin-top:24px; border-top:1px solid var(--line2); font-size:var(--control); }
.lifespan-judgement-answer strong { color:var(--ink); font-weight:600; }
.lifespan-check-note { margin-top:32px; color:var(--muted); font-size:var(--control); max-width:960px; }
.lifespan-next { max-width:880px; margin:0 auto; }
.lifespan-next > img { display:block; margin:0 auto 24px; }
.lifespan-next .section-intro { max-width:680px; }
.lifespan-next-note { font-size:var(--small); color:var(--muted); margin:32px auto 0; max-width:720px; }
@media (max-width:1100px) {
  .lifespan-hero-grid { gap:40px; }
  .lifespan-answer { padding:24px; }
  .lifespan-planner-heading { align-items:flex-start; }
  .lifespan-formula { font-size:var(--control); margin-top:40px; }
  .lifespan-recovery-grid { gap:48px; }
  .lifespan-scenario,.lifespan-judgement { padding:24px; }
}
@media (max-width:860px) {
  .lifespan-hero { padding-bottom:64px; }
  .lifespan-hero-grid { grid-template-columns:minmax(0,1fr); gap:40px; margin-top:32px; }
  .lifespan-hero h1 { font-size:var(--h2); max-width:680px; }
  .lifespan-answer { max-width:680px; }
  .lifespan-planner-heading { display:block; }
  .lifespan-formula { margin-top:24px; }
  .lifespan-planner { grid-template-columns:minmax(0,1fr); margin-top:32px; }
  .lifespan-planner-input { padding:32px; }
  .lifespan-planner-result { padding:32px; border-left:0; border-top:1px solid var(--line); border-radius:0 0 var(--r-lg) var(--r-lg); }
  .lifespan-input-note { max-width:100%; }
  .lifespan-recovery-grid { grid-template-columns:minmax(0,1fr); gap:40px; }
  .lifespan-scenarios,.lifespan-judgements { grid-template-columns:minmax(0,1fr); margin-top:40px; }
  .lifespan-scenario,.lifespan-judgement { padding:32px; }
  .lifespan-table-note,.lifespan-planner-disclaimer,.lifespan-check-note { margin-top:32px; }
}
@media (max-width:560px) {
  .lifespan-hero { padding-top:40px; }
  .lifespan-hero h1 { font-size:var(--title); }
  .lifespan-hero .actions { align-items:stretch; }
  .lifespan-hero .actions .pill { flex:1 1 160px; padding-left:20px; padding-right:20px; }
  .lifespan-answer { padding:24px 20px; }
  .lifespan-answer-heading { gap:12px; }
  .lifespan-answer-heading svg { width:40px; height:40px; }
  .lifespan-facts > div { grid-template-columns:80px minmax(0,1fr); gap:12px; }
  .lifespan-table { margin-top:32px; }
  .lifespan-table tbody th,.lifespan-table td { padding:20px; }
  .lifespan-planner-input,.lifespan-planner-result { padding:24px 20px; }
  .lifespan-result-metrics { gap:16px; }
  .lifespan-result-metrics strong { font-size:var(--h3); }
  .lifespan-branches li { grid-template-columns:32px minmax(0,1fr); gap:12px; }
  .lifespan-branch-number { width:32px; height:32px; font-size:var(--small); }
  .lifespan-scenario,.lifespan-judgement { padding:24px 20px; }
  .lifespan-next .actions { flex-direction:column; align-items:stretch; }
  .lifespan-next .pill { height:auto; white-space:normal; }
}


/* Notes index and long-form reading */
.tbx-notes { background:var(--bg); color:var(--body); }
.notes-hero { padding:80px 0 48px; }
.notes-hero h1 { max-width:900px; font-size:var(--h2); line-height:1.25; font-weight:600; color:var(--ink); }
.notes-hero .section-intro { max-width:680px; margin-top:24px; }
.notes-count { margin-top:24px; }
.notes-list-section { padding:16px 0 128px; }
.notes-post-grid { margin-top:0; gap:32px; align-items:stretch; }
.notes-post-card { padding:40px; min-width:0; transition:background .2s,border-color .2s; }
.notes-card-top { display:flex; align-items:center; gap:20px; margin-bottom:32px; }
.notes-card-number { color:var(--faint); font-size:var(--small); }
.notes-card-tag { background:var(--count-bg); color:var(--teal-d); max-width:100%; white-space:normal; }
.notes-post-card h2 { font-size:var(--h3); line-height:1.5; font-weight:600; }
.notes-post-card .notes-card-description { margin-top:20px; font-size:var(--font-body); line-height:1.8; color:var(--muted); }
.notes-card-bottom { display:flex; flex-wrap:wrap; align-items:center; gap:12px 24px; margin-top:auto; padding-top:40px; color:var(--muted); font-size:var(--small); }
.notes-post-card .notes-card-bottom time { margin-top:0; font-size:var(--small); }
.notes-card-reading { line-height:1.6; }
.notes-noscript { max-width:680px; padding:24px; border:1px solid var(--line2); border-radius:var(--r-lg); background:var(--white); color:var(--body); }
.notes-noscript a { color:var(--teal); text-decoration:underline; text-underline-offset:3px; }

.note-main { background:var(--white); color:var(--body); }
.note-hero { padding:64px 0; background:var(--bg); color:var(--body); }
.note-hero-inner { width:min(1120px,calc(100% - 64px)); margin:0 auto; }
.note-hero .crumbs { margin:0 0 32px; line-height:1.6; }
.note-hero .crumbs a { color:var(--muted); text-decoration:underline; text-underline-offset:4px; }
.note-hero .crumbs a:hover { color:var(--teal-d); }
.note-hero h1 { max-width:980px; color:var(--ink); font-size:var(--h2); line-height:1.3; font-weight:600; overflow-wrap:anywhere; }
.note-hero .section-intro { max-width:820px; margin-top:24px; color:var(--muted); }
.note-meta { display:flex; flex-wrap:wrap; align-items:center; gap:16px 24px; margin-top:32px; color:var(--muted); font-size:var(--small); }
.note-meta .status-pill { background:var(--count-bg); color:var(--teal-d); white-space:normal; }
.note-meta time { display:inline-block; }
.note-reading { width:min(1120px,calc(100% - 64px)); margin:0 auto; display:grid; grid-template-columns:minmax(0,1fr) 240px; gap:64px; align-items:start; padding:64px 0 128px; }
.note-prose { min-width:0; font-size:var(--font-body); line-height:1.85; }
.note-prose > :first-child { margin-top:0; }
.note-prose h2 { margin:64px 0 24px; font-size:24px; line-height:1.45; color:var(--ink); font-weight:600; scroll-margin-top:calc(var(--header-h) + 24px); }
.note-prose h3 { margin:32px 0 16px; font-size:var(--label); line-height:1.5; color:var(--ink); font-weight:600; scroll-margin-top:calc(var(--header-h) + 24px); }
.note-prose p,.note-prose ul,.note-prose ol { margin-top:20px; }
.note-prose ul,.note-prose ol { padding-left:24px; list-style:revert; }
.note-prose li + li { margin-top:12px; }
.note-prose strong { color:var(--ink); font-weight:600; }
.note-prose a { color:var(--teal); text-decoration:underline; text-underline-offset:4px; }
.note-prose a:hover { color:var(--teal-d); }
.note-prose code { font-family:var(--mono); font-size:var(--control); overflow-wrap:anywhere; }
.note-prose pre { margin:24px 0 32px; padding:24px; overflow-x:auto; border:1px solid var(--line); border-radius:var(--r-sm); background:var(--code-paper); color:var(--ink); font:var(--control)/1.75 var(--mono); }
.note-prose blockquote,.note-callout { padding:24px 32px; margin:32px 0; border-left:3px solid var(--amber); border-radius:var(--r-sm); background:var(--bg); color:var(--body); }
.note-prose blockquote > :first-child,.note-callout > :first-child { margin-top:0; }
.note-callout h3 { margin:0 0 16px; font-size:var(--label); }
.note-table-scroll { margin:24px 0 32px; overflow-x:auto; border:1px solid var(--line2); border-radius:var(--r-lg); background:var(--white); color:var(--body); }
.note-table-scroll table { width:100%; min-width:640px; margin:0; border-collapse:collapse; font-size:var(--control); line-height:1.75; }
.note-table-scroll caption { text-align:left; padding:16px 20px; font-size:var(--control); font-weight:600; color:var(--ink); }
.note-table-scroll th,.note-table-scroll td { padding:16px 20px; text-align:left; vertical-align:top; border-bottom:1px solid var(--line); }
.note-table-scroll thead th { background:var(--table-paper); color:var(--muted); font-size:var(--small); font-weight:500; }
.note-table-scroll tbody th { color:var(--ink); font-weight:500; }
.note-table-scroll tr:last-child > * { border-bottom:0; }
.note-toc { position:sticky; top:calc(var(--header-h) + 16px); min-width:0; padding:24px; border:1px solid var(--line2); border-radius:var(--r-lg); background:var(--hover-paper); color:var(--body); font-size:var(--control); }
.note-toc h2,.note-toc summary { font-size:var(--font-body); line-height:1.5; font-weight:600; color:var(--ink); }
.note-toc summary { position:relative; padding-right:24px; cursor:pointer; list-style:none; }
.note-toc summary::-webkit-details-marker { display:none; }
.note-toc ol { margin-top:24px; padding-left:20px; display:grid; gap:16px; list-style:decimal; }
.note-toc a { color:var(--muted); overflow-wrap:anywhere; }
.note-toc a:hover { color:var(--teal-d); text-decoration:underline; text-underline-offset:4px; }
.note-toc .status-pill { margin-top:24px; max-width:100%; white-space:normal; }
.note-toc-tail { margin-top:24px; padding-top:20px; border-top:1px solid var(--line); font-size:var(--small); color:var(--muted); }
.note-toc-tail a { color:var(--teal); }

.note-end-cta { margin-top:64px; padding:32px; border:1px solid var(--line2); border-radius:var(--r-lg); background:var(--bg); color:var(--body); }
.note-prose .note-end-cta h2 { margin:0; font-size:24px; color:var(--ink); }
.note-end-cta .section-intro { margin-top:20px; color:var(--muted); font-size:var(--font-body); }
.note-end-cta .actions { margin-top:32px; align-items:center; }
.note-prose .note-end-cta .pill { height:auto; max-width:100%; white-space:normal; text-decoration:none; }
.note-prose .note-end-cta .pill.dark { background:var(--btn); color:var(--white); border-color:var(--btn); }
.note-prose .note-end-cta .pill.dark:hover { background:var(--btn-h); color:var(--white); border-color:var(--btn-h); }
.note-prose .note-end-cta .pill.ghost { background:var(--white); color:var(--ink); border-color:var(--line2); }
.note-prose .note-end-cta .pill.ghost:hover { background:var(--hover-paper); color:var(--ink); border-color:var(--hover-line); }
.note-prose .note-end-cta .note-end-fine { margin-top:24px; font-size:var(--small); color:var(--muted); }
.note-end-cta.center .section-intro,.note-end-cta.center .note-end-fine { margin-left:auto; margin-right:auto; }
.note-end-cta.center .actions { justify-content:center; }

.note-recommend { width:min(300px,calc(100% - 32px)); }
.note-recommend .recommend-media { display:flex; align-items:center; gap:16px; min-height:100px; padding-right:48px; }
.note-recommend .recommend-media img,.note-recommend .recommend-media svg { width:40px; height:40px; flex:none; }
.note-recommend .recommend-media span { color:var(--muted); font-size:var(--small); }
.note-recommend .recommend-content h2 { font-size:var(--label); line-height:1.5; }
.note-recommend .recommend-content .pill { max-width:100%; height:auto; white-space:normal; line-height:1.35; }
.note-recommend .float-close { background:var(--white); color:var(--ink); border-color:var(--line2); }
.note-recommend .float-close:hover { background:var(--active-paper); color:var(--teal-d); border-color:var(--hover-line); }

@media (max-width:860px) {
  .notes-hero { padding:48px 0 40px; }
  .notes-list-section { padding:0 0 80px; }
  .notes-post-grid { grid-template-columns:minmax(0,1fr); gap:24px; }
  .notes-post-card { padding:32px; }
  .note-hero { padding:48px 0; }
  .note-hero-inner { width:calc(100% - 48px); }
  .note-reading { width:calc(100% - 48px); grid-template-columns:minmax(0,1fr); gap:40px; padding:40px 0 80px; }
  .note-toc { position:static; grid-row:1; padding:16px 24px; }
  .note-toc details:not([open]) { padding:0; }
  .note-toc details[open] { padding-bottom:8px; }
  .note-prose h2 { margin-top:48px; }
  .note-end-cta { margin-top:48px; }
}
@media (max-width:560px) {
  .notes-hero { padding:40px 0; }
  .notes-hero h1 { font-size:var(--title); line-height:1.3; }
  .notes-list-section { padding-bottom:64px; }
  .notes-post-card { padding:24px; }
  .notes-card-top { margin-bottom:24px; gap:16px; }
  .notes-card-bottom { padding-top:32px; gap:8px 16px; }
  .note-hero { padding:40px 0; }
  .note-hero-inner,.note-reading { width:calc(100% - 32px); }
  .note-hero h1 { font-size:var(--title); line-height:1.35; }
  .note-meta { gap:16px; margin-top:24px; }
  .note-reading { padding:32px 0 64px; gap:32px; }
  .note-prose h2 { font-size:24px; }
  .note-prose blockquote,.note-callout { padding:24px 20px; }
  .note-prose pre { padding:20px; }
  .note-end-cta { padding:24px 20px; }
  .note-end-cta .actions { flex-direction:column; align-items:stretch; }
  .note-end-cta .actions .pill { width:100%; }
  .note-recommend .recommend-media,.note-recommend .recommend-content { padding:20px; }
  .note-recommend .recommend-media { padding-right:48px; }
}


/* Inbox recovery field notes */
.return-main { background:var(--white); color:var(--body); }
.return-hero { width:min(1120px,calc(100% - 64px)); margin:0 auto; padding:96px 0 48px; }
.return-hero .crumbs { margin-bottom:32px; }
.return-hero .crumbs a:hover { color:var(--teal-d); text-decoration:underline; text-underline-offset:4px; }
.return-hero .eyebrow { margin-bottom:24px; }
.return-hero h1 { max-width:960px; font-size:var(--h2); font-weight:600; line-height:1.35; color:var(--ink); }
.return-hero .section-intro { max-width:790px; margin-top:24px; }
.return-meta { display:inline-flex; align-items:center; flex-wrap:wrap; gap:8px 12px; max-width:100%; margin-top:32px; padding:8px 16px; border:1px solid var(--line2); border-radius:var(--r-pill); background:var(--hover-paper); color:var(--muted); font-size:var(--small); line-height:1.7; }
.return-layout { padding-top:0; padding-bottom:128px; }
.return-prose { min-width:0; }
.return-prose strong { color:var(--ink); font-weight:600; }
.return-prose > section:not(.return-end-card) { margin-top:48px; scroll-margin-top:calc(var(--header-h) + 24px); }
.return-prose > section > h2 { margin:0 0 24px; font-size:var(--h3); line-height:1.5; font-weight:600; }
.return-prose h3 { font-size:var(--label); line-height:1.5; }
.return-prose li { margin:6px 0; }
.return-opening { display:grid; grid-template-columns:48px minmax(0,1fr); align-items:start; gap:20px; padding:24px; border:1px solid var(--line); border-radius:var(--r-lg); background:var(--bg); color:var(--body); }
.return-opening > svg { width:48px; height:48px; }
.return-prose .return-opening p { margin-top:0; font-size:var(--control); }
.return-toc { z-index:3; max-height:calc(100dvh - var(--header-h) - 32px); overflow-y:auto; padding:24px 20px; box-shadow:none; }
.return-toc summary { position:relative; list-style:none; cursor:pointer; padding-right:24px; font-size:var(--font-body); font-weight:600; color:var(--ink); }
.return-toc summary::-webkit-details-marker { display:none; }
.return-toc summary .chevron { right:2px; }
.return-toc ol { margin-top:20px; padding-left:20px; list-style:decimal; gap:8px; }
.return-toc li { padding-left:4px; margin:0; color:var(--muted); line-height:1.6; }
.return-toc a:hover { color:var(--teal-d); }
.return-toc .return-count { margin-top:20px; text-decoration:none; }
.return-table-wrap { max-width:100%; overflow-x:auto; margin:24px 0 32px; border:1px solid var(--line2); border-radius:var(--r-lg); background:var(--white); color:var(--body); }
.return-prose .return-table { width:100%; min-width:620px; margin:0; border-collapse:collapse; font-size:var(--control); line-height:1.75; }
.return-table caption { padding:16px 20px; text-align:left; background:var(--hover-paper); color:var(--ink); font-weight:500; }
.return-table th,.return-table td { padding:16px 20px; text-align:left; vertical-align:top; border-top:1px solid var(--line); }
.return-table thead th { background:var(--table-paper); color:var(--muted); font-size:var(--small); font-weight:500; }
.return-table tbody th { width:20%; color:var(--ink); font-weight:500; }
.return-table td { width:40%; }
.return-prose .return-end-card { margin-top:64px; padding:32px; border:1px solid var(--line2); border-radius:var(--r-lg); background:var(--bg); color:var(--body); }
.return-end-card > svg { display:block; width:56px; height:56px; }
.return-prose .return-end-card h2 { margin:24px 0 0; font-size:var(--h3); line-height:1.5; color:var(--ink); }
.return-end-card .actions { margin-top:32px; }
.return-prose .return-end-card .pill { min-height:48px; height:auto; white-space:normal; text-decoration:none; }
.return-prose .return-end-card .pill.dark { background:var(--btn); color:var(--white); border-color:var(--btn); }
.return-prose .return-end-card .pill.dark:hover { background:var(--btn-h); color:var(--white); border-color:var(--btn-h); }
.return-recommend { z-index:75; width:min(304px,calc(100% - 32px)); }
.return-recommend .float-close { z-index:2; background:var(--white); color:var(--ink); }
.return-recommend .float-close:hover { background:var(--active-paper); color:var(--teal-d); }
.return-recommend .float-close svg { width:16px; height:16px; }
.return-recommend-media { display:flex; align-items:center; gap:12px; padding:20px 48px 20px 20px; font-size:var(--small); line-height:1.5; }
.return-recommend-media > svg { width:40px; height:40px; flex:none; }
.return-recommend .recommend-content { padding:20px; }
.return-recommend-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:24px; }
.return-recommend .return-recommend-actions .pill { flex:1 1 110px; min-height:40px; height:auto; margin-top:0; padding:10px 12px; font-size:var(--control); line-height:1.35; white-space:normal; max-width:100%; }
@media (max-width:1100px) {
  .return-hero { width:calc(100% - 48px); }
}
@media (max-width:860px) {
  .return-hero { padding-top:96px; padding-bottom:40px; }
  .return-hero h1 { font-size:var(--h2); }
  .return-layout { padding-bottom:80px; }
  .return-toc { max-height:none; overflow:visible; padding:16px 20px; }
  .return-prose > section:not(.return-end-card) { margin-top:40px; }
}
@media (max-width:560px) {
  .return-hero { width:calc(100% - 32px); padding-top:96px; padding-bottom:32px; }
  .return-hero .crumbs { gap:8px; margin-bottom:32px; }
  .return-hero h1 { font-size:var(--title); line-height:1.4; }
  .return-meta { gap:6px 8px; padding:10px 16px; }
  .return-layout { padding-top:0; padding-bottom:64px; }
  .return-opening { grid-template-columns:minmax(0,1fr); gap:16px; padding:20px; }
  .return-opening > svg { width:40px; height:40px; }
  .return-prose > section > h2 { font-size:var(--label); line-height:1.6; }
  .return-prose h3 { font-size:var(--label); }
  .return-table th,.return-table td { padding:16px; }
  .return-prose .return-end-card { padding:24px 20px; margin-top:48px; }
  .return-end-card .actions { flex-direction:column; align-items:stretch; }
  .return-recommend { width:min(284px,calc(100% - 32px)); }
  .return-recommend-media { padding:16px 48px 16px 16px; }
  .return-recommend .recommend-content { padding:16px; }
  .return-recommend .recommend-content p { margin-top:8px; }
  .return-recommend-actions { margin-top:16px; }
}


/* Checkout article: shared reading edge, quiet timeline and functional recommendation */
.checkout-note { background:var(--bg); color:var(--body); }
.checkout-reading-shell { width:min(1120px,calc(100% - 64px)); margin:0 auto; }
.checkout-hero { padding:96px 0 48px; }
.checkout-hero .crumbs { margin-bottom:40px; }
.checkout-hero .crumbs a:hover { color:var(--teal-d); text-decoration:underline; text-underline-offset:4px; }
.checkout-hero .eyebrow { margin-bottom:24px; }
.checkout-hero h1 { max-width:940px; font-size:var(--h2); font-weight:600; line-height:1.35; color:var(--ink); }
.checkout-hero .section-intro { max-width:780px; margin-top:24px; font-size:var(--font-body); line-height:1.85; }
.checkout-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(--line2); border-radius:var(--r-pill); background:var(--white); color:var(--muted); font-size:var(--small); line-height:1.6; }
.checkout-meta > * { display:inline-block; }
.checkout-article-layout.article-layout { width:100%; margin:0; padding:0 0 128px; grid-template-columns:minmax(0,1fr) 240px; gap:64px; }
.checkout-prose { min-width:0; }
.checkout-prose strong { font-weight:600; color:var(--ink); }
.checkout-prose > section { scroll-margin-top:calc(var(--header-h) + 24px); }
.checkout-prose > section > h2 { font-size:var(--h3); line-height:1.5; margin-top:64px; margin-bottom:24px; }
.checkout-prose h3 { font-size:var(--label); }
.checkout-prose li { margin:6px 0; padding-left:4px; }
.checkout-prose code { font-family:var(--mono); font-size:var(--control); color:var(--ink); overflow-wrap:anywhere; }
.checkout-summary { display:grid; grid-template-columns:40px minmax(0,1fr); align-items:start; gap:20px; padding:24px; border:1px solid var(--line2); border-radius:var(--r-lg); background:var(--white); color:var(--body); }
.checkout-summary > svg { width:40px; height:40px; }
.checkout-summary strong { font-size:var(--label); line-height:1.5; }
.checkout-prose .checkout-summary p { margin-top:12px; font-size:var(--control); line-height:1.8; }
.checkout-table-wrap { max-width:100%; margin:32px 0; overflow-x:auto; border:1px solid var(--line2); border-radius:var(--r-lg); background:var(--white); color:var(--body); }
.checkout-prose .checkout-table { width:100%; min-width:620px; margin:0; border-collapse:collapse; font-size:var(--control); line-height:1.8; }
.checkout-table caption { padding:20px 24px; text-align:left; font-size:var(--control); font-weight:500; background:var(--white); color:var(--ink); }
.checkout-table th,.checkout-table td { padding:20px 24px; text-align:left; vertical-align:top; border-top:1px solid var(--line); }
.checkout-table thead th { background:var(--table-paper); color:var(--muted); font-size:var(--small); font-weight:500; }
.checkout-table tbody th { width:22%; font-weight:600; color:var(--ink); }
.checkout-table td { width:39%; }
.checkout-prose .checkout-action-list { padding-left:24px; margin-top:24px; }
.checkout-toc-column { min-width:0; align-self:stretch; }
.checkout-toc.toc { top:calc(var(--header-h) + 16px); z-index:3; padding:24px 20px; }
.checkout-toc-details > summary { display:none; }
.checkout-toc ol { list-style:decimal; margin:20px 0 0; padding-left:22px; display:block; }
.checkout-toc li { margin:0 0 8px; padding-left:4px; line-height:1.6; }
.checkout-toc li:last-child { margin-bottom:0; }
.checkout-toc a:hover { color:var(--teal-d); text-decoration:underline; text-underline-offset:4px; }
.checkout-toc .checkout-toc-count { display:inline-flex; margin-top:24px; }
.checkout-end-card { margin-top:64px; padding:40px 32px; border:1px solid var(--line2); border-radius:var(--r-lg); background:var(--white); color:var(--body); }
.checkout-end-card > svg { display:block; width:56px; height:56px; }
.checkout-prose .checkout-end-label { margin-top:24px; font-size:var(--small); color:var(--teal); font-weight:500; }
.checkout-prose .checkout-end-card > h2 { margin:20px 0 24px; font-size:var(--h3); line-height:1.5; color:var(--ink); }
.checkout-end-card .actions { align-items:center; margin-top:32px; }
.checkout-prose .checkout-end-card .pill.dark { border-color:var(--btn); background:var(--btn); color:var(--white); text-decoration:none; }
.checkout-prose .checkout-end-card .pill.dark:hover { border-color:var(--btn-h); background:var(--btn-h); color:var(--white); }
.checkout-prose .checkout-end-card .pill.ghost { background:var(--white); color:var(--ink); text-decoration:none; }
.checkout-end-card .pill { height:auto; white-space:normal; }
.checkout-recommend { width:min(300px,calc(100% - 32px)); z-index:75; }
.checkout-recommend-media { display:flex; align-items:center; gap:12px; padding:20px 48px 20px 20px; font-size:var(--small); color:var(--ink); background:var(--bg); }
.checkout-recommend-media img { display:block; width:32px; height:32px; flex:none; }
.checkout-recommend .recommend-content { padding:20px; }
.checkout-recommend .recommend-content h2 { font-size:var(--font-body); line-height:1.6; }
.checkout-recommend-actions { display:flex; flex-wrap:wrap; align-items:stretch; gap:8px; margin-top:20px; }
.checkout-recommend .checkout-recommend-actions .pill { flex:1 1 100px; min-width:0; max-width:100%; min-height:40px; height:auto; margin-top:0; padding:10px 16px; white-space:normal; line-height:1.35; }
.checkout-recommend .float-close { position:absolute; top:8px; right:8px; background:var(--white); color:var(--ink); }
.checkout-recommend .float-close svg { width:16px; height:16px; }
@media (max-width:1100px) {
  .checkout-article-layout.article-layout { gap:40px; grid-template-columns:minmax(0,1fr) 220px; }
}
@media (max-width:860px) {
  .checkout-reading-shell { width:calc(100% - 48px); }
  .checkout-hero { padding-top:96px; padding-bottom:40px; }
  .checkout-article-layout.article-layout { grid-template-columns:minmax(0,1fr); gap:40px; padding-bottom:80px; }
  .checkout-toc-column { grid-row:1; }
  .checkout-toc.toc { position:static; }
  .checkout-toc > h2 { margin-bottom:16px; }
  .checkout-toc-details > summary { position:relative; display:block; padding-right:32px; list-style:none; cursor:pointer; color:var(--muted); font-size:var(--control); }
  .checkout-toc-details > summary::-webkit-details-marker { display:none; }
  .checkout-toc-details .chevron { right:4px; }
  .checkout-prose > section > h2 { margin-top:48px; }
  .checkout-end-card { margin-top:48px; }
}
@media (max-width:560px) {
  .checkout-reading-shell { width:calc(100% - 32px); }
  .checkout-hero h1 { font-size:var(--title); line-height:1.4; }
  .checkout-hero .crumbs { gap:8px; margin-bottom:32px; }
  .checkout-meta { gap:8px 12px; padding:12px 16px; margin-top:24px; }
  .checkout-article-layout.article-layout { padding-bottom:64px; gap:32px; }
  .checkout-summary { grid-template-columns:minmax(0,1fr); gap:16px; padding:24px 20px; }
  .checkout-toc.toc { padding:20px; }
  .checkout-table th,.checkout-table td { padding:16px 20px; }
  .checkout-end-card { padding:28px 20px; }
  .checkout-end-card .actions { flex-direction:column; align-items:stretch; }
  .checkout-end-card .pill { width:100%; padding-left:20px; padding-right:20px; }
  .checkout-recommend { width:min(280px,calc(100% - 32px)); }
}