.mode-switch{position:relative;display:inline-block;flex-shrink:0;color:#2457e6;font-size:13px;font-weight:800;line-height:1.3;text-align:left;z-index:60}
.mode-switch>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 15px;border:1px solid #d8d2c5;border-radius:12px;background:#fff;white-space:nowrap;user-select:none}
.mode-switch>summary::-webkit-details-marker{display:none}
.mode-switch[open]>summary{border-color:#2457e6}
.mode-switch-panel{position:absolute;top:calc(100% + 8px);right:0;width:210px;max-width:calc(100vw - 32px);padding:6px;background:#fff;border:1px solid #d8d2c5;border-radius:14px;box-shadow:0 12px 30px #0002;z-index:100}
.mode-switch .mode-switch-panel a{display:flex!important;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:12px;border-radius:9px;color:#111;text-decoration:none!important;font-size:14px!important;font-weight:700;white-space:nowrap}
.mode-switch-panel a:hover,.mode-switch-panel a:focus-visible{background:#f1f3e9}
.mode-switch-panel a[aria-current=page]{background:#e8eddb;color:#2457e6}
.teacher-mobile-notice .mode-switch{align-self:flex-end;margin-bottom:24px}
@media(max-width:760px){.mode-switch{font-size:12px}.mode-switch>summary{padding:10px 12px}.student-page.has-word-card .pupil-header .mode-switch>summary{min-height:36px;padding:7px 10px}.pupil-header nav:has(.mode-switch){align-items:center}.self-header nav:has(.mode-switch){align-items:center}}
.mode-switch .mode-switch-panel{display:block!important;margin:0;gap:0}.mode-switch .mode-switch-panel a{width:100%}