:root{--gold:#C4A366;--gold-deep:#A8874A;--charcoal:#2D2D2D;--cream:#F5F1E8;--paper:#FBF8F2;--ink:#1C1C1C;--muted:#6B6B6B;--line:#E2DACA;--flag:#B0442F;--ok:#3F7D4E;}
[hidden]{display:none!important}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;line-height:1.55;font-size:16px}
a{color:var(--gold-deep)}
.top{background:var(--charcoal);color:var(--cream);border-bottom:4px solid var(--gold)}
.top .in{max-width:860px;margin:0 auto;padding:28px 22px 26px;display:flex;gap:18px;align-items:center}
.top img{width:64px;height:auto;flex:none}
.brand{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);font-weight:700;margin:0 0 6px}
.top h1{margin:0 0 4px;font-size:28px;line-height:1.15}
.top .sub{margin:0;color:#CFC9BC;font-size:15px}
.wrap{max-width:860px;margin:0 auto;padding:26px 22px 60px}
.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px 22px;margin:0 0 18px}
h2{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-deep);font-weight:700;margin:0 0 4px}
.h2note{font-size:14px;color:var(--muted);margin:0 0 14px}
.btn{display:inline-block;background:var(--gold);color:#fff;text-decoration:none;font-weight:700;border:0;border-radius:8px;padding:13px 22px;font-size:15px;cursor:pointer;font-family:inherit}
.btn:hover{background:var(--gold-deep)}
.btn.dark{background:var(--charcoal);color:var(--gold)}
.btn.dark:hover{background:#000}
.btn.ghost{background:transparent;color:var(--charcoal);border:1.5px solid var(--line)}
.btn[disabled]{opacity:.55;cursor:wait}
.tag{display:inline-block;background:var(--gold);color:#fff;font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;padding:2px 8px;border-radius:3px;vertical-align:2px;margin-left:6px;white-space:nowrap}
.tag.slow{background:var(--flag)}
code{background:var(--cream);border:1px solid var(--line);border-radius:4px;padding:1px 6px;font-family:inherit;font-weight:700;font-size:.92em;color:var(--charcoal)}
.dark-box{background:var(--charcoal);color:var(--cream);border-left:4px solid var(--gold);border-radius:10px;padding:16px 20px;margin:0 0 18px}
.dark-box strong{color:var(--gold)}
.dark-box p{margin:0}.dark-box p+p{margin-top:8px;color:#D8D3C7}
footer.foot{text-align:center;font-size:13px;color:var(--muted);padding:22px;border-top:1px solid var(--line)}
@media (max-width:600px){.top h1{font-size:23px}.top img{width:48px}.card{padding:18px 16px}}