/* Shared 2026 identity. White outer canvas; colour belongs to the trainer. */
:root{ --sst-ink:#061c55; --sst-blue:#075bf4; --sst-green:#00b58d; --sst-gold:#bd7600; --sst-border:#c9e6ef; }

body.sst-brand{ background:#fff!important;color:var(--sst-ink); }

.sst-brand .home-wrap,.sst-brand .st-wrap,.sst-brand .wrap,.sst-brand .live-wrap{ max-width:1100px; padding:24px 20px 40px; margin-inline:auto; }

.sst-brand .st-module-layout{ gap:24px; }

.sst-brand .st-panel,.sst-brand .panel,.sst-brand #home,.sst-brand .home-wrap{ border:1px solid var(--sst-border); background:linear-gradient(135deg,#f2faff,#f4fcf9);border-radius:28px;box-shadow:0 8px 28px #061c5508; }

.sst-brand .home-wrap{ margin-block:24px; padding:22px; }

.sst-brand .st-header{ min-height:54px; gap:12px; margin-bottom:20px; }

.sst-brand .st-brand{ display:flex; align-items:center; gap:4px; color:var(--sst-ink); min-width:0; }

.sst-brand .st-word{ display:flex!important; flex-direction:row!important; gap:0!important;font-size:clamp(16px,2vw,24px);font-weight:750;letter-spacing:-1px;line-height:1!important;color:var(--sst-ink)!important; }

.sst-brand .st-word span{ color:inherit!important; }

.sst-brand .st-module-name{ font-size:12px; background:#ddf7ef;color:#08775f;padding:7px 10px;border-radius:99px;margin-left:8px; }

.sst-logo60{ position:relative;display:inline-block;width:100px;aspect-ratio:3;overflow:hidden;flex-shrink:0;mix-blend-mode:multiply; }

.sst-logo60 img{ position:absolute;width:114%;max-width:none;height:auto;left:-4.5%;top:-117%; }

.sst-home-wordmark{ display:flex;align-items:center;gap:0;min-width:0; }

.sst-home-wordmark .sst-logo60{ width:clamp(115px,18vw,220px); }

.sst-home-wordmark strong{ font-size:clamp(24px,3.6vw,42px);letter-spacing:-1.7px;line-height:1.05;font-weight:750; }

.sst-brand .home-top{ justify-content:flex-end;margin:14px 0; }

.sst-brand .home-top > .st-brand{ display:none; }

.sst-brand .kicker{ display:none; }

.sst-brand .quick-pill{ color:var(--sst-ink)!important;background:#ffffffa6!important;border:1px solid #a4d9ed!important;box-shadow:none;border-radius:99px;font-size:12px;padding:8px 11px; }

.sst-brand .quick-strip{ gap:8px;margin-top:16px; }

.sst-flag-fr{ display:inline-block;width:1.3em;height:.9em;border:1px solid #e1e6ed;border-radius:3px;background:linear-gradient(90deg,#002395 0 33.33%,#fff 33.33% 66.67%,#ed2939 66.67%); }

.sst-brand .module-grid{ gap:14px;grid-template-columns:repeat(3,minmax(0,1fr)); }

.sst-brand .module-card{ border:1px solid var(--sst-border);padding:20px;min-height:186px;box-shadow:0 4px 12px #061c5506;border-radius:20px; }

.sst-brand .module-card h3{ font-size:17px;margin-bottom:8px; }

.sst-brand .module-card p{ font-size:13px;line-height:1.4;-webkit-line-clamp:3; }

.sst-brand .mod-icon{ color:var(--sst-blue);background:linear-gradient(135deg,#e7f4ff,#def8f1)!important;border-radius:14px;width:46px;height:46px; }

.sst-brand .mod-icon svg{ width:27px;height:27px; }

.sst-brand .mode-card,.sst-brand .st-chip,.sst-brand .option,.sst-brand .st-option{ border:1px solid var(--sst-border);border-radius:15px; }

.sst-brand .mode-card{ background:linear-gradient(135deg,#fff,#edf8ff);box-shadow:none;padding:24px; }

.sst-brand .mode-card:nth-child(2){ background:linear-gradient(135deg,#fff,#eafbf4); }

.sst-brand .mode-icon{ color:#fff;background:linear-gradient(135deg,var(--sst-blue),#00afce);border-radius:16px; }

.sst-brand .mode-card:nth-child(2) .mode-icon{ background:linear-gradient(135deg,#00896e,var(--sst-green)); }

.sst-brand .st-lang{ border:1px solid var(--sst-border);border-radius:12px;background:white;color:var(--sst-ink); }

.sst-brand .live-cta{ background:linear-gradient(120deg,#102857,#0765a4 65%,#00896e);box-shadow:none;padding:20px;border-radius:20px; }

.sst-brand .eng-hero-badge,.sst-brand .art-clock{ display:none; }

.sst-brand :is(button,a,select,input):focus-visible{ outline:3px solid #075bf4;outline-offset:4px; }

.sst-brand .st-ad-rail,.sst-brand .st-ad-slot{ background:#fff!important; }

.sst-brand .st-seo{ background:#fff;color:#35516b; }
@media(min-width:1400px) {

.sst-brand .home-wrap{ max-width:1080px; } }
@media(max-width:700px) {

.sst-brand .home-wrap,.sst-brand .st-wrap,.sst-brand .wrap,.sst-brand .live-wrap{ padding:12px;margin-block:0;border-radius:0; }

.sst-home-wordmark .sst-logo60{ width:110px; }

.sst-home-wordmark strong{ font-size:28px;letter-spacing:-1px; }

.sst-brand .module-grid{ grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }

.sst-brand .module-card{ padding:14px;min-height:180px; }

.sst-brand .module-card h3{font-size:15px; }

.sst-brand .st-header{ flex-wrap:wrap;gap:8px; }

.sst-brand .st-word{font-size:17px;letter-spacing:-.8px; }

.sst-brand .st-module-name{max-width:120px;white-space:normal; }

.sst-brand .st-header .sst-logo60{ width:70px; }

.sst-brand .st-lang{ margin-left:auto;font-size:12px;max-width:88px;padding:8px; }
}
@media(max-width:360px) {

.sst-home-wordmark .sst-logo60{width:86px;}

.sst-home-wordmark strong{font-size:24px;}

.sst-brand .st-header .st-module-name{flex-basis:auto;margin-left:2px;max-width:85px;font-size:10px;} }
@media(prefers-reduced-motion:reduce) {

.sst-brand *{ scroll-behavior:auto!important; }

.sst-brand .module-card{transition:none;}

.sst-brand .module-card:hover{transform:none;} }

.sst-home-wordmark .sst-logo60{width:clamp(105px,13vw,155px)}

.sst-home-wordmark strong{font-size:clamp(24px,3.2vw,36px)}
@media(max-width:700px){

.sst-home-wordmark .sst-logo60{width:90px}

.sst-home-wordmark strong{font-size:clamp(21px,5vw,28px);letter-spacing:-1px}

.sst-brand .st-header .st-brand{flex-wrap:wrap;max-width:calc(100% - 52px)}}
/* Review 2: lighter, shorter banner and a game-first home flow. */
@font-face{font-family:TrainerSans;src:url('/assets/brand/fonts/trainer-sans.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:TrainerSans;src:url('/assets/brand/fonts/trainer-sans-bold.woff') format('woff');font-style:normal;font-weight:700 950;font-display:swap}

body.sst-brand{font-family:TrainerSans,system-ui,sans-serif;line-height:1.45}

.sst-brand :is(button,input,select){font-family:inherit}

.sst-brand :is(h1,h2,h3){font-weight:700;letter-spacing:-.035em}

.sst-brand .st-word,.sst-home-wordmark strong{font-family:TrainerSans,system-ui,sans-serif;font-weight:700;letter-spacing:-.045em}

.sst-home-wordmark .sst-logo60{width:clamp(105px,12vw,150px)}

.sst-home-wordmark strong{font-size:clamp(24px,3vw,38px)}

.sst-brand .quick-strip{gap:7px;margin-top:10px}

.sst-brand .quick-pill{font-size:10px;padding:6px 9px;font-weight:700}

.sst-home-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin:0 0 20px}

.sst-brand .sst-home-actions .live-cta{margin:0;padding:14px 18px;border-radius:18px;box-shadow:0 4px 0 #092d5520;transition:transform .15s}

.sst-brand .sst-home-actions .live-cta:hover{transform:translateY(-2px)}

.sst-brand .live-cta-go{padding:10px 15px;box-shadow:0 3px 0 #c29135;font-weight:700}

.sst-brand .train-section>p{color:#395572;font-size:13px;max-width:750px;margin:0 0 15px}

.sst-brand .module-card{min-height:170px;padding:18px;padding-bottom:52px;transition:transform .15s,box-shadow .15s}

.sst-brand .module-card:hover{transform:translateY(-4px);box-shadow:0 9px 20px #075bf410}

.sst-brand .module-card h3{font-size:16px}

.sst-brand .train-link{background:#e8f5ff;color:#0754ce;right:15px;bottom:13px;padding:7px 12px;font-size:11px}

.sst-brand .mod-icon{transform:rotate(-4deg)}

.sst-brand .module-card:nth-child(3n+2) .mod-icon{transform:rotate(4deg);color:#00866c;background:#e0f8ed!important}

.sst-brand .module-card:nth-child(3n) .mod-icon{color:#99631a;background:#fff3ce!important}
@media(max-width:700px){

.sst-home-wordmark .sst-logo60{width:86px}

.sst-home-wordmark strong{font-size:clamp(20px,4.8vw,28px)}

.sst-home-actions{gap:8px;grid-template-columns:1fr}

.sst-home-actions>.st-lang{justify-self:end;margin:0;min-height:40px}

.sst-brand .sst-home-actions .live-cta{padding:13px 12px;gap:8px;grid-template-columns:36px minmax(0,1fr) auto}

.sst-brand .live-cta-icon{width:36px;height:36px}

.sst-brand .live-cta strong{font-size:12px}

.sst-brand .live-cta span{font-size:10px}

.sst-brand .live-cta-go{font-size:9px;padding:8px}

.sst-brand .module-card{padding:14px;padding-bottom:52px;min-height:177px}

.sst-brand .module-card h3{font-size:14px}
}
@media(prefers-reduced-motion:reduce){

.sst-brand .sst-home-actions .live-cta{transition:none}

.sst-brand .module-card:hover,.sst-brand .sst-home-actions .live-cta:hover{transform:none}}
/* Review 3: compact app menu, brand and language above the banner. */
@font-face{font-family:TrainerBrand;src:url('/assets/brand/fonts/trainer-brand.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}

.sst-brand .st-word,.sst-home-wordmark strong{font-family:TrainerBrand,TrainerSans,sans-serif;font-weight:700;letter-spacing:-.04em}

.sst-brand .home-wrap{padding:16px 20px 28px;margin-block:16px}

.sst-brand .sst-home-header{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:0 0 12px;min-height:42px}

.sst-home-header .sst-home-wordmark .sst-logo60{width:72px}

.sst-home-header .sst-home-wordmark strong{font-size:23px;line-height:1.1}

.sst-home-header>.st-lang{min-height:40px}

.sst-home-actions{display:block;margin:0 0 13px}

.sst-brand .sst-home-actions .live-cta{padding:10px 14px;border-radius:16px;gap:10px}

.sst-brand .live-cta-icon{width:36px;height:36px;font-size:22px;border-radius:11px}

.sst-brand .live-cta strong{font-size:13px}

.sst-brand .live-cta span{font-size:11px}

.sst-brand .live-cta-go{font-size:10px;padding:8px 12px}

.sst-brand .train-section{margin-top:0}

.sst-brand .start-head{margin-bottom:10px}

.sst-brand .start-head h2{font-size:20px}

.sst-brand .module-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}

.sst-brand .module-card{min-height:136px;padding:13px 11px 29px;border:1px solid #fff;border-radius:20px;background:linear-gradient(150deg,#fff,#e9f5ff);text-align:center;box-shadow:0 4px 0 #cfe3ee}

.sst-brand .module-card:nth-child(3n+2){background:linear-gradient(150deg,#fff,#e7faf1);box-shadow:0 4px 0 #cde8da}

.sst-brand .module-card:nth-child(3n){background:linear-gradient(150deg,#fff,#fff7df);box-shadow:0 4px 0 #eae0c7}

.sst-brand .mod-icon{width:43px;height:43px;margin:0 auto 8px;border:1px solid #ffffffa8;box-shadow:0 3px 7px #061c5508}

.sst-brand .module-card h3{font-family:TrainerBrand,TrainerSans,sans-serif;font-size:14px;line-height:1.15;margin:0 0 5px;letter-spacing:-.025em}

.sst-brand .module-card p{font-size:10px;line-height:1.4;-webkit-line-clamp:2;padding:0;color:#476080}

.sst-brand .train-link{background:transparent;padding:0;font-size:9px;right:0;left:0;bottom:8px;color:#0754ce}

.sst-brand .module-card:active{transform:translateY(2px);box-shadow:0 1px 0 #cfe3ee}

.sst-brand .info-bottom>h1{font-size:20px;margin:0 0 12px}
@media(max-width:900px){

.sst-brand .module-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){

.sst-brand .home-wrap{margin:0;padding:10px 12px 24px}

.sst-home-header .sst-home-wordmark .sst-logo60{width:58px}

.sst-home-header .sst-home-wordmark strong{font-size:19px}

.sst-brand .sst-home-header{margin-bottom:10px;gap:8px}

.sst-brand .sst-home-header>.st-lang{max-width:80px;margin:0}

.sst-brand .module-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}

.sst-brand .module-card{padding:12px 8px 27px;min-height:135px}

.sst-brand .module-card h3{font-size:12px}

.sst-brand .module-card p{font-size:9px}

.sst-brand .mod-icon{width:39px;height:39px}

.sst-brand .sst-home-actions .live-cta{padding:10px 11px}

.sst-brand .live-cta strong{font-size:11px}

.sst-brand .live-cta span{font-size:9px}

.sst-brand .live-cta-go{font-size:9px;padding:7px}
}
@media(max-width:390px){

.sst-brand .module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}

.sst-brand .module-card h3{font-size:13px}}
/* DEV v034: room for desktop ad rails; no ads are enabled. */
.sst-brand .sst-home-wordmark strong,.sst-brand .st-word{background:linear-gradient(105deg,#087aac 30%,#007c65);background-clip:text;-webkit-background-clip:text;color:transparent!important}

.sst-brand .st-word span{color:transparent!important}

.sst-brand .sst-home-header{flex-wrap:wrap;gap:10px}

.sst-home-header .sst-home-wordmark{margin-right:auto}

.sst-achievements-button{border:1px solid #b9ded8;background:linear-gradient(120deg,#fff8dc,#e8faf0);color:#174764;border-radius:13px;padding:9px 12px;min-height:42px;font-size:12px;font-weight:700;cursor:pointer}

#sst-award-count:not(:empty){display:inline-block;margin-left:5px;background:#087c65;color:white;border-radius:99px;padding:1px 6px}

.sst-brand .module-card{background:linear-gradient(145deg,#fff 25%,#d9eeff);border-color:#c3e1f5}

.sst-brand .module-card:nth-child(3n+2){background:linear-gradient(145deg,#fff 25%,#d4f5e7);border-color:#bce9d8}

.sst-brand .module-card:nth-child(3n){background:linear-gradient(145deg,#fff 25%,#ffedbc);border-color:#f0dfa9}

.sst-brand .footer .sst-logo60{width:50px}

.sst-brand .footer .st-word{font-size:16px}

#sst-achievements{box-sizing:border-box;width:min(760px,calc(100vw - 24px));max-height:85vh;border:1px solid #b9dfe7;border-radius:24px;padding:22px;background:#f2fbfa;color:#173b56;box-shadow:0 20px 80px #061c5530;font-family:TrainerSans,system-ui,sans-serif;overflow:auto}

#sst-achievements::backdrop{background:#071e5580}

.sst-award-header{display:flex;align-items:start;justify-content:space-between;gap:14px}

.sst-award-header h2{margin:0;font-size:23px}

.sst-award-header p{margin:7px 0 0;font-size:13px}

.sst-award-header button{border:1px solid #bddedb;border-radius:12px;background:white;color:#174764;padding:9px 12px;min-height:44px;cursor:pointer}

.sst-award-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0 12px}

.sst-award-summary>div{border-radius:17px;padding:15px;background:linear-gradient(135deg,#fff,#e3f4ff);border:1px solid #c5e6ef}

.sst-award-summary>div:nth-child(2){background:linear-gradient(135deg,#fff,#fff0c4)}

.sst-award-summary strong{display:block;font-size:32px}

.sst-award-summary span{font-size:12px}

.sst-award-help{font-size:12px;color:#486573;line-height:1.5}

#sst-award-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}

.sst-award-module{border:1px solid #cce5e5;border-radius:17px;padding:14px;background:white;display:flex;flex-direction:column;gap:8px}

.sst-award-module h3{font-size:15px;margin:0}

.sst-award-module p{font-size:12px;margin:0}

.sst-earned{color:#94600d;font-size:12px;font-weight:700}

.sst-award-play{font-size:12px;color:#0754ce;font-weight:700;margin-top:auto;padding-top:5px}
@media(min-width:1000px){

.sst-brand .home-wrap{max-width:980px;padding:14px 18px 24px}

.sst-brand .module-card{min-height:128px}}
@media(min-width:1400px){

.sst-brand .home-wrap{max-width:980px}}
@media(max-width:700px){

.sst-home-header .sst-home-wordmark strong{font-size:18px}

.sst-achievements-button{font-size:11px;padding:8px 10px}

.sst-home-header .sst-achievements-button{order:3;width:100%;min-height:38px}}
@media(max-width:390px){

#sst-award-list{grid-template-columns:1fr}

#sst-achievements{padding:16px}

.sst-award-header h2{font-size:20px}}
@media(max-width:700px){

.sst-home-header .sst-achievements-button{order:0;width:42px;min-height:40px;position:relative;padding:8px}

.sst-home-header .sst-achievements-button [data-award-label]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

.sst-home-header #sst-award-count:not(:empty){position:absolute;right:-4px;top:-5px;font-size:9px;padding:1px 4px;margin:0}

.sst-brand .sst-home-header{flex-wrap:nowrap;gap:8px}}
@media(max-width:390px){

.sst-home-header .sst-home-wordmark strong{font-size:15px}

.sst-home-header .sst-home-wordmark .sst-logo60{width:48px}

.sst-brand .sst-home-header>.st-lang{max-width:74px;padding-inline:5px}}

.sst-home-badges{padding:3px 0 10px}

.sst-brand .sst-home-badges .quick-strip{margin:0;gap:8px;justify-content:center}

.sst-brand .sst-home-badges .quick-pill{font-size:10px;padding:6px 11px;background:#fff!important;border:1px solid #b9dfe7!important;color:#174764!important}

.sst-home-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 15px}

.sst-brand .sst-home-actions .live-cta{grid-template-columns:auto minmax(0,1fr);position:relative;padding:13px 13px 37px;min-height:107px;align-items:start;gap:9px}

.sst-brand .sst-home-actions .live-cta-go{position:absolute;bottom:10px;right:12px;font-size:9px;padding:5px 10px}

.sst-brand .sst-home-actions .sst-daily-cta{background:linear-gradient(120deg,#14578b,#078b81);box-shadow:0 4px 0 #0a5b6820}

.sst-brand .sst-home-actions .live-cta strong{font-size:13px;line-height:1.25}

.sst-brand .sst-home-actions .live-cta span{font-size:10px;line-height:1.4}

.sst-brand .info-bottom{border:1px solid #c7e3e8;background:white;border-radius:21px;padding:18px;margin-top:22px}

.sst-brand .info-bottom .how-strip{border:0;padding:0;margin-top:14px}

.sst-brand .info-bottom>h1{margin:0;font-size:21px}

.sst-storage-note{font-size:12px;line-height:1.5;color:#486573;margin:17px 0 0;padding-top:13px;border-top:1px solid #dbecec}

.sst-daily-note{padding:12px 15px;margin-bottom:15px;border:1px solid #cce4a3;border-radius:15px;background:linear-gradient(120deg,#fff7d7,#effbe6);color:#30523c;font-size:13px;font-weight:700}

.sst-daily-note[hidden]{display:none!important}
@media(max-width:700px){

.sst-home-actions{gap:10px}

.sst-brand .sst-home-actions .live-cta{padding:12px 11px 38px;min-height:124px;grid-template-columns:1fr;gap:7px}

.sst-brand .sst-home-actions .live-cta-icon{display:none}

.sst-brand .sst-home-actions .live-cta strong{font-size:12px}

.sst-brand .sst-home-actions .live-cta span{font-size:10px}

.sst-brand .sst-home-badges .quick-strip{gap:6px}

.sst-brand .sst-home-badges .quick-pill{font-size:9px;padding:5px 8px}

.sst-brand .sst-home-badges .quick-pill:nth-child(4){display:inline-block}

.sst-brand .info-bottom{padding:15px}

.sst-brand .info-bottom>h1{font-size:19px}

.sst-brand .info-bottom .how-strip{grid-template-columns:1fr;gap:12px}
}

.sst-brand .sst-home-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:11px 0 16px}

.sst-brand .sst-home-actions .live-cta{min-height:0;padding:10px 12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;border-radius:14px}

.sst-brand .sst-home-actions .live-cta-icon{display:none}

.sst-brand .sst-home-actions .live-cta-go{position:static;padding:6px 8px;font-size:9px;white-space:nowrap;box-shadow:none}

.sst-brand .sst-home-actions .live-cta strong{font-size:12px}

.sst-brand .sst-home-actions .live-cta span{font-size:9px;margin-top:3px}

.sst-brand .start-head h2,.sst-brand .info-bottom>h1{font-style:italic}
@media(max-width:700px){

.sst-brand .sst-home-actions .live-cta{min-height:0;padding:10px;grid-template-columns:1fr;gap:0}

.sst-brand .sst-home-actions .live-cta-go{display:none}

.sst-brand .sst-home-actions .live-cta strong{font-size:11px}

.sst-brand .sst-home-actions .live-cta span{font-size:9px;line-height:1.3}
}
/* DEV v038: one wordmark, grouped controls and illustrated speed accents. */
:root{--sst-gold:#eca900}

.sst-brand .st-second::after{content:none!important}

.sst-brand .st-word,.sst-brand .sst-home-wordmark strong{display:inline-block!important;font-family:TrainerBrand,TrainerSans,sans-serif!important;font-size:22px!important;font-weight:700!important;letter-spacing:-.04em!important;line-height:1.1!important;white-space:nowrap;background:linear-gradient(105deg,#087aac 22%,#00a9bf 62%,#007c65);background-clip:text;-webkit-background-clip:text;color:transparent!important}

.sst-brand .sst-logo60,.sst-brand .sst-home-wordmark .sst-logo60{width:72px}

.sst-brand .sst-home-header{justify-content:flex-start;flex-wrap:nowrap}

.sst-brand .sst-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto;flex-shrink:0}

.sst-brand .sst-header-actions .st-lang{margin:0;min-height:42px}

.sst-brand .sst-header-actions .sst-achievements-button{margin:0}

.sst-brand .mod-icon,.sst-brand .mode-icon{position:relative;isolation:isolate;overflow:visible}

.sst-brand .mod-icon::before,.sst-brand .mode-icon::before{content:'';position:absolute;z-index:-1;right:75%;top:12%;width:36px;height:76%;background:url('/assets/brand/icon-speedlines.svg') center/100% 100% no-repeat;pointer-events:none}

.sst-brand .module-card,.sst-brand .mode-card{position:relative;isolation:isolate}

.sst-brand .module-card::after,.sst-brand .mode-card::after{content:'';position:absolute;z-index:-1;right:8px;bottom:12px;width:54px;height:24px;background:url('/assets/brand/icon-speedlines.svg') center/100% 100% no-repeat;opacity:.2;pointer-events:none}
@media(max-width:700px){

.sst-brand .st-word,.sst-brand .sst-home-wordmark strong{font-size:17px!important}

.sst-brand .sst-logo60,.sst-brand .sst-home-wordmark .sst-logo60{width:56px}

.sst-brand .sst-header-actions{gap:6px}

.sst-brand .sst-header-actions .st-lang{min-height:40px;max-width:78px}

.sst-brand .mod-icon::before{width:28px}

.sst-brand .mode-icon::before{width:31px}
}
@media(max-width:390px){

.sst-brand .sst-home-header{gap:4px}

.sst-brand .sst-header-actions{gap:4px}

.sst-brand .st-word,.sst-brand .sst-home-wordmark strong{font-size:15px!important}

.sst-brand .sst-logo60,.sst-brand .sst-home-wordmark .sst-logo60{width:48px}
}

.sst-brand .anat-card-icon{position:relative;isolation:isolate;overflow:visible}

.sst-brand .anat-card-icon::before{content:'';position:absolute;z-index:-1;right:75%;top:12%;width:28px;height:76%;background:url('/assets/brand/icon-speedlines.svg') center/100% 100% no-repeat;pointer-events:none}
/* DEV v039 refinement: rounded headings, full-bleed banner and restrained trails. */
@font-face{font-family:TrainerRounded;src:url('/assets/brand/fonts/nunito-latin.woff') format('woff');font-weight:200 1000;font-style:normal;font-display:swap}

.sst-brand h1,.sst-brand h2,.sst-brand h3,.sst-brand .mode-card strong,.sst-brand .st-word,.sst-brand .sst-home-wordmark strong{font-family:TrainerRounded,TrainerSans,system-ui,sans-serif!important;font-weight:850!important;letter-spacing:-.025em!important}

.sst-brand .st-word,.sst-brand .sst-home-wordmark strong{font-weight:900!important;letter-spacing:-.035em!important}

.sst-brand .sst-logo60::after{content:none!important}
/* App buttons keep pale colours; solid icon badges echo the supplied design. */
.sst-brand .module-card{background:linear-gradient(140deg,#fcfeff,#edf7ff)!important;border-color:#c7e6f5;box-shadow:0 3px 0 #dbeaf2}

.sst-brand .module-card:nth-child(3n+2){background:linear-gradient(140deg,#fcfffe,#edf9f3)!important;border-color:#c9e9de;box-shadow:0 3px 0 #ddeee5}

.sst-brand .module-card:nth-child(3n){background:linear-gradient(140deg,#fffefa,#fff8e9)!important;border-color:#eee2c8;box-shadow:0 3px 0 #efe8d9}

.sst-brand .mod-icon{color:#fff!important;background:linear-gradient(130deg,#076ad5,#0fb7d5)!important;border:0;box-shadow:0 2px 4px #07588912;border-radius:13px}

.sst-brand .module-card:nth-child(3n+2) .mod-icon{background:linear-gradient(130deg,#00856e,#16bd9a)!important}

.sst-brand .module-card:nth-child(3n) .mod-icon{background:linear-gradient(130deg,#c18d18,#e6b63b)!important}

.sst-brand .mod-icon::before,.sst-brand .mode-icon::before,.sst-brand .anat-card-icon::before{right:90%;width:30px;top:18%;height:64%;opacity:.6;z-index:-1}

.sst-brand .module-card::after,.sst-brand .mode-card::after{content:none!important}

.sst-brand .mode-card{padding:22px 56px 20px 24px;background:linear-gradient(135deg,#fcfeff,#edf8ff)!important;border-color:#c3e4f5}

.sst-brand .mode-card:nth-child(2){background:linear-gradient(135deg,#fdfffe,#eefaf5)!important;border-color:#c2e8dc}

.sst-brand .mode-card .card-go{right:18px;bottom:19px;width:38px;height:38px;background:#fff;box-shadow:0 2px 8px #1767a40c}

.sst-brand .mode-card .card-go::before{content:'';position:absolute;right:80%;top:20%;width:35px;height:60%;background:url('/assets/brand/icon-speedlines.svg') center/100% 100% no-repeat;opacity:.25;z-index:-1;pointer-events:none}
@media(max-width:700px){

.sst-brand .mode-card{padding:17px 46px 16px 20px;min-height:130px}

.sst-brand .mode-card .mode-icon{margin-bottom:10px}

.sst-brand .mod-icon::before{width:24px}
}
/* DEV v040: approved banner wordmark, small cards and explicit responsive grids. */
.sst-brand .st-word,.sst-brand .sst-home-wordmark strong{background-image:linear-gradient(100deg,#087aac 0%,#009dc1 24%,#00abb4 43%,#008f83 72%,#007c65 100%)}
/* v044: pale variations of the approved racing background. */
.sst-brand :is(.module-card,.mode-card,.anat-card){
 --tile-hue:0deg;--tile-edge:#c5e5ea;--tile-base:#f0fcfb;
 position:relative;isolation:isolate;overflow:hidden;
 background:linear-gradient(145deg,#fff 30%,var(--tile-base))!important;
 border-color:var(--tile-edge);box-shadow:0 3px 0 var(--tile-edge);
}
.sst-brand :is(.module-card,.mode-card,.anat-card):nth-child(4n+2){--tile-hue:65deg;--tile-edge:#d9d6f3;--tile-base:#f6f3ff}
.sst-brand :is(.module-card,.mode-card,.anat-card):nth-child(4n+3){--tile-hue:315deg;--tile-edge:#cce7de;--tile-base:#f1fcf3}
.sst-brand :is(.module-card,.mode-card,.anat-card):nth-child(4n){--tile-hue:100deg;--tile-edge:#e6d7ed;--tile-base:#fcf4ff}
.sst-brand :is(.module-card,.mode-card,.anat-card)::before{
 content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;
 background:url('/assets/brand/hero-race-v043.webp') center/cover no-repeat;
 filter:hue-rotate(var(--tile-hue));opacity:.24;
}
.sst-brand :is(.mod-icon,.mode-icon,.anat-card-icon)::before{
 content:'';position:absolute;right:82%;top:18%;width:34px;height:64%;
 background:url('/assets/brand/icon-speedlines.svg') center/100% 100% no-repeat;
 opacity:.8;filter:hue-rotate(var(--tile-hue));pointer-events:none;
}
.sst-brand .module-card:nth-child(4n+2) .mod-icon{background:linear-gradient(130deg,#6979c5,#9b83d9)!important}
.sst-brand .module-card:nth-child(4n+3) .mod-icon{background:linear-gradient(130deg,#008a8c,#31ad90)!important}
.sst-brand .module-card:nth-child(4n) .mod-icon{background:linear-gradient(130deg,#7e80cb,#bb85c9)!important}
.sst-brand .module-card:nth-child(4n+1) .mod-icon{background:linear-gradient(130deg,#167dbd,#15b5b1)!important}
.sst-brand :is(.module-card,.mode-card,.anat-card):focus-visible{outline:3px solid #187f9d;outline-offset:4px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .sst-brand :is(.module-card,.mode-card,.anat-card):hover::before{opacity:.36}
}
@media(max-width:700px){.sst-brand :is(.mod-icon,.mode-icon,.anat-card-icon)::before{width:27px}}
/* v045: warm and cool pastel rotation requested for module buttons. */
.sst-brand :is(.module-card,.mode-card,.anat-card):nth-child(5n+1){--tile-hue:150deg;--tile-edge:#eed0d3;--tile-base:#fff4f4}
.sst-brand :is(.module-card,.mode-card,.anat-card):nth-child(5n+2){--tile-hue:220deg;--tile-edge:#e9e0bc;--tile-base:#fffbea}
.sst-brand :is(.module-card,.mode-card,.anat-card):nth-child(5n+3){--tile-hue:315deg;--tile-edge:#cce7da;--tile-base:#f1fcf3}
.sst-brand :is(.module-card,.mode-card,.anat-card):nth-child(5n+4){--tile-hue:180deg;--tile-edge:#ecd5c3;--tile-base:#fff5ed}
.sst-brand :is(.module-card,.mode-card,.anat-card):nth-child(5n){--tile-hue:65deg;--tile-edge:#dbd3ef;--tile-base:#f7f3ff}
.sst-brand .module-card:nth-child(5n+1) .mod-icon{background:linear-gradient(130deg,#cb6474,#e98d83)!important}
.sst-brand .module-card:nth-child(5n+2) .mod-icon{background:linear-gradient(130deg,#b08c20,#d5b944)!important}
.sst-brand .module-card:nth-child(5n+3) .mod-icon{background:linear-gradient(130deg,#27866e,#57b087)!important}
.sst-brand .module-card:nth-child(5n+4) .mod-icon{background:linear-gradient(130deg,#c6793c,#e6a46b)!important}
.sst-brand .module-card:nth-child(5n) .mod-icon{background:linear-gradient(130deg,#7775bd,#aa8bd0)!important}