* { box-sizing: border-box; }
:root { color-scheme: light dark; font: 16px/1.65 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
body { margin: 0; background: #f6f7fa; color: #1c2835; }
a { color: #145b9b; text-underline-offset: .18em; }
a:hover { color: #0c3c6a; }
a:focus-visible { outline: 3px solid #f4ae42; outline-offset: 3px; border-radius: 2px; }
.container { width: min(100% - 2.4rem, 860px); margin-inline: auto; }
.site-header { border-bottom: 1px solid #dfe4eb; background: #fff; }
.header-row { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-block: 1rem; }
.brand { color: inherit; font-weight: 750; text-decoration: none; letter-spacing: -.025em; }
nav { display: flex; gap: .3rem; flex-wrap: wrap; }
nav a { padding: .28rem .64rem; border-radius: .5rem; color: #344b63; text-decoration: none; }
nav a:hover, nav a[aria-current="page"] { background: #e8f0fb; color: #174e88; }
main { padding-block: 2.2rem 4rem; }
.draft-notice { margin: 0 0 2rem; border: 1px solid #cf8c24; border-radius: .6rem; background: #fff2da; color: #593912; padding: .6rem .9rem; font-weight: 650; }
.eyebrow { color: #356ba2; font-size: .79rem; font-weight: 750; letter-spacing: .11em; text-transform: uppercase; }
h1 { margin: .45rem 0 1rem; font-size: clamp(2rem, 5vw, 3.35rem); line-height: 1.15; letter-spacing: -.04em; }
h2 { margin: 2.25rem 0 .7rem; font-size: 1.35rem; line-height: 1.3; }
p, li { max-width: 74ch; }
.intro { color: #3d5064; font-size: 1.16rem; line-height: 1.7; }
.steps { padding-left: 1.5rem; }
.steps li { padding: .4rem 0 .6rem .25rem; }
.info-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-top: 2rem; }
.card { padding: 1.1rem 1.35rem 1.35rem; border: 1px solid #dfe4eb; border-radius: .85rem; background: #fff; }
.card h2 { margin-top: .2rem; }
.card p { margin-bottom: 0; }
.contact { margin-top: 2rem; }
.policy { max-width: 860px; }
.policy h2 { padding-top: .6rem; border-top: 1px solid #dfe4eb; }
.policy code { font: .92em ui-monospace, SFMono-Regular, Consolas, monospace; background: #e7ecf3; padding: .13em .28em; border-radius: .25em; }
.site-footer { border-top: 1px solid #dfe4eb; background: #fff; color: #52657a; font-size: .9rem; }
.site-footer .container { padding-block: 1.2rem; }
.site-footer a { margin-left: .35rem; }
@media (max-width: 620px) {
  .header-row { display: block; }
  nav { margin: .55rem -.55rem -.2rem; }
  .info-grid { grid-template-columns: 1fr; }
}
@media (prefers-color-scheme: dark) {
  body { background: #111823; color: #e7ecf3; }
  a { color: #8fc9ff; } a:hover { color: #c6e4ff; }
  .site-header, .site-footer, .card { background: #182230; border-color: #344356; }
  nav a { color: #b5c5d6; }
  nav a:hover, nav a[aria-current="page"] { background: #293f57; color: #d1e8ff; }
  .draft-notice { background: #443018; border-color: #bc8739; color: #ffdc9f; }
  .eyebrow { color: #98caff; }
  .intro { color: #bac8d7; }
  .policy h2 { border-color: #344356; }
  .policy code { background: #293a4d; }
  .site-footer { color: #adbed0; }
}