/* School Launch · Social Skills course pages. Loaded after /courses/shared/course.css; uses its colors and fonts. */
.ss .ss-lede{font-size:19px;color:var(--ink)}
.ss .ss-small{font-size:15px;line-height:1.5}
.ss .content h3{font-family:var(--display);font-size:22px;color:var(--forge);line-height:1.2;margin:0 0 4px}
.ss .content h4{font-family:var(--serif);font-size:18px;font-weight:600;line-height:1.3;margin:0}
.ss .content h5{font-family:var(--serif);font-size:17px;font-weight:600;line-height:1.3;margin:0}
.ss .guide-sec{scroll-margin-top:90px}
.ss .guide-sec + .guide-sec{margin-top:6px}
.ss .ss-toc{max-width:none;line-height:1.7}
.ss .ss-toc a{white-space:nowrap}
.ss .lsec ul,.ss .lsec ol{margin:0 0 .7em}
.ss .ucards.ss-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){.ss .ucards.ss-3{grid-template-columns:minmax(0,1fr)}}
.ss .ucard ul{margin:0;padding-left:20px;font-size:15px}
.ss .sidenote p + p{margin-top:.5em}
.ss .notice h3{margin:0}

/* quotes */
.ss-quote{margin:10px 0;padding:10px 16px;border-left:3px solid var(--brass);background:var(--linen);border-radius:4px;font-family:var(--serif)}
.ss-quote blockquote{margin:0;font-size:17px;line-height:1.5;font-style:italic}
.ss-quote figcaption{margin-top:4px;font-family:var(--sans);font-size:14px;color:var(--muted)}
.ss-quote figcaption a{color:inherit}
.ss-quote.ss-memory{border-left-color:var(--forge);background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--forge)}
.ss-quote.ss-memory blockquote{font-size:19px}

/* teaching */
.ss-teach{margin:14px 0 4px;scroll-margin-top:90px}
.ss-teach h4{margin-bottom:6px!important}
.ss-teach .sidenote{margin:6px 0 10px}
.ss-teach .sidenote ul{margin:4px 0 0;padding-left:20px}

/* levels and exercises */
.ss-level{display:flex;flex-direction:column;gap:12px;margin-top:14px;scroll-margin-top:90px}
.ss-level > h3 small{font-family:var(--sans);font-size:15px;letter-spacing:0}
.ss-level .box b{display:block;font-family:var(--sans);margin-bottom:4px}
.ss-exgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (max-width:760px){.ss-exgrid{grid-template-columns:minmax(0,1fr)}}
.ss-ex{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:6px;font-family:var(--serif);font-size:16px;line-height:1.5;scroll-margin-top:90px}
.ss-ex:target{border-color:var(--forge);box-shadow:0 0 0 2px var(--forge)}
.ss-ex .tags{font-family:var(--sans)}
.ss-ex .ss-small{font-size:15px}
.ss-trad{margin:12px 0}
.ss-trad h4 a{text-decoration:none}
.ss-trad h4 a:hover{text-decoration:underline}
#friends .ss-level{margin-top:6px;gap:2px}

/* level picker */
.ss-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ss-tools .sh{margin:0 4px 0 0}
.ss-tools .btn[aria-pressed="true"]{background:var(--forge);color:var(--forge-ink)}
.ss-tools .ss-print{margin-left:auto}
#content[data-show-level="foundations"] [data-level]:not([data-level="foundations"]),
#content[data-show-level="developing"] [data-level]:not([data-level="developing"]),
#content[data-show-level="mature"] [data-level]:not([data-level="mature"]){display:none}

/* check-in */
.ss-fs{border:1px solid var(--line);border-radius:8px;padding:12px 16px;margin:0;display:flex;flex-direction:column;gap:6px;background:var(--paper)}
.ss-fs legend{font-weight:700;padding:0 6px}
.ss-radio{display:flex;gap:8px;align-items:flex-start;line-height:1.45;cursor:pointer}
.ss-radio input{margin-top:5px}
.ss-area{margin-top:12px}
.ss-area legend{font-family:var(--serif);font-size:18px;font-weight:600;color:var(--forge)}
.ss-stmt{padding:8px 0;border-top:1px dashed var(--line)}
.ss-stmt:first-of-type{border-top:0}
.ss-stmt p{font-family:var(--serif);font-size:17px;margin:0 0 6px}
.ss-scale{display:flex;flex-wrap:wrap;gap:6px}
.ss-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:var(--ground);font-size:15px;font-weight:600;cursor:pointer;min-height:38px}
.ss-chip:hover{border-color:var(--forge)}
.ss-chip:has(input:checked){background:var(--forge);border-color:var(--forge);color:var(--forge-ink)}
.ss-spectrum{border:1px solid var(--line);border-radius:8px;padding:12px 16px;margin:12px 0 0;background:var(--paper)}
.ss-spectrum legend{font-family:var(--serif);font-size:18px;font-weight:600;padding:0 6px}
.ss-spec-row{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center}
.ss-pole{display:flex;flex-direction:column;gap:2px;font-size:15px;line-height:1.4}
.ss-pole.l{text-align:right}
.ss-dots{display:flex;gap:6px;white-space:nowrap}
.ss-dots label{display:inline-flex;flex-direction:column;align-items:center;font-size:12px;cursor:pointer;min-width:24px}
.ss-dots input{width:20px;height:20px;accent-color:var(--forge);cursor:pointer}
@media (max-width:620px){.ss-spec-row{grid-template-columns:minmax(0,1fr)}.ss-pole.l{text-align:left}.ss-dots{justify-content:center}}
.ss-step2{margin-top:18px!important}
.ss-dot{display:inline-block;width:.7rem;height:.7rem;border-radius:50%;margin:0 .15rem;border:1px solid var(--muted);vertical-align:middle}
.ss-dot.on{background:var(--forge);border-color:var(--forge)}
.ss-bar{display:inline-block;height:.55rem;background:var(--forge);border-radius:4px;vertical-align:middle}
.ss-band-h{font-family:var(--display)!important;color:var(--forge);font-size:20px!important}
.ss-results-h{font-size:28px!important}
#ss-results:empty{display:none}

/* print: read or print any unit without the check-in */
@media print{
  .no-print,.ss-tools,.course-hero .hero-pdf,noscript{display:none!important}
  .ss .content h3{font-size:16pt}
  .ss-ex,.ss-quote,.ss-trad,.example,.ucard{break-inside:avoid}
  .ss-ex{border:1px solid #999}
  .ss-exgrid,.ucards{display:block}
  .ss-exgrid > *,.ucards > *{margin-bottom:8px}
  .ss-quote{border-left:3px solid #666}
  #content:has(#ss-results:not(:empty)) form{display:none}
}

/* For Families (unit pages and families/) */
.ss-fam-part{margin-top:14px;scroll-margin-top:90px}
.ss-fam-part > h4{margin-bottom:6px!important}
.ss-fam .ss-fam-level{gap:2px;margin-top:8px}
.ss-fam .ss-fam-level ol{margin:4px 0 0}
.ss-fam-links li{margin:2px 0}