#schoolInfo{padding-block:64px;scroll-margin-top:12px}
.school-intro{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px}
.school-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:800;color:var(--ink2);margin-bottom:14px}
.school-eyebrow>span{width:8px;height:8px;background:var(--gold);border-radius:50%;box-shadow:0 0 0 5px #f5b32415}
#schoolInfoTitle{font-size:clamp(32px,4.5vw,48px);font-weight:800;line-height:1.25;letter-spacing:-1px;margin:0}
#schoolInfoTitle>span{display:block;color:var(--blue)}
.school-english{font-size:13px;font-weight:800;letter-spacing:1.7px;margin:16px 0 0;color:var(--ink2);text-align:right}
.school-english b{display:inline-block;border:1px solid var(--line);border-radius:7px;padding:2px 7px;margin-left:6px;color:var(--navy);letter-spacing:1px}
.school-seal{width:132px;height:132px;object-fit:contain;border-radius:24px;box-shadow:0 12px 35px #0e2f6322;transform:none}
.school-contact-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:16px}
.school-contact-card{position:relative;min-width:0;padding:26px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,#fff,#f7faff);overflow:hidden}
.school-contact-icon{width:46px;height:46px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:#eaf1fc;color:#1651a0;flex:none}
.school-contact-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.school-card-label{display:block;font-size:12px;font-weight:700;color:var(--ink2)}
.school-contact-card h3{font-size:19px;font-weight:800;color:var(--navy);margin:2px 0 9px;line-height:1.4}
.school-address{grid-row:span 2;background:linear-gradient(145deg,#102e5c,#184d89);color:#fff;border-color:#204f83}
.school-address .school-contact-icon{background:#ffffff14;color:#ffd188;margin-bottom:22px}
.school-address .school-card-label{color:#c1d1e8}
.school-address h3{color:#fff}
.school-address-main{font-size:27px;font-weight:800;line-height:1.5;margin:24px 0 0;position:relative;z-index:1}
.school-address-sub{font-size:18px;font-weight:700;color:#d2dff1;margin:2px 0 0}
.school-location-mark{position:absolute;bottom:-35px;left:8px;font:700 120px 'IBM Plex Sans Arabic','Segoe UI',Arial,sans-serif;color:#ffffff06;pointer-events:none}
.school-contact-link{display:flex;align-items:center;gap:16px;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s}
.school-contact-link>div{min-width:0;flex:1}
.school-contact-link:hover{transform:translateY(-3px);border-color:#90acd3;box-shadow:0 12px 28px #0e2f6310}
.school-contact-link:focus-visible,.school-social-link:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.school-contact-value{display:block;text-align:right;font:700 clamp(20px,2.6vw,28px)/1.4 'IBM Plex Sans Arabic','Segoe UI',Arial,sans-serif;color:var(--navy);letter-spacing:.3px;overflow-wrap:anywhere}
.school-email{font-size:clamp(15px,1.9vw,20px);letter-spacing:0}
.school-link-arrow{align-self:flex-start;color:var(--ink3);font:24px 'IBM Plex Sans Arabic','Segoe UI',Arial,sans-serif}
.school-social-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:22px;margin-top:8px;border-bottom:1px solid var(--line);font-size:15px;font-weight:700;color:var(--ink2)}
.school-social-link{color:var(--blue);font-weight:800;text-decoration:none;display:inline-flex;gap:12px;align-items:center}
.school-social-link:hover{text-decoration:underline;text-underline-offset:5px}
[data-theme=dark] .school-contact-card{background:var(--surface);border-color:var(--line)}
[data-theme=dark] .school-address{background:linear-gradient(145deg,#15335e,#111d30)}
[data-theme=dark] .school-contact-icon{background:#2563eb18;color:var(--blue)}
[data-theme=dark] .school-address .school-contact-icon{color:var(--sky);background:#60a5fa18}
[data-theme=dark] .school-address .school-card-label,[data-theme=dark] .school-address-sub{color:var(--ink2)}
[data-theme=dark] .school-contact-link:hover{border-color:var(--focus);box-shadow:0 12px 28px #0003}
@media(max-width:640px){#schoolInfo{padding-block:40px}.school-intro{gap:14px}.school-seal{width:82px;height:82px;border-radius:17px}.school-english{font-size:10px;letter-spacing:.5px;max-width:240px}.school-contact-grid{grid-template-columns:1fr}.school-address{grid-row:auto}.school-address-main{margin-top:10px}.school-address .school-contact-icon{margin-bottom:14px}.school-contact-card{padding:22px}.school-contact-link{gap:12px}.school-contact-value{font-size:24px}.school-email{font-size:16px}.school-social-row{align-items:flex-start;flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){.school-contact-link{transition:none}.school-contact-link:hover{transform:none}}