:root { color-scheme: light; font-family: system-ui, -apple-system, "Segoe UI", sans-serif; color: #253446; background: #f7f9fc; }
* { box-sizing: border-box; } body { margin: 0; }
main { max-width: 980px; margin: 0 auto; padding: 40px 28px; background: white; min-height: 100vh; }
header { border-bottom: 3px solid #286098; padding-bottom: 22px; margin-bottom: 30px; }
.eyebrow { font-size: 12px; letter-spacing: .08em; font-weight: 650; color: #43627f; }
h1 { font-size: 32px; margin: 8px 0; line-height: 1.2; } h2 { font-size: 21px; margin: 0 0 14px; } h3 { font-size: 17px; }
p, li { line-height: 1.65; } a { color: #175995; text-underline-offset: 3px; } a:hover { color: #103959; }
a:focus-visible, summary:focus-visible { outline: 3px solid #d0a40d; outline-offset: 4px; }
section { margin: 32px 0; } table { width: 100%; border-collapse: collapse; text-align: left; font-size: 14px; }
th, td { padding: 13px 10px; border-bottom: 1px solid #dde4ec; vertical-align: top; } thead { background: #edf2f8; } tbody th { font-weight: 600; }
small { display: block; color: #765719; font-weight: 500; } .table-scroll { overflow-x: auto; }
.note, footer { color: #536476; font-size: 14px; } .notice { border-left: 3px solid #bd902f; padding: 12px 16px; background: #fff9ed; }
.links { columns: 2; padding-left: 22px; } li { padding: 3px 0; break-inside: avoid; }
code { font-family: ui-monospace, Consolas, monospace; font-size: .93em; overflow-wrap: anywhere; }
summary { cursor: pointer; font-weight: 600; padding: 16px 0; } details { border-top: 1px solid #dde4ec; border-bottom: 1px solid #dde4ec; }
footer { margin-top: 30px; padding-top: 12px; }
@media(max-width: 600px) { main { padding: 24px 18px; } h1 { font-size: 27px; } .links { columns: 1; } }