:root{--paper:#f7f4ea;--surface:#fffef9;--panel:#f0ecdf;--ink:#0b2237;--body:#425360;--muted:#77807b;--moss:#2f6543;--moss2:#e8f0e8;--cyan:#71d7e4;--line:#ded9cb;--navy:#071c2f;--soft:#edf4ec;--shadow:0 18px 50px rgba(23,39,30,.09);--font:Inter,"Segoe UI",Arial,sans-serif;--max:1450px}
*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);line-height:1.55}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.site-header{height:74px;background:var(--navy);color:white;position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(113,215,228,.20)}.header-inner{height:100%;max-width:var(--max);margin:auto;padding:0 28px;display:grid;grid-template-columns:290px 1fr 300px;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:36px;height:36px;transform:rotate(45deg);border:2px solid var(--cyan);border-radius:5px}.brand-copy b{display:block;font-size:15px;letter-spacing:.12em}.brand-copy small{display:block;color:#a9bbc6;font-size:10px}.nav{display:flex;justify-content:center;gap:30px;font-size:13px;font-weight:650}.search-pill{justify-self:end;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:10px 16px;color:#b8c5cd;font-size:12px;min-width:250px}.shell{max-width:var(--max);margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 370px;background:var(--surface);min-height:calc(100vh - 74px)}.main{min-width:0;border-right:1px solid var(--line)}.rail{position:sticky;top:74px;max-height:calc(100vh - 74px);overflow:auto;background:#f5f1e7;padding:18px}.rail-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:var(--shadow)}.badge{display:inline-flex;border-radius:999px;padding:7px 10px;background:var(--soft);color:var(--moss);font-size:10px;font-weight:800}.rail h2{font:700 31px/1.05 var(--font);margin:15px 0 8px;letter-spacing:-.4px}.rail p{font-size:12px;line-height:1.55;color:var(--muted)}.rail label{display:block;font-size:10px;font-weight:800;margin:15px 0 7px}.rail textarea{width:100%;min-height:114px;border:1px solid #d8d2c5;border-radius:11px;padding:11px;resize:none;color:var(--body);font:13px/1.5 var(--font)}.rail .context{display:grid;gap:7px;margin-top:12px}.rail .context div{background:#f4f1ea;border-radius:9px;padding:9px 10px;font-size:10px;color:#53605b}.rail-btn{margin-top:13px;min-height:42px;border-radius:9px;background:var(--moss);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}.rail-btn.ghost{background:#f7f5ef;color:#707873;border:1px solid #d8d3c8}.hero{display:grid;grid-template-columns:minmax(0,60%) minmax(330px,40%);min-height:470px;border-bottom:1px solid var(--line)}.hero-copy{padding:58px 52px 48px;display:flex;flex-direction:column;justify-content:center}.eyebrow,.kicker{font-size:10px;letter-spacing:.2em;text-transform:uppercase;font-weight:800;color:var(--moss)}.hero h1{font:750 clamp(54px,5.4vw,82px)/.98 var(--font);letter-spacing:-2.4px;margin:12px 0 20px;max-width:850px}.hero p{max-width:690px;color:#52626e;font-size:17px;line-height:1.62;margin:0}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:0 18px;border-radius:9px;font-size:12px;font-weight:800;border:1px solid var(--moss);background:var(--moss);color:#fff}.btn.secondary{background:transparent;color:var(--moss)}.hero-visual{padding:55px 30px;display:grid;place-items:center;background:linear-gradient(145deg,#f5f1e8,#eef2ea)}.stack{width:min(330px,100%);position:relative;min-height:320px}.sheet{position:absolute;inset:20px 5px auto 24px;height:230px;background:#dce9df;border:1px solid #cad9cc;border-radius:18px;transform:rotate(4deg)}.sheet.two{inset:52px 44px auto 0;background:#e7eef1;border-color:#d6dfe3;transform:rotate(-4deg)}.sheet.top{inset:68px 0 auto 26px;height:auto;min-height:230px;background:#fff;border:1px solid var(--line);transform:none;padding:28px;box-shadow:var(--shadow)}.sheet .eyebrow{font-size:9px}.sheet h3{font:750 29px/1.05 var(--font);margin:10px 0 12px}.sheet p{font-size:12px;line-height:1.55}.steps{display:grid;gap:8px;margin-top:14px}.step{display:grid;grid-template-columns:22px 1fr;gap:9px;font-size:10px}.step b{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--soft);color:var(--moss)}.journey{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.journey div{padding:17px 20px;border-right:1px solid var(--line)}.journey div:last-child{border-right:0}.journey b{display:block;font-size:14px}.journey span{font-size:10px;color:var(--muted)}.section{padding:40px 46px}.section-head{display:grid;grid-template-columns:minmax(0,420px) 1fr;gap:50px;align-items:end;margin-bottom:20px}.section-head h2{font:750 42px/1.03 var(--font);letter-spacing:-1px;margin:0}.section-head p{font-size:13px;color:var(--muted);max-width:600px;margin:0}.track-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.track-card{display:flex;flex-direction:column;min-height:174px;background:#fff;border:1px solid var(--line);border-top:4px solid #568765;border-radius:12px;padding:18px}.track-card .num{font-size:10px;font-weight:800;color:var(--moss)}.track-card h3{font:750 22px/1.1 var(--font);margin:22px 0 8px}.track-card p{font-size:11px;color:var(--muted);margin:0;flex:1}.track-card .go{font-size:10px;font-weight:800;color:var(--moss);margin-top:14px}.featured{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,.75fr);gap:20px}.feature-main{display:grid;grid-template-columns:42% 1fr;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.feature-art{min-height:330px;background:radial-gradient(circle at 25% 35%,rgba(121,194,198,.23) 0 28%,transparent 29%),linear-gradient(155deg,#174a4d,#637f69 62%,#d6c99f)}.feature-copy{padding:30px}.feature-copy h3{font:750 34px/1.03 var(--font);letter-spacing:-.8px;margin:11px 0}.feature-copy p{font-size:13px;color:var(--muted);line-height:1.6}.side-list{display:grid}.side-item{padding:17px 0;border-bottom:1px solid var(--line)}.side-item:first-child{padding-top:0}.side-item small{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.14em}.side-item b{display:block;font:700 18px/1.12 var(--font);margin-top:6px}.footer{border-top:1px solid var(--line);padding:24px 46px;display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.topic-hero{padding:55px 46px 28px}.topic-hero h1{font:750 clamp(46px,5vw,68px)/1 var(--font);letter-spacing:-1.8px;margin:12px 0 16px}.topic-hero p{font-size:15px;color:var(--muted);max-width:680px}.article-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0 46px 60px}.article-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;min-height:180px;display:flex;flex-direction:column}.article-card small{color:var(--moss);font-size:9px;font-weight:800}.article-card h3{font:750 21px/1.12 var(--font);margin:16px 0 10px}.article-card p{font-size:11px;color:var(--muted);flex:1}.article-card .go{font-size:10px;font-weight:800;color:var(--moss)}.article{max-width:780px;margin:0 auto;padding:54px 36px 80px}.breadcrumb{font-size:11px;color:var(--muted);margin-bottom:24px}.article h1{font:750 clamp(44px,4vw,64px)/1.02 var(--font);letter-spacing:-1.2px;margin:12px 0 18px}.dek{font-size:17px;line-height:1.6;color:#52616c;margin:0 0 16px}.meta{font-size:10px;color:var(--muted);display:flex;gap:16px;flex-wrap:wrap;padding-bottom:28px;border-bottom:1px solid var(--line)}.preface{margin:30px 0 36px;border:1px solid var(--line);background:#fff;border-radius:14px;padding:20px 22px}.preface b{display:block;font-size:11px;margin-bottom:8px}.preface p{font-size:13px;line-height:1.6;margin:0;color:var(--body)}.body,.article-body{font:19px/1.82 var(--font);color:#273845}.body p,.article-body p{margin:0 0 1.15em}.body h1,.article-body h1{display:none}.body h2,.article-body h2{font:750 31px/1.18 var(--font);margin:1.8em 0 .65em;color:var(--ink);letter-spacing:-.35px}.body h3,.article-body h3{font:750 22px/1.25 var(--font);margin:1.25em 0 .35em}.body ul,.body ol,.article-body ul,.article-body ol{padding-left:1.25em}.body li,.article-body li{margin:.38em 0}.sourcebox{margin-top:34px;border:1px solid var(--line);background:#fff;border-radius:14px;padding:20px 22px}.sourcebox h3{font:700 18px var(--font);margin:0 0 10px}.sourcebox li{font:13px/1.55 var(--font);color:#52616c;margin:6px 0}.continue{margin-top:36px;border:1px solid #cbd9cb;background:var(--soft);border-radius:16px;padding:23px}.continue h2{font:750 28px/1.15 var(--font);margin:0 0 10px}.continue p{font:13px/1.6 var(--font);color:#53615b;margin:0 0 15px}.search-page,.guided-page{max-width:920px;margin:auto;padding:56px 40px 70px}.search-page h1,.guided-page h1{font:750 52px/1.02 var(--font);letter-spacing:-1.3px;margin:12px 0}.lead{font-size:15px;color:var(--muted);max-width:700px}.input{width:100%;height:56px;border:1px solid #cbc7bd;border-radius:11px;padding:0 16px;font-size:16px;background:#fff;margin-top:22px}.results{display:grid;gap:10px;margin-top:18px}.result{display:grid;grid-template-columns:1fr auto;gap:16px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:16px}.result b{font:700 18px/1.25 var(--font)}.result p{margin:5px 0 0;color:var(--muted);font-size:11px}.score{font-size:10px;color:var(--moss);font-weight:800}.ground-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.ground-item{background:#fff;border:1px solid var(--line);border-radius:11px;padding:15px}.ground-item h3{font:700 18px/1.2 var(--font);margin:7px 0}.ground-item p{font-size:11px;color:var(--body)}.boundary{margin-top:18px;background:var(--soft);border:1px solid #cbd9cb;border-radius:11px;padding:14px;font-size:11px;color:#53615b}.mobile-dock{display:none}
@media(max-width:1100px){.header-inner{grid-template-columns:1fr auto}.nav,.search-pill{display:none}.shell{grid-template-columns:1fr}.main{border-right:0}.rail{display:none}.track-grid{grid-template-columns:repeat(2,1fr)}.mobile-dock{display:flex;position:fixed;z-index:70;left:16px;right:16px;bottom:14px;height:52px;border-radius:999px;background:var(--moss);color:#fff;align-items:center;justify-content:space-between;padding:0 20px;font-size:13px;font-weight:800;box-shadow:0 15px 35px rgba(26,53,38,.25)}}
@media(max-width:720px){body{padding-bottom:78px}.site-header{height:62px}.header-inner{padding:0 15px}.brand-mark{width:30px;height:30px}.brand-copy b{font-size:13px}.hero{display:block;min-height:auto}.hero-copy{padding:38px 20px 30px}.hero h1{font-size:47px;letter-spacing:-1.2px}.hero p{font-size:15px}.hero-visual{padding:34px 20px;min-height:330px}.journey{grid-template-columns:repeat(2,1fr)}.journey div:nth-child(2){border-right:0}.section{padding:32px 20px}.section-head{display:block}.section-head h2{font-size:35px}.section-head p{margin-top:12px}.track-grid{grid-template-columns:1fr}.featured{grid-template-columns:1fr}.feature-main{grid-template-columns:1fr}.feature-art{min-height:190px}.topic-hero{padding:34px 20px 20px}.topic-hero h1{font-size:45px}.article-list{grid-template-columns:1fr;padding:0 20px 45px}.article{padding:32px 20px 60px}.article h1{font-size:42px;letter-spacing:-.7px}.dek{font-size:15px}.body,.article-body{font-size:18px;line-height:1.78}.body h2,.article-body h2{font-size:27px}.preface,.sourcebox,.continue{padding:17px}.search-page,.guided-page{padding:38px 20px 55px}.search-page h1,.guided-page h1{font-size:42px}.ground-grid{grid-template-columns:1fr}.footer{padding:20px;display:block}.footer span{display:block;margin-top:5px}}

.groundbox{margin-top:18px;background:var(--soft);border:1px solid #cbd9cb;border-radius:11px;padding:14px;font-size:11px;color:#53615b}

.entry-context{margin:16px 0 8px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#f4f8fb;color:var(--ink)}
.entry-context b{display:block;margin-bottom:4px}.entry-context small{display:block;margin-top:6px;color:var(--muted);line-height:1.5}
.handoff-note{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:13px;line-height:1.55;color:var(--muted)}

/* R038.4 — bounded typography normalization after live-preview review */
body{font-size:16px;line-height:1.65}
.brand-copy b{font-size:16px;font-weight:700}.brand-copy small{font-size:12px;line-height:1.35}.nav{font-size:15px;font-weight:600}.search-pill{font-size:14px;line-height:1.35}
.badge{font-size:12px;line-height:1.25}.rail h2{font:700 32px/1.1 var(--font)}.rail p{font-size:15px;line-height:1.65}.rail label{font-size:13px}.rail textarea{font:15px/1.55 var(--font)}.rail .context div{font-size:14px;line-height:1.45}.rail-btn{font-size:14px;line-height:1.25}.handoff-note{font-size:14px;line-height:1.6}
.eyebrow,.kicker{font-size:12px;letter-spacing:.16em}.hero p{font-size:18px;line-height:1.68}.btn{font-size:14px}.sheet .eyebrow{font-size:11px}.sheet p{font-size:14px;line-height:1.6}.step{font-size:13px;line-height:1.45}.journey b{font-size:16px}.journey span{font-size:13px;line-height:1.45}.section-head p{font-size:16px;line-height:1.6}
.track-card .num{font-size:12px}.track-card h3{font:700 24px/1.16 var(--font)}.track-card p{font-size:15px;line-height:1.55}.track-card .go{font-size:13px}.feature-copy p{font-size:16px;line-height:1.65}.side-item small{font-size:12px}.side-item b{font:700 20px/1.22 var(--font)}.footer{font-size:13px;line-height:1.5}
.topic-hero p{font-size:17px;line-height:1.65}.article-card small{font-size:12px}.article-card h3{font:700 23px/1.2 var(--font)}.article-card p{font-size:15px;line-height:1.55}.article-card .go{font-size:13px}.breadcrumb{font-size:13px}.meta{font-size:13px;line-height:1.45}.preface b{font-size:13px}.preface p{font-size:15px;line-height:1.65}.sourcebox li{font:15px/1.65 var(--font)}.continue p{font:15px/1.65 var(--font)}
.lead{font-size:17px;line-height:1.65}.result b{font:700 19px/1.3 var(--font)}.result p{font-size:14px;line-height:1.55}.score{font-size:12px}.ground-item h3{font:700 20px/1.25 var(--font)}.ground-item p{font-size:14px;line-height:1.55}.groundbox,.boundary{font-size:14px;line-height:1.55}.entry-context{font-size:15px;line-height:1.55}.entry-context small{font-size:13px}
@media(max-width:720px){.brand-copy b{font-size:14px}.brand-copy small{font-size:11px}.hero p{font-size:16px}.eyebrow,.kicker{font-size:11px}.btn{font-size:14px}.journey b{font-size:15px}.journey span{font-size:12px}.section-head p{font-size:15px}.track-card h3{font-size:23px}.track-card p{font-size:15px}.topic-hero p{font-size:16px}.article-card p{font-size:15px}.breadcrumb,.meta{font-size:12px}.dek{font-size:16px}.body,.article-body{font-size:18px;line-height:1.78}.sourcebox li,.continue p{font-size:15px}.lead{font-size:16px}.groundbox,.boundary{font-size:14px}}

/* R038.5 — restore approved Diamond OS source lockup + one-notch readability increase.
   Logo pixels remain owned by /assets/diamond-os-approved-logo.png (existing repo asset).
   This CSS reuses the exact crop geometry already proven by the accepted root surface. */
.site-header{background:#000512}
.brand{gap:11px}
.brand-mark{
  width:62px;height:46px;flex:0 0 auto;
  transform:none;border:0;border-radius:0;
  background-color:#000512;
  background-image:url('/assets/diamond-os-approved-logo.png');
  background-repeat:no-repeat;
  background-size:73.55px 73.55px;
  background-position:-5.75px -9.82px;
}
.brand-copy{display:flex;flex-direction:column;justify-content:center;min-width:0}
.brand-copy b{
  display:block;width:185px;height:20.2px;overflow:hidden;
  font-size:0;line-height:0;color:transparent;
  background-color:#000512;
  background-image:url('/assets/diamond-os-approved-logo.png');
  background-repeat:no-repeat;
  background-size:269.35px 269.35px;
  background-position:-42.96px -206.93px;
}
.brand-copy small{font-size:13px;line-height:1.35;color:#aab8c3;margin-top:4px}

/* Readability scale: lift supporting text without inflating the already-large hero/display titles. */
body{font-size:17px;line-height:1.66}
.nav{font-size:16px}.search-pill{font-size:15px}
.badge{font-size:13px}.rail p{font-size:16px}.rail label{font-size:14px}.rail textarea{font:16px/1.58 var(--font)}.rail .context div{font-size:15px;line-height:1.5}.rail-btn{font-size:15px}.handoff-note{font-size:15px}
.eyebrow,.kicker{font-size:13px}.hero p{font-size:19px}.btn{font-size:15px}.sheet .eyebrow{font-size:12px}.sheet p{font-size:15px}.step{font-size:14px}.journey b{font-size:17px}.journey span{font-size:14px}.section-head p{font-size:17px}
.track-card .num{font-size:13px}.track-card h3{font-size:25px}.track-card p{font-size:16px}.track-card .go{font-size:14px}.feature-copy p{font-size:17px}.side-item small{font-size:13px}.side-item b{font-size:21px}.footer{font-size:14px}
.topic-hero p{font-size:18px}.article-card small{font-size:13px}.article-card h3{font-size:24px}.article-card p{font-size:16px}.article-card .go{font-size:14px}.breadcrumb{font-size:14px}.meta{font-size:14px}.preface b{font-size:14px}.preface p{font-size:16px}.sourcebox li{font-size:16px}.continue p{font-size:16px}
.lead{font-size:18px}.result b{font-size:20px}.result p{font-size:15px}.score{font-size:13px}.ground-item h3{font-size:21px}.ground-item p{font-size:15px}.groundbox,.boundary{font-size:15px}.entry-context{font-size:16px}.entry-context small{font-size:14px}

@media(max-width:1320px){
  .brand-mark{width:55px;height:41px;background-size:65.25px 65.25px;background-position:-5.10px -8.71px}
  .brand-copy b{width:160px;height:17.4px;background-size:232.95px 232.95px;background-position:-37.15px -178.96px}
}
@media(max-width:720px){
  body{font-size:17px}
  .brand{gap:7px}
  .brand-mark{width:44px;height:32.4px;background-size:52.20px 52.20px;background-position:-4.08px -6.96px}
  .brand-copy b{width:116px;height:12.65px;background-size:168.89px 168.89px;background-position:-26.94px -129.76px}
  .brand-copy small{display:none}
  .hero p{font-size:17px}.eyebrow,.kicker{font-size:12px}.btn{font-size:15px}.journey b{font-size:16px}.journey span{font-size:14px}.section-head p{font-size:16px}.track-card p{font-size:16px}.topic-hero p{font-size:17px}.article-card p{font-size:16px}.breadcrumb,.meta{font-size:13px}.dek{font-size:17px}.sourcebox li,.continue p{font-size:16px}.lead{font-size:17px}.groundbox,.boundary{font-size:15px}
}
@media(max-width:360px){
  .brand-mark{width:40px;height:29.5px;background-size:47.45px 47.45px;background-position:-3.71px -6.33px}
  .brand-copy b{width:104px;height:11.34px;background-size:151.42px 151.42px;background-position:-24.16px -116.34px}
}

/* R039 — Zalo Human handoff candidate. Normal-flow layout only; no absolute overlay. */
.human-handoff{margin:34px 0 8px;border:1px solid #cbd9cb;border-radius:18px;background:#fbfcf8;padding:26px;overflow:hidden}
.handoff-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,260px);gap:26px;align-items:start}
.handoff-copy{min-width:0}.handoff-copy h2{font:750 30px/1.16 var(--font);margin:8px 0 10px}.handoff-copy>p{font-size:16px;line-height:1.65;color:#53615b;margin:0 0 16px}
.handoff-label{display:block;font-size:14px;font-weight:750;margin:16px 0 8px}.handoff-brief{display:block;width:100%;min-height:150px;resize:vertical;border:1px solid #c9cfc7;border-radius:12px;background:#fff;padding:14px 15px;color:#273845;font:16px/1.58 var(--font)}
.handoff-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.handoff-actions .btn{min-width:190px}.handoff-actions .btn.secondary{background:#fff}
.handoff-privacy{font-size:14px!important;line-height:1.55!important;color:#6c7771!important;margin:13px 0 0!important}
.handoff-qr{min-width:0;border-left:1px solid var(--line);padding-left:24px;text-align:center}.handoff-qr img{display:block;width:100%;max-width:240px;height:auto;margin:0 auto;border-radius:14px;border:1px solid #d8d3c8;background:#fff;object-fit:contain}.handoff-qr p{font-size:14px;line-height:1.5;color:#6c7771;margin:10px auto 0;max-width:240px}
.handoff-status{min-height:22px;margin-top:8px;font-size:13px;color:var(--moss);font-weight:700}
@media(max-width:860px){.handoff-grid{grid-template-columns:1fr}.handoff-qr{display:none;border-left:0;padding-left:0}.handoff-actions .btn{flex:1 1 220px}}
@media(max-width:520px){.human-handoff{padding:18px}.handoff-copy h2{font-size:26px}.handoff-brief{font-size:15px;min-height:170px}.handoff-actions{display:grid;grid-template-columns:1fr}.handoff-actions .btn{width:100%;min-width:0}}

/* R040 — bounded landing hero/context layout repair; Zalo handoff remains frozen. */
.hero h1{
  font:750 clamp(44px,4vw,60px)/1.02 var(--font);
  letter-spacing:-1.6px;
}
.hero-visual{padding:28px 24px}
.stack{
  width:min(380px,100%);
  min-height:0;
  padding:30px 8px 30px 20px;
  isolation:isolate;
}
.sheet{z-index:0}
.sheet.top{
  position:relative;
  inset:auto;
  z-index:2;
  width:100%;
  height:auto;
  min-height:0;
  padding:26px;
}
@media(max-width:1250px){
  .hero{grid-template-columns:1fr;min-height:auto}
  .hero-copy{padding:46px 42px 36px}
  .hero-visual{padding:30px 28px 34px;min-height:0}
  .stack{width:min(430px,100%);padding:28px 10px 28px 20px}
}
@media(max-width:720px){
  .hero-copy{padding:36px 20px 28px}
  .hero h1{font-size:clamp(39px,10.5vw,43px);line-height:1.04;letter-spacing:-1px}
  .hero-visual{padding:26px 20px 30px;min-height:0}
  .stack{width:min(390px,100%);padding:22px 6px 22px 12px}
  .sheet.top{padding:22px}
  .sheet h3{font-size:25px;line-height:1.1}
}