:root { color-scheme: light; font-family: Georgia, "Times New Roman", serif; color: #142732; background: #fff; line-height: 1.6; }
* { box-sizing: border-box; } body { margin: 0; } a { color: #124f78; text-underline-offset: .18em; overflow-wrap: anywhere; } a:hover { color: #082c47; }
header, footer { background: #f3f6f7; padding: 1.1rem max(1.25rem, calc((100vw - 1120px) / 2)); border-bottom: 1px solid #bac9d1; font-family: system-ui, sans-serif; }
header p { margin: 0 0 .6rem; font-weight: 650; } header nav { display: flex; flex-wrap: wrap; gap: .7rem 1.5rem; font-size: .9rem; }
main { max-width: 1120px; padding: 2.1rem 1.25rem 4rem; margin: 0 auto; } h1, h2, h3, h4, summary, .eyebrow, .small, .state, .related, .references { font-family: system-ui, sans-serif; }
h1 { font-size: clamp(1.8rem, 4vw, 2.65rem); line-height: 1.18; margin: 0 0 1rem; max-width: 980px; }
h2 { font-size: 1.6rem; line-height: 1.35; margin: .35rem 0 1.2rem; } h3 { font-size: 1.1rem; margin: 1.5rem 0 .5rem; } h4 { font-size: 1rem; margin: 1rem 0 .35rem; }
p { margin: .7rem 0 1rem; } p, li { overflow-wrap: anywhere; } .intro { font-size: 1.2rem; max-width: 960px; } .scope { background: #f5f8fa; border: 1px solid #bcccd7; padding: 1.2rem 1.5rem; margin: 2rem 0; }
.scope h2 { font-size: 1.2rem; margin-bottom: .5rem; } .contents { margin: 2.8rem 0 3.5rem; } .contents ol { list-style: none; padding: 0; columns: 2; column-gap: 2rem; }
.contents li { break-inside: avoid; margin: 0 0 .7rem; border-bottom: 1px solid #dce4e9; padding-bottom: .7rem; } .contents a { text-decoration: none; display: block; } .contents span { display: block; font-family: system-ui,sans-serif; font-weight: 650; font-size: .85rem; }
.question { border-top: 2px solid #55758a; padding: 1.7rem 0 2.5rem; scroll-margin-top: 1rem; } .eyebrow { color: #426070; font-size: .85rem; margin: 0; letter-spacing: .035em; text-transform: uppercase; }
.answer { border-left: 4px solid #386985; background: #f1f6f9; padding: .6rem 1.15rem; margin: 1.4rem 0 1.7rem; } .answer h3 { margin-top: .3rem; } .answer p { margin-bottom: .5rem; }
details { border: 1px solid #c0cdd5; padding: .65rem 1rem; margin: 1rem 0; } summary { cursor: pointer; color: #163e57; font-size: .96rem; font-weight: 650; } details[open] > summary { margin-bottom: 1rem; }
.technical { background: #fff; } .technical p { max-width: 100%; } .formula { border-bottom: 1px solid #d8e1e7; padding: .3rem 0 .8rem; } .formula-label { font-size: .8rem; font-family: system-ui, sans-serif; color: #486170; margin-bottom: .3rem; }
pre { background: #f3f5f6; border: 1px solid #d0dbe1; padding: 1rem; overflow: auto; font-size: .94rem; line-height: 1.55; white-space: pre-wrap; overflow-wrap: anywhere; }
code { font-family: Consolas, "Liberation Mono", monospace; font-size: .9em; overflow-wrap: anywhere; } .hash { overflow-wrap: anywhere; } .small, .references { font-size: .85rem; color: #3b5361; }
.evidence { padding-left: 1.5rem; } .evidence li { margin-bottom: 1.1rem; } .evidence p { margin: .4rem 0; } .state { color: #435968; font-size: .86rem; font-weight: 650; }
.gaps { border: 1px solid #ad8d5d; border-left: 4px solid #8d6837; background: #fcf9f3; padding: .4rem 1.15rem; margin: 1.5rem 0; } .gaps h3 { margin-top: .7rem; } ul { padding-left: 1.5rem; } li { margin-bottom: .45rem; }
.related { font-size: .9rem; margin-top: 1.4rem; } #source-register { border-top: 2px solid #55758a; padding-top: 2rem; } .source { padding: .5rem 0 1rem; border-bottom: 1px solid #ccd7de; scroll-margin-top: 1rem; }
.source h3 { font-size: 1rem; overflow-wrap: anywhere; } .source details { font-size: .92rem; } dl { display: grid; grid-template-columns: minmax(120px, 175px) 1fr; gap: .5rem 1rem; } dt { font-weight: 650; font-family: system-ui, sans-serif; font-size: .85rem; } dd { margin: 0; overflow-wrap: anywhere; }
#provenance { padding-top: 2rem; } .skip { position: absolute; top: -100px; left: 1rem; background: white; padding: .5rem; z-index: 2; } .skip:focus { top: .5rem; } footer { border-top: 1px solid #bac9d1; border-bottom: 0; font-size: .9rem; }
@media (max-width: 720px) { main { padding: 1.5rem 1rem 3rem; } .contents ol { columns: 1; } .scope { padding: .8rem 1rem; } h2 { font-size: 1.35rem; } details { padding: .6rem .8rem; } dl { grid-template-columns: 1fr; gap: .2rem; } dd { margin-bottom: .65rem; } pre { font-size: .82rem; } }
@media print { header, footer, .skip, .contents { display: none; } main { max-width: none; padding: 0; } body { font-size: 10pt; } .question { break-before: page; } h1, h2, h3, h4, summary { break-after: avoid; } .answer, .formula { break-inside: avoid; } a { color: inherit; } details { border-color: #aaa; } }