.course-block-shell{--course-accent:var(--app-accent-color,#0f766e);--course-ink:var(--article-ink,var(--text-color,#111827));--course-muted:var(--article-muted,var(--text-secondary,#6b7280));--course-line:var(--article-line,var(--border,#7878874d));--course-surface:var(--card-bg,var(--background,#fff));--course-danger:#dc2626;margin:28px 0}.course-mermaid-block,.course-takeaways,.course-steps,.course-flashcards,.course-refactor-block,.course-scope-block,.course-breakdown-block,.course-anatomy-block,.course-quiz{border:1px solid var(--course-line);background:linear-gradient(160deg, color-mix(in srgb, var(--course-accent) 5%, transparent), transparent 45%),var(--course-surface);border-radius:18px;padding:20px 22px 22px;box-shadow:0 18px 44px -38px #0f172a80}.course-block-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.course-block-head-end{justify-content:flex-end;margin-bottom:8px}.course-block-badge{background:color-mix(in srgb, var(--course-accent) 12%, transparent);color:var(--course-accent);letter-spacing:.09em;text-transform:uppercase;border-radius:999px;align-items:center;gap:7px;padding:4px 13px;font-size:11.5px;font-weight:750;display:inline-flex}.course-block-badge svg{width:14px;height:14px}.course-block-title{color:var(--course-ink);margin:0 0 16px;font-size:15.5px;line-height:1.65}.course-pill-button{border:1px solid var(--course-line);color:var(--course-muted);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:4px 11px;font-size:12px;font-weight:600;transition:color .15s,border-color .15s;display:inline-flex}.course-pill-button:hover{border-color:var(--course-accent);color:var(--course-accent)}.course-pill-button svg{width:13px;height:13px}.course-block-remove{width:28px;height:28px;color:var(--course-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:color .15s,background .15s;display:inline-flex}.course-block-remove:hover{background:color-mix(in srgb, var(--course-danger) 12%, transparent);color:var(--course-danger)}.course-block-remove svg{width:15px;height:15px}@keyframes course-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}}@keyframes course-pop{0%{transform:scale(.985)}55%{transform:scale(1.012)}to{transform:scale(1)}}.course-quiz{position:relative;overflow:hidden}.course-quiz:before{content:"";background:linear-gradient(90deg, var(--course-accent), color-mix(in srgb, var(--course-accent) 45%, transparent));height:3px;position:absolute;inset:0 0 auto}.course-quiz-question{color:var(--course-ink);margin:0 0 16px;font-size:17px;font-weight:650;line-height:1.5}.course-quiz-options{gap:9px;display:grid}.course-quiz-option{border:1.5px solid var(--course-line);background:var(--course-surface);width:100%;color:var(--course-ink);text-align:left;cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:11px 14px;font-size:15px;font-weight:520;transition:border-color .15s,background .15s,transform .15s,opacity .2s;display:flex}.course-quiz-option:hover:not(:disabled){border-color:var(--course-accent);transform:translateY(-1px)}.course-quiz-letter{background:color-mix(in srgb, var(--course-accent) 10%, transparent);width:28px;height:28px;color:var(--course-accent);border-radius:9px;flex:0 0 28px;justify-content:center;align-items:center;font-size:13px;font-weight:750;transition:background .15s,color .15s;display:inline-flex}.course-quiz-letter svg{width:15px;height:15px}.course-quiz-option.is-correct{border-color:var(--course-accent);background:color-mix(in srgb, var(--course-accent) 9%, var(--course-surface));animation:.3s course-pop}.course-quiz-option.is-correct .course-quiz-letter{background:var(--course-accent);color:#fff}.course-quiz-option.is-wrong{border-color:var(--course-danger);background:color-mix(in srgb, var(--course-danger) 7%, var(--course-surface));cursor:not-allowed;animation:.32s course-shake}.course-quiz-option.is-wrong .course-quiz-letter{background:var(--course-danger);color:#fff}.course-quiz-option.is-dimmed{opacity:.45}.course-quiz-result{background:color-mix(in srgb, var(--course-accent) 9%, transparent);border-radius:12px;flex-direction:column;gap:8px;margin-top:16px;padding:12px 14px;animation:.3s course-pop;display:flex}.course-quiz-result-wrong{background:color-mix(in srgb, var(--course-danger) 8%, transparent)}.course-quiz-result-title{color:var(--course-accent);align-items:center;gap:8px;font-size:14px;font-weight:700;display:inline-flex}.course-quiz-result-wrong .course-quiz-result-title{color:var(--course-danger)}.course-quiz-result-title svg{width:16px;height:16px}.course-quiz-explanation{color:var(--course-muted);align-items:flex-start;gap:8px;font-size:14px;line-height:1.6;display:inline-flex}.course-quiz-explanation svg{width:15px;height:15px;color:var(--course-accent);flex:0 0 15px;margin-top:3px}.course-anatomy{border:1px solid var(--course-line);background:color-mix(in srgb, var(--course-ink) 3%, var(--course-surface));border-radius:12px;padding:18px 20px 14px;overflow-x:auto}.course-anatomy-row{align-items:flex-start;gap:8px;min-width:min-content;display:flex}.course-anatomy-col{cursor:default;outline:none;flex-direction:column;align-items:center;min-width:56px;transition:opacity .18s,transform .18s;display:flex}.course-anatomy-col.is-dimmed{opacity:.38}.course-anatomy-col.is-active{transform:translateY(-2px)}.course-anatomy-token{border:1.5px solid color-mix(in srgb, var(--course-accent) 45%, transparent);background:color-mix(in srgb, var(--course-accent) 8%, transparent);color:var(--course-accent);font-family:var(--font-mono,ui-monospace, "JetBrains Mono", monospace);white-space:pre;border-radius:10px;justify-content:center;padding:7px 14px;font-size:15px;font-weight:650;transition:box-shadow .18s,background .18s;display:inline-flex}.course-anatomy-col.is-active .course-anatomy-token{background:color-mix(in srgb, var(--course-accent) 16%, transparent);box-shadow:0 6px 18px -8px color-mix(in srgb, var(--course-accent) 70%, transparent)}.course-anatomy-line{background:color-mix(in srgb, var(--course-accent) 45%, transparent);width:1.5px;height:14px;transition:background .18s}.course-anatomy-col.is-active .course-anatomy-line{background:var(--course-accent)}.course-anatomy-label{color:var(--course-ink);letter-spacing:.02em;text-align:center;padding:2px 8px;font-size:12px;font-weight:700;transition:color .18s}.course-anatomy-col.is-active .course-anatomy-label{color:var(--course-accent)}.course-anatomy-active-note{min-height:22px;color:var(--course-muted);gap:5px;margin:12px 0 0;font-size:13.5px;line-height:1.6;display:flex}.course-anatomy-active-note strong{color:var(--course-accent);font-weight:700}.course-anatomy-note-hint{opacity:.8;font-style:italic}.course-breakdown-card{flex-direction:column;gap:14px;display:flex}.course-breakdown-code{border:1px solid var(--course-line);background:color-mix(in srgb, var(--course-ink) 4%, var(--course-surface));color:var(--course-ink);font-family:var(--font-mono,ui-monospace, "JetBrains Mono", monospace);white-space:pre-wrap;border-radius:12px;padding:13px 16px;font-size:15px;display:block}.course-breakdown-mark{background:color-mix(in srgb, var(--course-accent) 12%, transparent);color:var(--course-accent);border-radius:5px;padding:1px 3px;font-weight:650;transition:background .15s,box-shadow .15s}.course-breakdown-mark.is-active{background:color-mix(in srgb, var(--course-accent) 22%, transparent);box-shadow:0 0 0 1.5px color-mix(in srgb, var(--course-accent) 55%, transparent)}.course-breakdown-rows{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.course-breakdown-row{border-radius:10px;align-items:baseline;gap:12px;padding:8px 12px;transition:background .15s;display:flex}.course-breakdown-row.is-active{background:color-mix(in srgb, var(--course-accent) 8%, transparent)}.course-breakdown-row:before{content:"";background:var(--course-accent);border-radius:50%;flex:0 0 8px;align-self:center;width:8px;height:8px}.course-breakdown-row code{min-width:64px;color:var(--course-accent);font-family:var(--font-mono,ui-monospace, "JetBrains Mono", monospace);flex:none;font-size:14px;font-weight:650}.course-breakdown-row-meaning{color:var(--course-ink);font-size:14.5px;font-weight:600}.course-breakdown-row-note{color:var(--course-muted);font-size:13px}.course-text{white-space:pre-wrap}.course-inline-code{background:color-mix(in srgb, var(--course-accent) 10%, transparent);color:var(--course-accent);font-family:var(--font-mono,ui-monospace, "JetBrains Mono", monospace);border-radius:5px;padding:1px 5px;font-size:.9em;font-weight:600}.course-code-fence{border:1px solid var(--course-line);background:color-mix(in srgb, var(--course-ink) 4%, var(--course-surface));border-radius:12px;margin:10px 0;padding:12px 16px;display:block;overflow-x:auto}.course-code-fence[data-language]:before{content:attr(data-language);color:var(--course-muted);letter-spacing:.09em;text-transform:uppercase;margin-bottom:8px;font-size:10.5px;font-weight:750;display:block}.course-quiz-code{margin:0 0 16px}.course-code-fence code{color:var(--course-ink);font-family:var(--font-mono,ui-monospace, "JetBrains Mono", monospace);white-space:pre;tab-size:4;font-size:14px;font-weight:500;line-height:1.7}.course-scope-panel{border:1px solid var(--course-line);background:color-mix(in srgb, var(--course-ink) 4%, var(--course-surface));font-family:var(--font-mono,ui-monospace, "JetBrains Mono", monospace);tab-size:4;border-radius:12px;padding:12px 0;font-size:14.5px;line-height:1.75;overflow-x:auto}.course-scope-line{align-items:stretch;padding-right:14px;transition:background .16s,opacity .16s;display:flex}.course-scope-line.in-scope{background:color-mix(in srgb, var(--scope-color) 8%, transparent)}.course-scope-line.is-active{background:color-mix(in srgb, var(--scope-color) 18%, transparent)}.course-scope-line.is-active.is-scope-start{box-shadow:inset 0 1.5px 0 color-mix(in srgb, var(--scope-color) 55%, transparent)}.course-scope-line.is-active.is-scope-end{box-shadow:inset 0 -1.5px 0 color-mix(in srgb, var(--scope-color) 55%, transparent)}.course-scope-line.is-active.is-scope-start.is-scope-end{box-shadow:inset 0 1.5px 0 color-mix(in srgb, var(--scope-color) 55%, transparent),inset 0 -1.5px 0 color-mix(in srgb, var(--scope-color) 55%, transparent)}.course-scope-line.is-dimmed{opacity:.42}.course-scope-gutter{color:var(--course-muted);font-size:11.5px;line-height:inherit;text-align:right;opacity:.75;-webkit-user-select:none;user-select:none;flex:0 0 42px;padding-right:12px}.course-scope-rails{flex:none;gap:3px;margin-right:12px;display:inline-flex}.course-scope-rail{background:color-mix(in srgb, var(--scope-color) 45%, transparent);border-radius:2px;width:3px;transition:background .16s}.course-scope-rail.is-active{background:var(--scope-color)}.course-scope-code{color:var(--course-ink);font-family:inherit;font-size:inherit;white-space:pre;flex:1}.course-scope-tag{border:1px solid color-mix(in srgb, var(--scope-color) 45%, transparent);background:color-mix(in srgb, var(--scope-color) 10%, var(--course-surface));color:var(--scope-color);letter-spacing:.05em;white-space:nowrap;cursor:default;border-radius:999px;flex:none;align-self:center;margin-left:16px;padding:1px 10px;font-family:inherit;font-size:11px;font-weight:700;transition:background .16s,color .16s,box-shadow .16s}.course-scope-tag.is-active{background:var(--scope-color);color:#fff;box-shadow:0 6px 16px -8px var(--scope-color)}.course-scope-legend{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.course-scope-chip{border:1px solid var(--course-line);color:var(--course-ink);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:7px;padding:4px 12px;font-size:12.5px;font-weight:650;transition:border-color .16s,background .16s;display:inline-flex}.course-scope-chip.is-active{border-color:color-mix(in srgb, var(--scope-color) 55%, transparent);background:color-mix(in srgb, var(--scope-color) 10%, transparent)}.course-scope-dot{background:var(--scope-color);border-radius:50%;width:9px;height:9px}.course-scope-chip-range{color:var(--course-muted);font-variant-numeric:tabular-nums;font-size:11px}.course-scope-note{min-height:1.6em;color:var(--course-muted);margin:12px 0 0;font-size:13.5px;line-height:1.6}.course-scope-note strong{color:var(--course-ink);font-weight:650}.course-scope-note-hint{opacity:.8;font-style:italic}.course-scope-editor-code{white-space:pre;tab-size:4;min-height:120px}.course-scope-editor-line{flex:0 0 64px;width:64px}.course-scope-editor-arrow{color:var(--course-muted);font-size:12px}.course-refactor-block{--rf-bg:#0c1120;--rf-chrome:#101730;--rf-line:#94a3b829;--rf-ink:#d7e1f4;--rf-muted:#5d6b85;--rf-removed:#f87171;--rf-added:#4ade80;--rf-trap:#fb923c;--rf-fix:#34d399;--rf-callout:#fdba74}.course-refactor-panels{flex-direction:column;gap:18px;display:flex}.course-refactor-panel{border:1px solid var(--rf-line);background:var(--rf-bg);border-radius:14px;overflow:hidden;box-shadow:0 22px 48px -36px #020617e6}.course-refactor-titlebar{border-bottom:1px solid var(--rf-line);background:var(--rf-chrome);align-items:center;gap:10px;padding:9px 14px;display:flex}.course-refactor-dots{gap:6px;display:inline-flex}.course-refactor-dots i{background:#fb5f57;border-radius:50%;width:10px;height:10px}.course-refactor-dots i:nth-child(2){background:#febc2e}.course-refactor-dots i:nth-child(3){background:#28c840}.course-refactor-filename{min-width:0;color:var(--rf-muted);font-family:var(--font-mono,ui-monospace, "JetBrains Mono", monospace);letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;font-weight:600;overflow:hidden}.course-refactor-badge{color:var(--rf-muted);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;border:1px solid;border-radius:7px;flex:none;padding:2px 9px;font-size:10.5px;font-weight:750}.course-refactor-panel.is-trap .course-refactor-badge{color:var(--rf-trap)}.course-refactor-panel.is-fix .course-refactor-badge{color:var(--rf-fix)}.course-refactor-code{font-family:var(--font-mono,ui-monospace, "JetBrains Mono", monospace);tab-size:4;padding:14px 0 16px;font-size:13.5px;line-height:1.9;overflow-x:auto}.course-refactor-line{align-items:baseline;min-height:1.9em;padding-right:16px;display:flex}.course-refactor-line.is-removed{background:color-mix(in srgb, var(--rf-removed) 9%, transparent);box-shadow:inset 3px 0 0 color-mix(in srgb, var(--rf-removed) 70%, transparent)}.course-refactor-line.is-added{background:color-mix(in srgb, var(--rf-added) 8%, transparent);box-shadow:inset 3px 0 0 color-mix(in srgb, var(--rf-added) 70%, transparent)}.course-refactor-gutter{color:var(--rf-muted);text-align:right;-webkit-user-select:none;user-select:none;flex:0 0 44px;padding-right:14px;font-size:12px}.course-refactor-line.is-removed .course-refactor-gutter{color:var(--rf-removed);font-weight:700}.course-refactor-line.is-added .course-refactor-gutter{color:var(--rf-added);font-weight:700}code.course-refactor-text{color:var(--rf-ink);font-family:inherit;font-size:inherit;line-height:inherit;white-space:pre;background:0 0;flex:1;padding:0}.course-refactor-line.is-comment code.course-refactor-text{color:var(--rf-muted);font-style:italic}.course-refactor-highlight{border:1px solid color-mix(in srgb, var(--rf-callout) 75%, transparent);background:color-mix(in srgb, var(--rf-callout) 9%, transparent);color:var(--rf-callout);border-radius:6px;padding:0 5px;position:relative}.course-refactor-callout{background:var(--rf-callout);color:#201304;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;border-radius:4px 4px 4px 0;padding:1px 7px;font-size:9.5px;font-weight:800;position:absolute;top:-1.55em;left:-1px}.course-refactor-line:has(.course-refactor-highlight.has-callout){padding-top:1.35em}.course-refactor-lesson{border-left:3px solid var(--course-accent);color:var(--course-muted);margin:16px 0 0;padding-left:14px;font-size:14px;line-height:1.65}.course-refactor-editor-hint{color:var(--course-muted);margin:0;font-size:12.5px;line-height:1.6}.course-refactor-editor-hint code{background:color-mix(in srgb, var(--course-accent) 10%, transparent);color:var(--course-accent);border-radius:4px;padding:0 4px;font-size:.92em}.course-refactor-editor-panel{border:1px dashed var(--course-line);border-radius:12px;flex-direction:column;gap:10px;padding:12px;display:flex}.course-refactor-editor-code{min-height:110px;font-family:var(--font-mono,ui-monospace, "JetBrains Mono", monospace);white-space:pre;tab-size:4;font-size:13px}.course-refactor-editor-tones{flex:none;gap:6px;display:inline-flex}.course-pill-button.is-active{border-color:var(--course-accent);color:var(--course-accent)}.course-pill-button.is-active.is-trap{color:#ea731c;border-color:#fb923c}.course-pill-button.is-active.is-fix{color:#0d9668;border-color:#34d399}.course-flashcards-counter{color:var(--course-muted);font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:650}.course-flashcard{perspective:1200px;cursor:pointer;background:0 0;border:none;width:100%;min-height:168px;padding:0;display:block}.course-flashcard-inner{width:100%;min-height:168px;transform-style:preserve-3d;transition:transform .48s cubic-bezier(.22,.9,.3,1.1);display:block;position:relative}.course-flashcard.is-flipped .course-flashcard-inner{transform:rotateY(180deg)}.course-flashcard-face{border:1.5px solid color-mix(in srgb, var(--course-accent) 30%, var(--course-line));backface-visibility:hidden;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:22px 26px;display:flex;position:absolute;inset:0}.course-flashcard-front{background:linear-gradient(150deg, color-mix(in srgb, var(--course-accent) 7%, transparent), transparent 55%),var(--course-surface)}.course-flashcard-back{background:linear-gradient(150deg, color-mix(in srgb, var(--course-accent) 14%, transparent), color-mix(in srgb, var(--course-accent) 4%, transparent)),var(--course-surface);transform:rotateY(180deg)}.course-flashcard-side-tag{color:var(--course-accent);letter-spacing:.11em;text-transform:uppercase;font-size:11px;font-weight:750}.course-flashcard-text{color:var(--course-ink);text-align:center;white-space:pre-wrap;font-size:17px;font-weight:600;line-height:1.5}.course-flashcard-hint{color:var(--course-muted);align-items:center;gap:5px;font-size:11.5px;font-weight:550;display:inline-flex}.course-flashcard-hint svg{width:12px;height:12px}.course-flashcards-nav{justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.course-flashcards-dots{gap:5px;display:flex}.course-flashcards-dots span{background:color-mix(in srgb, var(--course-accent) 22%, transparent);border-radius:50%;width:7px;height:7px;transition:background .15s,transform .15s}.course-flashcards-dots span.is-active{background:var(--course-accent);transform:scale(1.25)}.course-callout{--callout-color:var(--course-accent);border:1px solid color-mix(in srgb, var(--callout-color) 30%, var(--course-line));border-left:3.5px solid var(--callout-color);background:linear-gradient(140deg, color-mix(in srgb, var(--callout-color) 7%, transparent), transparent 60%),var(--course-surface);border-radius:12px;gap:13px;padding:14px 16px;display:flex}.course-callout-note{--callout-color:#3b82f6}.course-callout-tip{--callout-color:var(--course-accent)}.course-callout-warning{--callout-color:#d97706}.course-callout-danger{--callout-color:var(--course-danger)}.course-callout-icon{background:color-mix(in srgb, var(--callout-color) 13%, transparent);width:30px;height:30px;color:var(--callout-color);border-radius:9px;flex:0 0 30px;justify-content:center;align-items:center;display:inline-flex}.course-callout-icon svg{width:16px;height:16px}.course-callout-content{flex-direction:column;gap:3px;min-width:0;display:flex}.course-callout-title{color:var(--callout-color);letter-spacing:.03em;font-size:13px;font-weight:750}.course-callout-body{color:var(--course-ink);white-space:pre-wrap;margin:0;font-size:14.5px;line-height:1.65}.course-callout.course-block-editing{flex-direction:column}.course-callout-editor-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.course-callout-tones{flex-wrap:wrap;gap:6px;display:flex}.course-callout-tone{border:1px solid var(--course-line);color:var(--course-muted);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:4px 11px;font-size:12px;font-weight:650;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.course-callout-tone svg{width:13px;height:13px}.course-callout-tone-note.is-active{color:#3b82f6;background:#3b82f61a;border-color:#3b82f6}.course-callout-tone-tip.is-active{border-color:var(--course-accent);color:var(--course-accent);background:color-mix(in srgb, var(--course-accent) 10%, transparent)}.course-callout-tone-warning.is-active{color:#d97706;background:#d977061a;border-color:#d97706}.course-callout-tone-danger.is-active{border-color:var(--course-danger);color:var(--course-danger);background:color-mix(in srgb, var(--course-danger) 10%, transparent)}.course-steps-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.course-step{gap:14px;padding-bottom:18px;display:flex;position:relative}.course-step:last-child{padding-bottom:0}.course-step:not(:last-child):before{content:"";background:color-mix(in srgb, var(--course-accent) 30%, transparent);width:1.5px;position:absolute;top:30px;bottom:2px;left:14px}.course-step-number{background:color-mix(in srgb, var(--course-accent) 12%, transparent);width:29px;height:29px;color:var(--course-accent);border-radius:50%;flex:0 0 29px;justify-content:center;align-items:center;font-size:13px;font-weight:750;display:inline-flex}.course-step-content{min-width:0;padding-top:4px}.course-step-title{color:var(--course-ink);font-size:15px;font-weight:650}.course-step-body{color:var(--course-muted);white-space:pre-wrap;margin:4px 0 0;font-size:14px;line-height:1.65}.course-takeaways{background:linear-gradient(160deg, color-mix(in srgb, var(--course-accent) 9%, transparent), color-mix(in srgb, var(--course-accent) 2%, transparent)),var(--course-surface)}.course-takeaways-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.course-takeaways-list li{color:var(--course-ink);align-items:flex-start;gap:10px;font-size:14.5px;font-weight:550;line-height:1.6;display:flex}.course-takeaways-check{background:var(--course-accent);color:#fff;border-radius:6px;flex:0 0 20px;justify-content:center;align-items:center;width:20px;height:20px;margin-top:2px;display:inline-flex}.course-takeaways-check svg{width:12px;height:12px}.course-mermaid-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.course-mermaid-title{margin:0}.course-mermaid-actions{align-items:center;gap:6px;display:inline-flex}.course-mermaid-btn{border:1px solid var(--course-line);background:var(--course-surface);width:28px;height:28px;color:var(--course-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:color .15s,border-color .15s;display:inline-flex}.course-mermaid-btn:hover:not(:disabled){border-color:var(--course-accent);color:var(--course-accent)}.course-mermaid-btn:disabled{opacity:.45;cursor:default}.course-mermaid-btn svg{width:14px;height:14px}.course-mermaid-canvas{border:1px solid var(--course-line);background:var(--course-surface);cursor:zoom-in;border-radius:12px;justify-content:center;padding:16px;display:flex;overflow-x:auto}.course-block-editing .course-mermaid-canvas{cursor:default}.course-mermaid-canvas svg{max-width:100%;height:auto}.course-mermaid-loading{color:var(--course-muted);text-align:center;padding:24px 0;font-size:13px}.course-mermaid-error{border:1px solid color-mix(in srgb, var(--course-danger) 45%, transparent);background:color-mix(in srgb, var(--course-danger) 7%, transparent);color:var(--course-danger);white-space:pre-wrap;border-radius:10px;margin:0;padding:10px 12px;font-size:12.5px}.course-mermaid-zoom-level{min-width:44px;color:var(--course-muted);font-variant-numeric:tabular-nums;text-align:center;font-size:12px}.course-mermaid-lightbox{--course-line:var(--border,#7878874d);--course-muted:var(--text-secondary,#6b7280);--course-accent:var(--app-accent-color,#0f766e);--course-surface:var(--background,#fff);z-index:100;background:color-mix(in srgb, var(--background,#fff) 92%, transparent);-webkit-backdrop-filter:blur(8px);flex-direction:column;display:flex;position:fixed;inset:0}.course-mermaid-lightbox-bar{border-bottom:1px solid var(--course-line);background:var(--background,#fff);justify-content:space-between;align-items:center;gap:16px;padding:10px 18px;display:flex}.course-mermaid-lightbox-title{color:var(--text-color,#111827);font-size:14px;font-weight:650}.course-mermaid-lightbox-stage{cursor:grab;touch-action:none;flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.course-mermaid-lightbox-stage:active{cursor:grabbing}.course-mermaid-lightbox-canvas{-webkit-user-select:none;user-select:none;transition:transform 80ms linear}.course-mermaid-lightbox-canvas svg{width:auto;max-width:none;height:auto}.course-block-editing{flex-direction:column;gap:12px;display:flex}.course-editor-question{font-size:15px;font-weight:600}.course-editor-rows{flex-direction:column;gap:8px;display:flex}.course-editor-row{align-items:center;gap:8px;display:flex}.course-editor-correct{border:1.5px solid var(--course-line);color:#0000;cursor:pointer;background:0 0;border-radius:9px;flex:0 0 30px;justify-content:center;align-items:center;width:30px;height:30px;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.course-editor-correct:hover{border-color:var(--course-accent);color:color-mix(in srgb, var(--course-accent) 55%, transparent)}.course-editor-correct.is-correct{border-color:var(--course-accent);background:var(--course-accent);color:#fff}.course-editor-correct svg{width:15px;height:15px}.course-editor-dot{background:var(--course-accent);border-radius:50%;flex:0 0 10px;width:10px;height:10px}.course-editor-code-row{align-items:center;gap:8px;display:flex}.course-editor-code,.course-editor-token{font-family:var(--font-mono,ui-monospace, "JetBrains Mono", monospace)}.course-editor-token{max-width:130px}.course-editor-actions{gap:8px;display:flex}.course-editor-code-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.course-editor-code-label{color:var(--course-muted);font-size:12px;font-weight:650}.course-editor-lang{border:1px solid var(--course-line);color:var(--course-ink);background:0 0;border-radius:8px;padding:3px 8px;font-size:12.5px}.course-editor-codearea.course-editor-codearea{field-sizing:fixed;resize:vertical;white-space:pre;overflow-wrap:normal;tab-size:4;min-height:150px;max-height:340px;font-family:var(--font-mono,ui-monospace, "JetBrains Mono", monospace);font-size:13.5px;line-height:1.6;overflow:auto}.course-editor-flashcard{border:1px solid var(--course-line);border-radius:12px;padding:10px 12px}.course-editor-flashcard-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.course-editor-flashcard-index{color:var(--course-muted);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:700}.course-editor-flashcard-sides{grid-template-columns:1fr 1fr;gap:8px;display:grid}.course-editor-step{align-items:flex-start;gap:10px;display:flex}.course-editor-step .course-step-number{margin-top:4px}.course-editor-step-fields{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.blog-detail-content .blog-detail-article-body code.course-anatomy-token.course-anatomy-token{background:color-mix(in srgb, var(--course-accent) 8%, transparent);color:var(--course-accent);border-radius:10px;padding:7px 14px;font-size:15px;font-weight:650;line-height:1.4}.blog-detail-content .blog-detail-article-body code.course-breakdown-code.course-breakdown-code{background:color-mix(in srgb, var(--course-ink) 4%, var(--course-surface));color:var(--course-ink);border-radius:12px;padding:13px 16px;font-size:15px;font-weight:500;line-height:1.6;display:block}.blog-detail-content .blog-detail-article-body .course-breakdown-row.course-breakdown-row code{color:var(--course-accent);background:0 0;padding:0;font-size:14px;font-weight:650}.blog-detail-content .blog-detail-article-body>.course-block-shell{margin-top:var(--doc-flow-lg,1.9em);margin-bottom:var(--doc-flow-lg,1.9em)}.blog-detail-content .blog-detail-article-body .course-scope-panel.course-scope-panel{border:1px solid var(--code-border,var(--course-line));background:var(--code-surface,var(--course-surface));border-radius:14px}.blog-detail-content .blog-detail-article-body code.course-scope-code.course-scope-code{color:var(--code-ink,var(--course-ink));background:0 0;border-radius:0;padding:0;font-size:14.5px;font-weight:500;line-height:1.75}.blog-detail-content .blog-detail-article-body .course-scope-gutter.course-scope-gutter{font-size:11.5px;line-height:1.75}.blog-detail-content .blog-detail-article-body .course-scope-chip-range.course-scope-chip-range{font-size:11px;line-height:1}.blog-detail-content .blog-detail-article-body code.course-refactor-text.course-refactor-text{background:0 0;border-radius:0;padding:0;font-size:13.5px;line-height:1.9}.blog-detail-content .blog-detail-article-body .course-refactor-gutter.course-refactor-gutter{font-size:12px;line-height:1.9}.blog-detail-content .blog-detail-article-body .course-refactor-filename.course-refactor-filename{font-size:12px;line-height:1.4}.blog-detail-content .blog-detail-article-body .course-refactor-badge.course-refactor-badge{font-size:10.5px;line-height:1.5}.blog-detail-content .blog-detail-article-body .course-refactor-callout.course-refactor-callout{font-size:9.5px;line-height:1.5}.blog-detail-content .blog-detail-article-body .course-refactor-highlight.course-refactor-highlight{font-size:inherit;line-height:inherit}.blog-detail-content .blog-detail-article-body .course-scope-note.course-scope-note,.blog-detail-content .blog-detail-article-body .course-scope-note.course-scope-note span{font-size:13.5px;line-height:1.6}.blog-detail-content .blog-detail-article-body code.course-inline-code.course-inline-code{background:color-mix(in srgb, var(--course-accent) 10%, transparent);color:var(--course-accent);border-radius:5px;padding:1px 5px;font-size:.9em;font-weight:600}.blog-detail-content .blog-detail-article-body .course-code-fence.course-code-fence code{color:var(--course-ink);background:0 0;padding:0;font-size:14px;font-weight:500}