/* Generated from the WSTA board mockup v4 by scripts/mockup-to-templates.py. Edit with care: re-running overwrites. */
/* ---- theme switch (dark default, light = medium grey), Oct 22 2026 ---- */
.theme-switch{display:inline-flex;align-items:center;gap:8px;margin-left:20px;padding:5px 12px 5px 6px;background:transparent;border:1px solid rgba(203,213,225,.38);border-radius:999px;color:#e2e8f0;font:600 13.5px/1 Barlow,system-ui,sans-serif;cursor:pointer;white-space:nowrap;flex-shrink:0}
.theme-switch:hover{border-color:#00D4F5}
.theme-switch:focus-visible{outline:3px solid #00D4F5;outline-offset:3px}
.ts-track{position:relative;width:42px;height:24px;border-radius:999px;background:#16324d;border:1px solid rgba(0,212,245,.45);flex-shrink:0}
.ts-knob{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#00D4F5;transition:transform .2s ease;display:flex;align-items:center;justify-content:center}
.ts-knob svg{width:11px;height:11px;color:#04121f}
.ts-sun{display:none}
.theme-switch[aria-checked="true"] .ts-knob{transform:translateX(18px);background:#fff}
.theme-switch[aria-checked="true"] .ts-sun{display:block}.theme-switch[aria-checked="true"] .ts-moon{display:none}
html[data-theme="light"] .theme-switch{color:#fff;border-color:rgba(255,255,255,.6)}
html[data-theme="light"] .theme-switch:focus-visible{outline-color:#fff}
html[data-theme="light"] .ts-track{background:#3b4249;border-color:rgba(255,255,255,.55)}
html[data-theme="light"] .ts-knob svg{color:#0b3f66}
@media (prefers-reduced-motion:reduce){.ts-knob{transition:none}}
@media (max-width:1600px){.theme-switch{margin-left:16px;padding:5px}.theme-switch .ts-txt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
@media (max-width:1240px){.theme-switch{margin-left:12px}}
@media (max-width:1100px){.theme-switch .ts-txt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.theme-switch{padding:5px}}
@media (max-width:1024px){.theme-switch{order:2;margin-left:auto;margin-right:10px}.nav-toggle{order:3}}
/* ---- LIGHT theme = the board's medium-grey design (site-grey/), scoped to html[data-theme="light"] ---- */
:root[data-theme="light"]{--p:#0b3f66;--ink:#111821;--navbg:#565d64;--g-bg:#a4aab0;--g-alt:#b4b9be;--g-card:#c3c8cc;--g-line:rgba(17,24,33,.16)}
:where(html[data-theme="light"]) body{background:var(--g-bg);color:#1f2933}
:where(html[data-theme="light"]) h1,:where(html[data-theme="light"]) h2,:where(html[data-theme="light"]) h3,:where(html[data-theme="light"]) h4{color:#111821}
:where(html[data-theme="light"]) .eyebrow,:where(html[data-theme="light"]) .mono,:where(html[data-theme="light"]) .eyebrow.ai{color:#0b3f66}
:where(html[data-theme="light"]) .site-header{background:#565d64;border-bottom:1px solid rgba(0,0,0,.18)}
:where(html[data-theme="light"]) .main-nav a{color:#fff}
:where(html[data-theme="light"]) .main-nav a.active{color:#9eeefb}
:where(html[data-theme="light"]) .mock-ribbon{background:#2b3138;color:#e5e7ea}
:where(html[data-theme="light"]) .btn-primary,:where(html[data-theme="light"]) .btn-ai{background:linear-gradient(90deg,#00D4F5,#007cc2);color:#04121f}
:where(html[data-theme="light"]) .btn-ghost{border-color:#0b3f66;color:#0b3f66}
:where(html[data-theme="light"]) .btn-link{color:#0b3f66}
:where(html[data-theme="light"]) .hero{background:radial-gradient(700px 400px at 85% 20%,rgba(0,124,194,.22),transparent),radial-gradient(600px 400px at 10% 90%,rgba(218,37,28,.10),transparent)}
:where(html[data-theme="light"]) .grid-bg{background-image:linear-gradient(rgba(17,24,33,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(17,24,33,.06) 1px,transparent 1px)}
:where(html[data-theme="light"]) .grad{background:linear-gradient(90deg,#0b3f66,#00699a 60%,#0b4a78);-webkit-background-clip:text;background-clip:text;color:transparent}
:where(html[data-theme="light"]) .logos-strip{border-color:var(--g-line)}
:where(html[data-theme="light"]) .ls img{opacity:1;background:#fff}
:where(html[data-theme="light"]) .alt,:where(html[data-theme="light"]) .ai-path,:where(html[data-theme="light"]) .cov{background:var(--g-alt)}
:where(html[data-theme="light"]) .card{background:var(--g-card);border:1px solid var(--g-line)}
:where(html[data-theme="light"]) .card:hover{border-color:#0b3f66}
:where(html[data-theme="light"]) .seg svg,:where(html[data-theme="light"]) .ben-ic,:where(html[data-theme="light"]) .edu .num,:where(html[data-theme="light"]) .certs svg,:where(html[data-theme="light"]) .reg .checks svg{color:#0b3f66}
:where(html[data-theme="light"]) .seg:nth-child(4) svg{color:#9a4300}
:where(html[data-theme="light"]) .stat{background:var(--g-card);border-color:var(--g-line)}
:where(html[data-theme="light"]) .stat b{color:#0b3f66}
:where(html[data-theme="light"]) .motto,:where(html[data-theme="light"]) .ai-path h2,:where(html[data-theme="light"]) .quote p,:where(html[data-theme="light"]) .choose li,:where(html[data-theme="light"]) summary,:where(html[data-theme="light"]) .slot b,:where(html[data-theme="light"]) .price b,:where(html[data-theme="light"]) .hotel b,:where(html[data-theme="light"]) .mmeta b,:where(html[data-theme="light"]) .cov b,:where(html[data-theme="light"]) .dyk strong,:where(html[data-theme="light"]) .cmp td.yes{color:#111821}
:where(html[data-theme="light"]) .topic{background:rgba(255,255,255,.28);border-color:rgba(11,63,102,.3)}
:where(html[data-theme="light"]) .topic h3{color:#0b3f66}
:where(html[data-theme="light"]) .agenda,:where(html[data-theme="light"]) .reg,:where(html[data-theme="light"]) .fact,:where(html[data-theme="light"]) .mcard{background:var(--g-card);border-color:var(--g-line)}
:where(html[data-theme="light"]) .day h3{color:#0b3f66}
:where(html[data-theme="light"]) .slot{border-color:var(--g-line)}
:where(html[data-theme="light"]) .slot time{color:#7a3a00}
:where(html[data-theme="light"]) .price{background:rgba(255,255,255,.35)}
:where(html[data-theme="light"]) .price.feat{background:linear-gradient(90deg,rgba(0,212,245,.35),rgba(0,124,194,.3))}
:where(html[data-theme="light"]) .fact b{background:linear-gradient(90deg,#0b3f66,#9a4300);-webkit-background-clip:text;background-clip:text;color:transparent}
:where(html[data-theme="light"]) .fact small{color:#2b3540}
:where(html[data-theme="light"]) .mview,:where(html[data-theme="light"]) .person span{color:#0b3f66}
:where(html[data-theme="light"]) .chip{color:#111821;border-color:rgba(17,24,33,.35)}
:where(html[data-theme="light"]) .chip.on{background:#0b3f66;color:#fff;border-color:#0b3f66}
:where(html[data-theme="light"]) .form input,:where(html[data-theme="light"]) .form select,:where(html[data-theme="light"]) .form textarea,:where(html[data-theme="light"]) .dir-search input,:where(html[data-theme="light"]) .dir-search select,:where(html[data-theme="light"]) .mem-tools input{background:#fff;border-color:rgba(17,24,33,.3);color:#111821}
:where(html[data-theme="light"]) .form label,:where(html[data-theme="light"]) .form{color:#1f2933}
:where(html[data-theme="light"]) details{border-color:var(--g-line)}
:where(html[data-theme="light"]) .site-footer{background:#4a5158;color:#e5e7ea}
:where(html[data-theme="light"]) .site-footer a{color:#e5e7ea}
:where(html[data-theme="light"]) .site-footer h4,:where(html[data-theme="light"]) .site-footer b,:where(html[data-theme="light"]) .site-footer strong{color:#fff}
:where(html[data-theme="light"]) .page-hero{background:radial-gradient(700px 300px at 85% 0%,rgba(0,124,194,.2),transparent),var(--g-bg);border-bottom:1px solid var(--g-line)}
:where(html[data-theme="light"]) .hero-chips span{background:rgba(255,255,255,.35);border-color:rgba(11,63,102,.3);color:#111821}
:where(html[data-theme="light"]) .dyk-inline{background:rgba(230,120,23,.16);border-color:rgba(154,67,0,.45);color:#3d1d00}
:where(html[data-theme="light"]) .dyk{background:rgba(230,120,23,.14);border-color:rgba(154,67,0,.4)}
:where(html[data-theme="light"]) .dyk>b{color:#7a3a00}
:where(html[data-theme="light"]) .step span{background:rgba(255,255,255,.4);color:#0b3f66;border-color:#0b3f66}
:where(html[data-theme="light"]) .cmp th{color:#0b3f66}
:where(html[data-theme="light"]) .cmp td,:where(html[data-theme="light"]) .cmp th{border-color:var(--g-line)}
:where(html[data-theme="light"]) .tag{background:rgba(11,63,102,.12);color:#0b3f66}
:where(html[data-theme="light"]) .tag.light{background:rgba(255,255,255,.35);color:#1f2933}
:where(html[data-theme="light"]) .det-logo{background:var(--g-card);border-color:var(--g-line)}
:where(html[data-theme="light"]) .svc-list li.on,:where(html[data-theme="light"]) .since{background:rgba(11,63,102,.12);color:#0b3f66}
:where(html[data-theme="light"]) .certs li,:where(html[data-theme="light"]) .choose li{border-color:var(--g-line)}
:where(html[data-theme="light"]) .no-phi{background:rgba(218,37,28,.14);color:#7f1d1d}
:where(html[data-theme="light"]) .form-ok{background:rgba(66,166,51,.2);color:#14532d}
:where(html[data-theme="light"]) .mem,:where(html[data-theme="light"]) .mini{background:var(--g-card);border-color:var(--g-line)}
:where(html[data-theme="light"]) .mem:hover,:where(html[data-theme="light"]) .mini:hover{border-color:#0b3f66}
:where(html[data-theme="light"]) .mem-meta b{color:#111821}
:where(html[data-theme="light"]) .mem-meta span,:where(html[data-theme="light"]) .mem-count{color:#2b3540}
:where(html[data-theme="light"]) .mem-meta .mem-link{color:#0b3f66}
:where(html[data-theme="light"]) .mini span{color:#111821}
:where(html[data-theme="light"]) .mini span i{color:#2b3540}
:where(html[data-theme="light"]) .small,:where(html[data-theme="light"]) .src-note,:where(html[data-theme="light"]) .lead{color:#1f2933}
:where(html[data-theme="light"]) .hero-ask{color:#111821}
:where(html[data-theme="light"]) .src-note a,:where(html[data-theme="light"]) .lead a,:where(html[data-theme="light"]) main p a{color:#0b3f66}
:where(html[data-theme="light"]) .nav-toggle{color:#fff}
@media(max-width:1024px){:where(html[data-theme="light"]) .main-nav{background:#565d64}}
:where(html[data-theme="light"]) .site-footer .small,:where(html[data-theme="light"]) .site-footer p{color:#e5e7ea}
:where(html[data-theme="light"]) .site-footer .disc-foot{border-color:#e5e7ea}
:where(html[data-theme="light"]) .hero .btn-outline-light,:where(html[data-theme="light"]) .page-hero .btn-outline-light{border-color:#0b3f66;color:#0b3f66}
:where(html[data-theme="light"]) .choose li span{color:#fff}
:where(html[data-theme="light"]) .src-note{opacity:1}
:where(html[data-theme="light"]) .btn.is-soon{opacity:1;border-style:dashed}
:where(html[data-theme="light"]) .form .wpcf7-not-valid-tip{color:#b42318}
:where(html[data-theme="light"]) .wpcf7 form.form.sent .wpcf7-response-output{background:rgba(66,166,51,.2);color:#14532d}
:where(html[data-theme="light"]) .wpcf7 form.form.invalid .wpcf7-response-output,:where(html[data-theme="light"]) .wpcf7 form.form.unaccepted .wpcf7-response-output,:where(html[data-theme="light"]) .wpcf7 form.form.failed .wpcf7-response-output,:where(html[data-theme="light"]) .wpcf7 form.form.spam .wpcf7-response-output{background:#fff4d6;color:#7a4d00}
:where(html[data-theme="light"]) .slot .spk{color:#0b3f66}