.school-submenu-hub{width:100%}.school-submenu-intro{max-width:720px;margin-bottom:clamp(32px, 4vw, 48px)}.school-submenu-intro h2{margin:0;padding:0;color:var(--dark-text);font-size:clamp(28px, 3vw, 38px);line-height:1.12}.school-submenu-intro-en{margin:5px 0 18px;padding:0;color:var(--primary);font-size:16px;font-weight:700}.school-submenu-intro-copy{margin:0;padding:0;color:var(--slate);font-size:16px;line-height:1.7}.school-submenu-grid{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:24px}.school-submenu-card{position:relative;display:flex;flex:0 1 calc((100% - 48px) / 3);flex-direction:column;min-width:0;min-height:250px;padding:26px;overflow:hidden;border:1px solid var(--border);border-radius:20px;background:var(--white);box-shadow:0 10px 30px rgb(23 42 42 / .08);color:var(--dark-text);text-decoration:none;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.school-submenu-card::before{position:absolute;top:0;right:26px;left:26px;height:4px;border-radius:0 0 5px 5px;background:var(--accent);content:""}.school-submenu-card:hover,.school-submenu-card:focus-visible{border-color:var(--accent);box-shadow:0 18px 42px rgb(23 42 42 / .14);color:var(--dark-text);transform:translateY(-6px)}.school-submenu-card:focus-visible{outline:3px solid rgb(62 193 170 / .42);outline-offset:4px}.school-submenu-card-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.school-submenu-number{display:grid;flex:0 0 48px;width:48px;height:48px;place-items:center;border-radius:14px;background:var(--mint);color:var(--primary);font-family:Fredoka,Georgia,serif;font-size:20px;font-weight:650;line-height:1}.school-submenu-type{color:var(--primary);font-size:11px;font-weight:700;letter-spacing:.045em;line-height:1.35;text-align:right;text-transform:uppercase}.school-submenu-content{display:flex;flex:1;flex-direction:column;gap:5px;justify-content:center;padding:25px 0}.school-submenu-title-cy{color:var(--dark-text);font-family:Fredoka,Georgia,serif;font-size:clamp(21px, 2vw, 25px);font-weight:650;line-height:1.18;overflow-wrap:anywhere}.school-submenu-title-en{color:var(--slate);font-size:14px;line-height:1.45;overflow-wrap:anywhere}.school-submenu-action{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:16px;border-top:1px solid var(--border);color:var(--primary);font-size:13px;font-weight:700;line-height:1.35}.school-submenu-arrow{display:grid;flex:0 0 32px;width:32px;height:32px;place-items:center;border-radius:50%;background:var(--mint);color:var(--primary);transition:background-color .2s ease,color .2s ease,transform .2s ease}.school-submenu-arrow svg{display:block;width:17px;height:17px;flex:none}.school-submenu-card:hover .school-submenu-arrow,.school-submenu-card:focus-visible .school-submenu-arrow{background:var(--primary);color:var(--white);transform:translateX(3px)}.school-submenu-card--external::before,.school-submenu-card--document::before{background:var(--supporting-blue)}.school-submenu-card--external .school-submenu-type,.school-submenu-card--external .school-submenu-action,.school-submenu-card--external .school-submenu-arrow,.school-submenu-card--document .school-submenu-type,.school-submenu-card--document .school-submenu-action,.school-submenu-card--document .school-submenu-arrow{color:var(--supporting-blue)}.school-submenu-card--external:hover,.school-submenu-card--external:focus-visible,.school-submenu-card--document:hover,.school-submenu-card--document:focus-visible{border-color:var(--supporting-blue)}.school-submenu-card--external:hover .school-submenu-arrow,.school-submenu-card--external:focus-visible .school-submenu-arrow,.school-submenu-card--document:hover .school-submenu-arrow,.school-submenu-card--document:focus-visible .school-submenu-arrow{background:var(--supporting-blue);color:var(--white);transform:translate(2px,-2px)}