/* Same light / dark / gold preference and palette as the application. */
:root{
  --page:#f0f4fa;--surface:#fff;--surface-soft:#edf4ff;--surface-hover:#f2f6fc;
  --text:#102433;--muted:#52677f;--line:#d4dfed;--input-line:#7c8fa5;--placeholder:#5f7489;
  --blue:#1769e0;--button-bg:#1769e0;--button-text:#fff;--button-hover:#1156ba;
  --navy:#102d55;--hero-text:#fff;--hero-muted:#c9d9ef;--hero-accent:#6be0c4;--hero-ring:#ffffff10;
  --positive:#08725b;--positive-bg:#e9f7f3;--positive-line:#b8d9ce;--error:#a13718;
  --focus:#1769e0;--sticky-offset:120px;
  color:var(--text);background:var(--page);color-scheme:light;
}
:root.dark{
  --page:#0c1220;--surface:#172332;--surface-soft:#223040;--surface-hover:#2b3c4f;
  --text:#e8f0f5;--muted:#b6c7d5;--line:#354a56;--input-line:#617687;--placeholder:#a1b4c4;
  --blue:#83b9ff;--button-bg:#1769e0;--button-text:#fff;--button-hover:#1156ba;
  --navy:#101e32;--hero-text:#e8f0f5;--hero-muted:#c5d6e6;
  --positive:#95e0ca;--positive-bg:#17322f;--positive-line:#3e6d61;--error:#ffb99f;
  --focus:#9fcaff;color-scheme:dark;
}
:root.gold{
  --page:#020100;--surface:#100d06;--surface-soft:#211b0d;--surface-hover:#302715;
  --text:#e8f0f5;--muted:#d0c5aa;--line:#5a4c26;--input-line:#8e7740;--placeholder:#bfb28f;
  --blue:#d4af37;--button-bg:#d4af37;--button-text:#140f00;--button-hover:#ffd700;
  --navy:#151004;--hero-text:#f6f1e4;--hero-muted:#ded2b3;--hero-accent:#e6c96a;--hero-ring:#d4af3720;
  --positive:#a4e0c9;--positive-bg:#181c11;--positive-line:#4f5c38;
  --focus:#ffe18a;
}
body{background:var(--page);color:var(--text)}
:where([id],a,button,input,select,summary){scroll-margin-top:var(--sticky-offset)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,.video-dialog video:focus-visible{outline-color:var(--focus)}
.skip{background:var(--surface);z-index:50}
.topbar{position:sticky;top:0;z-index:20;background:var(--surface)}
.topbar .wrap{min-height:96px}
.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:28px}
.brand-link{display:block;flex-shrink:0}
.brand-light{display:none}
.dark .brand-default{display:none}
.dark .brand-light{display:block}
.theme-switch{margin:0;padding:0;border:0;min-width:0}
.theme-switch legend{padding:0;margin-bottom:5px;font-size:10px;font-weight:700;letter-spacing:.06em;color:var(--muted)}
.theme-choices{display:flex;gap:3px;background:var(--surface-soft);padding:4px;border:1px solid var(--line);border-radius:11px}
.theme-choice{position:relative;cursor:pointer}
.theme-choice>span{display:flex;align-items:center;justify-content:center;gap:6px;min-height:36px;min-width:76px;padding:7px 10px;border:1px solid transparent;border-radius:7px;color:var(--muted);font-size:12px;font-weight:650;line-height:1}
.theme-choice svg{width:15px;height:15px;flex-shrink:0}
.theme-choice:hover>span{background:var(--surface-hover);color:var(--text)}
.theme-choice input:checked+span{background:var(--surface);border-color:var(--blue);color:var(--blue);font-weight:800;box-shadow:0 1px 4px #00000012}
.theme-choice input:focus-visible+span{outline:3px solid var(--focus);outline-offset:3px}
.hero{color:var(--hero-text)}
.hero:before,.hero:after{border-color:var(--hero-ring)}
.eyebrow,.video-jump>span:first-child{color:var(--hero-accent)}
.hero-copy,.edition{color:var(--hero-muted)}
.edition:before{background:var(--hero-accent)}
.video-jump{color:var(--hero-text);border-color:var(--hero-accent)}
.video-jump:hover{color:var(--hero-accent)}
.video-library{scroll-margin-top:var(--sticky-offset)}
.presentation,.role-card,.video-card,.video-filters,.empty,.video-empty,.video-dialog,.site-footer{background:var(--surface);color:var(--text)}
.doc-icon{background:var(--surface-soft);border-color:var(--line)}
.button-primary{background:var(--button-bg);color:var(--button-text)}
.button-primary:hover{background:var(--button-hover)}
.button-outline,.download-card .button{background:var(--surface);color:var(--blue);border-color:var(--input-line)}
.button-outline:hover,.download-card .button:hover{background:var(--surface-hover)}
.search input,.video-filters input,.video-filters select{background:var(--surface);color:var(--text);border-color:var(--input-line)}
.search input::placeholder,.video-filters input::placeholder{color:var(--placeholder)}
.search svg{color:var(--muted)}
.empty,.video-empty{border-color:var(--input-line)}
.empty strong,.guide-note summary,.video-companion li strong{color:var(--text)}
.download-card{background:var(--surface-soft)}
.download-card.package,.video-format-label{background:var(--positive-bg);border-color:var(--positive-line)}
.package .section-kicker,.video-format-label,.role-video-link{color:var(--positive)}
.video-role-tag{background:var(--surface-soft);border-color:var(--line);color:var(--muted)}
.video-thumbnail .video-play-icon{background:var(--button-bg)}
.video-play-icon:after{border-left-color:var(--button-text)}
.video-thumbnail:hover .video-play-icon{background:var(--button-hover)}
.video-dialog,.video-close,.video-player-wrap{border-color:var(--line)}
.video-dialog-heading{background:var(--surface)}
.video-close{background:var(--surface-soft);color:var(--text)}
.video-close:hover{background:var(--surface-hover)}
.video-player-note [role=status]{color:var(--error)}
.video-current-step{background:var(--surface-soft);border-color:var(--line);border-left-color:var(--blue);color:var(--text)}
@media(max-width:900px){
  .topbar-actions{gap:18px}.brand{width:225px}.theme-choice>span{min-width:68px;padding-inline:8px}
}
@media(max-width:700px){
  :root{--sticky-offset:148px}
  .topbar .wrap{min-height:120px;padding-block:12px;display:grid;grid-template-columns:1fr auto;gap:9px 12px}
  .brand{width:190px}
  .topbar-actions{display:contents}
  .back-link{grid-column:2;grid-row:1;justify-self:end;font-size:11px;gap:5px}
  .back-link span{max-width:76px}
  .theme-switch{grid-column:1/-1;grid-row:2;display:flex;align-items:center;gap:12px;justify-content:flex-end}
  .theme-switch legend{float:left;margin:0;padding-block:14px;font-size:10px}
  .theme-choice>span{min-height:32px;min-width:70px;padding:6px 9px}
  .theme-choices{padding:3px}
}
@media(max-width:380px){
  .brand{width:170px}.theme-switch{gap:8px}.theme-choice>span{min-width:65px;padding-inline:7px;font-size:11px}
}
@media print{
  :root,:root.dark,:root.gold{--page:#fff;--surface:#fff;--surface-soft:#fff;--surface-hover:#fff;--text:#102433;--muted:#52677f;--line:#dae4f2;--blue:#1769e0;--navy:#fff;--hero-text:#102433;--hero-muted:#52677f;--hero-accent:#52677f;--positive:#08725b;--positive-bg:#fff;--positive-line:#dae4f2;color-scheme:light}
  .topbar{position:static}.topbar .wrap{display:flex;min-height:80px}.theme-switch{display:none!important}
  .dark .brand-default{display:block}.dark .brand-light{display:none}
}