/* Responsive lightweight School Pages hero, Contact & FAQ enhancements */
.w3-page .w3-banner .wsl-contact-hero-art{width:100%;max-width:470px;min-height:195px;display:flex;align-items:center;justify-content:center;margin-inline:auto;background:linear-gradient(145deg,#e8f4ff,#fff 66%,#eafbf6);border:1px solid #dceaff;border-radius:19px}
.wsl-contact-hero-art svg{display:block;width:min(100%,420px);height:auto}
.wsl-contact-section{font-family:'Nunito Sans',Arial,sans-serif;color:#081b4e}
.wsl-contact-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.8fr);gap:20px;align-items:start;margin:25px 0 30px}
.wsl-contact-panel,.wsl-contact-sidebar,.wsl-faq{background:#fff;border:1px solid #dbe8f8;border-radius:19px;padding:28px;box-shadow:0 6px 20px rgba(15,72,139,.04)}
.wsl-section-kicker{font-size:11px;font-weight:900;letter-spacing:.13em;color:#075cff;margin-bottom:10px}
.wsl-contact-panel h2,.wsl-contact-sidebar h2,.wsl-faq h2{font-size:clamp(23px,2.5vw,31px);letter-spacing:-.035em;margin:0 0 10px;color:#081b4e}
.wsl-contact-panel p,.wsl-contact-sidebar p,.wsl-faq p{line-height:1.7;color:#526987;margin:0 0 20px}
.wsl-contact-panel form{display:grid;gap:15px;margin-top:18px}
.wsl-contact-panel form label:not(.wsl-contact-consent){font-size:13px;font-weight:850;display:block;color:#182d56}
.wsl-contact-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.wsl-contact-panel input:not([type=checkbox]),.wsl-contact-panel select,.wsl-contact-panel textarea{display:block;width:100%;max-width:100%;border:1px solid #c6d7f1;border-radius:12px;background:#fbfdff;color:#18305c;font:inherit;font-size:15px;font-weight:500;line-height:1.45;padding:12px 14px;margin-top:7px;min-height:46px}
.wsl-contact-panel textarea{resize:vertical;min-height:135px}
.wsl-contact-panel input:focus-visible,.wsl-contact-panel select:focus-visible,.wsl-contact-panel textarea:focus-visible{border-color:#075cff;outline:3px solid #d8e8ff;outline-offset:1px}
.wsl-contact-consent{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;color:#536c8d;cursor:pointer}
.wsl-contact-consent input{margin-top:3px;min-width:18px;min-height:18px;accent-color:#075cff}
.wsl-contact-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.wsl-contact-send{font:900 14px 'Nunito Sans',Arial,sans-serif;border:0;border-radius:28px;background:#075cff;color:#fff;padding:13px 25px;min-height:48px;cursor:pointer}
.wsl-contact-send:hover{background:#0049d7}.wsl-contact-send:disabled{opacity:.6;cursor:progress}
.wsl-contact-required{font-size:12px;color:#5d7599}
.wsl-contact-feedback{min-height:16px;font-weight:750;font-size:14px;overflow-wrap:anywhere}.wsl-contact-feedback[data-state=success]{color:#145c3d}.wsl-contact-feedback[data-state=error]{color:#9b2b27}
.wsl-contact-sidebar{background:linear-gradient(145deg,#f4f9ff,#fff)}
.wsl-contact-email{display:flex;gap:11px;align-items:center;margin:24px 0;overflow-wrap:anywhere}
.wsl-contact-email svg{width:22px;min-width:22px;color:#075cff}
.wsl-contact-email a{color:#075cff;font-weight:850;text-decoration:underline;text-underline-offset:3px}
.wsl-contact-tip{padding:17px;border-radius:14px;background:#eaf4ff;border:1px solid #d8e8ff}.wsl-contact-tip strong{color:#173b78}
.wsl-contact-tip p{font-size:13px;margin:7px 0 0;color:#435d83}
.wsl-contact-more{display:inline-block;color:#075cff;font-size:13px;font-weight:850;margin-top:23px}
.wsl-faq{margin:0 0 45px;padding:30px}
.wsl-faq-list{display:grid;gap:10px;margin-top:19px}
.wsl-faq-list details{border:1px solid #dce8fa;border-radius:12px;background:#fafdff;overflow:hidden}
.wsl-faq-list summary{cursor:pointer;font-weight:850;font-size:15px;color:#193568;list-style:none;padding:17px 44px 17px 17px;position:relative}
.wsl-faq-list summary::-webkit-details-marker{display:none}.wsl-faq-list summary:hover{background:#f1f7ff}.wsl-faq-list summary:focus-visible{outline:3px solid #85b4fa;outline-offset:-3px}
.wsl-faq-plus::before,.wsl-faq-plus::after{content:'';position:absolute;background:#075cff;border-radius:2px;right:18px;top:25px;width:15px;height:2px}
.wsl-faq-plus::after{transform:rotate(90deg);transition:transform .18s}
.wsl-faq-list details[open] .wsl-faq-plus::after{transform:rotate(0)}
.wsl-faq-list details>div{padding:0 17px 19px;color:#496482;line-height:1.65;font-size:14px}
@media(max-width:880px){.wsl-contact-grid{grid-template-columns:1fr}.wsl-contact-sidebar{max-width:none}}
@media(max-width:560px){.wsl-contact-panel,.wsl-contact-sidebar,.wsl-faq{padding:20px 17px;border-radius:16px}.wsl-contact-form-grid{grid-template-columns:1fr}.wsl-contact-send{width:100%}.wsl-contact-hero-art{min-height:155px!important}}
@media(prefers-reduced-motion:reduce){.wsl-faq-plus::after{transition:none}}