/* Minds at Peace Foundation · private self-check. Calm, plain, large targets.
   Colours come only from the site's variables. */
.sc-page{padding:clamp(40px,6vw,80px) 0 clamp(64px,8vw,104px)}
.sc-wrap{max-width:820px}
.sc-page .h1{margin-top:14px}
.sc-privacy{margin-top:20px;padding:14px 18px;background:var(--tint);box-shadow:inset 3px 0 0 var(--brand);color:var(--ink)}
.sc-page .lead{margin-top:18px}
.sc-what{margin-top:12px;color:var(--body)}
.sc-danger{margin-top:10px;font-size:var(--small);color:var(--muted)}
.sc-danger a,.sc-not a{color:var(--brand);font-weight:600;text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:3px}
.sc-quiz{margin-top:40px}
.sc-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.sc-count{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.sc-restart-q{min-height:40px;padding:0 4px;font-size:14px;font-weight:600;color:var(--brand);text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:3px}
.sc-stem{margin-top:24px;font-size:var(--lead);font-weight:600;color:var(--ink);line-height:1.45}
.sc-q{margin:0;padding:28px 0;border:0;border-bottom:1px solid var(--line)}
.sc-q legend{display:flex;flex-direction:column;gap:6px;padding:0;margin-bottom:16px}
.sc-n{font-size:13px;font-weight:600;color:var(--muted)}
.sc-t{font-size:clamp(1.1rem,1.6vw,1.3rem);font-weight:600;color:var(--ink);line-height:1.4}
.sc-opts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.sc-opt{position:relative;display:block;cursor:pointer}
.sc-opt input{position:absolute;opacity:0;width:1px;height:1px}
.sc-opt span{display:flex;align-items:center;justify-content:center;min-height:56px;height:100%;padding:10px 12px;border-radius:var(--r-s);background:var(--white);box-shadow:inset 0 0 0 1.5px var(--line-2);text-align:center;font-size:15px;color:var(--ink);line-height:1.3;transition:box-shadow .15s,background .15s}
.sc-opt:hover span{box-shadow:inset 0 0 0 1.5px var(--brand)}
.sc-opt input:checked+span{background:var(--tint);box-shadow:inset 0 0 0 2.5px var(--brand);font-weight:700}
.sc-opt input:focus-visible+span{outline:3px solid var(--gold);outline-offset:2px}
.sc-q.is-missing .sc-t::after{content:" (please answer)";font-weight:400;font-size:.8em;color:var(--gold-ink)}
.sc-nav{display:flex;justify-content:space-between;gap:12px;margin-top:14px}
.sc-nav button{min-height:44px;padding:0 16px;border-radius:var(--r-s);font-size:15px;font-weight:600;color:var(--brand);box-shadow:inset 0 0 0 1.5px var(--line-2)}
.sc-nav button:hover{box-shadow:inset 0 0 0 1.5px var(--brand)}
.sc-nav .sc-next{margin-left:auto;background:var(--brand);color:var(--on-brand);box-shadow:none}
.sc-nav button[disabled]{opacity:.45;cursor:not-allowed}
.sc-nav button[hidden]{display:none}
.sc-submit{margin-top:28px}
.sc-submit .btn{border:0;cursor:pointer}
.sc-missing:empty{display:none}
.sc-missing{margin-top:12px;font-weight:600;color:var(--gold-ink)}
/* phones: one question per screen */
.sc-stepper .sc-q:not(.is-current){display:none}
.sc-stepper .sc-q{border-bottom:0}
.sc-stepper .sc-stem{font-size:16px}
@media (max-width:759px){.sc-opts{grid-template-columns:1fr}.sc-opt span{justify-content:flex-start;min-height:56px;padding:14px 16px;font-size:16px}}
/* results */
.sc-results{margin-top:40px}
.sc-safety{margin-bottom:40px;padding:clamp(22px,3vw,32px);background:var(--tint);box-shadow:inset 4px 0 0 var(--brand)}
.sc-safety p{margin-top:12px;font-size:var(--lead);line-height:1.5;color:var(--ink)}
.sc-safety .local{margin:18px 0 0;background:var(--white)}
.sc-safety .sc-now{font-size:16px}
.sc-score{margin-top:12px;display:flex;align-items:baseline;gap:10px;color:var(--muted)}
.sc-score strong{font-size:clamp(3rem,7vw,4.4rem);font-weight:700;line-height:1;color:var(--ink);letter-spacing:-.02em}
.sc-band{margin-top:16px;color:var(--ink)}
.sc-not{margin-top:18px;padding:14px 18px;background:var(--tint);font-size:var(--small);color:var(--body)}
.sc-results .btns{margin-top:24px}
.sc-results .btn{border:0;cursor:pointer}
.sc-burnout{margin-top:44px;padding-top:28px;border-top:1px solid var(--line)}
.sc-burnout p{margin-top:10px;max-width:40em}
.sc-credit{margin-top:56px;font-size:12.5px;color:var(--muted);max-width:46em}
.sc-sheet{display:none}
/* the printed summary: nothing else on the page prints */
@media print{
  body *{visibility:hidden !important}
  .sc-sheet,.sc-sheet *{visibility:visible !important}
  .sc-sheet{display:block;position:absolute;left:0;top:0;width:100%;font:12pt/1.45 var(--font);color:#000}
  .sc-sheet h2{font-size:18pt;margin:0 0 6pt}
  .sc-sheet table{width:100%;border-collapse:collapse;margin:10pt 0}
  .sc-sheet td{border-bottom:1px solid #999;padding:5pt 4pt;vertical-align:top}
  .sc-sheet td:last-child{width:32%;text-align:right}
  .sc-sheet-credit{margin-top:14pt;font-size:9pt}
}
/* phones show the count once, in the bar; helpline boxes here stay calm (no red edge) */
.sc-stepper .sc-n{display:none}
.sc-results .local{box-shadow:inset 3px 0 0 var(--brand)}

/* awaiting clinical review (on /2/): band label, next steps, the numbers in the safety panel */
.sc-label{margin-left:6px;padding:4px 10px;border-radius:999px;background:var(--tint);font-size:14px;font-weight:700;color:var(--ink)}
.sc-next{margin-top:14px;color:var(--ink)}
.sc-helpnow{margin-top:36px;font-weight:700}
.sc-helpnow a{color:var(--brand);text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:2px;text-underline-offset:4px}
.sc-uk,.sc-others{margin-top:20px;padding:16px 18px;border-radius:var(--r);background:var(--white)}
.sc-uk h3,.sc-others h3{font-size:15px;font-weight:700;color:var(--ink)}
.sc-uk-lines,.sc-other-lines{margin:8px 0 0;padding:0;list-style:none}
.sc-uk-lines li{padding:8px 0;border-top:1px solid var(--line)}
.sc-uk-lines li>a,.sc-uk-lines a{font-size:20px;font-weight:700;color:var(--brand);text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:4px}
.sc-uk-lines span{display:block;font-size:14px;color:var(--muted)}
.sc-other-lines{columns:2;column-gap:28px}
.sc-other-lines li{break-inside:avoid;padding:6px 0;font-size:14px;color:var(--body);border-top:1px solid var(--line)}
.sc-other-lines a{font-weight:700;color:var(--brand)}
.sc-full{margin-top:14px;font-weight:600}
.sc-full a{color:var(--brand);text-decoration:underline}
@media (max-width:640px){.sc-other-lines{columns:1}}