/* yo-land-dark.css — office wave 25 (cbd0de33): dark tokens for this landing, same palette as Office/Sheets dark (bg #0f0d1f, card #1b1834, ink #efedff). Generated from the landing's own light rules (white surfaces → card, dark ink → light ink). */
html.dark{color-scheme:dark;--bg:#0f0d1f;--card:#1b1834;--ink:#efedff;--ink2:#d6d0f2;--mut:#b4acd2;--line:#332e57;--p1:#1f1a3d;--p2:#2c2552;--acc2:#2c2552}
html.dark body{background:#0f0d1f;color:#efedff}
html.dark .btn{background-color:#1b1834}html.dark .inp,html.dark .fld input,html.dark .fld select,html.dark .fld textarea{background-color:#1b1834}html.dark .chip.ok{background-color:#221d40}html.dark .chip.warn{background-color:#221d40;color:#cfc8ee}html.dark .note.warn{background-color:#221d40;color:#efedff}html.dark .dlg{background-color:#1b1834}html.dark .menu{background-color:#1b1834}html.dark .sample{background-color:#221d40;color:#efedff}html.dark .wal-pk button{background-color:#1b1834}html.dark .lfeat .f{background-color:#1b1834}html.dark .lband .btn{background-color:#1b1834}html.dark .mart .hand{color:#efedff}html.dark .mart .bub{background-color:#1b1834}
.yo-thm{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;border-radius:12px;border:1px solid var(--line,#e7e1f0);background:transparent;color:var(--ink,#1e1530);cursor:pointer;padding:0;margin-inline:4px;font:inherit}
.yo-thm:hover{background:rgba(124,58,237,.08)}.yo-thm:focus-visible{outline:2px solid #7c3aed;outline-offset:2px}
html.dark .yo-thm{border-color:#433c6e;color:#efedff}html.dark .yo-thm:hover{background:rgba(203,184,255,.12)}

/* w25 measured fixes (Chromium dark sweep, landings) */
html.dark .btn.lt,html.dark .btn.out{background:#2c2552;color:#efedff;border-color:#433c6e}
html.dark .chip,html.dark span.chip{color:#e2d8ff}
html.dark .lband .btn{background:#fff;color:#3b1366}
html.dark h1 em{background-image:linear-gradient(135deg,#d9ccff,#b79cff)}
html.dark .hand,html.dark .tl .hand,html.dark div.tl>span.hand{color:#3b1366}

/* w25c: the theme button must not push the brand onto two lines on phones */
.lnav .brand,header.top .brand{white-space:nowrap}
@media (max-width:420px){.yo-thm{width:36px;height:36px;min-width:36px;margin-inline:0;border-radius:10px}.lnav{gap:8px}}
html.dark .mlart .ai{background:#2c2552;border-color:#433c6e}

/* w25e: phone header fits with the theme button (measured: page width 390/360, no sideways scroll) */
@media (max-width:480px){.lnav{gap:6px;padding-inline:10px}.lnav .btn.sm{padding:0 10px}.lnav .brand{font-size:16px!important;gap:8px!important}.lnav .brand>span:first-child{width:32px!important;height:32px!important}}
@media (max-width:380px){.lnav .brand{white-space:normal}}

/* crawl w61 H07 (2026-10-30): under 420 px the light/dark switch shrank to 36 px, below the 40 px phone tap size; it keeps 40 px */
@media (max-width:420px){.yo-thm{width:40px;height:40px;min-width:40px}}