/* Optional light appearance. All rules are scoped so the default dark design stays intact. */
#theme-toggle{font:inherit;color:var(--gold);background:var(--card);border:1px solid var(--line);border-radius:5px;padding:11px 13px;white-space:nowrap;min-height:44px}
nav{align-items:center}#theme-toggle:hover{border-color:var(--gold)}
html[data-theme="light"]{color-scheme:light;--green:#203731;--paper:#FAFBF9;--gold:#765A30;--muted:#566760;--line:#D8DED8;--card:#FFFFFF;--cream:#203731;--terra:#9C482D}
html[data-theme="light"] body{background:#FAFBF9;color:#203731}
html[data-theme="light"] :is(.hero-intro,.section-description,.hint,.source-note,.section-note,.people p,footer small){color:#566760}
html[data-theme="light"] :is(.story-copy>p:not(.source-note),.context-panel p:not(.eyebrow):not(.source-note)){color:#203731}
html[data-theme="light"] .viewer{background:radial-gradient(ellipse at 50% 20%,#FFFFFF,#EDF0EA 78%);color:#203731;border-color:#D8DED8}
html[data-theme="light"] .viewer-bottom{background:linear-gradient(transparent,#EDF0EA)}
html[data-theme="light"] :is(.controls button,.dialog-controls button,#close,.source-actions button){border-color:#D8DED8;color:#765A30}
html[data-theme="light"] :is(.controls button:hover,.dialog-controls button:hover,#close:hover,#reader-close:hover,.reader-nav button:hover){background:#D8DED8;border-color:#765A30;color:#203731}
html[data-theme="light"] :is(.thumb,.scan-wrap,.news-card img){background:#EDF0EA}
html[data-theme="light"] :is(.thumbs,.news-track){scrollbar-color:#765A30 #EDF0EA}
html[data-theme="light"] :is(.thumb[aria-current="true"],.news-card[aria-current="true"]){border-color:#765A30}
html[data-theme="light"] .thumb[aria-current="true"]{background:#765A30}
html[data-theme="light"] :is(dialog,#reader){background:#FFFFFF;color:#203731;box-shadow:0 20px 65px #00000088}
html[data-theme="light"] dialog::backdrop{background:#12251D66}
html[data-theme="light"] :is(.reader-header button,.reader-nav button){color:#203731;border-color:#D8DED8}
html[data-theme="light"] :is(button:focus-visible,a:focus-visible,[tabindex]:focus-visible){outline-color:#765A30}
html[data-theme="light"] button:hover{border-color:#765A30}
html[data-theme="light"] ::-webkit-scrollbar-track{background:#EDF0EA}
html[data-theme="light"] ::-webkit-scrollbar-thumb{background:#B2C1B5}
@media(max-width:680px){header{flex-wrap:wrap;gap:12px}header nav{margin-left:auto;gap:12px}#theme-toggle{font-size:12px;padding:9px 11px}nav a:last-child{font-size:11px}}