/* STAGING ONLY. Supervision & Consultation start page. */
.sc{--navy:#1d3557;--sage:#7d9b84;--sage-d:#4f6f58;--sand:#f7f1e6;--sand-line:#e9dfcc;--glass:#d7ebe6;--glass-d:#c3e0d8;--sun:#FFC700;color:var(--navy);font-family:var(--sans)}
.sc *{box-sizing:border-box}
.sc-wrap{width:min(64rem,calc(100% - 2.5rem));margin:0 auto}
.sc h1,.sc h2,.sc h3{color:var(--navy);margin:0;letter-spacing:-.01em}
.sc p{margin:0;line-height:1.55;color:#3f5166}
/* Hero */
.sc-hero{background:linear-gradient(160deg,#fdf9f1 0%,var(--sand) 55%,#eef6f2 100%);border-bottom:1px solid var(--sand-line);padding:2.6rem 0 2.4rem;position:relative;overflow:hidden}
.sc-hero::after{content:"";position:absolute;right:-90px;top:-90px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(255,199,0,.22),rgba(255,199,0,0) 70%);pointer-events:none}
.sc-hero-top{display:grid;grid-template-columns:auto 1fr;gap:1.6rem;align-items:center}
.sc-hero-scout{width:170px;height:auto;display:block}
.sc-badge{display:inline-block;background:var(--sun);color:#123333;font-weight:700;font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;padding:.28rem .7rem;border-radius:999px;margin-bottom:.7rem}
.sc h1{font-size:clamp(2rem,4.2vw,3rem);line-height:1.08;font-weight:700}
.sc-sub{font-size:clamp(1.02rem,1.6vw,1.2rem);margin-top:.75rem!important;max-width:38rem}
.sc-three{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}
.sc-pt{background:#fff;border:1px solid var(--sand-line);border-radius:16px;padding:1.1rem 1.15rem 1.2rem;box-shadow:0 4px 14px rgba(29,53,87,.05);position:relative}
.sc-pt::before{content:"";position:absolute;left:1.15rem;top:0;width:42px;height:4px;border-radius:0 0 4px 4px;background:var(--sage)}
.sc-pt:nth-child(2)::before{background:var(--sun)}
.sc-pt:nth-child(3)::before{background:#7fb8c9}
.sc-pt h2{font-size:1.05rem;margin-bottom:.4rem}
.sc-pt p{font-size:.92rem}
/* Sections */
.sc-sec{padding:2.4rem 0}
.sc-sec h2.sc-h{font-size:clamp(1.4rem,2.6vw,1.8rem);line-height:1.2}
.sc-lead{margin-top:.45rem!important;font-size:1rem}
/* Router */
.sc-router{background:#fff;border:1px solid var(--sand-line);border-radius:20px;padding:1.5rem;box-shadow:0 8px 26px rgba(29,53,87,.07);margin-top:1.2rem}
.sc-q{display:grid;grid-template-columns:auto 1fr;gap:1.1rem;align-items:center}
.sc-q-scout{width:84px;height:auto}
.sc-step{font-size:.78rem;font-weight:600;color:var(--sage-d);text-transform:uppercase;letter-spacing:.06em}
.sc-q h3{font-size:1.25rem;margin:.2rem 0 .85rem;line-height:1.3}
.sc-opts{display:flex;flex-wrap:wrap;gap:.6rem}
.sc-opt{font:inherit;font-size:.95rem;font-weight:600;color:var(--navy);background:var(--glass);border:2px solid var(--glass);border-radius:999px;padding:.6rem 1.15rem;min-height:44px;cursor:pointer;transition:background .15s,transform .1s}
.sc-opt:hover{background:var(--glass-d);border-color:var(--glass-d)}
.sc-opt:active{transform:scale(.98)}
.sc-opt:focus-visible,.sc-link:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
.sc-back{font:inherit;font-size:.86rem;background:none;border:0;color:var(--sage-d);text-decoration:underline;text-underline-offset:.2em;cursor:pointer;margin-top:.9rem;padding:.3rem 0}
.sc-trail{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.8rem}
.sc-trail span{font-size:.78rem;background:var(--sand);border:1px solid var(--sand-line);border-radius:999px;padding:.15rem .6rem;color:#44566a}
/* Result */
.sc-result{margin-top:1.2rem}
.sc-rcard{display:grid;grid-template-columns:auto 1fr;gap:1.1rem;align-items:center;background:linear-gradient(135deg,#fffaf0,#f3f9f6);border:2px solid var(--sage);border-radius:18px;padding:1.2rem 1.3rem}
.sc-rcard img{width:88px;height:auto}
.sc-rcard h3{font-size:1.2rem;line-height:1.3}
.sc-rcard p{margin-top:.3rem!important}
.sc-rcard .sc-links{margin-top:.8rem}
.sc-links{display:flex;flex-wrap:wrap;gap:.55rem}
.sc-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:.45rem 1rem;border-radius:999px;font-size:.9rem;font-weight:600;text-decoration:none;border:2px solid transparent;cursor:pointer;font-family:inherit;line-height:1.2;text-align:center}
.sc-link.go{background:var(--sun);color:#123333;border-color:var(--sun)}
.sc-link.go:hover{background:#f0bb00;border-color:#f0bb00}
.sc-link.soft{background:#fff;color:var(--navy);border-color:#cfd9d1}
.sc-link.soft:hover{border-color:var(--sage)}
/* Info blocks */
.sc-block{margin-top:1.2rem;background:var(--sand);border:1px solid var(--sand-line);border-radius:18px;padding:1.4rem 1.4rem 1.5rem;display:grid;grid-template-columns:auto 1fr;gap:1.2rem;align-items:start}
.sc-block>img{width:96px;height:auto;margin-top:.2rem}
.sc-block h3{font-size:1.25rem;line-height:1.3;margin-bottom:.7rem}
.sc-block h4{font-size:1rem;margin:1rem 0 .5rem;color:var(--navy)}
.sc-block ul{margin:0;padding:0;list-style:none;display:grid;gap:.55rem}
.sc-block li{position:relative;padding-left:1.5rem;line-height:1.5;color:#3f5166;font-size:.96rem}
.sc-block li::before{content:"";position:absolute;left:.15rem;top:.5em;width:.6rem;height:.6rem;border-radius:50%;background:var(--sage)}
.sc-block a{color:var(--navy);font-weight:600;text-decoration-color:var(--sage);text-underline-offset:.18em}
/* Setup checklist */
.sc-setup{margin-top:1.2rem}
.sc-setup>h3{font-size:1.3rem}
.sc-setup>p{margin-top:.35rem!important}
.sc-prog{background:var(--sand);border:1px solid var(--sand-line);border-radius:14px;padding:.75rem 1rem .85rem;margin-top:.9rem}
.sc-prog-row{display:flex;justify-content:space-between;align-items:baseline;font-weight:600;font-size:.95rem;margin-bottom:.4rem}
.sc-prog-row span:last-child{font-size:.82rem;color:var(--sage-d)}
.sc-bar{height:12px;background:#eef1ee;border-radius:999px;overflow:hidden;border:1px solid #e1e7e2}
.sc-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--sage),#9cc7a6 60%,var(--sun));border-radius:999px;transition:width .4s ease}
.sc-cards{display:grid;gap:.85rem;margin-top:.6rem}
.sc-card{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center;background:#fff;border:1px solid var(--sand-line);border-radius:16px;padding:1rem 1.15rem;transition:border-color .2s,background .2s}
.sc-card>img{width:64px;height:auto}
.sc-card .sc-tag{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:.15rem .55rem;margin-bottom:.3rem;background:var(--glass);color:var(--sage-d)}
.sc-card .sc-tag.req{background:#fff1bf;color:#6b5200}
.sc-card h4{font-size:1.05rem;margin:0 0 .25rem;display:flex;align-items:center;gap:.5rem}
.sc-card p{font-size:.93rem}
.sc-card ul{margin:.35rem 0 0;padding-left:1.1rem;color:#3f5166;font-size:.93rem;line-height:1.55}
.sc-free{display:inline-block;font-size:.74rem;font-weight:700;background:#e3f4e8;color:#1b7a4a;border:1px solid #bfe3cb;border-radius:999px;padding:.05rem .5rem;margin-left:.35rem;white-space:nowrap}
.sc-card .sc-links{margin-top:.7rem}
.sc-card .sc-link{min-height:38px;font-size:.85rem;padding:.35rem .85rem}
.sc-check{flex:0 0 auto;width:22px;height:22px;border-radius:50%;border:2px solid #cfd9d1;display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;color:#fff}
.sc-card.done{background:#f3faf5;border-color:#a9d1b4}
.sc-card.done .sc-check{background:var(--green,#1b7a4a);border-color:var(--green,#1b7a4a)}
.sc-card.done .sc-check::after{content:"\2713"}
.sc-alldone{display:none;margin-top:1rem;text-align:center;font-weight:600;color:var(--sage-d)}
.sc-alldone.on{display:block}
[hidden]{display:none!important}
/* Mobile */
@media (max-width:860px){
  .sc-three{grid-template-columns:1fr}
  .sc-hero-scout{width:120px}
}
@media (max-width:600px){
  .sc-wrap{width:calc(100% - 2rem)}
  .sc-hero{padding:1.6rem 0 1.8rem}
  .sc-hero-top{grid-template-columns:84px 1fr;gap:.9rem;align-items:start}
  .sc-hero-scout{width:84px;margin-top:.3rem}
  .sc h1{font-size:1.75rem}
  .sc-sub{font-size:1rem}
  .sc-three{margin-top:1.3rem;gap:.75rem}
  .sc-router{padding:1.1rem}
  .sc-q{grid-template-columns:56px 1fr;gap:.75rem;align-items:start}
  .sc-q-scout{width:56px}
  .sc-q h3{font-size:1.1rem}
  .sc-opts{flex-direction:column}
  .sc-opt{width:100%;text-align:left}
  .sc-rcard,.sc-block{grid-template-columns:56px 1fr;gap:.8rem;padding:1rem}
  .sc-rcard img,.sc-block>img{width:56px}
  .sc-card{grid-template-columns:48px 1fr;gap:.75rem;padding:.9rem;align-items:start}
  .sc-card>img{width:48px}
  .sc-links .sc-link{flex:1 1 auto}
}
@media (prefers-reduced-motion:reduce){.sc-bar i,.sc-opt{transition:none}}
.sc-card ul.sc-ext{list-style:none;padding:0;margin:.55rem 0 0;display:grid;gap:.3rem}
.sc-card ul.sc-ext a{color:var(--navy);font-weight:600;text-decoration:underline;text-decoration-color:var(--sage);text-underline-offset:.18em;overflow-wrap:anywhere}
.sc-card ul.sc-ext a::after{content:" \2197";font-weight:400;color:var(--sage-d)}
.sc-card p.sc-note{font-size:.78rem;color:#6a7784;margin-top:.45rem}
/* frictionless: finished cards fold, next card lights up */
.sc-card{transition:all .3s ease}
.sc-card.done:not(.peek){padding-top:.55rem;padding-bottom:.55rem;cursor:pointer}
.sc-card.done:not(.peek) img{width:34px;height:auto}
.sc-card.done:not(.peek) p,.sc-card.done:not(.peek) ul,.sc-card.done:not(.peek) .sc-tag,.sc-card.done:not(.peek) .sc-course{display:none}
.sc-card.done:not(.peek) h4{margin:0}
.sc-card.done:not(.peek) .sc-links{margin-top:.25rem}
.sc-card.next{box-shadow:0 0 0 3px #f5c84c,0 8px 22px rgba(0,0,0,.08);transform:translateY(-2px)}
.sc-saved{margin:.45rem 0 0;font-size:.8rem;color:#5b7a66}
.sc-market{margin-top:1.6rem;background:linear-gradient(135deg,#fffaf0,#f3f9f6);border:1px solid var(--sand-line);border-radius:18px;padding:1.2rem 1.3rem 1.3rem;display:grid;grid-template-columns:auto 1fr;gap:.4rem 1rem;align-items:center}
.sc-market-scout{width:64px;height:auto}
.sc-market h3{font-size:1.3rem}
.sc-market>div>p{margin-top:.25rem!important}
.sc-ideas{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:.7rem}
.sc-idea{background:#fff;border:1px solid var(--sand-line);border-radius:14px;padding:.8rem .95rem;min-width:0}
.sc-idea.assoc{grid-column:1/-1;border-color:#f5c84c;background:#fffdf5}
.sc-idea h4{font-size:.98rem;margin:0;color:var(--navy);line-height:1.35}
.sc-idea>p{font-size:.9rem;margin-top:.25rem!important}
.sc-copyrow{display:flex;gap:.55rem;align-items:flex-start;margin-top:.5rem}
.sc-line{flex:1;min-width:0;font-size:.84rem!important;background:var(--sand);border:1px dashed #d9ccb0;border-radius:10px;padding:.45rem .6rem;color:#44566a!important;overflow-wrap:anywhere}
.sc-sample{display:inline-block;font-size:.66rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;background:#fff1bf;color:#6b5200;border-radius:999px;padding:.05rem .45rem;margin-right:.4rem;vertical-align:1px}
.sc-copy{flex:0 0 auto;font:inherit;font-size:.8rem;font-weight:600;color:var(--navy);background:#fff;border:2px solid #cfd9d1;border-radius:999px;padding:.3rem .8rem;min-height:36px;cursor:pointer}
.sc-copy:hover{border-color:var(--sage)}
.sc-copy.ok{background:#e3f4e8;border-color:#a9d1b4;color:#1b7a4a}
.sc-copy:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
@media (max-width:600px){
  .sc-market{grid-template-columns:48px 1fr;padding:1rem}
  .sc-market-scout{width:48px}
  .sc-ideas{grid-template-columns:1fr}
  .sc-copyrow{flex-direction:column;align-items:stretch}
  .sc-copy{align-self:flex-start}
}
/* Marketing tutorial (step cards with Show me how) */
.sc-market>.sc-setup{grid-column:1/-1;margin-top:.5rem}
.sc-market .sc-prog{background:#fff}
p.sc-mkt-why{margin-top:.35rem!important;font-size:.95rem}
.sc-how{display:none;margin-top:.6rem;padding-top:.6rem;border-top:1px dashed var(--sand-line)}
.sc-card.open .sc-how{display:block}
.sc-how ol{margin:0;padding-left:1.25rem;display:grid;gap:.35rem;color:#3f5166;font-size:.93rem;line-height:1.5}
.sc-how ol li::marker{color:var(--sage-d);font-weight:700}
.sc-how .sc-copyrow{margin-top:.6rem}
.sc-how .sc-sample{background:var(--glass);color:var(--sage-d)}
a.sc-res{display:inline-block;margin-top:.65rem;font-size:.88rem;font-weight:600;color:var(--navy);text-decoration:underline;text-decoration-color:var(--sage);text-underline-offset:.18em;overflow-wrap:anywhere}
a.sc-res::before{content:"Easy start: ";font-weight:400;color:var(--sage-d);text-decoration:none}
a.sc-res::after{content:" \2197";font-weight:400;color:var(--sage-d)}
.sc-card.done:not(.peek) .sc-how,.sc-card.done:not(.peek) .sc-showhow{display:none}
.sc-mkt-more{grid-column:1/-1;margin-top:.9rem;display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap;background:#fff;border:2px solid var(--sun);border-radius:16px;padding:.9rem 1.1rem}
.sc-mkt-more h4{font-size:1.02rem;margin:0;color:var(--navy)}
.sc-mkt-more p{font-size:.9rem;margin-top:.15rem!important}
@media (max-width:600px){
  .sc-market>.sc-setup .sc-card{padding:.85rem}
  .sc-mkt-more{flex-direction:column;align-items:stretch}
  .sc-mkt-more .sc-link{width:100%}
}
@media (max-width:600px){
  .sc-market{padding:.9rem .75rem 1rem}
  .sc-market .sc-card{grid-template-columns:1fr;position:relative;padding:.85rem .85rem .9rem}
  .sc-market .sc-card>img{position:absolute;top:.6rem;right:.7rem;width:40px}
  .sc-market .sc-card h4{padding-right:2.6rem}
  .sc-market .sc-card.done:not(.peek)>img{width:28px;top:.45rem}
  .sc-how ol{padding-left:1.1rem}
}
/* Early access sign-up (Phase 1, Oct 27 2026) */
.sc-early-card{background:linear-gradient(135deg,#fffaf0,#f3f9f6);border:2px solid var(--sage);border-radius:22px;padding:1.5rem 1.5rem .5rem}
.sc-early-top{display:grid;grid-template-columns:auto 1fr;gap:1.1rem;align-items:center;margin-bottom:.8rem}
.sc-early-top img{width:92px;height:auto}
.sc-early-top .sc-h{margin:.4rem 0 .2rem}
.sc-early-value{max-width:720px;margin:0 0 1rem}.sc-early-value p{margin:0 0 .5rem;line-height:1.5}.sc-early-note{font-size:.92rem;color:#3d4f5f}.sc-early-value .sc-links{margin-top:.75rem}
.sc-early-form{display:block;border:0;max-width:720px;min-height:160px}
#early-access{scroll-margin-top:.5rem}
@media (max-width:640px){.sc-early-card{padding:1rem 1rem .25rem}.sc-early-top{grid-template-columns:56px 1fr;gap:.8rem}.sc-early-top img{width:56px}}

/* Scout trim + back link, Oct 27 2026 */
.sc-card>img[hidden]{display:none}.sc-card:not(.scout-on){grid-template-columns:1fr}
.sc-card.scout-on>img{animation:scHop .5s ease}@keyframes scHop{0%{transform:translateY(6px);opacity:0}100%{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.sc-card.scout-on>img{animation:none}}
.sc-router.answered .sc-q-scout{display:none}.sc-router.answered .sc-q{grid-template-columns:1fr}
.sc-result .sc-rcard~.sc-block>img{display:none}.sc-result .sc-rcard~.sc-block{grid-template-columns:1fr}
@media (max-width:600px){.sc-has-result .sc-early-top>img{display:none}.sc-has-result .sc-early-top{grid-template-columns:1fr}}
.sc-yield{visibility:hidden}
.sc-backce-wrap{padding-top:.35rem;padding-bottom:0}
.sc-backce{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;padding:0 .2rem;color:var(--navy,#1d3557);font-weight:600;font-size:.95rem;text-decoration:underline;text-decoration-color:var(--sage,#7d9b84);text-underline-offset:.2em}
.sc-backce:hover{color:var(--sage-d,#4f6f58)}.sc-backce:focus-visible{outline:3px solid var(--sun,#FFC700);outline-offset:2px;border-radius:6px}

/* sc-btnsys: one solid button system (Oct 27 2026, Oliver: "make all the buttons look like buttons so no confusion").
   Yellow = go/primary (courses, sign up), teal = secondary (choices, Show me how, Copy, Start over), navy = I've got this, green once checked. */
.sc .sc-opt,.sc .sc-link,.sc .sc-copy,.sc .sc-back{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:46px;padding:.6rem 1.2rem;border-radius:999px;border:0;font:inherit;font-weight:700;font-size:.93rem;line-height:1.25;text-align:center;text-decoration:none;cursor:pointer;box-shadow:0 3px 0 rgba(18,51,51,.28);transition:background .15s,box-shadow .12s,transform .08s;-webkit-tap-highlight-color:transparent}
.sc .sc-opt:active,.sc .sc-link:active,.sc .sc-copy:active,.sc .sc-back:active{transform:translateY(2px);box-shadow:0 1px 0 rgba(18,51,51,.28)}
.sc .sc-opt:focus-visible,.sc .sc-link:focus-visible,.sc .sc-copy:focus-visible,.sc .sc-back:focus-visible{outline:3px solid var(--navy);outline-offset:3px}
.sc .sc-link.go,.sc .sc-course{background:var(--sun);color:#123333;border:0}
.sc .sc-link.go:hover,.sc .sc-course:hover{background:#f0bb00;color:#123333}
.sc .sc-opt,.sc .sc-showhow,.sc .sc-copy{background:#2f6b5e;color:#fff}
.sc .sc-opt:hover,.sc .sc-showhow:hover,.sc .sc-copy:hover{background:#245548;color:#fff}
.sc .sc-back{background:#44566a;color:#fff}.sc .sc-back:hover{background:#33424f;color:#fff}
.sc .sc-showhow[aria-expanded=true]{background:#245548}
.sc .sc-copy.ok{background:#1b7a4a;color:#fff}
.sc .sc-link.sc-got{background:var(--navy);color:#fff}
.sc .sc-link.sc-got:hover{background:#152a47;color:#fff}
.sc .sc-got::before{content:"";width:1em;height:1em;border-radius:50%;border:2px solid currentColor;box-sizing:border-box;flex:0 0 auto}
.sc .sc-link.sc-got[aria-pressed=true]{background:#1b7a4a}
.sc .sc-link.sc-got[aria-pressed=true]:hover{background:#156a3e}
.sc .sc-got[aria-pressed=true]::before{content:"\2713";border:0;font-weight:800;line-height:1;width:auto;height:auto}
.sc .sc-card .sc-link{min-height:46px;font-size:.88rem;padding:.55rem 1rem}
.sc .sc-back{margin-top:1rem;font-size:.88rem;padding:.5rem 1.1rem}
.sc .sc-back::before{content:"\21BA";font-weight:700}
/* answer choices: even, consistent, wrap cleanly */
.sc .sc-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:.65rem;max-width:none}
.sc .sc-opt{width:100%;min-height:54px;font-size:.98rem;padding:.7rem .9rem;text-align:center}
.sc .sc-opt.sel{background:var(--navy);box-shadow:0 0 0 3px var(--sun);transition:none}
.sc .sc-opts.busy .sc-opt:not(.sel){opacity:.55}
@media (max-width:600px){.sc .sc-opts{grid-template-columns:1fr}.sc .sc-opt{justify-content:flex-start;text-align:left}}
/* resource links: clearly links (underlined, opens new tab) */
.sc .sc-card li a,.sc .sc-card ul.sc-ext a{color:var(--navy);font-weight:600;text-decoration:underline;text-decoration-color:var(--sage);text-underline-offset:.18em;overflow-wrap:anywhere}
.sc .sc-card li a:hover{color:var(--sage-d)}
.sc .sc-card ul:not(.sc-ext) li a::after{content:" \2197";font-weight:400;color:var(--sage-d)}
@media (prefers-reduced-motion:reduce){.sc .sc-opt,.sc .sc-link,.sc .sc-copy,.sc .sc-back{transition:none}.sc .sc-opt:active,.sc .sc-link:active,.sc .sc-copy:active,.sc .sc-back:active{transform:none}}


/* sc-final (Oct 27 2026 ~1:39 PM, Oliver): centered words on every button; one color per job; no circle on I've got this */
.sc .sc-opt,.sc .sc-link,.sc .sc-copy,.sc .sc-back,.sc .sc-showhow,.sc .sc-got,.sc .sc-course,.sc .sc-act{display:inline-flex;align-items:center;justify-content:center;text-align:center}
@media (max-width:600px){.sc .sc-opt{justify-content:center;text-align:center}}
.sc .sc-link.sc-act,.sc .sc-back,.sc .sc-copy,.sc .sc-copy.ok,.sc .sc-showhow,.sc .sc-opt{background:#2f6b5e;color:#fff}
.sc .sc-link.sc-act:hover,.sc .sc-back:hover,.sc .sc-copy:hover,.sc .sc-showhow:hover,.sc .sc-opt:hover,.sc .sc-showhow[aria-expanded=true]{background:#245548;color:#fff}
.sc .sc-opt.sel{background:#1d3557}
.sc .sc-got::before,.sc .sc-got[aria-pressed=true]::before{content:none;display:none}

/* sc-also: one quiet secondary line under the build-your-practice path */
.sc .sc-also{margin:1rem 0 0;padding:.8rem 1rem;border-left:3px solid var(--sage);background:var(--sand);border-radius:10px;font-size:.92rem;line-height:1.5;color:var(--navy)}
.sc .sc-also a{color:var(--navy);font-weight:600;text-decoration:underline;text-decoration-color:var(--sage);text-underline-offset:.18em}
/* no icon on Start over: words centered (Oliver) */
.sc .sc-back::before{content:none;display:none}

/* sc-nocircle (Oliver Oct 27 2026): no title circle; done = green card fold + green button */
.sc .sc-check{display:none}

/* sc-startover-width (Oliver Oct 27 2026: "the start over button is not same width as the rest"): Start over is exactly one answer button wide.
   Same math as .sc .sc-opts (minmax(min(100%,190px),1fr), gap .65rem, 3 answers on every step that shows Start over); full width when answers stack (600px and below).
   On the result screen the Scout column is gone, so its width is taken back out (84px + 1.1rem) to keep the button the same size. */
.sc .sc-q>div{container-type:inline-size;min-width:0}
.sc .sc-back{display:flex;width:100%;box-sizing:border-box}
@container (min-width:calc(380px + .65rem)){.sc .sc-back{width:calc((100cqw - .65rem)/2)}}
@container (min-width:calc(570px + 1.3rem)){.sc .sc-back{width:calc((100cqw - 1.3rem)/3)}}
.sc .sc-router.answered .sc-back{width:calc(100cqw - 84px - 1.1rem)}
@container (min-width:calc(380px + .65rem + 84px + 1.1rem)){.sc .sc-router.answered .sc-back{width:calc((100cqw - 84px - 1.1rem - .65rem)/2)}}
@container (min-width:calc(570px + 1.3rem + 84px + 1.1rem)){.sc .sc-router.answered .sc-back{width:calc((100cqw - 84px - 1.1rem - 1.3rem)/3)}}
@media (max-width:600px){.sc .sc-back,.sc .sc-router.answered .sc-back{width:100%}}

/* S&C Questions list (Oct 28) */
.sc dl{margin:0}
.sc dl dt{font-weight:700;margin-top:1.1rem}
.sc dl dt:first-child{margin-top:0}
.sc dl dd{margin:.35rem 0 0;line-height:1.55}