:root{--ink:#151515;--paper:#ffffff;--sheet:#fbfbfa;--rule:#e3dfd4;--muted:#5f5d57;--gold:#8a6a2a;--grad:linear-gradient(120deg,#ad8848 0%,#e7d48c 45%,#f8f0a4 55%,#c9a45c 100%);color-scheme:light}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--paper);color:var(--ink);font-family:"IBM Plex Sans",system-ui,sans-serif;font-size:16.5px;line-height:1.65}
.wrap{max-width:820px;margin:0 auto;padding:0 24px 56px}
.top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-family:"Comfortaa",system-ui,sans-serif;font-weight:600;font-size:18px}
.brand img{width:34px;height:34px}
.back{font-size:14.5px;color:var(--gold)}
.sheet{background:var(--sheet);border:1px solid var(--rule);border-top:4px solid transparent;border-image:var(--grad) 1;border-image-slice:1 0 0 0;padding:32px 36px}
h1{font-family:"Archivo",system-ui,sans-serif;font-stretch:78%;font-weight:800;text-transform:uppercase;font-size:40px;line-height:1;margin:0 0 6px;text-wrap:balance}
.alt{font-family:"IBM Plex Mono",monospace;font-size:12.5px;color:var(--muted);margin:0 0 24px}
h2{font-family:"Archivo",system-ui,sans-serif;font-stretch:88%;font-size:20px;margin:28px 0 6px}
p,ul{margin:0 0 10px;max-width:68ch}
a{color:var(--gold)}
a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
address{font-style:normal}
.small{font-size:14px;color:var(--muted)}
@media (max-width:560px){.sheet{padding:24px 20px}}