:root { color-scheme: light; --sun: #ffed00; --pressed: #e6d200; --black: #000000; --white: #ffffff; --ink: #222222; --muted: #666666; --soft: #f7f7f7; --deep: #111111; }
body { color: var(--ink); background: var(--white); }
a { color: inherit; }
button, textarea { border: 2px solid var(--black); border-radius: 0; }
:focus-visible { outline: 3px solid var(--black); outline-offset: 5px; }
[class$="-skip"] { background: var(--sun); color: var(--black); padding-inline: 20px; }
[class$="-masthead"] { background: var(--white); color: var(--black); border-bottom: 2px solid var(--black); }
[class$="-mark"] { background: var(--sun); }
[class$="-mark"] span { background: var(--black); }
[class$="-mark"] span:last-child { background: transparent; }
[class$="-breadcrumb"] [aria-current="page"] { color: var(--muted); }
[class$="-hero"], [class$="-chapter-hero"] { background: var(--black); color: var(--white); }
[class$="-hero"] :focus-visible, [class$="-chapter-hero"] :focus-visible { outline-color: var(--sun); }
[class$="-eyebrow"] { color: var(--sun); }
[class$="-hero-action"] { color: var(--black); background: var(--sun); border: 2px solid var(--sun); text-decoration: none; }
[class$="-hero-action"]:hover { background: var(--pressed); border-color: var(--pressed); }
[class$="-map-head"], [class$="-map-caption"] { color: var(--white); }
[class$="-map-track"]::before { background: var(--sun); }
[class$="-map-station"] { border: 2px solid var(--white); background: var(--deep); }
[class$="-map-station"]::before { border: 2px solid var(--sun); background: var(--black); }
[class$="-map-station"]:last-child { color: var(--black); background: var(--sun); border-color: var(--sun); }
[class$="-map-station"]:last-child::before { background: var(--sun); }
[class$="-checklist"] > li { border-bottom: 2px solid var(--black); }
[class$="-checklist"] > li::before { border: 2px solid var(--black); background: var(--sun); box-shadow: inset 0 0 0 4px var(--white); }
[class$="-note-band"] { background: var(--sun); color: var(--black); }
[class$="-section"] [class$="-tile"] { background: var(--soft); color: var(--black); border: 2px solid var(--black); }
[class$="-tile"]:hover { background: var(--sun); }
[class$="-tile"]:focus-visible { outline-color: var(--black); }
[class$="-endnotes"] { background: var(--soft); border-block: 2px solid var(--black); }
[class$="-source-detail"] { color: var(--muted); }
[class$="-next"] { background: var(--black); color: var(--white); }
[class$="-next-link"] { border: 2px solid var(--sun); }
[class$="-next-link"]::after { color: var(--sun); }
[class$="-next-link"]:hover { background: var(--deep); }
[class$="-next-link"]:focus-visible { outline-color: var(--sun); }
[class$="-footer"] { background: var(--white); color: var(--ink); }
[class$="-name-grid"] { background: var(--black); }
[class$="-name-cell"] { background: var(--white); }
[class$="-name-cell"]:last-child { background: var(--sun); }
[class$="-notes-tool"] { border: 2px solid var(--black); background: var(--soft); }
textarea { color: var(--ink); background: var(--white); }
textarea::placeholder { color: var(--muted); opacity: 1; }
button { color: var(--black); background: var(--sun); }
button:hover { background: var(--pressed); }
button:disabled { color: var(--muted); background: var(--soft); cursor: default; }
[data-clear-notes] { background: var(--white); }
[data-clear-notes]:hover { background: var(--soft); }
[class$="-note-status"] { color: var(--ink); }
@media print { body, [class$="-hero"], [class$="-chapter-hero"], [class$="-note-band"], [class$="-next"], [class$="-map-station"] { color: #000; background: #fff; } [class$="-eyebrow"] { color: #000; } }