/* School two-row tab bar (schooltabs/index.js). Scoped to the CEC skin. */
body.ux.cec .scn-top:has(+ .scn-sub) { margin-bottom: 0.6rem; }
body.ux.cec .scn-sub { display: flex; gap: 0.35rem; margin: 0 0 1.25rem; padding: 0.1rem 0.1rem 0.35rem; overflow-x: auto; scrollbar-width: thin; max-width: 100%; box-sizing: border-box; }
body.ux.cec .scn-sub a { flex: 0 0 auto; white-space: nowrap; padding: 0.38rem 0.85rem; border-radius: 999px; font-weight: 700; font-size: 0.82rem; color: #44464a; text-decoration: none; background: #fff; border: 1px solid var(--c-line); }
body.ux.cec .scn-sub a:hover { background: var(--c-pale); color: var(--ux-ink); }
body.ux.cec .scn-sub a.on { background: var(--c-accent-tint); color: var(--c-accent-ink); border-color: rgba(200,16,46,.28); }
@media (max-width: 620px) {
  body.ux.cec .scn-top { border-radius: 18px; }
  body.ux.cec .scn-top a { padding: 0.5rem 0.85rem; }
}