:root{--ink:#17211c;--paper:#f6f2e9;--green:#2f7d4a;--orange:#e85d28;--line:#d9d2c4}*{box-sizing:border-box}body{font:17px/1.55 Arial,sans-serif;margin:0;background:var(--paper);color:var(--ink)}header,main{max-width:900px;margin:auto;padding:24px}header{display:flex;gap:20px;justify-content:space-between;border-bottom:3px solid var(--ink)}header>a,h1,h2{font-family:Georgia,serif}header>a{font-size:24px}a{color:var(--green)}h1{font-size:clamp(36px,7vw,60px);margin:8px 0}h2{font-size:25px}.eyebrow{color:var(--orange);font-size:13px;font-weight:bold;text-transform:uppercase}form,#workspace{border:1px solid var(--line);background:#fffdf8;padding:24px;margin:24px 0}label{display:block;margin:16px 0}input,select{display:block;width:100%;max-width:550px;padding:12px;border:1px solid #657369;border-radius:3px;font:inherit;margin-top:6px}button{font:inherit;background:var(--green);color:white;border:0;border-radius:3px;padding:12px 18px;cursor:pointer;margin:8px 8px 8px 0}button:disabled{opacity:.5;cursor:default}:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.account{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}.muted{font-size:14px;color:#556158}#result{border-top:3px solid var(--orange);margin-top:24px}dl{display:grid;grid-template-columns:1fr auto;gap:12px}dt,dd{margin:0;overflow-wrap:anywhere}#status{border-left:4px solid var(--orange);padding:12px;background:#eee8dc}[hidden]{display:none!important}@media(max-width:540px){header{flex-wrap:wrap}main,header{padding:18px}form,#workspace{padding:16px}dl{grid-template-columns:1fr}dd{font-weight:bold}}
