.cl-topic-card{margin-bottom:12px}.cl-topic-head{padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cl-topic-check{margin-left:var(--space-5);padding:0;background:transparent;font-weight:700}.cl-topic-title{font-size:1.02rem;font-weight:600;color:var(--text-primary);margin:0}.cl-topic-disclosure{min-width:0;flex:1;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5) var(--space-3) 0;border:0;background:transparent;color:inherit;font:inherit;text-align:left}button.cl-topic-disclosure{cursor:pointer}.cl-topic-card.is-complete .cl-topic-title{color:var(--text-tertiary);text-decoration:line-through;text-decoration-color:var(--border-hover)}.cl-topic-meta{margin-left:auto;flex:0 0 auto;display:flex;align-items:center;gap:9px}.cl-obj-count{font-family:Fira Mono,monospace;font-size:.7rem;color:var(--text-tertiary)}.cl-ext-pill{font-family:Fira Mono,monospace;font-size:.6rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);border:1px solid var(--border-hover);border-radius:var(--r-pill);padding:1px 7px}.cl-chevron{color:var(--text-tertiary);display:grid;place-items:center;transition:transform .2s ease,color .15s}.cl-topic-head:hover .cl-chevron{color:var(--text-secondary)}.cl-topic-card.is-open .cl-chevron{transform:rotate(180deg);color:var(--accent-secondary)}.cl-topic-card .ds-card-body{border-bottom:1px solid var(--border-color)}.cl-obj-label{font-family:Fira Mono,monospace;font-size:.66rem;text-transform:lowercase;letter-spacing:.04em;color:var(--text-tertiary);margin-bottom:8px}.cl-ext-group{margin-top:14px;padding-top:12px;border-top:1px dashed var(--border-hover)}.cl-ext-group .cl-objs li:before{content:"+"}.cl-objs{list-style:none;display:flex;flex-direction:column;gap:8px;margin:0}.cl-objs li{position:relative;padding-left:15px;font-size:.9rem;line-height:1.5;color:var(--text-secondary)}.cl-objs li:before{content:"–";position:absolute;left:0;color:var(--text-tertiary)}.cl-syllabus-note{margin-top:14px}.cl-note-line{font-size:.86rem;color:var(--text-secondary);font-style:italic;line-height:1.5}.cl-note-area{padding:11px 20px}.cl-add-note{font-family:Fira Mono,monospace;font-size:.78rem;color:var(--text-tertiary);background:transparent;border:none;cursor:pointer;padding:0;transition:color .15s}.cl-add-note:hover{color:var(--accent-secondary)}.cl-note{width:100%}.cl-note-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.cl-note-label{font-family:Fira Mono,monospace;font-size:.7rem;color:var(--text-tertiary);text-transform:lowercase}.cl-note-del{background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;padding:2px;line-height:0}.cl-note-del:hover{color:var(--error)}.cl-note-del i{width:15px;height:15px}.cl-note-input{width:100%;min-height:72px;resize:vertical;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--r-sm);padding:10px 12px;font-size:.88rem;color:var(--text-primary);font-family:inherit}.cl-note-input:focus{outline:none;border-color:var(--accent-primary)}.cl-detail{display:flex;flex:1;overflow:hidden}.cl-sidebar{width:340px;min-width:340px;border-right:1px solid var(--border-color);background:var(--bg-secondary);display:flex;flex-direction:column;overflow:hidden}.cl-sidebar-navigation{display:flex;flex:1;min-height:0;flex-direction:column}.cl-mobile-sections-toggle{display:none}.cl-sidebar-head{padding:18px 18px 14px;border-bottom:1px solid var(--border-color)}.cl-back{display:inline-block;font-family:Fira Mono,monospace;font-size:.8rem;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;padding:0;margin-bottom:14px;transition:color .15s}.cl-back:hover{color:var(--accent-secondary)}.cl-subject-title{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin:0 0 2px}.cl-subject-code{font-family:Fira Mono,monospace;font-size:.74rem;color:var(--text-tertiary);margin:0}.cl-nav-label{display:block;font-family:Fira Mono,monospace;font-size:.66rem;color:var(--text-tertiary);text-transform:lowercase;letter-spacing:.04em;padding:14px 18px 6px}.cl-component-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:0 18px 4px}.cl-component-tab{font-family:Fira Mono,monospace;font-size:.74rem;padding:5px 12px;border:1px solid var(--border-color);border-radius:var(--r-pill);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:border-color .15s,color .15s,background .15s}.cl-component-tab:hover{border-color:var(--accent-primary);color:var(--text-primary)}.cl-component-tab.is-active{border-color:var(--accent-primary);background:var(--accent-primary);color:var(--bg-primary)}.cl-stage-pill{display:inline-block;margin-left:8px;font-family:Fira Mono,monospace;font-size:.58rem;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-secondary);border:1px solid var(--border-hover);border-radius:var(--r-pill);padding:1px 6px;vertical-align:middle}.cl-option-pill{display:inline-block;margin-left:8px;font-family:Fira Mono,monospace;font-size:.58rem;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-secondary);border:1px solid var(--accent-primary);border-radius:var(--r-pill);padding:1px 6px;vertical-align:middle}.cl-nudge{display:flex;align-items:center;gap:12px;padding:12px 15px;background:var(--accent-light);border:1px solid var(--accent-primary);border-radius:var(--r);margin-bottom:16px}.cl-nudge-ico{font-size:1.05rem}.cl-nudge-txt{flex:1;font-size:.88rem;color:var(--text-primary)}.cl-nudge-txt b{color:var(--accent-secondary)}.cl-nudge-btn{background:var(--accent-primary);color:#0d0d0e;border:none;border-radius:var(--r-pill);font-size:.78rem;font-weight:700;padding:6px 14px;cursor:pointer;white-space:nowrap}.cl-section-nav{flex:1;overflow-y:auto;padding:0 14px 14px;display:flex;flex-direction:column;gap:8px}.cl-section-card{display:block;width:100%;text-align:left;cursor:pointer;padding:12px 14px;flex-shrink:0}.cl-section-card:after{content:none}.cl-section-card:hover{border-color:var(--accent-primary)}.cl-section-top{display:flex;align-items:center;gap:10px}.cl-section-info{flex:1;min-width:0}.cl-section-title{display:block;font-size:.92rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cl-section-card.is-active .cl-section-title{color:var(--accent-secondary)}.cl-section-meta{font-family:Fira Mono,monospace;font-size:.7rem;color:var(--text-tertiary);margin-top:2px;display:flex;align-items:center}.cl-section-pct{font-family:Fira Mono,monospace;font-size:.74rem;color:var(--accent-secondary);flex:0 0 auto}.cl-section-prog{margin-top:10px}.cl-main{flex:1;overflow-y:auto}.cl-main-inner{max-width:880px;margin:0 auto;padding:28px 32px 80px}.cl-subject-progress{margin-bottom:20px;position:sticky;top:0;z-index:10;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--r);padding:14px 16px}.cl-search-wrap{position:relative;margin-bottom:24px}.cl-search-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-tertiary);pointer-events:none}.cl-search{width:100%;box-sizing:border-box;padding:12px 38px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--r-sm);font-size:.9rem;color:var(--text-primary)}.cl-search:focus{outline:none;border-color:var(--accent-primary)}.cl-search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;font-size:1.15rem;line-height:1;padding:0}.cl-search-clear:hover{color:var(--text-primary)}.cl-section-head{margin-bottom:22px}.cl-section-head-tags{display:flex;align-items:center;gap:10px;margin-bottom:8px}.cl-section-h1{font-size:1.7rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em;margin:6px 0 2px}.cl-section-sub{color:var(--text-tertiary);font-size:.9rem}.cl-topics{display:flex;flex-direction:column}@media(max-width:768px){.cl-detail{display:block;flex:1;min-width:0;overflow-y:auto}.cl-sidebar{width:100%;min-width:0;overflow:visible;border-right:0;border-bottom:1px solid var(--border-color)}.cl-sidebar-head{padding:12px 16px 10px}.cl-back{margin-bottom:8px}.cl-mobile-sections-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 16px;border:0;border-top:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);text-align:left;cursor:pointer}.cl-mobile-sections-toggle>span:first-child{min-width:0;display:flex;flex-direction:column;overflow:hidden;font-size:.86rem;font-weight:600;white-space:nowrap;text-overflow:ellipsis}.cl-mobile-sections-toggle small{font:.62rem Fira Mono,monospace;color:var(--text-tertiary);text-transform:lowercase}.cl-mobile-sections-chevron{flex:0 0 auto;transition:transform .2s ease}.cl-sidebar.is-mobile-open .cl-mobile-sections-chevron{transform:rotate(180deg)}.cl-sidebar-navigation{display:none;max-height:50vh;max-height:min(50dvh,420px);overflow-y:auto}.cl-sidebar.is-mobile-open .cl-sidebar-navigation{display:block}.cl-section-nav{overflow:visible}.cl-main{width:100%;overflow:visible}.cl-main-inner{width:100%;max-width:none;padding:18px 16px 64px;box-sizing:border-box}.cl-nudge{align-items:flex-start;flex-wrap:wrap}.cl-nudge-btn{margin-left:28px}}@media(max-width:430px){.cl-main-inner{padding-right:12px;padding-left:12px}.cl-section-h1{font-size:1.35rem;overflow-wrap:anywhere}.cl-topic-head{align-items:flex-start;gap:9px;padding:0}.cl-topic-check{margin-top:12px;margin-left:12px}.cl-topic-disclosure{flex-wrap:wrap;gap:7px 9px;padding:12px 12px 12px 0}.cl-topic-title{flex:1 1 calc(100% - 70px);min-width:120px;font-size:.94rem}.cl-topic-meta{width:100%;margin-left:0;padding-left:0}.cl-note-area,.cl-topic-card .ds-card-body{padding-right:12px;padding-left:12px}.cl-nudge-btn{margin-left:0}}