:root{color-scheme:light;--ink:#211d1b;--yellow:#ffd600;--paper:#fff9e8;--line:#d8c990;--muted:#695b42}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 system-ui,sans-serif}
header{background:var(--yellow);color:var(--ink);padding:28px max(20px,calc((100vw - 960px)/2));border-bottom:5px solid var(--ink)}
header a{color:var(--ink);text-decoration:none;font-weight:750}.brand{display:flex;align-items:center;gap:12px;font-size:22px;letter-spacing:.08em;text-transform:uppercase}.brand img{border:2px solid var(--ink);border-radius:6px}
header small{display:block;color:var(--ink);margin-top:8px}nav{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:16px}nav a{font-size:14px;font-weight:650;border-bottom:2px solid transparent}nav a:hover{border-color:var(--ink)}
main{max-width:960px;margin:30px auto;padding:38px;background:#fff;border:2px solid var(--ink);border-radius:4px 38px 4px 4px;box-shadow:9px 9px 0 var(--yellow)}
h1{font-size:clamp(30px,5vw,46px);line-height:1.1;margin:0 0 24px;letter-spacing:-.03em}h2{font-size:23px;line-height:1.3;margin-top:32px}a{color:#574500}.lead{font-size:22px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.cards a{background:var(--yellow);color:var(--ink);padding:20px;border:2px solid var(--ink);border-radius:4px 22px 4px 4px;text-decoration:none;font-weight:800}
label{display:block;margin:16px 0}input:not([type=checkbox]),select{display:block;width:100%;padding:13px;border:2px solid var(--line);border-radius:5px;font:inherit}.check{display:flex;align-items:flex-start;gap:12px}.check input{margin-top:8px}
button{background:var(--ink);color:var(--yellow);border:2px solid var(--ink);padding:12px 20px;border-radius:5px;font:inherit;font-weight:700;cursor:pointer;margin:5px 8px 5px 0}button:disabled{opacity:.55;cursor:wait}.secondary{background:var(--yellow);color:var(--ink)}.danger{background:#9a2930;color:white}[hidden]{display:none!important}
footer{max-width:960px;margin:24px auto;padding:0 24px 32px;font-size:14px}#status{white-space:pre-wrap;color:var(--muted)}article{padding:20px;border:2px solid var(--line);border-radius:4px 20px 4px 4px;margin:16px 0}code{overflow-wrap:anywhere}*:focus-visible{outline:3px solid #8a6b00;outline-offset:3px}
@media(max-width:620px){main{margin:16px 10px;padding:24px 20px}header{padding:20px}}