:root {
  color-scheme: light;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #192c42;
  background: #f5f8fc;
  font-size: 100%;
  line-height: 1.65;
}
* { box-sizing: border-box; }
body { margin: 0; }
a { color: #174fc0; text-underline-offset: .2em; overflow-wrap: anywhere; }
a:hover { text-decoration-thickness: .15em; }
a:focus-visible { outline: 3px solid #a44200; outline-offset: 5px; border-radius: 2px; }
.skip { position: absolute; left: 1rem; top: -10rem; padding: .7rem 1rem; background: white; }
.skip:focus { top: 1rem; }
.masthead, main, footer { width: min(100% - 3rem, 60rem); margin-inline: auto; }
.masthead { padding-block: 1.6rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-bottom: 1px solid #cad5e3; }
.brand { color: #192c42; font-size: 1.25rem; font-weight: 750; text-decoration: none; }
.brand span { font-weight: 400; }
nav { display: flex; flex-wrap: wrap; gap: .4rem 1.3rem; }
nav a { display: inline-block; padding-block: .6rem; }
nav [aria-current] { color: #192c42; font-weight: 650; }
main { padding-block: clamp(2rem, 6vw, 4.5rem); }
.eyebrow { color: #4a6078; font-size: .875rem; font-weight: 600; letter-spacing: .04em; }
h1 { max-width: 22ch; font-size: clamp(2.1rem, 5.3vw, 3.6rem); line-height: 1.13; letter-spacing: -.035em; margin-block: 1rem 1.7rem; overflow-wrap: anywhere; }
h2 { font-size: 1.3rem; line-height: 1.3; margin-top: 0; }
p { max-width: 70ch; margin-block: .75rem; }
.intro { font-size: 1.125rem; }
.notice { border-left: 4px solid #174fc0; background: #eaf0fb; padding: 1.15rem 1.4rem; margin-block: 2rem 2.8rem; }
.notice p { margin-bottom: 0; }
section { border-top: 1px solid #cad5e3; padding-top: 1.6rem; margin-top: 2rem; }
code { font-size: 1em; overflow-wrap: anywhere; }
footer { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .6rem 1.5rem; border-top: 1px solid #cad5e3; padding-block: 1.7rem 2.5rem; font-size: .875rem; }
footer p { margin: 0; }
@media (max-width: 36rem) {
  .masthead, main, footer { width: calc(100% - 2rem); }
  .masthead { align-items: flex-start; flex-direction: column; gap: .5rem; }
  .notice { padding: 1rem; }
}
@media print {
  body { background: white; }
  .skip, nav { display: none; }
  main { padding-block: 1rem; }
  .notice { background: white; }
}