/* v2dark.css — Haeyo Korean night colours, hand-tuned exceptions (2026-10-30).
   dark.js writes the dark twin of every colour in the site's CSS (html[data-theme=dark] …); this file only holds what a rule cannot know:
   the page itself, form controls, pictures, and the theme switch in the language box. Everything here is scoped to dark, except the switch. */
:root[data-theme=dark]{color-scheme:dark;background:#16181b}   /* :root beats app.css :root{color-scheme:light} */
html[data-theme=dark] body{background:#16181b}

/* theme switch (language box) */
.langbox .thm{display:flex;gap:6px;margin:10px 0 2px;padding-top:10px;border-top:1px solid var(--line)}
.langbox .thm button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 8px;border:1.5px solid var(--line2);border-radius:10px;background:transparent;color:var(--ink);font:600 13px/1 var(--ui);cursor:pointer}
.langbox .thm button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.langbox .thm button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--paper)}

/* a selected chip turns deep sky at night; its small sky label goes pale to read on it */
html[data-theme=dark] .chip.on small{color:#d6edff}
html[data-theme=dark] .langbox .thm{border-top-color:#33363c}
html[data-theme=dark] .langbox .thm button{border-color:#3a3e45;color:#e7e7e9}
html[data-theme=dark] .langbox .thm button[aria-pressed=true]{border-color:#1b72b1;background:#1b72b1;color:#fff}

/* sun/moon button beside the language button (both themes; this file is not run through dark.js) */
.thtog{display:inline-grid;place-items:center;flex-shrink:0;width:40px;height:44px;min-height:44px;padding:0;border:0;border-radius:12px;background:transparent;color:var(--ink);cursor:pointer}
.thtog:hover{background:var(--cream)}
.thtog svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.thtog .i-sun{display:none}
html[data-theme=dark] .thtog{color:#e7e7e9}
html[data-theme=dark] .thtog:hover{background:#26292e}
html[data-theme=dark] .thtog .i-moon{display:none}
html[data-theme=dark] .thtog .i-sun{display:block}
/* small phones: the extra button must not push the logo onto two lines (375px: 164px logo + 190px right side) */
@media (max-width:400px){
  html body .v2-nav .thtog{width:32px}
  html body .v2-nav .langbtn{width:36px}
  html body .v2-right .oklink{padding:0 4px}
  html body .v2-right .okcta{padding:0 10px}
  html body .v2-brand b{font-size:17px;white-space:nowrap}
}   /* ≤374px keeps the two-line logo from the 2026-10-30 mobile audit */