/* Additive light appearance; original dark styles and media remain intact. */
html[data-theme="light"] {
    --bg: #f5f7f9;
    --panel: #fff;
    --panel2: #edf2f6;
    --text: #19232f;
    --muted: #526173;
    --line: #b6c2ce;
    --cyan: #006b7b;
    --red: #b02b42;
    --violet: #6649a6;
}
html[data-theme="light"] body { background: var(--bg); }
html[data-theme="light"] :is(.site-head,.property-menu,.platform-footer,.card,.panel,.learn-card) { background: #fff; }
html[data-theme="light"] :is(.nav-links a,.property-menu-toggle,.badge,.mini,.form label,.advanced-settings summary,.export-block pre,.prelive-item strong,.ready-pill,.footer-col h2) { color: var(--text); }
html[data-theme="light"] :is(.card span,.pill,.run-card span) { color: var(--cyan); }
html[data-theme="light"] :is(.form input,.form select,.form textarea,.setup-mode-bar select,.spidertaz-search-form input) { background: #fff; color: var(--text); border-color: #8494a5; }
html[data-theme="light"] :is(input,textarea)::placeholder { color: #526173; opacity: 1; }
html[data-theme="light"] :is(.form select option,.setup-mode-bar select option) { color: #19232f; background: #fff; }
html[data-theme="light"] :is(.property-menu-toggle,.quiet,.badge,.mini,.check-card,.basics-item,.follow-step,.teach-step,.advanced-settings,.run-card,.export-block,.export-block pre,.prelive-item,.ready-pill,.setup-row,.form .check-grid label) { background: #edf2f7; border-color: var(--line); }
html[data-theme="light"] .primary { background: #006b7b; color: #fff; }
html[data-theme="light"] .service { background: #a32d46; color: #fff; }
html[data-theme="light"] .learn-card span { background: #006b7b; color: #fff; }
html[data-theme="light"] .notice { color: #174d79; background: #e5f1fb; border-color: #86a9c8; }
html[data-theme="light"] .error { color: #932335; background: #fff0f2; border-color: #ce8792; }
html[data-theme="light"] :is(.footer,.footer-bottom) { color: var(--muted); }
html[data-theme="light"] .nav-links a:hover { background: #e4ecf4; }
:is(a,button,input,select,textarea,summary):focus-visible { outline: 2px solid var(--cyan); outline-offset: 3px; }
@media (max-width: 360px) {
    .site-head .nav { gap: 8px; }
    .site-head .brand { font-size: 12px; gap: 6px; }
    .site-head .mark { width: 24px; height: 24px; flex: 0 0 24px; }
    .site-head .nav-links { gap: 6px; }
    .site-head .property-menu-toggle { padding-inline: 8px; }
}