:root {
  color-scheme: dark;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #e2eaf2;
  background: #101923;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}
* { box-sizing: border-box; }
body { margin: 0; }
main { width: min(100% - 40px, 760px); margin: 0 auto; padding: 36px 0 64px; }
a { color: #75d0f6; text-underline-offset: 3px; }
a:hover { color: #c0ebff; }
a:focus-visible { outline: 2px solid #75d0f6; outline-offset: 5px; border-radius: 2px; }
.brand { display: inline-flex; align-items: center; gap: 10px; color: #e2eaf2; font-size: 22px; font-weight: 750; text-decoration: none; }
.brand img { width: 36px; height: 36px; }
.brand span { color: #75d0f6; }
.eyebrow { margin-top: 44px; font-size: 12px; font-weight: 650; letter-spacing: .12em; text-transform: uppercase; color: #75d0f6; }
h1 { margin: 12px 0 16px; font-size: clamp(32px, 6vw, 44px); line-height: 1.12; letter-spacing: -.035em; }
h2 { margin: 32px 0 10px; font-size: 21px; letter-spacing: -.02em; }
h3 { margin: 26px 0 8px; font-size: 17px; }
p, li { font-size: 16px; line-height: 1.7; color: #b6c7d7; }
p { margin: 12px 0; }
strong { color: #e2eaf2; }
ul, ol { padding-left: 24px; }
li + li { margin-top: 8px; }
.intro { font-size: 18px; }
.notice { padding: 18px 22px; background: #182b3d; border: 1px solid #2a465c; border-radius: 12px; }
.notice p:first-child { margin-top: 0; }
.notice p:last-child { margin-bottom: 0; }
.date { font-size: 13px; color: #869db1; }
footer { border-top: 1px solid #294052; margin-top: 40px; padding-top: 22px; display: flex; flex-wrap: wrap; gap: 12px 24px; font-size: 14px; }
@media (max-width: 480px) { main { width: calc(100% - 32px); padding-top: 24px; } .eyebrow { margin-top: 32px; } }