.reference-ui .page-intro{margin-bottom:26px}.reference-ui .eyeline{letter-spacing:1.5px;font-size:10px}.reference-ui .panel{box-shadow:none;border:1px solid var(--line);border-radius:20px}.reference-ui .primary-button,.reference-ui .outline-button{min-height:44px;border-radius:11px;text-transform:none;letter-spacing:0;font-weight:700}.reference-ui .primary-button:hover{background:var(--ink-deep);transform:translateY(-1px)}.reference-ui .outline-button:hover{background:var(--cream)}.reference-ui .nav-link{transition:background .15s,color .15s}.reference-ui .topbar{margin-bottom:8px}.reference-ui .environment-bar{font-size:11px;line-height:1.5;gap:8px;flex-wrap:wrap;padding:8px 20px}.reference-ui .environment-bar strong{font-size:10px;letter-spacing:.7px}.reference-ui .page-intro p{max-width:650px;line-height:1.75}.reference-ui .academic-panel :is(input,select,textarea){border-radius:10px;min-height:44px}.reference-ui .academic-panel label{font-weight:700}.reference-ui .academic-panel form p{margin-bottom:18px}.reference-ui .academic-panel form .helptext{display:block;font-size:12px;margin-top:6px}.reference-ui .academic-panel form button{margin-top:8px}.reference-ui .delivery-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);gap:22px;align-items:start;margin:20px 0}.reference-ui .delivery-main>p{line-height:1.8;max-width:620px;margin:15px 0}.reference-ui .delivery-main .primary-button{margin:10px 0}.reference-ui .delivery-action{display:flex;flex-direction:column;gap:5px;padding:18px 0;border-bottom:1px solid var(--line);line-height:1.5}.reference-ui .delivery-action:last-child{border-bottom:0}.reference-ui .delivery-action span{font-size:12px;color:var(--muted)}.reference-ui .lesson-back{font-size:12px;font-weight:700;display:inline-block;margin:8px 0 20px}.reference-ui .lesson-schedule{font-size:13px;margin-top:-10px}.reference-ui .delivery-aside .panel{padding:24px}.reference-ui .delivery-main h2{font-size:26px}.reference-ui .notification-button:hover{background:var(--cream)}.reference-ui .sidebar-bottom{margin-top:28px}.reference-ui .academic-panel h1{overflow-wrap:anywhere}.reference-ui a{scroll-margin-top:20px}.reference-ui .journey-package:hover{border-color:#a9bfca;background:#fffef4}.reference-ui .safara-next{border-top:4px solid var(--mint)}.reference-ui .safara-materials{border-top:4px solid var(--sky)}
@media(min-width:901px){.reference-ui.authenticated .navigation{position:sticky;top:0;align-self:start;min-height:calc(100vh - 100px)}}
@media(max-width:700px){.reference-ui .delivery-grid{grid-template-columns:minmax(0,1fr)}.reference-ui .environment-bar span{font-size:10px}.reference-ui .panel.academic-panel{padding:20px}.reference-ui .page-intro{margin-top:18px}.reference-ui .academic-panel form :is(input,select,textarea){font-size:16px}.reference-ui .lesson-schedule{line-height:1.7}.reference-ui .safara-stats{grid-template-columns:1fr}.reference-ui .safara-stat{min-height:0;display:grid;grid-template-columns:1fr auto;gap:5px;padding:16px 18px}.reference-ui .safara-stat .stat-label{min-height:0;align-self:center}.reference-ui .safara-stat>strong{grid-column:2;grid-row:1/3;margin:0;font-size:31px;align-self:center}.reference-ui .safara-stat>span:last-child{grid-column:1;justify-content:start;gap:12px}.reference-ui .dashboard-browse{min-height:48px}.reference-ui .main-nav .nav-link{min-height:46px}}
@media(prefers-reduced-motion:reduce){.reference-ui .primary-button:hover{transform:none}}

.reference-ui .teacher-upcoming{padding:24px;margin-bottom:24px}.reference-ui .teaching-lesson{display:flex;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}.reference-ui .teaching-lesson:last-of-type{border-bottom:0}.reference-ui .teaching-lesson>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}.reference-ui .teaching-lesson strong{display:block;font-size:15px}.reference-ui .teaching-lesson small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.reference-ui .lesson-date{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:51px;height:60px;border-radius:12px;background:var(--cream);font-size:10px;text-transform:uppercase}.reference-ui .lesson-date strong{font-size:23px;line-height:1.3}.reference-ui .teacher-upcoming>.timezone{margin-top:16px;font-size:11px}@media(max-width:600px){.reference-ui .teaching-lesson{flex-wrap:wrap;gap:12px}.reference-ui .teaching-lesson>.lesson-label{margin-left:63px}.reference-ui .teacher-upcoming{padding:18px}}

/* Tutor cards need room before the shell switches to mobile navigation. */
.teacher-ui :is(.learning-column,.journey-rail,.journey-rail>section){min-width:0}
.teacher-ui .journey-rail>section{overflow-wrap:anywhere}
.teacher-ui .teacher-upcoming .section-heading{flex-wrap:wrap;gap:12px}
.teacher-ui .teaching-lesson>span:nth-child(2){overflow-wrap:anywhere}
@media(max-width:1200px){
  .teacher-ui .journey-columns{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:24px}
  .teacher-ui .journey-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}
  .teacher-ui .journey-rail>section{margin:0}
}
@media(max-width:900px){.teacher-ui .journey-rail{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.teacher-ui .journey-rail{grid-template-columns:minmax(0,1fr)}}