:root{color-scheme:light;--surface:#fffef8;--surface-soft:#eff1e7;--surface-impact:#e7ebdc;--surface-operator:#f0eee5;--surface-inset:#eaf0df;--surface-suggestion:#eef1e4;--surface-reply:#edf1e4;--surface-pill:#e8eddd;--surface-meter:#e7ebdf;--surface-poll:#e4ebd7;--input-border:#b8c6ae;--hover:#e5ebd9;--emphasis:#718750;--attention:#ac7532;--focus:#6d982f;--button-bg:#203f32;--button-fg:#f8f8f0;--button-hover:#345540;--brand-bg:#203f32;--closing-bg:#203f32;--closing-fg:#f8f8f0;--notice-bg:#ecf0e2;--notice-border:#c5d0b5;--error-bg:#f8ece5;--error-border:#dbb5a3;--error-fg:#813e25}
:root[data-theme="dark"]{color-scheme:dark;--ink:#e6eddf;--muted:#a9b8a5;--paper:#101c17;--line:#34463b;--accent:#c9e39c;--surface:#192920;--surface-soft:#15261d;--surface-impact:#1d3024;--surface-operator:#18281f;--surface-inset:#203428;--surface-suggestion:#203428;--surface-reply:#273c2b;--surface-pill:#304431;--surface-meter:#33483a;--surface-poll:#2b4330;--input-border:#52694e;--hover:#2a3e2b;--emphasis:#aec985;--attention:#e1b36b;--focus:#c9e39c;--button-bg:#c9e39c;--button-fg:#17241b;--button-hover:#daedb7;--brand-bg:#203f32;--closing-bg:#1b3024;--closing-fg:#e6eddf;--notice-bg:#273b2b;--notice-border:#52694e;--error-bg:#3c2921;--error-border:#9a6444;--error-fg:#f2c8ac}
.header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;min-height:42px;padding:10px;border:1px solid var(--line,#d8ded0);border-radius:50%;background:var(--surface);color:var(--ink,#203f32);font:inherit;cursor:pointer;line-height:1;box-shadow:none;transition:background .15s}.theme-toggle:hover{background:var(--hover)}.theme-toggle:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.theme-toggle svg{display:block;flex-shrink:0;pointer-events:none}.theme-toggle .theme-sun{display:none}:root[data-theme="dark"] .theme-toggle .theme-moon{display:none}:root[data-theme="dark"] .theme-toggle .theme-sun{display:block}.stake-short{display:none}
input,textarea,select{accent-color:var(--emphasis)}::selection{background:var(--accent,#c9e39c);color:#17241b}:root[data-theme="dark"] .button.outline{border-color:var(--input-border)}:root[data-theme="dark"] .button.outline:hover{background:var(--hover)}
@media(max-width:700px){.header-actions{gap:8px}.header .theme-toggle{padding:10px;width:42px;min-height:42px}.header{gap:10px}}@media(max-width:400px){.header-actions .stake-label{display:none}.header-actions .stake-short{display:inline}}
/* Archived guides keep their original layout and images; only surfaces change. */
.sprout-theme-control{position:fixed;right:18px;bottom:18px;z-index:10003}.sprout-theme-control .theme-toggle{width:46px;min-height:46px;border-color:var(--input-border);box-shadow:0 3px 16px #0003}
:root[data-theme="dark"] .sprout-legacy{background:var(--paper);color:var(--ink)}:root[data-theme="dark"] .sprout-legacy::before{opacity:.025}:root[data-theme="dark"] .sprout-legacy :is(h1,h2,h3,h4,h5,h6,strong,b,label,th){color:var(--ink)}:root[data-theme="dark"] .sprout-legacy :is(p,li,td,small){color:var(--muted)}:root[data-theme="dark"] .sprout-legacy a{color:var(--emphasis)}:root[data-theme="dark"] .sprout-legacy :is(.wrapper,.content,.inner){background-color:transparent}:root[data-theme="dark"] .sprout-legacy .wrapper .content{background-color:var(--surface)}:root[data-theme="dark"] .sprout-legacy :is(#header,#footer,#menu){background:var(--surface);color:var(--muted)}:root[data-theme="dark"] .sprout-legacy :is(input,textarea,select,code,pre){background:var(--surface-inset);color:var(--ink);border-color:var(--input-border)}:root[data-theme="dark"] .sprout-legacy :is(button,.button,input[type="submit"]){background:var(--button-bg);color:var(--button-fg);border-color:var(--button-bg)}:root[data-theme="dark"] .sprout-legacy .theme-toggle{background:var(--surface);color:var(--ink);border-color:var(--input-border)}:root[data-theme="dark"] .sprout-legacy :is(table tbody tr,table td,hr,blockquote){border-color:var(--line)}:root[data-theme="dark"] .sprout-legacy table tbody tr:nth-child(odd){background:var(--surface-inset)}
:root[data-theme="dark"] .sprout-legacy #main .content{background:var(--surface)}:root[data-theme="dark"] .sprout-legacy .sprout-theme-control .theme-toggle{background:var(--surface);color:var(--ink);border-color:var(--input-border)}
/* The archived template uses !important button colours. Keep the new control legible. */
.sprout-legacy .sprout-theme-control .theme-toggle{color:var(--ink,#203f32)!important;box-shadow:0 3px 16px #0003}:root[data-theme="dark"] .sprout-legacy #main :is(button,.button,input[type="submit"]){color:var(--button-fg)!important}
@media(prefers-reduced-motion:reduce){.theme-toggle{transition:none}}
