@font-face{font-family:Grundwerk;src:url('assets/grundwerk-sans.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}body{margin:0;background:#f6f5f1;color:#173146;font:16px/1.75 Grundwerk,Arial,sans-serif}a{color:#1d466b;text-underline-offset:4px}a:focus-visible{outline:3px solid #548cb1;outline-offset:5px}header,main,footer{max-width:920px;margin:auto;padding:30px 6%}header{display:flex;justify-content:space-between;border-bottom:1px solid #d3dce1;align-items:center}.wordmark{font:22px Georgia,serif;letter-spacing:2px;text-decoration:none}header>a:last-child{font-size:13px}main{padding-top:65px;padding-bottom:70px}h1{font-size:clamp(38px,7vw,64px);font-weight:400;letter-spacing:-2px;line-height:1.1;margin:20px 0 35px}h2{font-size:24px;font-weight:400;margin:35px 0 12px;line-height:1.3}p,li,dd{color:#586f7c}p{margin:12px 0}dl{display:grid;grid-template-columns:180px 1fr;gap:12px 25px;padding:24px 0;border-top:1px solid #d3dce1;border-bottom:1px solid #d3dce1}dd{margin:0}dt{font-size:13px}footer{border-top:1px solid #d3dce1;font-size:12px;display:flex;gap:25px;flex-wrap:wrap}.eyebrow{font:11px ui-monospace,monospace;letter-spacing:1px;color:#718792}.note{background:#e5ecef;border-left:2px solid #1d466b;padding:16px 20px;font-size:14px}li{margin:8px 0}@media(max-width:600px){dl{grid-template-columns:1fr;gap:4px}dd{margin-bottom:14px}main{padding-top:35px}header{gap:20px}}
/* Accessible navigation and reflow on information pages. */
.skip-link{position:absolute;left:16px;top:-100px;background:white;color:#173146;padding:12px 18px;z-index:100}.skip-link:focus{top:12px}
:is(a,[tabindex]):focus-visible{outline:3px solid #123650;outline-offset:4px;box-shadow:0 0 0 7px white}
body{overflow-wrap:anywhere}main,header,footer{min-width:0}p,li,dd{color:#445c69}.eyebrow{color:#435d6d;font-size:12px}footer,header>a:last-child{font-size:14px}footer a,header a,.toc a{display:inline-flex;min-height:44px;align-items:center}nav.toc{display:flex;flex-wrap:wrap;gap:8px 24px}h2,[id]{scroll-margin-top:24px}
@media(max-width:400px){header{flex-wrap:wrap}h1{font-size:36px;letter-spacing:-1px}footer{gap:8px 20px}}
@media(forced-colors:active){:is(a,[tabindex]):focus-visible{outline:3px solid Highlight;box-shadow:none}.note{border:1px solid CanvasText}}
footer nav{display:flex;flex-wrap:wrap;gap:8px 24px}