:root{--paper:#f2efe8;--ink:#111;--blue:#1f4fff;--orange:#ff5a1f;--muted:#68625a;--white:#faf8f2}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}
.wrap{width:min(calc(100% - 24px),900px);margin:auto;padding:18px 0 42px}
.top{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:11px 0;font:700 11px "Courier New",monospace;text-transform:uppercase;letter-spacing:.08em}
.top a{border:1px solid var(--ink);padding:8px 10px}
.hero{padding:34px 0 26px;border-bottom:2px solid var(--ink)}
.kicker{font:700 11px "Courier New",monospace;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}
h1{font-size:clamp(3rem,8vw,6.5rem);line-height:.82;letter-spacing:-.07em;margin:8px 0 14px;text-transform:uppercase}
h1 span{display:block;color:var(--blue)}
.lead{font-size:1.05rem;line-height:1.6;max-width:760px}
.panel{border:2px solid var(--ink);background:var(--white);padding:18px;margin-top:22px}
.panel h2{font-size:1.55rem;letter-spacing:-.035em;margin:0 0 10px}
.panel p,.panel li{line-height:1.55}
.files{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));border-left:1px solid var(--ink);border-top:1px solid var(--ink);margin:14px 0 0}
.file{padding:12px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);font:700 11px/1.45 "Courier New",monospace;background:#fff;overflow-wrap:anywhere}
.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
button,.btn{border:2px solid var(--ink);background:transparent;color:var(--ink);padding:10px 13px;font-weight:900;text-transform:uppercase;cursor:pointer;font-size:.82rem}
button.primary,.btn.primary{background:var(--ink);color:var(--paper)}
button:disabled{opacity:.45;cursor:wait}
button:focus-visible,a:focus-visible{outline:4px solid var(--blue);outline-offset:3px}
.status{margin-top:14px;border-left:8px solid var(--blue);padding:10px 12px;background:#e8ecff;line-height:1.5;min-height:48px}
.note{margin-top:18px;border-left:8px solid var(--orange);padding:12px 14px;background:#fff0e8;line-height:1.55}
footer{border-top:2px solid var(--ink);margin-top:24px;padding-top:14px;font:700 10px "Courier New",monospace;text-transform:uppercase;color:var(--muted)}
@media(max-width:700px){.top{align-items:flex-start;flex-direction:column}h1{font-size:3.4rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}