:root{color-scheme:light;--bg:#f6f8fb;--panel:#fff;--ink:#1b2430;--muted:#687484;--stroke:#e0e5eb;--accent:#1d4ed8}
*{box-sizing:border-box}
html{font-size:16px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.container{width:min(100% - 36px,930px);margin:0 auto;padding:clamp(35px,6vw,72px) 0 72px}
.header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}
.eyebrow{margin:0 0 12px;font-size:.8rem;text-transform:uppercase;letter-spacing:.16em;color:var(--accent);font-weight:750}
h1{font-size:clamp(1.65rem,4vw,2.75rem);letter-spacing:-.035em;line-height:1.13;margin:0;font-weight:720}
button{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#1b2430;color:white;border:1px solid #1b2430;border-radius:9px;font-size:.94rem;font-weight:650;padding:12px 17px;min-height:46px;white-space:nowrap;cursor:pointer}
button:hover{background:#334156}
button:focus-visible{outline:3px solid #7ea4ed;outline-offset:3px}
.status{min-height:1.25rem;margin:0 0 8px;color:#226348;font-size:.85rem}
.document{background:var(--panel);border:1px solid var(--stroke);border-radius:14px;box-shadow:0 10px 32px rgba(25,39,55,.04);padding:clamp(21px,4.5vw,40px)}
pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font:400 .92rem/1.7 ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;color:#243142}
@media(max-width:600px){.header{align-items:flex-start;flex-direction:column;gap:20px}pre{font-size:.84rem;line-height:1.64}}