/* VaultX reading pages: one column like Telegraph, black/yellow brand */
:root{--bg:#0b0b09;--fg:#efece2;--muted:#9a9686;--line:#26241d;--acc:#ffd21f;--accfg:#111;--card:#17160f;--serif:"PT Serif",Georgia,serif;--sans:"Golos Text",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color-scheme:dark}
@media (prefers-color-scheme:dark){:root{--bg:#0b0b09;--fg:#efece2;--muted:#9a9686;--line:#26241d;--acc:#ffd21f;--card:#17160f;color-scheme:dark}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--sans)}
.top{display:flex;justify-content:space-between;align-items:center;max-width:732px;margin:0 auto;padding:16px}
.logo{font:800 20px/1 var(--sans);letter-spacing:.14em;color:var(--fg);text-decoration:none}.logo b{color:var(--acc)}
.go{font:600 14px var(--sans);background:var(--acc);color:var(--accfg);padding:8px 14px;border-radius:8px;text-decoration:none}
main{max-width:732px;margin:0 auto;padding:8px 16px 48px}
h1{font:700 clamp(28px,6vw,36px)/1.15 var(--sans);margin:12px 0 8px;text-wrap:balance}
.meta{color:var(--muted);font-size:14px;margin:0 0 20px}.meta address{display:inline;font-style:normal}.meta a{color:inherit}
.lead{font:italic 19px/1.55 var(--serif);border-left:3px solid var(--acc);padding-left:16px;margin:0 0 24px}
.body{font:18px/1.62 var(--serif)}.body h3{font:700 23px/1.25 var(--sans);margin:32px 0 8px}
.body figure{margin:22px 0}.body img{display:block;max-width:100%;height:auto;max-height:760px;width:auto;margin:0 auto;border-radius:6px}
.body figcaption{text-align:center;color:var(--muted);font:14px var(--sans);margin-top:8px}.body a{color:inherit;text-decoration-color:var(--acc);text-decoration-thickness:2px}
.cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.btn{flex:1 1 200px;text-align:center;font:700 16px var(--sans);padding:14px;border-radius:10px;background:var(--acc);color:var(--accfg);text-decoration:none}
.btn.ghost{background:transparent;color:var(--fg);border:1px solid var(--line)}
footer{text-align:center;color:var(--muted);font-size:13px;padding:24px 16px}
.list{font:20px/1.8 var(--serif)}.list a{color:var(--fg)}

article{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:28px clamp(16px,4vw,40px)}
.top,main{max-width:780px}
.in-tg .top .go{display:none}.in-tg .cta .btn:not(.ghost){display:none}.in-tg .cta .btn.ghost{flex-basis:100%}.in-tg main{padding-bottom:24px}