:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#202329;background:#f5f5f3;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:900px;margin:auto;padding:32px 20px}header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}header strong{font-size:1.5rem}header span{font-size:.875rem}nav{flex-wrap:wrap;gap:8px;margin:24px 0;display:flex}nav a{color:inherit;border:1px solid #c5c9ce;border-radius:8px;padding:12px;text-decoration:none}nav a[aria-current]{color:#fff;background:#202329}a:focus-visible{outline-offset:3px;outline:3px solid #3568c0}section{background:#fff;border-radius:12px;margin-top:20px;padding:24px}h1{font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.2}p{max-width:65ch;line-height:1.65}.narrow{max-width:560px}form{gap:12px;display:grid}input,select,textarea,button{font:inherit;border:1px solid #a4abb3;border-radius:8px;max-width:100%;padding:12px}input,select,textarea{background:#fff;width:100%}button{color:#fff;cursor:pointer;background:#202329;min-height:46px}button:disabled{opacity:.6;cursor:wait}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #3568c0}.check{align-items:center;gap:10px;padding:8px;display:flex}.check input{width:auto}article{border-bottom:1px solid #ddd;padding:12px 0}[role=status]{border:1px solid #a4abb3;padding:12px}textarea,article p{white-space:pre-wrap;overflow-wrap:anywhere}fieldset{border:1px solid #a4abb3;border-radius:8px}.construction{padding-top:12vh}.preview-form{margin-top:20px}summary{cursor:pointer;padding:12px 0}