:root{--ink:#242822;--accent:#ec6446;--line:#dfe3da}*{box-sizing:border-box}body{margin:0;background:#f6f6f3;color:var(--ink);font:16px/1.6 Arial,sans-serif}header{display:flex;justify-content:space-between;padding:24px 5vw;gap:20px;flex-wrap:wrap}header>a{font-size:30px;font-weight:800}a{color:#495546}main{max-width:1150px;margin:20px auto;padding:0 24px}.card{background:white;border:1px solid var(--line);border-radius:18px;padding:28px;margin-bottom:24px}.narrow{max-width:620px}h1{font-size:32px;line-height:1.2}h2{font-size:23px}label{display:block;font-weight:600;margin:12px 0}input,select,button{font:inherit;border:1px solid var(--line);border-radius:7px;padding:10px}input,select{width:100%;display:block;margin-top:6px}button{cursor:pointer;background:var(--accent);color:white;margin:8px 8px 8px 0}button:disabled{opacity:.6}nav{display:flex;gap:20px;flex-wrap:wrap}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:12px;border-bottom:1px solid var(--line)}.scroll{overflow-x:auto}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}[role=status]{background:#fff5df;padding:14px;overflow-wrap:anywhere}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #ec6446;outline-offset:3px}@media(max-width:700px){.grid{grid-template-columns:1fr}.card{padding:20px}}