/* Extra pieces for get-school-hub.pages.dev on top of style.css (the Industrial system). */
.tiers { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; border-top: 1px solid var(--ink); padding-top: 32px; }
.tier { display: flex; flex-direction: column; gap: 6px; align-items: flex-start; }
.tier .price { font-weight: 500; font-size: 48px; letter-spacing: -.03em; line-height: 1; margin-top: 10px; color: var(--ink); }
.tier .price small { font-size: 17px; letter-spacing: 0; color: var(--muted); }
.tier .per { margin: 0 0 8px; color: var(--muted); font: 400 13px/1.5 var(--mono); }
.tier .per.small { margin-top: 12px; }
.tier ul { list-style: none; padding: 0; margin: 8px 0 22px; border-top: 1px solid var(--rule); width: 100%; }
.tier li { padding: 11px 0; border-bottom: 1px solid var(--rule); font-size: 15px; color: var(--text); }
.tier li b { color: var(--ink); font-weight: 600; }
.qa-h { font-weight: 500; font-size: 32px; letter-spacing: -.02em; margin: 12px 0 0; }
.notice { border: 1px solid var(--rule); background: var(--surface); padding: 14px 16px; font-size: 15px; color: var(--text); margin: 0 0 24px; }
@media (max-width: 980px) { .tiers { grid-template-columns: 1fr; } }