*{box-sizing:border-box}:root{color:#172b4d;background:#f8fafc;font-family:system-ui,sans-serif;font-size:16px;line-height:1.6}body{margin:0}header,main,footer{width:min(100% - 32px,48rem);margin-inline:auto}header{border-bottom:1px solid #cbd5e1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-block:24px;display:flex}header span,footer{color:#475569}main{padding-block:48px}h1{overflow-wrap:anywhere;max-width:18ch;margin-block:16px 24px;font-size:clamp(2rem,6vw,3rem);line-height:1.2}h2{font-size:1.25rem}p{max-width:62ch}.eyebrow{color:#475569}section{background:#fff;border:1px solid #cbd5e1;border-radius:12px;margin-block:32px;padding:24px}a{color:#075985;text-underline-offset:4px}a:hover{color:#0c4a6e}a:focus-visible{outline-offset:2px;outline:3px solid #1d4ed8;box-shadow:0 0 0 2px #fff}.brand{align-items:center;min-height:48px;font-size:1.5rem;font-weight:750;text-decoration:none;display:inline-flex}nav{flex-wrap:wrap;gap:8px 24px;margin-block:24px;display:flex}nav a,.button{align-items:center;min-height:48px;display:inline-flex}.button{color:#fff;background:#075985;border-radius:8px;padding:12px 24px}.button:hover{color:#fff;background:#0c4a6e}footer{border-top:1px solid #cbd5e1;padding-block:24px}.skip-link{z-index:1;background:#fff;padding:12px;position:absolute;top:-100px;left:16px}.skip-link:focus{top:8px}@media (width<=360px){main{padding-block:32px}section{padding:16px}}.staging-action{color:#fff;min-height:48px;font:inherit;cursor:pointer;background:#075985;border:1px solid #075985;border-radius:8px;margin-block:12px;padding:12px 20px}.staging-action:disabled{color:#475569;cursor:default;background:#e2e8f0;border-color:#cbd5e1}.staging-action:focus-visible{outline-offset:2px;outline:3px solid #1d4ed8}details code{overflow-wrap:anywhere}