:root{color-scheme:light;--ink:#173333;--muted:#526867;--line:#cbd8d2;--accent:#1b6a55;--paper:#f4f6f1}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 system-ui,sans-serif}header,main,footer{max-width:1060px;margin:auto;padding:28px}header{display:flex;gap:32px;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line)}h1{max-width:800px;font-size:clamp(28px,4vw,44px);line-height:1.15;font-weight:650;margin:8px 0 16px}h2{font-size:24px;margin:0 0 18px}h3{font-size:20px}.eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:12px;color:var(--accent)}section{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px;margin:20px 0}label{display:block;font-weight:600;margin:14px 0 6px}input,textarea,select{width:100%;padding:10px;border:1px solid #8da39a;border-radius:6px;font:inherit;background:#fff;color:inherit}textarea{resize:vertical}button{padding:10px 16px;background:var(--accent);border:1px solid var(--accent);border-radius:7px;color:#fff;font:inherit;font-weight:600;cursor:pointer;margin:12px 0}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #d39b3a;outline-offset:3px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.cards{padding:0;list-style:none}.cards li{border-top:1px solid var(--line);padding:12px 0}.cards button{background:#fff;color:var(--accent);text-align:left}.cards p{margin:0;color:var(--muted)}pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:420px;overflow:auto;background:#f2f5f2;padding:14px;border-radius:6px;font:14px/1.5 ui-monospace,monospace}.check{display:flex;gap:10px;font-weight:400}.check input{width:20px;flex-shrink:0}#notice{padding:12px;border-left:4px solid var(--accent);background:#e6efe9}#notice[data-error=true]{border-color:#af422d;background:#faeee8}a{color:var(--accent)}summary{cursor:pointer;font-weight:600;padding:10px 0}footer{color:var(--muted);font-size:14px}[hidden]{display:none!important}@media(max-width:640px){header,main,footer{padding:18px}section{padding:18px}header{flex-direction:column}button{min-height:44px}.row{align-items:flex-start}}