/* For Schools & Districts landing page (approved design, Nov 2026; loaded after site.css). The banner comes from page-banner.css. */
.sch-banner .pbn-buttons{display:grid;max-width:560px}
.sch-banner .pbn-btn{justify-content:center}
.sch-center-title,.sch-title{font:700 clamp(24px,2.3vw,34px)/1.2 Fraunces,Georgia,serif;color:#0b2559}
.sch-center-title{display:flex;justify-content:center;align-items:center;gap:14px;margin:6px 0 18px;text-align:center}
.sch-center-title::before,.sch-center-title::after{content:"";width:18px;height:18px;border:3px solid #e6066f;border-width:3px 3px 0 0;flex:none}
.sch-center-title::before{transform:rotate(45deg)}.sch-center-title::after{transform:rotate(-135deg)}
.sch-title{display:flex;align-items:center;gap:14px;margin:0 0 18px}
.sch-title::after{content:"";width:38px;height:3px;border-radius:3px;background:#e6066f;flex:none}
.sch-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.sch-benefit{display:grid;justify-items:center;align-content:start;gap:8px;padding:24px 20px;border-radius:16px;border:1px solid transparent;text-align:center}
.sch-benefit h3{margin:4px 0 0;font:700 18px/1.25 "DM Sans",Arial,sans-serif;color:#0b2559}
.sch-benefit p{margin:0;color:#2f3f5c;line-height:1.5}
.sch-pink{background:#fdf0f6;border-color:#fbd5e6}
.sch-aqua{background:#eaf9fc;border-color:#c8eef5}
.sch-art{display:grid;place-items:center;width:84px;height:84px;border-radius:22px;background:#fff;box-shadow:0 8px 18px #0b25591a}
.sch-art .ico{width:46px;height:46px;stroke-width:1.8}
.sch-art.navy{color:#1d3fbf}.sch-art.aqua{color:#00b5c8}.sch-art.pink{color:#e6066f}
.sch-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px;margin:0;padding:0;list-style:none}
.sch-steps li{position:relative;display:grid;justify-items:center;align-content:start;gap:6px;text-align:center}
.sch-steps li+li::before{content:"";position:absolute;left:-26px;top:48px;width:24px;border-top:2px dashed #00b5c8}
.sch-steps h3{margin:8px 0 0;font:700 17px/1.25 "DM Sans",Arial,sans-serif;color:#0b2559}
.sch-steps p{margin:0;color:#2f3f5c;font-size:14.5px;line-height:1.45}
.sch-step-art{position:relative;display:grid;place-items:center;width:96px;height:96px;border-radius:50%}
.sch-step-art.pink{background:#fde4ef;color:#e6066f}.sch-step-art.aqua{background:#dff6fa;color:#00a7bb}
.sch-step-art .ico{width:46px;height:46px}
.sch-num{position:absolute;left:-8px;top:-6px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e6066f;color:#fff;font-weight:700}
.sch-step-art.aqua .sch-num{background:#00b5c8}
.sch-cta{display:grid;grid-template-columns:minmax(0,.9fr) auto minmax(0,1.3fr);align-items:center;gap:28px;margin:34px calc(50% - 50vw);padding:0 max(24px,calc((100vw - 1320px)/2 + 24px)) 0 0;
  background:#e6f8fb;overflow:hidden}
.sch-cta-photo{display:block;width:100%;height:100%;min-height:260px;object-fit:cover;-webkit-mask-image:linear-gradient(to right,#000 82%,transparent);mask-image:linear-gradient(to right,#000 82%,transparent)}
.sch-cta-icon{color:#1d3fbf}.sch-cta-icon .ico{width:120px;height:120px;stroke-width:1.4}
.sch-cta-copy{padding:28px 0}
.sch-cta-copy h2{margin:0 0 8px;font:700 clamp(22px,2vw,30px)/1.2 Fraunces,Georgia,serif;color:#1d3fbf}
.sch-cta-copy p{margin:0 0 16px;color:#2f3f5c;line-height:1.5}
.sch-cta-buttons{display:grid;gap:12px;max-width:520px}
.sch-cta-buttons .pbn-btn{justify-content:center}
.sch-needs{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}
.sch-need{display:grid;justify-items:center;gap:8px;padding:0 0 12px;border:1px solid #e3e9f1;border-radius:12px;background:#fff;color:#0b2559;text-decoration:none;text-align:center;overflow:hidden}
.sch-need:hover,.sch-need:focus-visible{border-color:#e6066f;box-shadow:0 6px 16px #0b25591a;text-decoration:none}
.sch-need-art{display:grid;place-items:center;width:100%;aspect-ratio:16/10}
.sch-need-art .ico{width:42px;height:42px}
.sch-need.tone-0 .sch-need-art{background:#fde4ef;color:#e6066f}.sch-need.tone-1 .sch-need-art{background:#dff6fa;color:#00a7bb}
.sch-need.tone-2 .sch-need-art{background:#ecebff;color:#5b4fd6}.sch-need.tone-3 .sch-need-art{background:#fff3d9;color:#d48a00}
.sch-need h3{margin:0;padding:0 8px;font:600 14px/1.25 "DM Sans",Arial,sans-serif}
.sch-faq-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.sch-faq-head a{color:#1d3fbf;font-weight:600}
.sch-faq{display:grid;grid-template-columns:1fr 1fr;gap:10px 22px;align-items:start}
.sch-faq-col{display:grid;gap:10px}
.sch-faq-item{background:#fff;border:1px solid #d6e0ec;border-radius:10px}
.sch-faq-item h3{margin:0;font-size:16px}
body[data-page] .sch-faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:0;padding:12px 16px;border:0;border-radius:10px;
  background:transparent;box-shadow:none;color:#0b2559;font:500 15.5px/1.35 "DM Sans",Arial,sans-serif;text-align:left;cursor:pointer;transform:none}
body[data-page] .sch-faq-q:hover{background:#f5f9fc;color:#0b2559}
.sch-faq-q:focus-visible{outline:2px solid #e6066f;outline-offset:-2px}
.sch-faq-sign::after{content:"+";color:#1d3fbf;font-size:22px;font-weight:400}
.sch-faq-q[aria-expanded="true"] .sch-faq-sign::after{content:"\2212"}
.sch-faq-a{padding:0 16px 14px;color:#2f3f5c}
.sch-faq-a p{margin:0}
@media (max-width:1100px){.sch-needs{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:960px){
  .sch-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sch-steps{grid-template-columns:1fr;gap:26px}
  .sch-steps li+li::before{left:50%;top:-22px;width:0;height:18px;border-top:0;border-left:2px dashed #00b5c8}
  .sch-cta{grid-template-columns:1fr;padding:0 20px 8px;gap:12px}
  .sch-cta-photo{min-height:0;max-height:240px;margin:0 -20px;width:calc(100% + 40px);-webkit-mask-image:none;mask-image:none}
  .sch-cta-icon{display:none}
}
@media (max-width:640px){.sch-benefits,.sch-faq{grid-template-columns:1fr}.sch-needs{grid-template-columns:repeat(2,minmax(0,1fr))}}/* The older site.css step styles (bordered cards, navy number dots on every span) don't apply to the approved design. */
.sch-steps li{background:none;border:0;border-radius:0;padding:0}
.sch-steps li span.sch-step-art{display:grid;width:96px;height:96px;border-radius:50%;color:#e6066f;background:#fde4ef;font-weight:400}
.sch-steps li span.sch-step-art.aqua{color:#00a7bb;background:#dff6fa}
.sch-steps li span.sch-num{position:absolute;display:grid;width:34px;height:34px;background:#e6066f;color:#fff}
.sch-steps li span.sch-step-art.aqua .sch-num{background:#00b5c8}