:root{font-family:Inter,system-ui,sans-serif;color:#17202c;background:#f5f6f8}*{box-sizing:border-box}body{margin:0}header{min-height:72px;padding:20px max(24px,calc((100vw - 1180px)/2));background:white;border-bottom:1px solid #dee2e8;display:flex;gap:16px;align-items:center;justify-content:space-between}header a{font-size:20px;font-weight:750;text-decoration:none;color:#17202c}header span,.badge{font-size:12px;border:1px solid #d8dfe9;border-radius:6px;padding:6px 10px;background:#f0f3fa;color:#30445f}main{max-width:1180px;margin:auto;padding:44px 24px}.intro{max-width:680px;margin-bottom:30px}h1{font-size:clamp(30px,4vw,46px);line-height:1.15;letter-spacing:-1.3px;margin:12px 0 18px}h2{font-size:24px;line-height:1.3;overflow-wrap:anywhere}h3{font-size:14px;margin:24px 0 8px}p,li{line-height:1.65;overflow-wrap:anywhere}.eyebrow{font-size:11px;letter-spacing:1.6px;font-weight:700;color:#5b6980}.muted,footer{font-size:13px;color:#647082}.controls{display:flex;align-items:end;gap:16px;padding:20px;border:1px solid #dfe4eb;background:white;border-radius:10px;margin-bottom:24px}label{display:flex;flex:1;gap:8px;flex-direction:column;font-size:13px;font-weight:650;min-width:0}select{font:inherit;width:100%;background:white;color:inherit;border:1px solid #c4ccd8;border-radius:6px;min-height:44px;padding:10px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.card{background:white;padding:28px;border:1px solid #dfe4eb;border-radius:10px;min-width:0}.preserve{white-space:pre-wrap}.tags,.actions{display:flex;flex-wrap:wrap;gap:10px}.actions{margin:24px 0}button{font:600 14px system-ui;cursor:pointer;min-height:44px;background:#203c85;color:white;border:1px solid #203c85;border-radius:6px;padding:10px 16px}button.secondary{background:white;color:#203c85;border-color:#b8c6df}button:disabled{opacity:.5;cursor:wait}a{color:#203c85}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #537cea;outline-offset:4px}[hidden]{display:none!important}#status{padding:14px;border-left:3px solid #6686bb;background:#f3f6fc}.states{margin-top:30px;font-size:13px}.states div{display:flex;flex-wrap:wrap;gap:12px;margin:14px 0}.states a{padding:8px;border-radius:4px}.states a[aria-current]{background:#e0e8fa}footer{display:flex;gap:16px;justify-content:space-between;margin-top:36px;padding-top:20px;border-top:1px solid #dfe4eb}@media(max-width:650px){header{align-items:start;flex-direction:column}main{padding:28px 16px}.controls{align-items:stretch;flex-direction:column}.columns{grid-template-columns:1fr}.card{padding:22px}footer{flex-direction:column}button{max-width:100%}}
