.school-site:has(.top-navigation){overflow:clip}.school-site .school-header.top-navigation{position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;max-width:none;margin:0;padding:14px clamp(18px,4vw,64px);border:0;border-bottom:1px solid #b8cebd;background:rgba(247,251,245,.96);box-shadow:0 5px 24px #06452b0d;backdrop-filter:blur(18px)}
.top-navigation .prosperamos-brand{display:flex;align-items:center;gap:12px}.top-navigation .prosperamos-brand-mark{width:48px;height:48px}.top-navigation .brand-wordmark{font-size:23px;line-height:1.15;letter-spacing:-.6px;color:#07533f}
.school-site .top-navigation .school-header-actions{margin:0;display:flex;align-items:center;justify-content:space-between;gap:32px;flex:1;max-width:720px}.top-navigation .header-account-group,.top-navigation .header-tools-group{display:flex;align-items:center;gap:10px;min-width:0}
.school-site .top-navigation :is(.cabinet-link,.home-crm-link,.school-menu,.school-locale){font-size:17px;min-height:46px;border-radius:14px;border:1px solid #07533f;background:#07533f;color:#fff;box-shadow:none}.school-site .top-navigation .school-locale{padding:0 10px;display:flex;align-items:center}.school-site .top-navigation .school-locale select{width:142px;border:0;background:#07533f;color:#fff;font-size:17px}.school-site .top-navigation .school-menu{display:flex;align-items:center;gap:12px;padding:10px 17px}
.school-site .top-navigation nav{display:none;position:absolute;top:100%;left:0;right:0;padding:24px clamp(18px,4vw,64px);background:#f7fbf4;border-bottom:1px solid #bed1bf;box-shadow:0 18px 24px #06452b12;max-height:75vh;overflow:auto}.school-site .top-navigation nav.open{display:flex;align-items:flex-start;flex-wrap:wrap;gap:20px 30px}.school-site .top-navigation nav a,.school-site .top-navigation nav summary{font-size:18px;color:#07533f}.school-site .top-navigation .nav-dropdown-menu{position:static;box-shadow:none;border:0;background:#edf5ed;margin-top:12px}.top-navigation a:focus-visible,.top-navigation button:focus-visible,.top-navigation select:focus-visible{outline:3px solid #c63e37;outline-offset:4px}.school-site .top-navigation :is(a,button,select){touch-action:manipulation}
.school-site :is(section[id],h1[id],h2[id],h3[id]){scroll-margin-top:125px}.school-site .teacher-choice-link{display:inline-flex;align-items:center;gap:12px;font-size:18px;font-weight:700;color:#07533f;padding-top:12px}.school-site .teacher-preference-note{font-size:18px;line-height:1.6;color:#35584b;max-width:740px}.school-site .enquiry-form :is(select,input){font-size:18px}.school-site .trial-slot-controls{display:grid;gap:12px;padding:20px;border-radius:18px;background:#edf5ed;border:1px solid #bdd1bf}.school-site .trial-slot-controls p{font-size:17px;line-height:1.6}.school-site .trial-slot-controls select{width:100%;max-width:100%}.school-site .booking-result{margin-top:20px;font-size:19px;line-height:1.7}.school-site .preview-form-note{padding:14px;background:#fff3d3;border-radius:12px;font-size:17px;color:#674c15}.school-site .legal-links{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin:0 0 28px;font-size:17px}.school-site .school-legal{max-width:1000px;margin:auto}.school-site .school-legal h2{font-size:28px}.school-site .school-legal p{font-size:20px;line-height:1.8}.school-site .school-legal section{margin:32px 0}
@media(max-width:850px){.school-site .school-header.top-navigation{gap:14px;flex-wrap:wrap;padding:10px 16px}.top-navigation .prosperamos-brand-mark{width:40px;height:40px}.top-navigation .brand-wordmark{font-size:21px}.school-site .top-navigation .school-header-actions{max-width:none;flex-basis:100%;gap:10px}.school-site .top-navigation :is(.cabinet-link,.home-crm-link,.school-menu,.school-locale){min-height:44px;font-size:16px}.school-site .top-navigation .school-locale select{width:115px;font-size:16px}.school-site .top-navigation .school-menu{padding:9px 12px}.school-site .top-navigation .school-menu>span:first-child{display:none}.school-site .top-navigation .cabinet-full{display:none}.school-site .top-navigation .cabinet-short{display:inline}.school-site .top-navigation nav.open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.school-site .school-legal p{font-size:18px}.school-site :is(section[id],h1[id],h2[id],h3[id]){scroll-margin-top:160px}}
@media(prefers-reduced-motion:reduce){.school-site .top-navigation{backdrop-filter:none}}