.school-page{gap:var(--space-lg);flex-direction:column;max-width:52rem;margin-inline:auto;display:flex}.school-page__header h1{margin:0}.school-page__intro{margin:var(--space-2xs,.25rem) 0 0;color:var(--color-text-muted)}.school-page__pill-button,.school-page__secondary-button{gap:var(--space-xs);min-height:2.5rem;padding:var(--space-xs) var(--space-md);font:inherit;font-size:var(--font-size-sm);cursor:pointer;border-radius:var(--radius-full);transition:background-color var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard);justify-content:center;align-items:center;font-weight:700;display:inline-flex}.school-page__pill-button{color:var(--color-text-on-accent);background-color:var(--color-accent);border:1px solid var(--color-accent)}.school-page__secondary-button{color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border-interactive)}@media (hover:hover){.school-page__pill-button:hover{background-color:var(--color-accent-hover);border-color:var(--color-accent-hover)}.school-page__secondary-button:hover{background-color:var(--surface-2)}}.school-page__text-button{min-height:2.5rem;padding:var(--space-xs) var(--space-sm);font:inherit;font-size:var(--font-size-sm);color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;font-weight:600}.school-page__text-button:hover{color:var(--color-text)}.school-page__text-button--danger,.school-page__text-button--danger:hover{color:var(--btn-danger-text)}:is(.school-page__pill-button,.school-page__secondary-button,.school-page__text-button,.school-page__add):focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.school-page__add{gap:var(--space-xs);width:100%;min-height:2.75rem;margin-top:var(--space-sm);font:inherit;font-size:var(--font-size-sm);color:var(--color-accent);cursor:pointer;border:1.5px dashed var(--color-border-interactive);border-radius:var(--radius-lg);background:0 0;justify-content:center;align-items:center;font-weight:700;display:flex}.school-page__add svg{width:1rem;height:1rem}@media (hover:hover){.school-page__add:hover{background-color:color-mix(in srgb, var(--color-accent) 7%, transparent);border-color:var(--color-accent)}}.school-page__empty{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.school-hero{gap:var(--space-md);background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--es-tone-violet) 14%, transparent), transparent 60%), var(--color-surface);flex-direction:column;display:flex}.school-hero__top{gap:var(--space-md);align-items:center;display:flex}.school-hero__icon{width:3.25rem;height:3.25rem;color:var(--es-tone-violet);background-color:color-mix(in oklch, var(--es-tone-violet) 16%, var(--color-surface));border:1px solid color-mix(in oklch, var(--es-tone-violet) 26%, transparent);border-radius:var(--radius-lg);flex-shrink:0;place-items:center;display:inline-grid}.school-hero__icon svg{width:1.6rem;height:1.6rem}.school-hero__heading{min-width:0}.school-hero__eyebrow{font-size:var(--font-size-xs,.75rem);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin:0;font-weight:700}.school-hero__name{overflow-wrap:anywhere;font-size:var(--font-size-xl,1.5rem);margin:0;line-height:1.2}.school-hero__meta{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:2px 0 0}.school-hero__meta:empty{display:none}.school-hero__year{gap:var(--space-sm);flex-direction:column;display:flex}.school-hero__nudge{gap:var(--space-sm) var(--space-md);padding:var(--space-sm) var(--space-md);background-color:color-mix(in srgb, var(--color-accent) 8%, var(--surface-2));border:1px solid color-mix(in srgb, var(--color-accent) 30%, var(--color-border));border-radius:var(--radius-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.school-hero__nudge p{flex:14rem;margin:0;font-weight:600}.school-hero__nudge-actions{gap:var(--space-xs);flex-wrap:wrap;align-items:center;display:flex}.school-hero__empty{gap:var(--space-xs);padding:var(--space-md);background-color:var(--surface-2);border:1px dashed var(--color-border-interactive);border-radius:var(--radius-lg);flex-direction:column;align-items:flex-start;display:flex}.school-hero__empty-title{margin:0;font-weight:700}.school-hero__empty-body{margin:0 0 var(--space-xs);font-size:var(--font-size-sm);color:var(--color-text-muted)}.school-card{gap:var(--space-md);flex-direction:column;display:flex}.school-card__header{gap:var(--space-md);align-items:center;display:flex}.school-card__icon{width:2.5rem;height:2.5rem;color:var(--school-card-tone);background-color:color-mix(in oklch, var(--school-card-tone) 16%, var(--color-surface));border:1px solid color-mix(in oklch, var(--school-card-tone) 24%, transparent);border-radius:var(--radius-lg);flex-shrink:0;place-items:center;display:inline-grid}.school-card__icon svg{width:1.25rem;height:1.25rem}.school-card__heading{min-width:0}.school-card__heading h2{font-size:var(--font-size-lg);margin:0}.school-card__description{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:2px 0 0;line-height:1.4}.school-card--flush .school-card__body{margin-top:calc(-1 * var(--space-sm))}.school-terms{gap:var(--space-md);flex-direction:column;display:flex}.school-terms>.school-page__pill-button{align-self:flex-start}.school-year{gap:var(--space-sm);flex-direction:column;display:flex}.school-year__head{gap:var(--space-xs) var(--space-md);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.school-year__name{font-size:var(--font-size-base);margin:0;font-weight:700}.school-year__meta{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:2px 0 0}.school-subheading{margin:var(--space-xs) 0 0;font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:700}.school-list{border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.school-list:empty{display:none}.school-list__row{gap:var(--space-sm);min-height:3rem;padding:var(--space-xs) var(--space-xs) var(--space-xs) var(--space-md);align-items:center;display:flex}.school-list__row+.school-list__row{border-top:1px solid var(--color-border)}.school-list__dot{background-color:var(--term-tone,var(--es-tone-amber));border-radius:var(--radius-full);flex-shrink:0;width:.75rem;height:.75rem}.school-list__dot--break{border:2px solid var(--es-tone-amber);background-color:#0000}.school-list__text{flex-direction:column;flex:1;min-width:0;display:flex}.school-list__name{overflow-wrap:anywhere;font-weight:600}.school-list__dates{font-size:var(--font-size-sm);color:var(--color-text-muted)}.school-list__badge{padding:1px var(--space-xs);font-size:var(--font-size-xs,.75rem);color:var(--color-text-on-accent);background-color:var(--color-accent);border-radius:var(--radius-full);flex-shrink:0;font-weight:700}.school-list__actions{flex-shrink:0;gap:2px;display:flex}.school-past{border:1px solid var(--color-border);border-radius:var(--radius-lg)}.school-past>summary{min-height:2.75rem;padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm);cursor:pointer;font-weight:700;line-height:1.9rem}.school-past>summary:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;border-radius:var(--radius-lg)}.school-past__body{gap:var(--space-md);padding:0 var(--space-md) var(--space-md);flex-direction:column;display:flex}.school-dialog__title{font-size:var(--font-size-lg);margin:0}.school-dialog__form{gap:var(--space-md);flex-direction:column;display:flex}.school-dialog__footer{flex-direction:column;align-items:stretch;display:flex}.school-dialog__footer>*{width:100%}.school-map{gap:var(--space-sm);flex-direction:column;display:flex}.school-map__signed-out{gap:var(--space-sm);padding:var(--space-md);background-color:var(--surface-2);border-radius:var(--radius-lg);flex-direction:column;align-items:flex-start;display:flex}.school-map__signed-out p{color:var(--color-text-muted);margin:0}.school-map__drop{gap:var(--space-xs);padding:var(--space-lg) var(--space-md);text-align:center;cursor:pointer;background-color:var(--surface-2);border:2px dashed var(--color-border-interactive);border-radius:var(--radius-lg);transition:border-color var(--motion-fast) var(--ease-standard), background-color var(--motion-fast) var(--ease-standard);flex-direction:column;align-items:center;display:flex}.school-map__drop:focus-within{outline:2px solid var(--color-focus-ring);outline-offset:2px}.school-map__drop[data-dragging],.school-map__drop:hover{background-color:color-mix(in srgb, var(--es-tone-green) 8%, var(--surface-2));border-color:var(--es-tone-green)}.school-map__drop-icon{width:3rem;height:3rem;color:var(--es-tone-green);background-color:color-mix(in oklch, var(--es-tone-green) 16%, var(--color-surface));border-radius:var(--radius-full);place-items:center;display:inline-grid}.school-map__drop-icon svg{width:1.5rem;height:1.5rem}.school-map__drop-title{font-weight:700}.school-map__drop-or{font-size:var(--font-size-sm);color:var(--color-text-muted)}.school-map__hint{max-width:26rem;margin-top:var(--space-2xs,.25rem);font-size:var(--font-size-sm);color:var(--color-text-muted)}.school-map__hint>span{display:block}.school-map__link{gap:var(--space-2xs,.25rem);margin-top:var(--space-sm);flex-direction:column;display:flex}.school-map__link[hidden]{display:none}.school-map__link-label{font-size:var(--font-size-sm);color:var(--color-text);font-weight:700}.school-map__link-row{gap:var(--space-xs);flex-wrap:wrap;align-items:center;display:flex}.school-map__link-row>:first-child{flex:16rem;min-width:0}.school-map__link .school-map__hint{max-width:none;margin-top:0}.school-map__progress{gap:var(--space-sm);padding:var(--space-md);background-color:var(--surface-2);border-radius:var(--radius-lg);align-items:center;margin:0;font-weight:600;display:flex}.school-map__spinner{border:2.5px solid color-mix(in srgb, var(--color-accent) 25%, transparent);border-top-color:var(--color-accent);border-radius:var(--radius-full);flex-shrink:0;width:1.25rem;height:1.25rem;animation:.8s linear infinite school-map-spin}@keyframes school-map-spin{to{transform:rotate(360deg)}}.school-map__preview{gap:var(--space-sm) var(--space-md);grid-template-columns:minmax(0,11rem) minmax(0,1fr);align-items:center;margin:0;display:grid}.school-map__thumb{aspect-ratio:4/3;cursor:zoom-in;background-color:var(--surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;padding:0;display:block;overflow:hidden}.school-map__thumb img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.school-map__thumb:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.school-map__actions{gap:var(--space-xs);flex-wrap:wrap;align-items:center;display:flex}@media (width<=30rem){.school-map__preview{grid-template-columns:minmax(0,1fr)}}.school-map-viewer{width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--color-text);background-color:var(--color-surface);border:0;flex-direction:column;margin:0;padding:0;display:none}.school-map-viewer[open]{display:flex}.school-map-viewer::backdrop{background:var(--color-scrim)}.school-map-viewer__bar{gap:var(--space-sm);padding:max(var(--space-xs), env(safe-area-inset-top)) var(--space-sm) var(--space-xs);border-bottom:1px solid var(--color-border);flex-shrink:0;align-items:center;display:flex}.school-map-viewer__title{min-width:0;font-size:var(--font-size-base);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;overflow:hidden}.school-map-viewer__zoom{background-color:var(--surface-2);border-radius:var(--radius-full);align-items:center;gap:2px;padding:2px;display:flex}.school-map-viewer__button,.school-map-viewer__fit{min-width:2.5rem;height:2.5rem;padding:0 var(--space-xs);font:inherit;font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer;border-radius:var(--radius-full);background:0 0;border:none;place-items:center;font-weight:700;display:inline-grid}.school-map-viewer__button svg{width:1.1rem;height:1.1rem}.school-map-viewer__button:disabled,.school-map-viewer__fit:disabled{cursor:default;opacity:.4}@media (hover:hover){.school-map-viewer__button:not(:disabled):hover,.school-map-viewer__fit:not(:disabled):hover{background-color:var(--color-surface-hover,var(--color-border))}}.school-map-viewer__button:focus-visible,.school-map-viewer__fit:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:1px}.school-map-viewer__level{min-width:3.25rem;font-size:var(--font-size-sm);text-align:center;font-variant-numeric:tabular-nums;font-weight:700}.school-map-viewer__close{background-color:var(--surface-2)}.school-map-viewer__viewport{overscroll-behavior:contain;touch-action:pan-x pan-y;cursor:grab;background:radial-gradient(circle at 1px 1px, var(--color-border) 1px, transparent 0) 0 0 / 1.25rem 1.25rem, var(--surface-2);flex:1;place-items:center;min-height:0;display:grid;position:relative;overflow:auto}.school-map-viewer__viewport[data-panning]{cursor:grabbing;user-select:none}.school-map-viewer__viewport:focus{outline:none}.school-map-viewer__viewport:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:-2px}.school-map-viewer__content{box-shadow:var(--shadow-2);flex-shrink:0}.school-map-viewer__content img{user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}@media (width<=30rem){.school-map-viewer__fit{display:none}}@media (prefers-reduced-motion:reduce){.school-map__spinner{animation-duration:2.4s}}