/* Schools page (Coop, 26 Oct 2026 21:10-21:15): the whole page is beige (#F7F5F0) with a light header and logo; a warm glowing
   "Coming March 2027"; the designer-toy culprits on a calm auto-rotating carousel (pause / play button, pauses on hover or
   focus, stops on click, no rotation with reduced motion). Culprits are grey until hovered, focused or selected.
   Text on beige: ink #1D1D1F 15.9:1, body #2A2A2E 13.4:1, muted #5E5E63 6.0:1, sign amber-brown #8A4B00 6.2:1, links #B4300F 6.2:1.
   Generated by /workspace/handoff-build/org_culprit_cards.py (source org_culprit_cards/school.css). */
.me-page.sc-page{
  --me-ground:#F7F5F0;--me-band:#F7F5F0;--me-card:#FFFFFF;--me-footer:#F7F5F0;
  --me-hairline:#E6E2DA;--me-hairline-soft:#EEEAE3;
  --me-text:#1D1D1F;--me-lead:#2A2A2E;--me-body:#2A2A2E;--me-nav:#2A2A2E;--me-note:#5E5E63;
  --me-link:#B4300F;--me-link-hover:#8F2509;--me-focus:#C2410C;
  --me-ball:var(--aal-dot,linear-gradient(135deg,#B4B4B9 15%,#7C7C80 85%));
  background:#F7F5F0;color:#1D1D1F;color-scheme:light}
.sc-body{background:#F7F5F0}
.me-page.sc-page::before{display:none}
/* header, audience switch and mobile menu on light */
.sc-page .me-header{background:#F7F5F0}
.sc-page a.me-header-signin:hover{background:rgba(29,29,31,.06);color:#1D1D1F}
.sc-page .me-nav a:hover{color:#1D1D1F}
.sc-page .me-nav-toggle{border-color:#1D1D1F!important;color:#1D1D1F!important}
.sc-page .me-nav-toggle:hover{background:rgba(29,29,31,.06)!important}
.sc-page .me-nav-toggle[aria-expanded="true"]{border-color:#C2410C!important}
.sc-page .me-aud-seg{background:#FFFFFF;box-shadow:0 0 0 1px #E6E2DA}
.me-page.sc-page .me-aud-seg a{color:#2A2A2E}
.me-page.sc-page .me-aud-seg a:hover{color:#1D1D1F;background:#F1EEE8;box-shadow:inset 0 0 0 1.5px #D6D3CD}
.me-page.sc-page .me-aud-seg a[aria-current="page"],.me-page.sc-page .me-aud-seg a[aria-current="page"]:hover,
.me-page.sc-page .me-aud-seg a[aria-current="page"]:focus-visible{color:#FFFFFF;background:#1D1D1F;font-weight:600;box-shadow:none}
.me-page.sc-page .me-aud-seg a:focus-visible{outline:3px solid #1D1D1F;outline-offset:3px;color:#1D1D1F;box-shadow:none}
.sc-page .me-footer{background:#F7F5F0;border-top:1px solid #E6E2DA}
.sc-page .ftr-co.is-js .ftr-co-menu{box-shadow:0 12px 32px rgba(29,29,31,.12)!important}
/* hero */
.sc-hero{padding:72px 24px 16px;text-align:center}
.sc-hero .me-sign{display:inline-block}
.sc-kicker{margin:0 0 18px;font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#5E5E63}
.sc-title{margin:0;line-height:1.08;font-size:clamp(46px,8vw,96px)}
.sc-page .sc-title .sc-warm{color:#8A4B00;text-shadow:0 0 2px rgba(255,236,170,.9),0 0 18px rgba(253,192,41,.55),0 0 44px rgba(250,138,43,.28)}
.sc-title .sc-ball{display:inline-block;width:.2em;height:.2em;margin-left:.06em;border-radius:50%;vertical-align:baseline;
  background:var(--aal-dot,linear-gradient(135deg,#B4B4B9 15%,#7C7C80 85%))}
.sc-lead{max-width:620px;margin:22px auto 0;font-size:19px;line-height:1.55;color:#2A2A2E}
/* the toy culprits carousel */
.sct{--sct-w:232px;--sct-gap:28px;padding:40px 0 88px}
.sct-car{position:relative;max-width:1200px;margin:0 auto;padding:0 24px}
.sct-track{list-style:none;margin:0 auto;max-width:calc(4*var(--sct-w) + 3*var(--sct-gap) + 8px);box-sizing:border-box;scroll-padding-inline:4px;padding:10px 4px 18px;display:flex;gap:var(--sct-gap);overflow-x:auto;overscroll-behavior-x:contain;
  scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.sct-track::-webkit-scrollbar{display:none}
.sct-slide{flex:0 0 var(--sct-w);scroll-snap-align:start;display:flex}
.sct-item{all:unset;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;width:100%;padding:8px 8px 14px;border-radius:18px;
  cursor:pointer;text-align:center;font-family:inherit;color:#1D1D1F}
.sct-art{position:relative;display:block;width:216px;height:216px;transition:transform .25s ease}
.sct-art picture,.sct-art img{position:absolute;inset:0;display:block;width:100%;height:100%}
.sct-art img{object-fit:contain}
.sct-lit{opacity:0;transition:opacity .3s ease}
.sct-grey{opacity:1;transition:opacity .3s ease}
.sct-name{margin-top:10px;font-size:18px;line-height:1.25;font-weight:600;color:#1D1D1F}
.sct-type{margin-top:4px;font-size:15px;line-height:1.35;color:#5E5E63}
.sct-item[aria-pressed="true"] .sct-name{box-shadow:inset 0 -3px 0 #C2410C}
.sct-item:hover .sct-lit,.sct-item:focus-visible .sct-lit,.sct-item[aria-pressed="true"] .sct-lit{opacity:1}
.sct-item:hover .sct-grey,.sct-item:focus-visible .sct-grey,.sct-item[aria-pressed="true"] .sct-grey{opacity:0}
.sct-item:hover .sct-art,.sct-item:focus-visible .sct-art{transform:translateY(-6px)}
.sct-item:focus-visible{outline:3px solid #1D1D1F;outline-offset:2px}
.sct-ctrl{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:8px}
.sct-btn{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:48px;height:48px;padding:0 14px;
  border-radius:999px;border:1.5px solid #1D1D1F;color:#1D1D1F;background:#FFFFFF;cursor:pointer;font-family:inherit;font-size:15px;font-weight:600}
.sct-btn:hover{background:#1D1D1F;color:#FFFFFF}
.sct-btn:focus-visible{outline:3px solid #1D1D1F;outline-offset:3px}
.sct-btn svg{display:block;flex:none}
.sct-play .sct-i-play,.sct-play[data-state="paused"] .sct-i-pause{display:none}
.sct-play[data-state="paused"] .sct-i-play{display:block}
@media (max-width:760px){
  .sct{--sct-w:62vw;--sct-gap:16px;padding:24px 0 64px}
  .sct-car{padding:0}
  .sct-track{max-width:none;padding-inline:20px;scroll-padding-inline:20px}
  .sct-art{width:min(216px,56vw);height:min(216px,56vw)}
}
@media (max-width:640px){.sc-hero{padding:40px 16px 8px}.sc-lead{font-size:17px}}
@media (prefers-reduced-motion:reduce){
  .sct-art,.sct-lit,.sct-grey{transition:none}
  .sct-item:hover .sct-art,.sct-item:focus-visible .sct-art{transform:none}
  .sct-play{display:none}
}
@media (forced-colors:active){.sct-item[aria-pressed="true"] .sct-name{box-shadow:none;text-decoration:underline}}