/* One directory interaction model for both course renderers. */
.course-interface .course-directory-layout{--course-directory-width:280px;--course-directory-size:280px;min-width:0}
.course-interface .topic-workspace.course-directory-layout,.course-interface .workspace.course-directory-layout{display:grid;grid-template-columns:var(--course-directory-size) minmax(0,1fr);transition:grid-template-columns 200ms cubic-bezier(.23,1,.32,1)}
.course-interface .map-three-column-container.course-directory-layout{display:flex!important;flex-direction:row!important}
.course-interface .course-directory-layout .course-sidebar,
.course-interface .map-three-column-container.course-directory-layout .directory-left-sidebar,
.course-interface #mapThreeColumnContainer.course-directory-layout #directoryLeftSidebar{position:relative!important;display:flex!important;flex-direction:column;flex:0 0 var(--course-directory-size)!important;width:var(--course-directory-size)!important;min-width:var(--course-directory-size)!important;max-width:var(--course-directory-size)!important;height:calc(100dvh - 80px)!important;max-height:none!important;padding:0!important;top:auto!important;bottom:auto!important;left:auto!important;overflow:visible!important;transform:none!important;opacity:1!important;pointer-events:auto!important;box-shadow:none!important;border-radius:0!important;background:#f8fbff!important;border-right:1px solid #e4ebf5!important;transition:width 200ms cubic-bezier(.23,1,.32,1),min-width 200ms cubic-bezier(.23,1,.32,1),max-width 200ms cubic-bezier(.23,1,.32,1),flex-basis 200ms cubic-bezier(.23,1,.32,1)!important;z-index:25}
@media(min-width:761px){.course-interface .topic-workspace.course-directory-layout .course-sidebar,.course-interface .workspace.course-directory-layout .course-sidebar{position:sticky!important;top:0!important;height:calc(100dvh - 64px)!important}}
.course-interface .course-directory-content{min-width:0;min-height:0;width:100%;height:100%;overflow-y:auto;scrollbar-width:thin}
.course-interface #physics-directory-content{display:flex;flex-direction:column;overflow:hidden}
.course-interface .course-directory-layout .course-directory-main{min-width:0!important;flex:1 1 0!important;width:auto!important}
.course-interface .course-directory-collapsed .course-directory-content{display:none!important}
.course-interface .course-directory-layout .directory-edge-toggle{position:absolute!important;top:24px!important;right:-14px!important;display:grid!important;place-items:center;width:28px;height:28px;min-width:28px;min-height:28px;padding:0!important;border:1px solid #c7d7ec;border-radius:50%;background:#fff;color:#42597a;font:22px/1 Inter,sans-serif;box-shadow:none!important;cursor:pointer;transform:none!important;transition:background-color 120ms ease,color 120ms ease!important;z-index:50}
.course-interface .course-directory-collapsed .directory-edge-toggle{right:9px!important}
.course-interface .directory-edge-toggle:hover{background:#e8f1fe!important;color:#0a2f73!important}
.course-interface .physics-course-header .sidebar-close-x-btn{display:none!important}
.course-interface .directory-resizer{position:absolute;right:-5px;top:0;bottom:0;width:10px;cursor:col-resize;touch-action:none;z-index:40;outline:none}
.course-interface .directory-resizer::after{content:'';position:absolute;top:0;bottom:0;left:4px;width:2px;border-radius:2px;background:#1b6ef3;opacity:0;transition:opacity 120ms ease}
.course-interface .directory-resizer:hover::after,.course-interface .directory-resizer:focus-visible::after,.course-interface .directory-resizing .directory-resizer::after{opacity:1}
.course-interface .course-directory-collapsed .directory-resizer{display:none}
.directory-dragging,.directory-dragging *{cursor:col-resize!important;user-select:none!important}
.course-interface .directory-no-motion,.course-interface .directory-no-motion *,.course-interface .directory-resizing,.course-interface .directory-resizing *,
.course-interface .course-directory-layout.directory-no-motion .course-sidebar,.course-interface .course-directory-layout.directory-resizing .course-sidebar,
.course-interface #mapThreeColumnContainer.directory-no-motion #directoryLeftSidebar,.course-interface #mapThreeColumnContainer.directory-resizing #directoryLeftSidebar{transition:none!important}
.course-interface .course-sidebar .minimal-topic-header,.course-interface .course-sidebar .minimal-subtopic-item{border-radius:6px;transition:background-color 120ms ease,color 120ms ease;cursor:pointer;text-decoration:none!important}
.course-interface .course-sidebar .minimal-topic-title{text-decoration:none!important}
.course-interface .course-sidebar .minimal-subtopic-item:not(.current){font-weight:400!important;background:transparent}
.course-interface .course-sidebar .minimal-topic-header:hover,.course-interface .course-sidebar .minimal-topic-header:focus-visible{background:#d4e6ff!important;color:#082f6b!important;box-shadow:inset 0 0 0 1px #9dbff1}
.course-interface .course-sidebar .minimal-topic-header:hover .minimal-topic-title,.course-interface .course-sidebar .minimal-topic-header:focus-visible .minimal-topic-title{color:#082f6b!important;font-weight:800!important}
.course-interface .course-sidebar .minimal-subtopic-item:not([aria-disabled="true"]):hover,.course-interface .course-sidebar .minimal-subtopic-item:not([aria-disabled="true"]):focus-visible{background:#d4e6ff!important;color:#082f6b!important;font-weight:700!important;box-shadow:inset 0 0 0 1px #9dbff1}
.course-interface .course-sidebar .minimal-subtopic-item:hover .minimal-subtopic-title,.course-interface .course-sidebar .minimal-subtopic-item:hover>span:last-child,.course-interface .course-sidebar .minimal-subtopic-item:focus-visible .minimal-subtopic-title,.course-interface .course-sidebar .minimal-subtopic-item:focus-visible>span:last-child{color:inherit!important;font-weight:700!important}
.course-interface .course-sidebar .minimal-subtopic-item.current,.course-interface .course-sidebar .minimal-subtopic-item[aria-current="page"]{background:#e2edff!important;color:#0a2f73!important;font-weight:700!important;box-shadow:inset 3px 0 #1b6ef3}
.course-interface .course-sidebar .minimal-subtopic-item.current *{color:inherit}
.course-interface .course-sidebar .minimal-subtopic-item.current:hover,.course-interface .course-sidebar .minimal-subtopic-item[aria-current="page"]:hover{background:#c4dcff!important;box-shadow:inset 3px 0 #1557c7,inset 0 0 0 1px #8db5ed}
.course-interface .course-sidebar .minimal-subtopic-item[aria-disabled="true"]{cursor:default}
.course-interface .course-sidebar .minimal-subtopic-item:focus-visible,.course-interface .course-sidebar .minimal-topic-header:focus-visible,.course-interface .directory-edge-toggle:focus-visible{outline:2px solid #1b6ef3;outline-offset:2px}
.course-interface .course-sidebar .minimal-topic-chevron{display:grid;place-items:center;border:0;background:transparent;color:#5a7396;width:24px;min-width:24px;height:24px;padding:0;font:12px Inter,sans-serif;cursor:pointer;transform:rotate(0deg);transition:transform 150ms cubic-bezier(.23,1,.32,1)}
.course-interface .course-sidebar details[open] .minimal-topic-chevron,.course-interface .course-sidebar .minimal-topic-chevron[aria-expanded="true"]{transform:rotate(90deg)}
@media(min-width:761px){.course-interface .chapter-toggle,.course-interface #btnToggleChaptersSidebar,.course-interface .topic1-overview-chapters{display:none!important}}
@media(max-width:760px){
 .course-interface .topic-workspace.course-directory-layout,.course-interface .workspace.course-directory-layout{display:block}
 .course-interface .map-three-column-container.course-directory-layout{display:block!important;position:relative}
 .course-interface .course-directory-layout .course-sidebar,.course-interface .map-three-column-container.course-directory-layout .directory-left-sidebar,
.course-interface #mapThreeColumnContainer.course-directory-layout #directoryLeftSidebar{position:fixed!important;top:64px!important;left:0!important;bottom:0!important;width:min(320px,calc(100vw - 32px))!important;min-width:0!important;max-width:calc(100vw - 32px)!important;height:calc(100dvh - 64px)!important;max-height:none!important;transform:translateX(-101%)!important;visibility:hidden;pointer-events:none!important;z-index:1001;transition:transform 200ms cubic-bezier(.32,.72,0,1),visibility 200ms!important}
 .course-interface .course-directory-layout.directory-mobile-open .course-sidebar,
.course-interface #mapThreeColumnContainer.course-directory-layout.directory-mobile-open #directoryLeftSidebar{transform:translateX(0)!important;visibility:visible;pointer-events:auto!important}
 .course-interface .course-directory-layout .directory-edge-toggle{top:21px!important;right:12px!important;font-size:22px}
 .course-interface .directory-resizer{display:none!important}
 .course-interface .course-directory-layout .directory-backdrop,.course-interface .course-directory-layout #chaptersDrawerBackdrop{display:none!important;position:fixed!important;inset:64px 0 0!important;width:100vw!important;height:calc(100dvh - 64px)!important;background:rgba(11,37,69,.28);border:0;z-index:1000}
 .course-interface .course-directory-layout.directory-mobile-open .directory-backdrop,.course-interface .course-directory-layout.directory-mobile-open #chaptersDrawerBackdrop{display:block!important}
 .course-interface .course-directory-layout .course-directory-main{width:100%!important}
 .course-interface .chapter-directory-mode .sidebar-collapse-circle{display:grid!important}
 .course-interface .chapter-toggle,.course-interface #btnToggleChaptersSidebar,.course-interface .topic1-overview-chapters{display:inline-flex!important}
}
@media(prefers-reduced-motion:reduce){.course-interface .course-directory-layout,.course-interface .course-directory-layout *,
 .course-interface .course-directory-layout .course-sidebar,.course-interface .map-three-column-container.course-directory-layout .course-sidebar,.course-interface #mapThreeColumnContainer.course-directory-layout #directoryLeftSidebar{transition:none!important}}
html[data-reduced="true"] .course-directory-layout,html[data-reduced="true"] .course-directory-layout *,html[data-reduced="true"] .course-interface .course-directory-layout .course-sidebar{transition:none!important}

html[data-reduced="true"] .course-interface #mapThreeColumnContainer.course-directory-layout #directoryLeftSidebar{transition:none!important}

/* Topic rows disclose their contents; Overview is a separate destination. */
.course-interface .course-sidebar button.minimal-topic-header{display:flex;width:100%;align-items:center;justify-content:space-between;gap:8px;border:0;background:transparent;text-align:left;color:inherit;font:inherit}
.course-interface .course-sidebar .minimal-topic-container>.directory-topic-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows 200ms cubic-bezier(.23,1,.32,1);overflow:hidden}
.course-interface .course-sidebar .minimal-topic-container.is-topic-open>.directory-topic-panel{grid-template-rows:1fr}
.course-interface .course-sidebar .directory-topic-panel-inner{min-height:0;overflow:hidden}
.course-interface .course-sidebar .is-topic-open>.minimal-topic-header .minimal-topic-chevron{transform:rotate(90deg)}
.course-interface .course-sidebar .directory-overview-link{min-height:32px;margin-bottom:4px}
.course-interface .topic-structure h2{font:700 20px/1.4 Outfit,Inter,sans-serif;margin:24px 0 14px}
.course-interface .topic-structure-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.course-interface .topic-structure-card{display:block;width:100%;padding:18px;border:1px solid #dce6f2;border-radius:12px;background:#fff;color:#17334b;text-align:left;font:400 15px/1.6 Inter,sans-serif;cursor:pointer}
.course-interface .topic-structure-card:hover{background:#f3f7fe;border-color:#a6c4ef}
.course-interface .topic-structure-card h3{font:700 18px/1.4 Outfit,Inter,sans-serif;margin:8px 0}
.course-interface .topic-structure-card p{margin:0 0 12px}
.course-interface .structure-unit,.course-interface .topic-structure-card small{font:600 11px/1.5 Inter,sans-serif;color:#5a7396}
.course-interface .structure-status{margin:20px 0;padding:12px 14px;border:1px solid #e1e7ee;border-radius:8px;background:#f7f9fc;color:#52677e;font:400 14px/1.6 Inter,sans-serif}
@media(max-width:900px){.course-interface .topic-structure-grid{grid-template-columns:1fr}}
.course-interface .directory-no-motion .directory-topic-panel{transition:none!important}
@media(prefers-reduced-motion:reduce){.course-interface .course-sidebar .directory-topic-panel{transition:none!important}}
html[data-reduced="true"] .course-interface .course-sidebar .directory-topic-panel{transition:none!important}
