/* Compact, calm focus indicator. Keep keyboard focus visible in both themes. */
:root{--control-focus:#365d49}
@media screen{:root[data-theme="dark"]{--control-focus:#b8d8b7}}
:is(button,a,input,select,summary,[tabindex]):focus-visible,
.component-dialog button:focus-visible,.flash-dialog button:focus-visible,
.flash-section:focus-visible,.lesson-cards:focus-visible,.word-open:focus-visible,
.word-example summary:focus-visible,.dictionary-notes summary:focus-visible,
.lesson-toggle:focus-visible,.audio-button:focus-visible,.word-row .hanzi:focus-visible,
.unique-control input:focus-visible+.switch-track{outline:2px solid var(--control-focus);outline-offset:1px}
.search-control:focus-within{border-color:var(--control-focus);box-shadow:inset 0 0 0 1px var(--control-focus)}
 .theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;min-width:48px;min-height:48px;padding:11px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink)}
.theme-toggle svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;pointer-events:none}
@media print{.theme-toggle{display:none!important}}