:root{
  --quiet:#929ba7;
  --action:#efb72c;--action-hover:#ffd15c;
  --panel:#1c2026;--panel-hover:#23282f;--panel-soft:#181c21;--panel-selected:#20252c;
  --field:#111417;--inset:#171b20;--line-strong:#626972;--line-panel:#363c44;
  --line-field:#66717f;--line-ui:#343a43;--line-soft:#292e34;
  --placeholder:#888f99;--notice-bg:#1e242b;--warn-bg:#25231d;
  --strong:#d9dde2;--code-text:#d6dbe1;--wave:#b99b48;--hover-border:#8d783e;
  --guide-bg:#1b1f25;--guide-open:#22272e;--media-bg:#111417;
}
:root[data-theme="light"]{
  color-scheme:light;
  --bg:#e8e7e1;--surface:#dedfd9;--surface-2:#d6d8d1;--deep:#e1e2dc;
  --text:#262e2b;--muted:#505c56;--quiet:#535f57;--line:#c4cac1;
  --accent:#795200;--accent-hover:#583c00;
  --panel:#eeede7;--panel-hover:#e1e4dc;--panel-soft:#e3e5dd;--panel-selected:#e3e5dd;
  --field:#f2f1eb;--inset:#dce0d6;--line-strong:#8b978d;--line-panel:#c0c8bd;
  --line-field:#7a887e;--line-ui:#bcc5b8;--line-soft:#d0d5ca;
  --placeholder:#535f57;--notice-bg:#dfe6e2;--warn-bg:#ece2cb;
  --strong:#2d3830;--code-text:#35433b;--wave:#a57519;--hover-border:#a38135;
  --guide-bg:#eeede7;--guide-open:#e2e6dc;
}
.site-nav{margin-left:auto}
.header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;padding:8px;background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:4px;cursor:pointer}
.theme-toggle:hover{background:var(--surface);color:var(--text);border-color:var(--line-strong)}
.theme-toggle svg{width:20px;height:20px}
.theme-moon{display:none}
[data-theme=light] .theme-sun{display:none}
[data-theme=light] .theme-moon{display:block}
.wordmark span{color:var(--accent)}
/* Yellow action fills stay yellow; light-mode text links use accessible amber. */
.button-primary,.content-area .btn.primary,.tool-start,.video-poster b,.skip-link{background:var(--action)}
.content-area .btn.primary{border-color:var(--action)}
.button-primary:hover,.content-area .btn.primary:hover,.ncm-entry:hover .tool-start{background:var(--action-hover)}
::selection{background:var(--action);color:#151515}
html[data-theme=light] .page-user-register #msg[style]{color:var(--accent)!important}
html[data-theme=light] .page-user-register #msg[style*="48, 208, 120"]{color:#137547!important}

/* Help centre: grouped, native disclosure panels and a compact directory. */
.page-help .tutorial-video-card{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:40px;align-items:center;padding:28px;border:1px solid var(--line);border-radius:4px;background:var(--panel-soft);margin-bottom:48px}
.page-help .video-card-head{display:block;margin:0}
.page-help .video-card-actions{margin-top:22px}
.page-help .video-card-head h2{font-size:27px}
.page-help .video-poster>span{font-size:16px}
.page-help .video-poster b{width:48px;height:48px;font-size:18px}
.help-guide-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:56px;align-items:start}
.help-directory{position:sticky;top:28px;min-width:0}
.directory-label{font-size:12px;margin:0 0 18px;color:var(--quiet);letter-spacing:.08em}
.help-directory nav>a{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:13px 0;color:var(--muted);font-size:14px}
.directory-count{font-family:Consolas,monospace;font-size:11px;color:var(--quiet)}
.help-directory nav>a:hover{color:var(--accent)}
.guide-contact{border-top:1px solid var(--line);margin-top:22px;padding-top:25px}
.content-area .guide-contact h3{font-size:15px;margin-bottom:10px}
.guide-contact p{font-size:12px;margin:0 0 14px;line-height:1.9}
.guide-contact a{font-size:12px;color:var(--accent)}
.help-topics{min-width:0}
.guide-intro{margin-bottom:32px}
.guide-intro h2{margin:0 0 12px}
.guide-intro>p:last-child{font-size:14px;margin:0}
.help-topic-group+.help-topic-group{margin-top:34px}
.topic-group-head{margin-bottom:17px}
.content-area .topic-group-head h3{font-size:20px;margin:0 0 7px;font-weight:550}
.topic-group-head p{font-size:13px;margin:0}
.help-topics .usage-list,.help-topics .faq-list{border:1px solid var(--line-panel);border-radius:5px;background:var(--guide-bg)}
.help-topics .usage-item,.help-topics .faq-item{border-bottom:1px solid var(--line);min-width:0}
.help-topics details:last-child{border-bottom:0}
.help-topics details:first-child>summary{border-radius:4px 4px 0 0}
.help-topics details:last-child:not([open])>summary{border-radius:0 0 4px 4px}
.help-topics details>summary{padding:20px 23px;gap:25px;display:flex;align-items:center;justify-content:space-between;transition:background .15s}
.help-topics details>summary:hover,.help-topics details[open]>summary{background:var(--guide-open)}
.help-topics details>summary:after{content:none}
.topic-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
.topic-title{font-size:15px;line-height:1.65;font-weight:550;color:var(--text)}
.topic-description{font-size:12px;line-height:1.8;font-weight:400;color:var(--muted)}
.topic-chevron{width:20px;height:20px;flex-shrink:0;color:var(--quiet);transition:transform .15s}
.help-topics details[open]>summary .topic-chevron{transform:rotate(180deg);color:var(--accent)}
.help-topics .usage-answer,.help-topics .faq-answer{padding:5px 23px 24px;max-width:none}
.help-topics .faq-item>summary{padding-block:19px}
.help-topics details>summary:focus-visible{outline-offset:-3px}
@media(max-width:1000px){.help-guide-layout{grid-template-columns:165px minmax(0,1fr);gap:32px}.page-help .tutorial-video-card{gap:28px}}
@media(max-width:800px){.header-actions{gap:10px}.page-help .tutorial-video-card{padding:24px;gap:25px}.page-help .video-card-head h2{font-size:23px}.page-help .video-poster>span{font-size:13px;gap:10px}.page-help .video-poster b{width:38px;height:38px;font-size:15px}.help-guide-layout{grid-template-columns:1fr;gap:32px}.help-directory{position:static}.help-directory nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.directory-label{grid-column:1/-1;margin:0}.help-directory nav>a{padding:13px 14px;border:1px solid var(--line);border-radius:4px;font-size:13px;gap:10px}.guide-contact{display:none}}
@media(max-width:600px){.header-actions{margin-left:auto;order:1;gap:10px;min-height:66px}.wordmark{order:0}.site-nav{order:2;margin-left:0}.theme-toggle{width:38px;height:38px}.page-help .tutorial-video-card{grid-template-columns:1fr;padding:20px;gap:24px;margin-bottom:32px}.page-help .video-card-actions{margin-top:15px}.page-help .video-poster>span{font-size:14px}.page-help .video-poster b{width:42px;height:42px}.help-directory nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.help-directory nav>a{font-size:13px;padding:12px 14px}.guide-intro{margin-bottom:26px}.guide-intro>p:last-child{font-size:13px}.content-area .topic-group-head h3{font-size:19px}.topic-group-head p{font-size:12px}.help-topics details>summary{padding:17px 18px;gap:18px}.topic-title{font-size:14px}.topic-description{font-size:11px}.help-topics .usage-answer,.help-topics .faq-answer{padding:4px 18px 22px}.help-topic-group+.help-topic-group{margin-top:29px}}
@media(prefers-reduced-motion:reduce){.theme-toggle,.help-topics details>summary,.topic-chevron{transition:none}}