/* Keep timetable sections above summaries and visible in the existing scroll pane. */
html body .staff-workspace .staff-timetable-page>.tt-workspace>.tt-shell{box-sizing:border-box;width:100%;max-width:1440px!important;margin:0 auto;padding-top:28px!important;padding-inline:24px!important}
html body .staff-workspace .staff-timetable-page>.tt-workspace{scroll-padding-top:88px}
html body .staff-workspace .staff-timetable-page>.tt-workspace>.tt-shell>nav.tt-sections[aria-label="Timetable sections"]{position:sticky;top:0;z-index:12;display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);align-items:stretch;gap:6px;width:100%;max-width:100%;box-sizing:border-box;margin:0 0 20px;padding:6px;border:1px solid #d8dee5;border-radius:16px;background:#eef1f5;box-shadow:0 4px 12px #14253810}
html body .staff-workspace .staff-timetable-page>.tt-workspace>.tt-shell>nav.tt-sections[aria-label="Timetable sections"]>button{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:48px;box-sizing:border-box;margin:0;padding:10px 12px;border:1px solid transparent;border-radius:11px;white-space:normal;overflow-wrap:normal;line-height:1.25;text-align:center;font-size:15px!important;font-weight:700;color:#334155;background:transparent}
html body .staff-workspace .staff-timetable-page>.tt-workspace>.tt-shell>nav.tt-sections[aria-label="Timetable sections"]>button[aria-current=page]{border-color:#d3dfec;background:#fff;color:#075d95;box-shadow:0 1px 4px #14253812}
html body .staff-workspace .staff-timetable-page>.tt-workspace>.tt-shell>nav.tt-sections[aria-label="Timetable sections"]>button:focus-visible{outline:3px solid #0781c4;outline-offset:1px}
html body .staff-workspace .staff-timetable-page>.tt-workspace>.tt-shell>nav.tt-sections[aria-label="Timetable sections"]>button>.tt-badge{flex:0 0 auto;margin:0;min-width:24px;box-sizing:border-box}
@media(max-width:800px){
 html body .staff-workspace .staff-timetable-page>.tt-workspace>.tt-shell{padding-top:16px!important;padding-inline:16px!important}
 html body .staff-workspace .staff-timetable-page>.tt-workspace{scroll-padding-top:136px}
 html body .staff-workspace .staff-timetable-page>.tt-workspace>.tt-shell>nav.tt-sections[aria-label="Timetable sections"]{grid-auto-flow:row;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-columns:auto;gap:4px;padding:5px;margin:0 0 16px;border-radius:14px}
 html body .staff-workspace .staff-timetable-page>.tt-workspace>.tt-shell>nav.tt-sections[aria-label="Timetable sections"]>button{grid-column:span 3!important;min-height:48px;padding:10px 5px;font-size:14px!important;border-radius:9px}
 html body .staff-workspace .staff-timetable-page>.tt-workspace>.tt-shell>nav.tt-sections[aria-label="Timetable sections"]:has(>button:nth-child(5))>button:nth-child(-n+3){grid-column:span 2!important}
}