/* Light mode uses the original parchment palette in site.css. */
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:8px 12px;border:1px solid var(--line);background:transparent;color:var(--green);font-size:11px;white-space:nowrap}
.theme-toggle:hover{background:var(--paper-deep);border-color:var(--green)}
.theme-toggle svg{flex-shrink:0}
.theme-moon,[data-theme="light"] .theme-sun{display:none}
[data-theme="light"] .theme-moon{display:block}
@media(min-width:741px) and (max-width:1000px){.site-header nav{gap:20px}.search-link{padding-left:20px!important}}

/* Keep printed pages on the light palette, independent of the screen theme. */
@media screen {
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --paper:#141e1a;
    --paper-deep:#1b2822;
    --ink:#ebe7d9;
    --muted:#adb8ab;
    --jade:#82b692;
    --green:#98c5a5;
    --dark:#101914;
    --gold:#c1a873;
    --line:#35483c;
    --surface:#1e2d25;
    --hover:#293c30;
    --control-border:#647967;
  }

  /* :where keeps component specificity consistent with the original styles. */
  :where(:root:not([data-theme="light"])) ::selection{background:#3b5b46;color:var(--ink)}
  :where(:root:not([data-theme="light"])) .button{border-color:var(--control-border)}
  :where(:root:not([data-theme="light"])) .button:hover{background:var(--hover);border-color:var(--green)}
  :where(:root:not([data-theme="light"])) .button.primary{background:var(--green);color:var(--dark);border-color:var(--green)}
  :where(:root:not([data-theme="light"])) .button.primary:hover{background:#b1d7b8;border-color:#b1d7b8}
  :where(:root:not([data-theme="light"])) .inline-link,
  :where(:root:not([data-theme="light"])) .topic-links a,
  :where(:root:not([data-theme="light"])) .search-field{border-color:var(--control-border)}
  :where(:root:not([data-theme="light"])) .danger{color:#efa998}
  :where(:root:not([data-theme="light"])) .ornament,
  :where(:root:not([data-theme="light"])) .tiny-cross,
  :where(:root:not([data-theme="light"])) .folio-band span:nth-child(even){color:var(--gold)}
  :where(:root:not([data-theme="light"])) .art-surround{border-color:#65745a;background:linear-gradient(125deg,#2c3a2e,#202c23);box-shadow:0 0 0 7px var(--paper),0 0 0 8px var(--line),0 30px 45px -35px #0009}
  :where(:root:not([data-theme="light"])) .art-corner,
  :where(:root:not([data-theme="light"])) .empty-symbol,
  :where(:root:not([data-theme="light"])) .about-emblem{color:var(--jade)}
  :where(:root:not([data-theme="light"])) .folio-band{background:var(--surface);border-color:var(--line);color:var(--muted)}
  :where(:root:not([data-theme="light"])) .status{background:#283c2d;border-color:#526b52;color:#c0d6b5}
  :where(:root:not([data-theme="light"])) .status-outline{background:#383121;border-color:#766341;color:#dfc797}
  :where(:root:not([data-theme="light"])) .status-developing{background:#323824;border-color:#626c45;color:#cdd1a4}
  :where(:root:not([data-theme="light"])) .topic-tile:hover{background:var(--surface)}
  :where(:root:not([data-theme="light"])) .prose a{text-decoration-color:var(--control-border)}
  :where(:root:not([data-theme="light"])) .prose a:hover{text-decoration-color:var(--green)}
  :where(:root:not([data-theme="light"])) .prose blockquote{color:#becbb7}
  :where(:root:not([data-theme="light"])) .prose th,
  :where(:root:not([data-theme="light"])) .prose pre,
  :where(:root:not([data-theme="light"])) .prose code{background:var(--surface)}
  :where(:root:not([data-theme="light"])) input,
  :where(:root:not([data-theme="light"])) textarea,
  :where(:root:not([data-theme="light"])) select{background:var(--paper-deep);border-color:var(--control-border)}
  :where(:root:not([data-theme="light"])) input::placeholder,
  :where(:root:not([data-theme="light"])) textarea::placeholder{color:#a0af9b}
  :where(:root:not([data-theme="light"])) .form-error{background:#3a2821;border-color:#d18e75;color:#f0bca8}
  :where(:root:not([data-theme="light"])) .notice{background:#2a3524;border-color:#66764e}
  :where(:root:not([data-theme="light"])) .notice button{border-color:var(--control-border)}
  :where(:root:not([data-theme="light"])) .media-upload,
  :where(:root:not([data-theme="light"])) .editor-details,
  :where(:root:not([data-theme="light"])) .media-card>img{background:var(--paper-deep)}
  :where(:root:not([data-theme="light"])) .editor-modes button[aria-pressed=true]{background:var(--hover)}
  :where(:root:not([data-theme="light"])) .editor-canvas{background:#18231d}
  :where(:root:not([data-theme="light"])) .editor-canvas textarea:focus{box-shadow:inset 0 0 0 2px var(--control-border)}
  :where(:root:not([data-theme="light"])) dialog{border-color:var(--control-border);box-shadow:0 30px 100px #0006}
  :where(:root:not([data-theme="light"])) dialog::backdrop{background:#080e0bbf}
  :where(:root:not([data-theme="light"])) #toast{color:var(--ink);border-color:var(--control-border)}
}