.student-service-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:1rem;margin-block:1rem}
.student-service-links>a{display:grid;grid-template-columns:36px 1fr;align-items:center;gap:.4rem .7rem;padding:1.2rem;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink);text-decoration:none;transition:box-shadow .2s,border-color .2s}
.student-service-links>a:hover,.student-service-links>a:focus-visible{border-color:var(--brand);box-shadow:0 5px 18px #00000012}
.student-service-links>a>span{grid-row:span 2;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--warm);color:var(--brand);font-size:1.3rem}
.student-service-links strong{font-size:1rem}.student-service-links small{line-height:1.7;color:var(--muted)}
.profile-sections{grid-template-columns:minmax(0,1fr);min-width:0}
.profile-sections>.profile-section{min-width:0;max-width:100%}
.profile-data-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.student-school-services,.student-service-links,.student-service-links>a{min-width:0}
.student-service-links strong,.student-service-links small{overflow-wrap:anywhere}
#school-invitations,#school-transport,#school-fees{scroll-margin-top:100px}
.nickname-edit-link{margin-block:.5rem 1rem}
.nickname-edit-link .secondary-button{display:inline-flex;width:auto;align-items:center;padding:.55rem .85rem}
.sidebar-toggle{flex-shrink:0}
/* One explicit mode keeps CSS and JS in agreement across fractional zoom widths. */
.app-frame[data-sidebar-mode="desktop"]{--sidebar-width:280px}
.app-frame[data-sidebar-mode="desktop"].sidebar-collapsed{--sidebar-width:82px}
.app-frame[data-sidebar-mode="desktop"] .app-sidebar{width:var(--sidebar-width);visibility:visible;pointer-events:auto;transform:none!important}
.app-frame[data-sidebar-mode="desktop"] .app-workspace{margin-inline-start:var(--sidebar-width)}
.app-frame[data-sidebar-mode="desktop"] .sidebar-screen{display:none!important}
.app-frame[data-sidebar-mode="mobile"]{--sidebar-width:0px}
.app-frame[data-sidebar-mode="mobile"] .app-workspace{margin-inline-start:0}
.app-frame[data-sidebar-mode="mobile"] .app-sidebar{width:min(310px,86vw);visibility:hidden;pointer-events:none;transform:translateX(-110%)}
html[dir="rtl"] .app-frame[data-sidebar-mode="mobile"] .app-sidebar{transform:translateX(110%)}
.app-frame[data-sidebar-mode="mobile"].sidebar-open .app-sidebar{visibility:visible;pointer-events:auto;transform:none!important}
.app-frame[data-sidebar-mode="mobile"] .sidebar-screen{position:fixed;z-index:90;inset:0;background:#07131d88;display:none}
.app-frame[data-sidebar-mode="mobile"].sidebar-open .sidebar-screen{display:block}
.app-frame[data-sidebar-mode="mobile"] .sidebar-brand button{display:block}