.mobile-topics-bar,.mobile-topics-button{display:none}.topics-dialog{box-sizing:border-box;width:min(500px,calc(100% - 24px));max-height:80dvh;border:1px solid #b8cdec;border-radius:18px;padding:20px;background:#fff;color:#111;overflow:auto;margin:auto}.topics-dialog::backdrop{background:#10244499;backdrop-filter:blur(4px)}.topics-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:-20px;background:white;padding:12px 0}.topics-heading h2{font-size:22px;margin:0}.topics-heading button{padding:10px;border:1px solid #b8cdec;border-radius:8px;background:#eef5ff;color:#174ea6}.topics-list a{display:block;padding:14px 12px;margin:5px 0;border-radius:9px;color:#111;background:#f4f8ff}.topics-list a[aria-current=page]{background:#dceaff;color:#174ea6;font-weight:700}.topics-list summary{padding:14px 4px;font-weight:700;color:#174ea6;cursor:pointer}@media(max-width:900px){.has-topics-menu .notes-sidebar{display:none}.mobile-topics-bar{display:block;position:sticky;top:var(--header,76px);z-index:25;background:#fff;border-bottom:1px solid #e6edf7;padding:8px 0}.mobile-topics-button{display:block;border:1px solid #174ea6;border-radius:18px;background:#174ea6;color:white;padding:8px 12px;font-size:12px;min-height:36px;box-shadow:0 5px 20px #174ea633;font-weight:700;cursor:pointer}.topics-dialog{margin:calc(var(--header, 76px) + 8px) auto auto;max-height:calc(100dvh - var(--header, 76px) - 24px)}}.mobile-topics-button:focus-visible,.topics-dialog button:focus-visible,.topics-list a:focus-visible{outline:3px solid #79aafa;outline-offset:3px}


@media(max-width:900px){.mobile-topics-bar.is-docked{display:none}.lesson-toolbar.has-topics-button{justify-content:space-between;gap:10px}.lesson-toolbar.has-topics-button .mobile-topics-button{flex-shrink:0}.lesson-toolbar.has-topics-button .task-pin{min-width:0;gap:8px}}

@media(max-width:900px){.has-topics-menu .notes-layout{padding-top:18px}.has-topics-menu .notes-content{padding-top:0}}

.topics-list nav>a>span{display:inline-block;margin-right:12px;color:#5a687b;font-size:12px}.topics-list .planned-topic{display:block;padding:12px;color:#5a687b;font-size:12px}.topics-list .planned-topic small{margin-left:8px}
@media(max-width:900px){.has-topics-menu .english-shell .rail{display:none}.has-topics-menu .english-shell{display:block;padding:0 20px}.has-topics-menu .english-shell .note-main{max-width:none}.has-topics-menu .english-shell .note-hero{padding-top:24px}}

.notes-sidebar nav a[aria-current="page"],.topics-list a[aria-current="page"]{background:#dceaff;color:#174ea6;font-weight:700;border-inline-start:3px solid #174ea6;border-radius:7px}