html{scroll-padding-top:100px}
.contact-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.form-success{margin-top:34px}
:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.utility h1{font-size:clamp(36px,4vw,52px);font-weight:400;line-height:1.15;margin:0 0 28px}
.utility .article-title{font-size:27px;line-height:1.4;margin:28px 0 18px}
.reading{max-width:800px;margin:auto}
.reading>.eyebrow{margin-top:34px}
.toolbar,.tabs{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px}
.tabs{margin:0;gap:24px}
.tabs a{padding:8px 0;text-underline-offset:5px}
.tabs a[aria-current]{font-weight:600}
.editor{display:grid;gap:18px;max-width:850px;margin:28px 0 48px}
.editor label{display:grid;gap:8px}
.editor input,.editor textarea,.editor select,.utility select{font:inherit;padding:12px;border:1px solid var(--line);background:white;color:var(--ink);width:100%;min-width:0;border-radius:0}
.utility button{font:14px -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:var(--deep);color:var(--paper2);border:1px solid var(--deep);padding:12px 18px;cursor:pointer;width:fit-content}
.utility select{width:auto}
.utility .editor select{width:100%}
.admin-card{margin:22px 0;overflow-wrap:anywhere}
.admin-card .toolbar{margin-bottom:0}
.notice{padding:16px;border:1px solid var(--line);background:var(--paper)}
.login{max-width:440px}
button:disabled{opacity:.6;cursor:wait}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:700px){.utility button{min-height:44px}.toolbar{align-items:flex-start}.editor input,.editor textarea{max-width:100%}}