.course-page .ch5-cards,.course-page .ch5-first{margin-top:16px}.course-page .ch5-reveal{padding-top:16px}.course-page .ch5-sep{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.course-page .ch5-split{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:22px;display:grid}.course-page .ch5-mini{min-width:0}.course-page .obj-note.ch5-out{min-height:2.6em}.course-page .ch5-slot-hook{--slot:260px}.course-page .ch5-slot-formula{--slot:150px;margin-top:4px}.course-page .ch5-slot-ab{--slot:110px}.course-page .ch5-slot-staff{--slot:330px}.course-page .ch5-slot-thread{--slot:360px}.course-page .crs-btn-sm.ch5-on{border-color:var(--accent-amber-line);background:var(--accent-amber-soft);color:var(--accent)}.course-page .ch5-chips,.course-page .ch5-tonics{gap:8px}.course-page .ch5-sandbox{gap:10px;margin-top:18px}.course-page .ch5-view{min-height:180px;margin-top:12px}.course-page .ch5-formulas,.course-page .ch5-formula-pair{flex-direction:column;gap:8px;display:flex}.course-page .ch5-micro{padding-top:16px}.course-page .obj-note.ch5-micro-q{margin:0 0 10px}.course-page .ch5-check-reveal{flex-direction:column;gap:8px;display:flex}.course-page .ch5-ks{border-radius:9px;overflow-x:auto}.course-page .ch5-ks .kb-scroll{overflow:visible}.course-page .ch5-ks-in{width:100%;min-width:calc(var(--whites,1) * 28px);position:relative}@media (pointer:coarse),(max-width:720px){.course-page .ch5-ks-in{min-width:calc(var(--whites,1) * 36px)}}.course-page .ch5-ks-top{height:calc(var(--ks-rows,1) * 22px + 4px);position:relative}.course-page .ch5-brk{height:20px;color:var(--ink-subtle);pointer-events:none;transition:color var(--dur-fast) var(--ease);justify-content:center;display:flex;position:absolute}.course-page .ch5-brk b{font-family:var(--font-mono);white-space:nowrap;font-size:10.5px;font-weight:500;line-height:12px}.course-page .ch5-brk i{border:1.5px solid;border-bottom:0;border-radius:3px 3px 0 0;height:6px;position:absolute;bottom:0;left:0;right:0}.course-page .ch5-brk.a{color:var(--accent)}.course-page .ch5-brk.ok{color:var(--ok)}.course-page .ch5-brk.warn{color:var(--warn)}.course-page .ch5-brk.chroma{color:var(--chroma)}.course-page .ch5-ks-tags{left:0;right:0;top:calc(var(--ks-rows,0) * 22px + 4px);z-index:3;pointer-events:none;height:0;position:absolute}.course-page .ch5-tag{min-width:18px;height:18px;color:var(--ink-subtle);background:var(--bg-elevated-2);border-radius:999px;justify-content:center;align-items:center;padding:0 4px;font-size:11px;font-weight:600;display:inline-flex;position:absolute;top:8px;transform:translate(-50%)}.course-page .ch5-tag.a{background:var(--accent);color:var(--accent-foreground)}.course-page .ch5-tag.chroma{background:var(--chroma);color:var(--bg)}.course-page .ch5-tag.ring{border:1.5px dashed var(--accent);background:0 0;width:18px;padding:0}.course-page .ch5-formula{grid-template-columns:96px minmax(0,1fr);align-items:center;gap:10px;display:grid}.course-page .ch5-f-lbl{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-subtle);font-size:11px;font-weight:500}.course-page .ch5-f-row{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;min-width:0;display:grid}.course-page .ch5-f-cell{border:1px solid var(--line);background:var(--bg-sunken);min-width:0;min-height:46px;transition:border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:4px 2px;display:flex;position:relative;overflow:hidden}.course-page .ch5-f-cell>b,.course-page .ch5-f-cell>small{z-index:1;position:relative}.course-page .ch5-f-cell>b{font-family:var(--font-display);font-size:18px;font-style:italic;font-weight:400;line-height:1.1}.course-page .ch5-f-cell>small{white-space:nowrap;max-width:100%;font-family:var(--font-mono);color:var(--ink-subtle);font-size:9.5px;overflow:hidden}.course-page .ch5-f-cell.ok{border-color:var(--ok-line);background:var(--ok-soft);color:var(--ok)}.course-page .ch5-f-cell.warn{border-color:var(--warn-line);background:var(--warn-soft);color:var(--warn)}.course-page .ch5-f-cell.a{border-color:var(--accent-amber-line);background:var(--accent-amber-soft);color:var(--accent)}@media (max-width:960px){.course-page .ch5-check .tiles:has(>:nth-child(8)){grid-template-columns:repeat(4,minmax(0,1fr))}.course-page .ch5-split{grid-template-columns:minmax(0,1fr);gap:16px}.course-page .ch5-slot-hook,.course-page .ch5-slot-formula,.course-page .ch5-slot-ab,.course-page .ch5-slot-staff,.course-page .ch5-slot-thread{--slot:0px}.course-page .ch5-view{min-height:0}}@media (max-width:720px){.course-page .ch5-formula{grid-template-columns:minmax(0,1fr);gap:6px}.course-page .ch5-f-row{gap:4px}.course-page .ch5-f-cell{min-height:44px}.course-page .ch5-brk b{font-size:11px}}
.course-page .ch6-in,.course-page .ch6-cards{margin-top:16px}.course-page .ch6-slot-hook{--slot:256px}.course-page .ch6-slot-thread{--slot:410px}.course-page .ch6-split{grid-template-columns:minmax(0,1fr) 220px;align-items:start;gap:22px;display:grid}.course-page .ch6-split-wide{grid-template-columns:minmax(0,1fr) 340px}.course-page .ch6-col,.course-page .ch6-mini,.course-page .ch6-ladder{min-width:0}.course-page .ch6-col>.staff-wrap+.ch6-in{margin-top:14px}.course-page .ch6-sep{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.course-page .ch6-out{min-height:2.6em}.course-page .obj-note.ch6-cap{min-height:2.6em;margin:0 0 12px}.course-page .obj-note.ch6-mini-note{min-height:2.6em;margin-top:8px;font-size:12px}.course-page .obj-note.ch6-variant-note{min-height:3.1em}.course-page .ch6-q{color:var(--ink);margin:0 0 12px;font-size:16px}.course-page .ch6-legend{font-family:var(--font-mono);gap:16px;margin:8px 0 0;font-size:12px;display:flex}.course-page .ch6-legend .a{color:var(--accent)}.course-page .ch6-legend .s{color:var(--func-s)}.course-page .ch6-chips{flex-wrap:wrap;gap:6px;display:inline-flex}.course-page .ch6-on{color:var(--accent);border-color:var(--accent-amber-line);background:var(--accent-amber-soft)}.course-page .ch6-key{margin-left:auto}.course-page .ch6-sw{display:inline-grid}.course-page .ch6-sw>span{grid-area:1/1}.course-page .ch6-sw>.off{visibility:hidden}.course-page .ch6-drone-btn:before{content:"";opacity:.35;background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.course-page .ch6-drone-btn[aria-pressed=true]{border-color:var(--accent-amber-line);background:var(--accent-amber-soft);color:var(--accent)}.course-page .ch6-drone-btn[aria-pressed=true]:before{background:var(--accent);opacity:1;box-shadow:0 0 8px var(--accent-amber-line)}.course-page .ch6-sandbox{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.course-page .ch6-staff-head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.course-page .ch6-check-reveal{max-width:240px}@media (max-width:960px){.course-page .ch6-split,.course-page .ch6-split-wide{grid-template-columns:minmax(0,1fr);gap:16px}.course-page .ch6-slot-hook,.course-page .ch6-slot-thread{--slot:0px}.course-page .ch6-mini{max-width:280px}}@media (max-width:720px){.course-page .ch6-chips .crs-btn-sm,.course-page .ch6-sandbox .crs-btn-sm{min-height:44px}.course-page .ch6-key{flex-basis:100%;margin-left:0}.course-page .ch6-sandbox .crs-btn-sm{white-space:normal;text-align:left}}
.course-page .cd{min-width:0}.course-page .cd-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.course-page .cd-meta{font-family:var(--font-mono);color:var(--ink-muted);border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:5px 12px;font-size:12.5px}.course-page .cd-steps{flex-wrap:wrap;gap:6px 14px;margin:0;padding:0;list-style:none;display:flex}.course-page .cd-steps li{color:var(--ink-subtle);transition:color var(--dur-fast);align-items:center;gap:7px;font-size:12.5px;display:inline-flex}.course-page .cd-steps .n{border:1px solid var(--line-strong);width:22px;height:22px;font-family:var(--font-mono);transition:background var(--dur-fast), border-color var(--dur-fast), color var(--dur-fast);border-radius:50%;justify-content:center;align-items:center;font-size:11px;display:inline-flex}.course-page .cd-steps li.on{color:var(--ink)}.course-page .cd-steps li.on .n{border-color:var(--accent-amber-line);background:var(--accent-amber-soft);color:var(--accent)}.course-page .cd-steps li.done .n{border-color:var(--ok-line);background:var(--ok-soft);color:var(--ok)}.course-page .cd-tools{margin-top:14px}.course-page .cd-play{justify-content:flex-start;min-width:214px}.course-page .crs-btn-sm.cd-on{border-color:var(--accent-amber-line);background:var(--accent-amber-soft);color:var(--accent)}.course-page .cd-prompt{margin-top:14px}.course-page .cd-foot{margin-top:16px}.course-page .cd-phase{gap:12px;min-width:0;margin-top:14px;display:grid}.course-page .cd-count,.course-page .cd-soft,.course-page .cd-hint{margin:0}.course-page .cd-hint{min-height:1.55em}.course-page .cd-ov{pointer-events:none;z-index:3;position:absolute;inset:0}.course-page .cd-caret{background:var(--accent-amber-soft);width:30px;height:54px;box-shadow:inset 0 0 0 1.5px var(--accent-amber-line);border-radius:10px;position:absolute;transform:translate(-50%,-50%)}.course-page .cd-caret:after{content:"";border-left:5px solid #0000;border-right:5px solid #0000;border-bottom:7px solid var(--accent);position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.course-page .cd-badge{min-width:20px;height:18px;font-family:var(--font-display);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:0 5px;font-size:11.5px;font-style:italic;line-height:1;display:inline-flex;position:absolute}.course-page .cd-badge.up{transform:translate(-50%,calc(-50% - 24px))}.course-page .cd-badge.dn{transform:translate(-50%,calc(24px - 50%))}.course-page .cd-badge.tonic{background:var(--accent);color:var(--accent-foreground)}.course-page .cd-badge.stable{background:var(--ok-soft);color:var(--ok);box-shadow:inset 0 0 0 1px var(--ok-line)}.course-page .cd-badge.unstable{background:var(--warn-soft);color:var(--warn);box-shadow:inset 0 0 0 1px var(--warn-line)}.course-page .cd-badge.chroma{background:var(--chroma-soft);color:var(--chroma);box-shadow:inset 0 0 0 1px var(--chroma)}html[data-staff-theme=light] .course-page .cd-staff .staff-surface{--line:#1816112e;--line-strong:#18161152}@supports (color:lab(0% 0 0)){html[data-staff-theme=light] .course-page .cd-staff .staff-surface{--line:lab(7.24722% .654019 3.2768/.18);--line-strong:lab(7.24722% .654019 3.2768/.32)}}.course-page .cd-input{gap:12px;min-width:0;display:grid}.course-page .cd-edit{gap:8px}.course-page .cd-sq{justify-content:center;width:44px;padding:0;font-size:18px}.course-page .cd-oct{gap:8px;margin-left:auto;display:inline-flex}.course-page .cd-degs{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.course-page .cd-deg{border:1px solid var(--line);background:var(--bg-elevated-2);min-height:52px;color:var(--ink);transition:border-color var(--dur-fast), background var(--dur-fast), opacity var(--dur-fast);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px 0;display:flex}.course-page .cd-deg b{font-family:var(--font-display);font-size:19px;font-style:italic;font-weight:400;line-height:1}.course-page .cd-deg small{color:var(--ink-subtle);font-size:11px;line-height:1}.course-page .cd-deg.tonic{border-color:var(--accent-amber-line)}.course-page .cd-deg.tonic b{color:var(--accent)}.course-page .cd-deg.stable{border-color:var(--ok-line)}.course-page .cd-deg.stable b{color:var(--ok)}.course-page .cd-deg.unstable{border-color:var(--warn-line)}.course-page .cd-deg.unstable b{color:var(--warn)}.course-page .cd-deg:hover:not(:disabled){background:var(--bg-elevated);border-color:var(--line-strong)}.course-page .cd-deg:disabled{opacity:.32;cursor:default}.course-page .cd-keys{font-family:var(--font-mono);color:var(--ink-faint);margin:0;font-size:11px}.course-page .cd-durs{flex-wrap:wrap;gap:6px;display:flex}.course-page .cd-dur{border:1px solid var(--line);width:44px;height:44px;color:var(--ink-muted);transition:border-color var(--dur-fast), background var(--dur-fast), color var(--dur-fast);background:0 0;border-radius:10px;justify-content:center;align-items:center;padding:0;display:inline-flex}.course-page .cd-dur:hover{border-color:var(--line-strong);color:var(--ink)}.course-page .cd-dur.on{border-color:var(--accent-amber-line);background:var(--accent-amber-soft);color:var(--accent)}.course-page .cd-res{gap:12px;margin-top:16px;display:grid}.course-page .cd-res .count-line,.course-page .cd-res .obj-note{margin:0}.course-page .cd-bars{max-width:520px;display:flex}.course-page .cd-bars>div>div>span:first-child{flex-shrink:0;width:132px}.course-page .cd-walk-h{margin:6px 0 0}.course-page .cd-walk{gap:12px;min-width:0;display:grid}.course-page .cd-chips{flex-wrap:wrap;gap:6px;display:flex}.course-page .cd-chip{border-radius:999px;display:inline-flex}.course-page .cd-chip.on{box-shadow:0 0 0 2px var(--accent-amber-line)}.course-page .cd-cap{min-height:3.1em;margin:0}.course-page .cd-walk-ctl{gap:10px}.course-page .cd-ab{min-width:260px}.course-page .cd-answer{padding-top:16px}.course-page .cd-answer .caption{margin:0 0 8px}.course-page .cd-step-btn{min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0 4px;display:inline-flex}.course-page .cd-step-btn:hover{color:var(--ink)}.course-page .cd-q{gap:10px;min-width:0;display:grid}.course-page .cd-q .pcards{margin-top:0}.course-page .cd-q-h{color:var(--ink);align-items:center;gap:8px;margin:0;font-size:14px;display:flex}.course-page .cd-q-n{border:1px solid var(--line-strong);width:22px;height:22px;font-family:var(--font-mono);color:var(--ink-muted);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:11px;display:inline-flex}.course-page .cd-mode{gap:22px}.course-page .cd-reveal-slot{min-height:3.1em;font-size:13px}.course-page .cd-reveal-line{margin:0}.course-page .cd-pulse{justify-items:center}.course-page .cd-pulse>*{justify-self:stretch}.course-page .cd-pulse>.cd-ring{justify-self:center}.course-page .cd-pulse>.cd-count{text-align:center}.course-page .cd-ring .tap-pad{--tp-size:150px}.course-page .cd-pad-row{justify-content:center;display:flex}.course-page .cd-mode .tap-pad{--tp-size:140px}.course-page .cd-rhythm-ctl{margin:0}.course-page .cd-rcmp{gap:10px;min-width:0;padding-top:12px;display:grid}.course-page .cd-layers{min-width:0;margin:0 0 14px;overflow-x:auto}.course-page .cd-layers ol{grid-template-columns:repeat(5,minmax(58px,1fr));gap:6px;margin:0;padding:2px;list-style:none;display:grid}.course-page .cd-layer{border:1px solid var(--line);background:var(--bg-elevated-2);width:100%;min-height:56px;color:var(--ink-muted);font:inherit;cursor:pointer;transition:border-color var(--dur-fast), background var(--dur-fast), color var(--dur-fast);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 4px;font-size:12px;line-height:1.2;display:flex}.course-page .cd-layer:hover:not(:disabled){border-color:var(--line-strong);color:var(--ink)}.course-page .cd-layer:disabled{cursor:default}.course-page .cd-layer .n{font-size:15px;line-height:1}.course-page .cd-layer small{font-family:var(--font-mono);color:var(--ink-subtle);white-space:nowrap;font-size:11px}.course-page .cd-layer.done{border-color:var(--ok-line)}.course-page .cd-layer.done .n{color:var(--ok)}.course-page .cd-layer.on{border-color:var(--accent-amber-line);background:var(--accent-amber-soft);color:var(--ink)}.course-page .cd-layer.on .n{color:var(--accent)}.course-page .cd-layer:focus-visible,.course-page .cd-step-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:10px}.course-page .cd-sum{border:1px solid var(--line);background:var(--bg-elevated-2);border-radius:14px;min-width:0;margin-top:18px;padding:14px 16px}.course-page .cd-sum .caption{margin:0}.course-page .cd-sum dl{gap:6px;margin:10px 0 0;display:grid}.course-page .cd-sum-row{grid-template-columns:minmax(0,150px) minmax(0,1fr);gap:12px;font-size:13px;display:grid}.course-page .cd-sum-row dt{color:var(--ink-muted)}.course-page .cd-sum-row dd{font-family:var(--font-mono);color:var(--ink);overflow-wrap:anywhere;margin:0}.course-page .cd-sum-tip{margin:12px 0 0}.course-page .cd-lr{gap:20px;min-width:0;display:grid}.course-page .cd-lr-sec{gap:10px;min-width:0;display:grid}.course-page .cd-lr-sec>.caption,.course-page .cd-lr-sec>.obj-note,.course-page .cd-lr-sec>.ctl-row{margin:0}@media (max-width:960px){.course-page .cd-tools .cd-play{flex:100%;justify-content:center}.course-page .cd-oct{margin-left:0}.course-page .cd-deg{min-height:48px}.course-page .cd-chips button{min-height:44px}.course-page .cd-ab{flex:100%;min-width:0}}@media (max-width:420px){.course-page .cd{padding:14px 12px}.course-page .cd-degs{gap:2px;margin-inline:-4px}.course-page .cd-deg{border-radius:10px}.course-page .cd-meta{white-space:normal}.course-page .cd-reveal-slot{min-height:4.65em}.course-page .cd-ring .tap-pad{--tp-size:min(40vw, 150px)}.course-page .cd-sum{padding:12px}.course-page .cd-sum-row{grid-template-columns:minmax(0,116px) minmax(0,1fr);gap:8px}}@media (prefers-reduced-motion:reduce){.course-page .cd-steps li,.course-page .cd-steps .n,.course-page .cd-deg,.course-page .cd-dur,.course-page .cd-layer{transition:none}}
.ngl{flex:none;display:block;overflow:visible}.rg{--rg-h:40px;--rg-min:18px;--rg-max:44px;flex-direction:column;gap:8px;min-width:0;display:flex}.rg.tall{--rg-h:48px}.rg-scroll{overscroll-behavior-x:contain;scrollbar-width:thin;padding:2px 0 4px;overflow-x:auto}.rg-board{grid-template-columns:repeat(var(--n), minmax(var(--rg-min), var(--rg-max)));grid-template-rows:auto var(--rg-h);width:100%;max-width:calc(var(--n) * var(--rg-max));min-width:calc(var(--n) * var(--rg-min));display:grid}.rg-board>*{grid-row:2}.rg-board>.rg-count{grid-row:1}.rg-board.nocount{grid-template-rows:var(--rg-h)}.rg-board.nocount>*{grid-row:1}.rg-count{font-family:var(--font-mono);color:var(--ink-subtle);padding:0 0 5px 4px;font-size:11px;line-height:1}.rg-count.one{color:var(--accent)}.rg-cell{border:0;border-left:1px solid color-mix(in oklab, var(--line) 45%, transparent);background:var(--bg-sunken);min-width:0;color:inherit;border-radius:0;place-self:stretch stretch;margin:0;padding:0}.rg-cell.half{border-left-color:var(--line)}.rg-cell.beat{border-left-color:var(--line-strong)}.rg-cell.bar{border-left:2px solid var(--accent-amber-line)}.rg-cell.pick{border-left:3px solid var(--ink-muted)}.rg-cell.last{border-right:2px solid var(--accent-amber-line)}.rg-cell.end{border-left:3px solid var(--warn)}.rg-cell.over{background:repeating-linear-gradient(135deg, var(--warn-soft) 0 4px, transparent 4px 9px)}.rg-cell.act{cursor:pointer;touch-action:manipulation}@media (hover:hover){.rg-cell.act:hover{background:color-mix(in oklab, var(--ink) 7%, var(--bg-sunken))}}.rg-cell.act:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;z-index:3}.rg-cell.t-a{background:var(--accent-amber-soft)}.rg-cell.t-ok{background:var(--ok-soft)}.rg-cell.t-warn{background:var(--warn-soft)}.rg-cell.t-bad{background:var(--bad-soft)}.rg-cell.t-muted{background:color-mix(in oklab, var(--ink) 6%, var(--bg-sunken))}.rg-cur{background:color-mix(in oklab, var(--accent) 24%, transparent);pointer-events:none}.rg-plate{border:1px solid var(--accent-amber-line);background:var(--accent-amber-soft);min-width:0;color:var(--accent);font:inherit;pointer-events:none;border-radius:7px;align-items:center;margin:5px 1px;padding:0 0 0 3px;display:flex;position:relative;overflow:hidden}.rg-plate.act{pointer-events:auto;cursor:pointer;touch-action:manipulation}@media (hover:hover){.rg-plate.act:hover{border-color:var(--accent)}}.rg-plate.dot:after{content:"";background:currentColor;border-radius:50%;width:5px;height:5px;margin-top:-2.5px;position:absolute;top:50%;right:5px}.rg-plate.rest{border:1px dashed var(--ink-subtle);background:repeating-linear-gradient(135deg, color-mix(in oklab, var(--ink-subtle) 30%, transparent) 0 2px, transparent 2px 6px);color:var(--ink-subtle)}.rg-plate.cut-l{border-left-style:dashed;border-top-left-radius:0;border-bottom-left-radius:0;margin-left:0}.rg-plate.cut-r{border-right-style:dashed;border-top-right-radius:0;border-bottom-right-radius:0;margin-right:0}.rg-plate.t-a{border-color:var(--accent)}.rg-plate.t-ok{background:var(--ok-soft);border-color:var(--ok-line);color:var(--ok)}.rg-plate.t-warn{background:var(--warn-soft);border-color:var(--warn-line);color:var(--warn)}.rg-plate.t-bad{background:var(--bad-soft);border-color:var(--bad-line);color:var(--bad)}.rg-plate.t-muted{opacity:.45}.rg-plate.t-extra{border-color:var(--warn-line);background:repeating-linear-gradient(135deg, var(--warn-soft) 0 3px, transparent 3px 7px);color:var(--warn)}.rg-plate.miss{border:1.5px dashed var(--warn);background:0 0}.rg-plate.ghost{border:1.5px dashed var(--accent-amber-line);background:0 0}.rg-plate.ghost.rest{border-color:var(--ink-subtle)}.rg-plate.on:not(.rest){background:var(--accent);border-color:var(--accent);color:var(--accent-foreground)}.rg-x{background:var(--warn);width:8px;height:8px;box-shadow:0 0 0 2px var(--bg-elevated);pointer-events:none;z-index:2;border-radius:50%;place-self:start;margin:1px 0 0 -4px}.rg-flash{background:var(--warn-soft);box-shadow:inset 0 0 0 2px var(--warn);opacity:0;animation:rg-flash var(--flash-ms) var(--ease) forwards;pointer-events:none;border-radius:7px;margin:5px 1px}@keyframes rg-flash{0%{opacity:1}to{opacity:0}}.rg-empty{text-align:center;color:var(--ink-faint);pointer-events:none;grid-column:1/-1;justify-content:center;align-items:center;padding:0 8px;font-size:13px;display:flex}.rg-tabs{scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.rg-tab{border:1px solid var(--line);min-height:36px;color:var(--ink-muted);transition:color var(--dur-fast), border-color var(--dur-fast), background var(--dur-fast);background:0 0;border-radius:999px;flex:none;padding:0 14px;font-size:13px;font-weight:500}.rg-tab.on{color:var(--ink);border-color:var(--accent-amber-line);background:var(--accent-amber-soft)}@media (hover:hover){.rg-tab:not(.on):hover{color:var(--ink);border-color:var(--line-strong)}}.dtl{min-width:0}.dtl-row{overscroll-behavior-x:contain;scrollbar-width:thin;align-items:stretch;gap:8px;padding:2px 0 4px;display:flex;overflow-x:auto}.dtl-tile{border:1px solid var(--line);background:var(--bg-elevated);min-width:62px;min-height:64px;color:var(--ink);cursor:pointer;touch-action:manipulation;transition:border-color var(--dur-fast), background var(--dur-fast), color var(--dur-fast);border-radius:12px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:4px;padding:6px 8px;display:inline-flex}.dtl-tile.on{border-color:var(--accent);background:var(--accent-amber-soft);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.dtl-tile:disabled{opacity:.4;cursor:default}@media (hover:hover){.dtl-tile:not(:disabled):not(.on):hover{border-color:var(--accent-amber-line)}}.dtl-cap{color:var(--ink-muted);white-space:nowrap;font-size:11.5px;line-height:1.1}.dtl-tile.on .dtl-cap{color:var(--accent)}.dtl-sep{background:var(--line);flex:none;width:1px;margin:8px 2px}.dtl-dot{height:30px;font-size:34px;font-weight:700;line-height:26px;display:block}.rc{flex-direction:column;gap:10px;min-width:0;display:flex}.rc-row{flex-direction:column;gap:4px;min-width:0;display:flex}.rc-lbl{font-family:var(--font-mono);letter-spacing:.04em;color:var(--ink-subtle);font-size:11px}.rc-foot{flex-wrap:wrap;align-items:baseline;gap:8px 18px;display:flex}.rc-count{color:var(--ink-muted);margin:0;font-size:14px}.rc-count b{color:var(--ink);font-weight:600}.rc-legend{color:var(--ink-subtle);flex-wrap:wrap;gap:6px 14px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.rc-legend li{align-items:center;gap:6px;display:inline-flex}.rc-sw{border-radius:3px;width:16px;height:10px;display:inline-block}.rc-sw.ok{background:var(--ok-soft);border:1px solid var(--ok-line)}.rc-sw.warn{background:var(--warn-soft);border:1px solid var(--warn-line)}.rc-sw.extra{border:1px solid var(--warn-line);background:repeating-linear-gradient(135deg, var(--warn-soft) 0 2px, transparent 2px 5px)}.rc-sw.miss{border:1.5px dashed var(--warn)}@media (max-width:720px){.rg-tab{min-height:44px}.dtl-tile{min-width:56px;min-height:60px}}@media (prefers-reduced-motion:reduce){.rg-flash{animation:none}.rg-tab,.dtl-tile{transition:none}}
.course-page .ch7-cards{margin-top:16px}.course-page .ch7-slot{min-height:210px;position:relative}.course-page .ch7-reveal{margin-top:16px}.course-page .ch7-split{grid-template-columns:minmax(0,1fr) 220px;align-items:start;gap:22px;display:grid}.course-page .ch7-col,.course-page .ch7-mini{min-width:0}.course-page .ch7-first{margin-top:16px}.course-page .ch7-sep{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.course-page .ch7-moves{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:6px;margin:12px 0 0;padding:0;list-style:none;display:grid}.course-page .ch7-move{border:1px solid var(--line);background:var(--bg-elevated-2);border-radius:10px;flex-direction:column;gap:2px;padding:6px 8px;display:flex}.course-page .ch7-move b{font-family:var(--font-mono);color:var(--ink);font-size:12px;font-weight:500}.course-page .ch7-move small{color:var(--ink-muted);font-size:11.5px}.course-page .ch7-move.step{border-color:var(--ok-line)}.course-page .ch7-move.leap{border-color:var(--warn-line)}.course-page .ch7-move.off{visibility:hidden}.course-page .ch7-task{font-family:var(--font-display);color:var(--ink);min-height:1.3em;margin:0;font-size:22px;font-style:italic;line-height:1.3}.course-page .obj-note.ch7-fb{min-height:2.6em;margin:6px 0 12px}.course-page .ch7-keys{margin-top:10px}.course-page .ch7-degs .cd-deg{position:relative}.course-page .ch7-degs .cd-deg.ch7-hint{box-shadow:0 0 0 2px var(--accent-amber-line)}.course-page .ch7-glow{border-radius:inherit;border:2px solid var(--accent);background:var(--accent-amber-soft);pointer-events:none;z-index:0;position:absolute;inset:-1px}.course-page .ch7-degs .cd-deg b,.course-page .ch7-degs .cd-deg small{z-index:1;position:relative}.course-page .obj-note.ch7-empty{margin:0 0 12px}.course-page .ch7-after{margin-top:14px}.course-page .ch7-pick{flex-direction:column;gap:8px;display:flex}.course-page .absw.ch7-src{grid-auto-columns:minmax(0,210px);align-self:flex-start}.course-page .ch7-src .ab{text-align:left;border-radius:14px;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;height:auto;min-height:52px;padding:6px 14px;display:flex}.course-page .ch7-src .ab small{color:var(--ink-subtle);font-size:11px;font-weight:400}.course-page .ch7-best{text-transform:none;letter-spacing:0;min-height:1.5em;margin:0;font-size:12px}.course-page .ch7-leaps,.course-page .ch7-leaps-row{margin-top:10px}.course-page .obj-note.ch7-out{min-height:2.6em}.course-page .ch7-fine{margin:14px 0 0}@media (max-width:960px){.course-page .ch7-split{grid-template-columns:minmax(0,1fr);gap:16px}.course-page .ch7-slot{min-height:0}.course-page .ch7-slot .slot-empty{display:none}}@media (max-width:720px){.course-page .ch7-task{font-size:19px}.course-page .absw.ch7-src{grid-auto-columns:minmax(0,1fr);align-self:stretch}}@media (max-width:420px){.course-page .cd-degs.ch7-degs{gap:2px;margin-inline:-8px}}@media (prefers-reduced-motion:reduce){.course-page .ch7-degs .cd-deg{transition:none}}
.course-page .ch8-slot{margin-top:16px}.course-page .ch8-slot-hook{--slot:180px}.course-page .ch8-slot-thread{--slot:440px}.course-page .ch8-cards{margin-top:16px}.course-page .ch8-reveal{padding-top:2px}.course-page .ch8-hook-row{gap:12px}.course-page .ch8-ab{min-width:200px}.course-page .ch8-split{grid-template-columns:minmax(0,1fr) 220px;align-items:start;gap:22px;display:grid}.course-page .ch8-split-wide{grid-template-columns:minmax(0,1fr) 320px}.course-page .ch8-first{margin-top:16px}.course-page .ch8-col,.course-page .ch8-mini{min-width:0}.course-page .ch8-sep{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.course-page .obj-note.ch8-cap{min-height:2.6em;margin-top:0}.course-page .ch8-out{min-height:2.6em}.course-page .ch8-out-3{min-height:4.2em}.course-page .ch8-sub{margin-top:14px;margin-bottom:8px;display:block}.course-page .ch8-q{color:var(--ink);margin:18px 0 0;font-size:15px}.course-page .ch8-hint{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.course-page .ch8-hint .caption{min-width:0}.course-page .obj-note.ch8-hint-none{margin-top:0}.course-page .ch8-hint-slot{min-height:44px;margin-top:4px}.course-page .ch8-check-reveal{flex-direction:column;gap:12px;display:flex}.course-page .ch8-seg,.course-page .ch8-minor{gap:8px}.course-page .crs-btn-sm.ch8-on{border-color:var(--accent-amber-line);background:var(--accent-amber-soft);color:var(--accent)}.course-page .ch8-free{border-top:1px solid var(--line);gap:10px;margin-top:16px;padding-top:14px}.course-page .ch8-after{min-height:46px;margin-top:12px}.course-page .ch8-drone-line{justify-content:flex-end;align-items:center;min-height:24px;margin-bottom:6px;display:flex}.course-page .ch8-ring-wrap{justify-content:center;padding:22px 0 26px;display:flex}.course-page .ch8-spans{flex-direction:column;gap:14px;margin-bottom:4px;display:flex}.course-page .ch8-span{grid-template-columns:32px minmax(0,1fr);align-items:center;gap:4px 12px;display:grid}.course-page .ch8-span-k{border:1px solid var(--line-strong);width:32px;height:32px;font-family:var(--font-display);color:var(--ink);border-radius:50%;justify-content:center;align-items:center;font-size:17px;font-style:italic;display:inline-flex;position:relative}.course-page .ch8-span-k b{z-index:1;font-weight:400;position:relative}.course-page .ch8-flame{background:var(--accent-amber-soft);border:1px solid var(--accent-amber-line);box-shadow:0 0 12px var(--accent-amber-line);border-radius:50%;position:absolute;inset:-1px}.course-page .ch8-span-cells{grid-template-columns:repeat(12,minmax(0,1fr));gap:3px;display:grid}.course-page .ch8-span-cells i{border:1px solid var(--line);background:var(--bg-sunken);border-radius:3px;height:14px}.course-page .ch8-span-cells i.f{border-color:var(--accent-amber-line);background:var(--accent-amber-soft)}.course-page .ch8-span.ok .ch8-span-cells i.f{border-color:var(--ok-line);background:var(--ok-soft)}.course-page .ch8-span-t{font-family:var(--font-mono);color:var(--ink-muted);grid-column:2;font-size:12px}.course-page .ch8-span.ok .ch8-span-t{color:var(--ok)}@media (max-width:960px){.course-page .ch8-split,.course-page .ch8-split-wide{grid-template-columns:minmax(0,1fr);gap:16px}.course-page .ch8-slot-hook,.course-page .ch8-slot-thread{--slot:0px}.course-page .ch8-ring-wrap{padding:16px 0 22px}}@media (max-width:720px){.course-page .ch8-ab{flex:100%;min-width:0}.course-page .ch8-after .crs-btn-g{padding:0 14px}.course-page .ch8-span-cells i{height:12px}}
.course-page .ch9-cards{margin-top:16px}.course-page .ch9-row{margin-top:12px}.course-page .ch9-pre,.course-page .ch9-three,.course-page .ch9-sep-top{margin-top:14px}.course-page .ch9-slot{margin-top:16px;position:relative}.course-page .ch9-slot-hook{min-height:360px}.course-page .ch9-slot-thread{min-height:320px}.course-page .ch9-reveal{flex-direction:column;display:flex}.course-page .obj-note.ch9-cap{min-height:2.6em;margin-top:10px}.course-page .ch9-out{min-height:2.6em}.course-page .ch9-after{min-height:46px;margin-top:14px}.course-page .ch9-duo{grid-template-columns:minmax(0,420px) minmax(0,1fr);align-items:center;gap:16px;margin-top:12px;display:grid}.course-page .ch9-istaff{min-width:0;max-width:440px}.course-page .ch9-view{align-items:flex-start;min-height:212px;margin-top:14px;display:flex}.course-page .ch9-view>*{flex:auto;min-width:0}.course-page .ch9-rail{max-width:300px}.course-page .ch9-split{grid-template-columns:minmax(0,1fr) 240px;align-items:start;gap:22px;margin-top:16px;display:grid}.course-page .ch9-col,.course-page .ch9-mini{min-width:0}.course-page .ch9-sep{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.course-page .ch9-q{color:var(--ink);margin:16px 0 8px;font-size:14px;font-weight:500}.course-page .obj>.ch9-q:first-child{margin-top:0}.course-page .ch9-round{margin-left:4px}.course-page .ch9-chips{min-height:36px;margin-top:12px}.course-page .ch9-chip-sub{color:var(--ink-subtle);font-size:11px;font-family:var(--font-mono)}.course-page .crs-btn-sm.ch9-on{border-color:var(--accent-amber-line);background:var(--accent-amber-soft);color:var(--accent)}.course-page .ch9-check-reveal{flex-direction:column;gap:4px;display:flex}.course-page .ch9-sandbox{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.course-page .crs-btn-sm.ch9-free-on{border-color:var(--accent-amber-line);color:var(--accent);cursor:default}.course-page .ch9-mode button{min-height:36px}.course-page .ch9-nudge{flex-wrap:wrap;gap:10px 22px;margin-top:14px;display:flex}.course-page .ch9-nudge-g{align-items:center;gap:6px;display:flex}.course-page .ch9-nudge-l{color:var(--ink-muted);min-width:8.5em;font-size:13px}.course-page .ch9-nudge-l b{color:var(--ink);font-weight:500;font-family:var(--font-mono)}.course-page .crs-btn-sm.ch9-nb{justify-content:center;width:44px;padding:0}.course-page .ch9-meter{flex-direction:column;gap:6px;margin-top:14px;display:flex}.course-page .ch9-meter-bar{border:1px solid var(--line);background:var(--bg-sunken);border-radius:999px;height:14px;display:flex;position:relative}.course-page .ch9-meter-bar .z{height:100%;transition:background-color var(--dur-fast);flex-basis:0}.course-page .ch9-meter-bar .z0{background:color-mix(in oklab, var(--ok-soft) 45%, transparent);border-radius:999px 0 0 999px}.course-page .ch9-meter-bar .z1{background:color-mix(in oklab, var(--ink) 4%, transparent)}.course-page .ch9-meter-bar .z2{background:color-mix(in oklab, var(--warn-soft) 45%, transparent);border-radius:0 999px 999px 0}.course-page .ch9-meter-bar .z0.on{background:var(--ok-soft)}.course-page .ch9-meter-bar .z1.on{background:color-mix(in oklab, var(--ink) 12%, transparent)}.course-page .ch9-meter-bar .z2.on{background:var(--warn-soft)}.course-page .ch9-meter-mark{background:var(--accent);width:4px;box-shadow:0 0 0 2px var(--bg-elevated);pointer-events:none;border-radius:2px;margin-left:-2px;position:absolute;top:-5px;bottom:-5px}.course-page .ch9-meter-labels{display:flex}.course-page .ch9-meter-labels span{text-align:center;min-width:0;color:var(--ink-subtle);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;transition:color var(--dur-fast);flex-basis:0;padding:0 4px;font-size:12px;line-height:1.3}.course-page .ch9-meter-labels b{font-weight:500}.course-page .ch9-meter-labels small{color:var(--ink-faint);font-size:11px;display:block}.course-page .ch9-meter-labels span.on,.course-page .ch9-meter-labels span.on small{color:var(--ink)}.course-page .ch9-meter-fine{font-family:var(--font-mono);color:var(--ink-faint);align-self:flex-end;font-size:10.5px}@media (prefers-reduced-motion:reduce){.course-page .ch9-meter-bar .z,.course-page .ch9-meter-labels span{transition:none}}@media (max-width:960px){.course-page .ch9-split,.course-page .ch9-duo{grid-template-columns:minmax(0,1fr);gap:16px}.course-page .ch9-slot-hook,.course-page .ch9-slot-thread{min-height:0}.course-page .ch9-rail{max-width:none}}@media (max-width:720px){.course-page .ch9-mode button,.course-page .ch9-chips{min-height:44px}.course-page .ch9-nudge{gap:10px}.course-page .ch9-nudge-g{flex:100%}.course-page .ch9-nudge-l{flex:auto;min-width:0}.course-page .ch9-meter-labels span{font-size:11.5px}.course-page .ch9-meter-labels small{font-size:10.5px}}
.course-page .cof{aspect-ratio:1;-webkit-user-select:none;user-select:none;width:100%;max-width:320px;margin-inline:auto;position:relative}.course-page .cof-mini{max-width:240px}.course-page .cof-sec{background:var(--bg-elevated-2);color:var(--ink-muted);font:inherit;transition:background var(--dur-fast), color var(--dur-fast);border:0;padding:0;position:absolute;inset:0}.course-page .cof-minor{background:var(--bg-sunken)}.course-page .cof-live .cof-sec{cursor:pointer}@media (hover:hover){.course-page .cof-live .cof-sec:hover{background:color-mix(in oklab, var(--ink) 9%, var(--bg-elevated-2));color:var(--ink)}}.course-page .cof-sec:focus-visible{background:color-mix(in oklab, var(--accent) 26%, var(--bg-elevated-2));color:var(--ink);outline:none}.course-page .cof-sec.on{background:color-mix(in oklab, var(--accent) 20%, var(--bg-elevated));color:var(--accent)}.course-page .cof-sec.rel{background:color-mix(in oklab, var(--ok) 16%, var(--bg-elevated));color:var(--ok)}.course-page .cof-lbl{pointer-events:none;white-space:nowrap;flex-direction:column;align-items:center;line-height:1.05;display:flex;position:absolute;transform:translate(-50%,-50%)}.course-page .cof-lbl b{font-size:14px;font-weight:500}.course-page .cof-minor .cof-lbl b{font-size:12.5px;font-style:italic}.course-page .cof-lbl b+b{margin-top:1px}.course-page .cof-lbl:has(b+b) b{font-size:11.5px}.course-page .cof-lbl small{font-family:var(--font-mono);color:var(--ink-subtle);margin-top:3px;font-size:10px}.course-page .cof-sec.on .cof-lbl small{color:var(--accent)}.course-page .cof-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.course-page .cof-lines polygon{fill:none;stroke:var(--line);stroke-width:1px;vector-effect:non-scaling-stroke;transition:stroke var(--dur-fast)}.course-page .cof-lines polygon.on{stroke:var(--accent);stroke-width:1.5px}.course-page .cof-lines polygon.rel{stroke:var(--ok-line)}.course-page .cof-center{width:var(--cof-center);height:var(--cof-center);text-align:center;pointer-events:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:0 8px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.course-page .cof-name{font-family:var(--font-display);color:var(--accent);font-size:17px;font-style:italic;line-height:1.1}.course-page .cof-note{font-family:var(--font-mono);color:var(--ink-subtle);font-size:10.5px}.course-page .cof-mini .cof-name{font-size:18px}
.course-page .k10-staff{background:var(--staff-bg,var(--bg-sunken));padding:6px 4px}.course-page .x10-cards,.course-page .x10-first{margin-top:16px}.course-page .x10-ab{min-width:0}.course-page .x10-slot{min-height:420px;position:relative}.course-page .x10-reveal{margin-top:16px}.course-page .x10-split{grid-template-columns:minmax(0,1fr) 200px;align-items:start;gap:22px;display:grid}.course-page .x10-staves{flex-direction:column;gap:8px;min-width:0;display:flex}.course-page .x10-staves .caption+.staff-wrap{margin-top:-2px}.course-page .x10-mini{flex-direction:column;gap:8px;min-width:0;display:flex}.course-page .obj-note.x10-diff{font-family:var(--font-mono);color:var(--accent);margin-top:2px;font-size:12px}.course-page .x10-out{min-height:2.6em}.course-page .x10-circle-row{grid-template-columns:minmax(0,320px) minmax(0,1fr);align-items:center;gap:28px;display:grid}.course-page .x10-side{flex-direction:column;align-items:flex-start;gap:14px;min-width:0;display:flex}.course-page .x10-live{color:var(--ink-muted);min-height:4.65em;margin:0;font-size:15px;line-height:1.55}.course-page .x10-live b{color:var(--ink);font-weight:500}.course-page .obj-note.x10-cap{min-height:4.65em;margin-top:0}.course-page .x10-arrows{gap:8px}.course-page .x10-sep{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.course-page .x10-ride{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:26px;display:grid}.course-page .x10-ride-circle{flex-direction:column;align-items:center;gap:10px;display:flex}.course-page .x10-arrows-mini{justify-content:center}.course-page .x10-round{width:46px;padding:0;font-size:18px}.course-page .x10-ride-view{flex-direction:column;gap:12px;min-width:0;display:flex}.course-page .x10-view{min-width:0;min-height:178px}.course-page .x10-names{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.course-page .x10-names li{font-family:var(--font-mono);border:1px solid var(--line);color:var(--ink-muted);border-radius:999px;padding:3px 9px;font-size:12px}.course-page .x10-names li.alt{border-color:var(--accent-amber-line);color:var(--accent);background:var(--accent-amber-soft)}.course-page .x10-names li.on{border-color:var(--accent);color:var(--ink)}.course-page .x10-sandbox{gap:10px;margin-top:12px}.course-page .crs-btn-sm.x10-on{border-color:var(--accent-amber-line);background:var(--accent-amber-soft);color:var(--accent)}.course-page .x10-sign{grid-template-columns:minmax(0,1fr) 240px;align-items:center;gap:22px;display:grid}.course-page .obj-note.x10-status{min-height:1.6em;margin-top:14px}.course-page .obj-note.x10-hint{min-height:3.2em;margin-top:4px}.course-page .x10-after{min-height:46px;margin-top:12px}.course-page .x10-why{min-height:5em}.course-page .obj-note.x10-q{margin-top:16px}.course-page .x10-step2{min-height:150px}.course-page .x10-picked{gap:8px}.course-page .x10-chip{border:1px solid var(--line);height:32px;color:var(--ink-muted);border-radius:999px;align-items:center;padding:0 12px;font-size:13px;display:inline-flex}.course-page .x10-chip.on{border-color:var(--accent-amber-line);background:var(--accent-amber-soft);color:var(--accent)}.course-page .x10-check-reveal{grid-template-columns:minmax(0,1fr) 240px;align-items:center;gap:18px;display:grid}@media (max-width:960px){.course-page .x10-split,.course-page .x10-circle-row,.course-page .x10-ride,.course-page .x10-sign,.course-page .x10-check-reveal{grid-template-columns:minmax(0,1fr);gap:16px}.course-page .x10-slot,.course-page .x10-step2,.course-page .x10-live,.course-page .obj-note.x10-cap{min-height:0}.course-page .x10-mini .contour-wrap{max-width:320px}}@media (max-width:720px){.course-page .x10-circle-row .x10-arrows{width:100%}.course-page .x10-circle-row .x10-arrows .crs-btn-g{flex:1 1 0;min-width:0;padding:0 10px}.course-page .x10-side .kit-play{width:100%}.course-page .x10-picked .crs-btn-sm{min-height:44px}.course-page .x10-after .crs-btn-g{padding:0 14px}}
.course-page .ch11-cards{margin-top:16px}.course-page .ch11-slot{min-height:300px;position:relative}.course-page .ch11-reveal{padding-top:16px}.course-page .ch11-staff-head{flex-wrap:wrap;align-items:center;gap:8px 10px;margin-bottom:8px;display:flex}.course-page .ch11-legend{font-family:var(--font-mono);border:1px solid var(--line);color:var(--ink-muted);border-radius:999px;padding:2px 8px;font-size:11px}.course-page .ch11-legend.ok{color:var(--ok);border-color:var(--ok-line);background:var(--ok-soft)}.course-page .ch11-legend.warn{color:var(--warn);border-color:var(--warn-line);background:var(--warn-soft)}.course-page .ch11-legend.hold{visibility:hidden}.course-page .ch11-leaps{gap:8px;margin-top:12px}.course-page .ch11-pads{grid-template-columns:repeat(4,minmax(0,96px));gap:10px;display:grid}.course-page .ch11-pads.all{grid-template-columns:repeat(8,minmax(0,72px))}.course-page .ch11-pad{border:1px solid var(--line);background:var(--bg-elevated);min-height:72px;color:var(--ink);transition:border-color var(--dur-fast), background var(--dur-fast);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:relative;overflow:hidden}.course-page .ch11-pad.ok{border-color:var(--ok-line);background:var(--ok-soft);color:var(--ok)}.course-page .ch11-pad.warn{border-color:var(--warn-line);background:var(--warn-soft);color:var(--warn)}.course-page .ch11-pad:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.course-page .ch11-pad-rn{z-index:1;font-family:var(--font-display);font-size:24px;font-style:italic;line-height:1;position:relative}.course-page .ch11-pad-syl{z-index:1;color:var(--ink-muted);font-size:12px;position:relative}.course-page .ch11-tape-head{align-items:center;gap:10px;min-height:24px;margin-top:18px;display:flex}.course-page .ch11-tape{border:1px solid var(--line);background:var(--bg-sunken);border-radius:14px;flex-wrap:wrap;align-content:flex-start;align-items:center;gap:6px;min-height:84px;margin-top:8px;padding:10px;display:flex}.course-page .ch11-tape-empty{color:var(--ink-faint);font-size:13px}.course-page .ch11-tape-cell{align-items:center;gap:6px;display:inline-flex}.course-page .ch11-int{font-family:var(--font-mono);color:var(--ink-subtle);font-size:11px}.course-page .ch11-chip{border:1px solid var(--ok-line);background:var(--ok-soft);height:28px;color:var(--ok);font-family:var(--font-mono);border-radius:999px;align-items:center;gap:5px;padding:0 10px;font-size:12px;display:inline-flex;position:relative;overflow:hidden}.course-page .ch11-chip>b,.course-page .ch11-chip>span{z-index:1;font-weight:500;position:relative}.course-page .ch11-chip.pass{border-color:var(--warn-line);background:var(--warn-soft);height:22px;color:var(--warn);padding:0 7px;font-size:11px}.course-page .obj-note.ch11-out{min-height:2.6em}.course-page .ch11-tape-ctl{margin-top:12px}.course-page .ch11-sw{display:inline-grid}.course-page .ch11-sw>span{grid-area:1/1}.course-page .ch11-sw>.off{visibility:hidden}.course-page .ch11-drone.on{border-color:var(--accent-amber-line);background:var(--accent-amber-soft);color:var(--accent)}.course-page .ch11-sep{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.course-page .ch11-sandbox{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.course-page .ch11-free-on{color:var(--accent);border-color:var(--accent-amber-line)}.course-page .obj-note.ch11-verdict{min-height:2.6em;margin-top:0}.course-page .ch11-verdict-ctl{margin-top:10px}.course-page .ch11-check-reveal{max-width:240px}.course-page .ch11-choice{grid-template-columns:repeat(2,minmax(0,220px));gap:10px;display:grid}.course-page .ch11-choice-b{border:1px solid var(--line);min-height:56px;color:var(--ink-muted);text-align:left;transition:color var(--dur-fast), border-color var(--dur-fast), background var(--dur-fast);background:0 0;border-radius:14px;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 16px;display:flex}.course-page .ch11-choice-b:hover{border-color:var(--line-strong);color:var(--ink)}.course-page .ch11-choice-b.on{border-color:var(--accent-amber-line);background:var(--accent-amber-soft);color:var(--accent)}.course-page .ch11-choice-b:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.course-page .ch11-choice-l{font-size:15px;font-weight:500}.course-page .ch11-choice-s{color:var(--ink-subtle);font-size:12px}.course-page .ch11-part-end{flex-direction:column;gap:4px;display:flex}.course-page .ch11-part-end .obj-note{margin-top:6px}.course-page .ch11-soon{gap:14px;margin-top:12px}@media (max-width:960px){.course-page .ch11-slot{min-height:0}.course-page .ch11-slot>.slot-empty{display:none}}@media (max-width:720px){.course-page .ch11-pads{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.course-page .ch11-pads.all{grid-template-columns:repeat(4,minmax(0,1fr))}.course-page .ch11-pad{min-height:56px}.course-page .ch11-choice{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.course-page .ch11-choice-b{padding:8px 12px}.course-page .ch11-leaps .crs-btn-sm{min-height:44px}.course-page .ch11-check-reveal{max-width:none}}@media (prefers-reduced-motion:reduce){.course-page .ch11-pad,.course-page .ch11-choice-b{transition:none}}
.course-page .ch12-gap{margin-top:14px}.course-page .ch12-cards{margin-top:16px}.course-page .ch12-slot{margin-top:16px;position:relative}.course-page .ch12-slot-hook{min-height:212px}.course-page .ch12-slot-cmp{min-height:150px}.course-page .ch12-slot-staff{min-height:168px}.course-page .ch12-reveal{flex-direction:column;gap:10px;display:flex}.course-page .ch12-reveal>.obj-note{margin-top:0}.course-page .ch12-rows{grid-template-columns:22px minmax(0,1fr);align-items:end;gap:8px 10px;display:grid}.course-page .ch12-lbl{font-family:var(--font-display);color:var(--accent);font-size:20px;font-style:italic;line-height:40px}.course-page .obj-note.ch12-line{min-height:1.55em;margin-top:6px}.course-page .obj-note.ch12-out{min-height:3.1em}.course-page .ch12-after{min-height:46px;margin-top:10px}.course-page .ch12-under{justify-content:space-between;margin-top:8px}.course-page .ch12-head{align-items:center}.course-page .ch12-ring{flex:none;margin-left:auto}.course-page .ch12-ring .bring{--bring-size:76px;margin:0}.course-page .ch12-ring .bring-dot{width:10px;height:10px;transform:rotate(var(--a)) translateY(calc(var(--bring-size) / -2 + 5px)) rotate(calc(var(--a) * -1));margin:-5px 0 0 -5px}.course-page .ch12-live{border:1px dashed var(--accent-amber-line);min-height:26px;color:var(--accent);font:inherit;vertical-align:baseline;transition:background var(--dur-fast), border-color var(--dur-fast);background:0 0;border-radius:6px;align-items:center;margin:0 1px;padding:0 7px;font-weight:500;line-height:1.2;display:inline-flex;position:relative}.course-page .ch12-live[aria-pressed=true]{border-style:solid;border-color:var(--accent);background:var(--accent-amber-soft)}@media (hover:hover){.course-page .ch12-live:hover{background:var(--accent-amber-soft)}}.course-page .ch12-presets{gap:8px;margin-top:10px}.course-page .ch12-presets .caption{flex-basis:100%}.course-page .ch12-sep{border-top:1px solid var(--line);flex-direction:column;gap:8px;margin-top:16px;padding-top:14px;display:flex}.course-page .ch12-sep>.obj-note{margin-top:0}.course-page .ch12-sandbox{border-top:1px solid var(--line);gap:8px;margin-top:16px;padding-top:14px}.course-page .ch12-sigs{gap:6px;display:flex}.course-page .ch12-sigs .crs-btn-sm[aria-pressed=true]{border-color:var(--accent-amber-line);background:var(--accent-amber-soft);color:var(--accent)}.course-page .ch12-extra{flex-direction:column;min-width:0;display:flex}.course-page .ch12-extra-h{margin:0;font-size:18px;font-weight:500}.course-page .ch12-extra .check-why{margin-top:6px}@media (max-width:720px){.course-page .ch12-slot-hook,.course-page .ch12-slot-cmp,.course-page .ch12-slot-staff{min-height:0}.course-page .ch12-rows .rg,.course-page .ch12-fix{--rg-min:16px}.course-page .ch12-live:after{content:"";position:absolute;inset:-10px -6px}.course-page .ch12-presets .crs-btn-sm,.course-page .ch12-sandbox .crs-btn-sm{white-space:normal;text-align:left}.course-page .ch12-head .crs-btn-g,.course-page .ch12-head .crs-btn{padding:0 16px}}@media (prefers-reduced-motion:reduce){.course-page .ch12-live{transition:none}}
.course-page .ch13-gap{margin-top:14px}.course-page .ch13-cards{margin-top:16px}.course-page .ch13-slot{margin-top:16px;position:relative}.course-page .ch13-slot-hook{min-height:236px}.course-page .ch13-slot-note{min-height:84px}.course-page .ch13-slot-quiz{min-height:300px}.course-page .ch13-slot-staff{min-height:280px}.course-page .ch13-reveal{flex-direction:column;gap:10px;display:flex}.course-page .ch13-reveal>.obj-note,.course-page .ch13-reveal>.count-line,.course-page .obj-note.ch13-concl{margin-top:0}.course-page .ch13-rows{grid-template-columns:22px minmax(0,1fr);align-items:end;gap:8px 10px;display:grid}.course-page .ch13-lbl{font-family:var(--font-display);color:var(--accent);font-size:20px;font-style:italic;line-height:40px}.course-page .obj-note.ch13-line{min-height:1.55em;margin-top:6px}.course-page .obj-note.ch13-line2{min-height:3.1em;margin-top:6px}.course-page .obj-note.ch13-out{min-height:3.1em}.course-page .ch13-after{min-height:46px;margin-top:10px}.course-page .ch13-count{margin-left:auto}.course-page .ch13-head{align-items:center}.course-page .ch13-head .ch13-absw{flex:auto;min-width:0}.course-page .ch13-ring{flex:none;margin-left:auto}.course-page .ch13-ring .bring{margin:0}.course-page .ch13-ring .bring-dot{width:10px;height:10px;margin:-5px 0 0 -5px}.course-page .ch13-hollow .bring-dot.warn{border:2px solid var(--warn);background:0 0}.course-page .ch13-live{border:1px dashed var(--accent-amber-line);min-height:26px;color:var(--accent);font:inherit;vertical-align:baseline;transition:background var(--dur-fast), border-color var(--dur-fast);background:0 0;border-radius:6px;align-items:center;margin:0 1px;padding:0 7px;font-weight:500;line-height:1.2;display:inline-flex;position:relative}.course-page .ch13-live[aria-pressed=true]{border-style:solid;border-color:var(--accent);background:var(--accent-amber-soft)}@media (hover:hover){.course-page .ch13-live:hover{background:var(--accent-amber-soft)}}.course-page .ch13-presets{gap:8px;margin-top:10px}.course-page .ch13-presets .caption{flex-basis:100%}.course-page .ch13-sep{border-top:1px solid var(--line);flex-direction:column;gap:8px;margin-top:16px;padding-top:14px;display:flex}.course-page .ch13-sep>.obj-note{margin-top:0}.course-page .ch13-tie{justify-content:space-between;align-items:center}.course-page .ch13-fact{margin-top:2px}.course-page .ch13-sandbox{border-top:1px solid var(--line);gap:8px;margin-top:16px;padding-top:14px}.course-page .ch13-sigs{gap:6px;display:flex}.course-page .ch13-sigs .crs-btn-sm[aria-pressed=true],.course-page .ch13-presets .crs-btn-sm[aria-pressed=true],.course-page .ch13-tie .crs-btn-sm[aria-pressed=true],.course-page .ch13-fact .crs-btn-sm[aria-pressed=true]{border-color:var(--accent-amber-line);background:var(--accent-amber-soft);color:var(--accent)}.course-page .ch13-toggle{grid-auto-columns:1fr;grid-auto-flow:column;gap:8px;display:grid}.course-page .ch13-toggle .ab{padding:0 14px}.course-page .ch13-quiz{flex-direction:column;gap:10px;display:flex}.course-page .ch13-quiz .pcards{margin-top:0}.course-page .ch13-quiz-h{margin:0;font-size:18px;font-weight:500}.course-page .ch13-tapring{margin-top:16px}.course-page .ch13-ab-lbl{color:var(--ink-muted);grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;font-size:13px;display:grid}.course-page .ch13-ab-lbl+.ch13-gap{margin-top:6px}.course-page .obj-note.ch13-verdict{border-left:3px solid #0000;min-height:3.1em;margin-top:10px;padding-left:12px}.course-page .obj-note.ch13-verdict.ok{border-left-color:var(--ok)}.course-page .obj-note.ch13-verdict.warn{border-left-color:var(--warn)}@media (min-width:961px){.course-page .ch13-toggle{grid-auto-columns:minmax(0,180px);justify-content:start}}@media (max-width:720px){.course-page .ch13-slot-hook,.course-page .ch13-slot-note,.course-page .ch13-slot-quiz,.course-page .ch13-slot-staff{min-height:0}.course-page .ch13-rows .rg{--rg-min:16px}.course-page .rg.ch13-tapgrid{--rg-min:9px}.course-page .rg.ch13-tapgrid .ngl{display:none}.course-page .ch13-live:after{content:"";position:absolute;inset:-10px -6px}.course-page .ch13-presets .crs-btn-sm,.course-page .ch13-sandbox .crs-btn-sm,.course-page .ch13-fact .crs-btn-sm{white-space:normal;text-align:left}.course-page .ch13-head .crs-btn-g,.course-page .ch13-head .crs-btn{padding:0 16px}.course-page .ch13-count{flex-basis:100%;margin-left:0}}@media (prefers-reduced-motion:reduce){.course-page .ch13-live{transition:none}}
.course-page .ch14-cards{margin-top:16px}.course-page .ch14-slot{margin-top:16px;position:relative}.course-page .ch14-slot-hook{min-height:160px}.course-page .ch14-reveal{flex-direction:column;gap:12px;display:flex}.course-page .ch14-reveal>.obj-note{margin-top:0}.course-page .ch14-pulse{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;min-width:0;display:grid}.course-page .ch14-ring{flex:none}.course-page .ch14-ring .bring{margin:0}.course-page .ch14-ring .bring-dot{width:12px;height:12px;margin:-6px 0 0 -6px}.course-page .ch14-ring-c{font-family:var(--font-mono);color:var(--ink-muted);font-size:15px;font-weight:500}.course-page .ch14-layers{flex-direction:column;gap:14px;margin-top:16px;display:flex}.course-page .ch14-layer{min-width:0;transition:opacity var(--dur) var(--ease);grid-template-columns:76px minmax(0,1fr);align-items:center;gap:12px;display:grid}.course-page .ch14-layer.off{opacity:.35}.course-page .ch14-layer>.caption{align-self:center}.course-page .ch14-layer>*{min-width:0}.course-page .ch14-chips{flex-wrap:wrap;gap:8px;display:flex}.course-page .ch14-chip{border:1px solid var(--line);min-height:44px;color:var(--ink-muted);font:inherit;cursor:pointer;transition:color var(--dur-fast), border-color var(--dur-fast), background var(--dur-fast);background:0 0;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:500;display:inline-flex}.course-page .ch14-chip .ch14-dot{border:1px solid var(--line-strong);background:0 0;border-radius:50%;width:8px;height:8px}.course-page .ch14-chip[aria-pressed=true]{border-color:var(--accent-amber-line);background:var(--accent-amber-soft);color:var(--accent)}.course-page .ch14-chip[aria-pressed=true] .ch14-dot{background:var(--accent);border-color:#0000}.course-page .ch14-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (hover:hover){.course-page .ch14-chip:hover{color:var(--ink);border-color:var(--line-strong)}}.course-page .obj-note.ch14-line{min-height:3.1em}.course-page .obj-note.ch14-empty{margin:0 0 12px}.course-page .ch14-after{margin-top:14px}.course-page .ch14-pick{flex-direction:column;gap:8px;display:flex}.course-page .absw.ch14-src{grid-auto-columns:minmax(0,210px);align-self:flex-start}.course-page .ch14-src .ab{text-align:left;border-radius:14px;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;height:auto;min-height:52px;padding:6px 14px;display:flex}.course-page .ch14-src .ab small{color:var(--ink-subtle);font-size:11px;font-weight:400}.course-page .ch14-best{text-transform:none;letter-spacing:0;min-height:1.5em;margin:0;font-size:12px}.course-page .ch14-hook{margin-top:10px}.course-page .ch14-hook-row{margin:10px 0}.course-page .obj-note.ch14-out{min-height:2.6em}.course-page .ch14-fine{margin:14px 0 0}@media (max-width:960px){.course-page .ch14-slot-hook{min-height:0}.course-page .ch14-slot .slot-empty{display:none}}@media (max-width:720px){.course-page .ch14-layer{grid-template-columns:minmax(0,1fr);gap:6px}.course-page .ch14-chips{width:100%}.course-page .ch14-chip{flex:1 1 0;justify-content:center;padding:0 10px}.course-page .absw.ch14-src{grid-auto-columns:minmax(0,1fr);align-self:stretch}.course-page .obj-note.ch14-line{min-height:4.65em}}@media (max-width:480px){.course-page .ch14-pulse{grid-template-columns:minmax(0,1fr);gap:10px}}@media (prefers-reduced-motion:reduce){.course-page .ch14-layer,.course-page .ch14-chip{transition:none}}
.course-page .hx [data-func=T]{--f:var(--func-t)}.course-page .hx [data-func=S]{--f:var(--func-s)}.course-page .hx [data-func=D]{--f:var(--func-d)}.course-page .hx-scroll{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.course-page .hx-seg{border:1px solid var(--line);background:var(--bg-sunken);border-radius:12px;flex-wrap:wrap;gap:2px;padding:4px;display:inline-flex}.course-page .hx-seg-btn{min-height:36px;color:var(--ink-muted);transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);background:0 0;border:0;border-radius:9px;padding:0 14px;font-size:13px;font-weight:500}.course-page .hx-seg-btn:hover{color:var(--ink)}.course-page .hx-seg-btn.on{background:var(--bg-elevated-2);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-strong)}.course-page .hx-stack{flex-direction:column;gap:14px;display:flex}.course-page .hx-stack>.hx-seg{align-self:flex-start}.course-page .hx-stack .hx-scroll{background:var(--bg-sunken);border:1px solid var(--line);border-radius:14px;padding:12px 14px}.course-page .hx-col{margin:0 auto;position:relative}.course-page .hx-row{border-top:1px solid var(--line);pointer-events:none;position:absolute;left:0;right:0}.course-page .hx-pill{border:1px solid var(--line-strong);background:var(--bg-elevated-2);width:64px;height:30px;color:var(--ink);font-family:var(--font-mono);z-index:2;transition:transform var(--dur) var(--ease), background var(--dur-fast), border-color var(--dur-fast);border-radius:999px;justify-content:center;align-items:center;font-size:13px;display:inline-flex;position:absolute;top:0;left:0}.course-page .hx-pill:before{content:"";position:absolute;inset:-7px -2px}.course-page .hx-pill span{z-index:2;position:relative}.course-page .hx-pill.root{border-color:var(--accent-amber-line);background:var(--accent-amber-soft);color:var(--accent);box-shadow:0 0 0 3px var(--bg-sunken), 0 0 0 4px var(--accent-amber-line)}.course-page .hx-pill.ok{border-color:var(--ok-line);background:var(--ok-soft);color:var(--ok)}.course-page .hx-pill.alt{border-color:var(--warn-line);background:var(--warn-soft);color:var(--warn)}.course-page .hx-pill.em{box-shadow:0 0 0 3px var(--bg-sunken), 0 0 0 4px var(--accent)}.course-page .hx-flame{background:radial-gradient(closest-side, var(--accent-amber-line), transparent 72%);filter:blur(4px);pointer-events:none;z-index:1;border-radius:999px;width:84px;height:36px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.course-page .hx-brk{width:58px;min-height:44px;color:var(--ink-subtle);background:0 0;border:0;align-items:center;gap:6px;padding:0;display:flex;position:absolute;transform:translateY(0)}.course-page .hx-brk-line{border:1.5px solid var(--line-strong);width:8px;transition:border-color var(--dur-fast);border-left:0;border-radius:0 6px 6px 0;align-self:stretch;margin-block:4px}.course-page .hx-brk b{font-family:var(--font-mono);transition:color var(--dur-fast);font-size:12px;font-weight:500}.course-page .hx-brk.on{color:var(--accent)}.course-page .hx-brk.on .hx-brk-line{border-color:var(--accent)}.course-page .hx-brk.on b{font-size:14px;font-weight:600}.course-page .hx-stack-foot{flex-direction:column;gap:12px;display:flex}.course-page .hx-roles{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.course-page .hx-role{border:1px solid var(--line);background:var(--bg-elevated);min-height:48px;color:var(--ink);text-align:left;transition:border-color var(--dur-fast), background var(--dur-fast);border-radius:12px;flex-direction:column;justify-content:center;align-items:flex-start;gap:1px;padding:6px 10px;display:flex}.course-page .hx-role small{color:var(--ink-subtle);font-size:11px}.course-page .hx-role b{font-family:var(--font-display);font-size:19px;font-style:italic;font-weight:400;line-height:1.1}.course-page .hx-role.on{border-color:var(--accent-amber-line);background:var(--accent-amber-soft)}.course-page .hx-formula{color:var(--ink-muted);font-size:13px;font-family:var(--font-mono);margin:0}.course-page .hx-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.course-page .hx-pads{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:10px;display:grid}.course-page .hx-pad{border:1px solid color-mix(in oklab, var(--f,var(--ink)) 32%, transparent);background:color-mix(in oklab, var(--f,var(--ink)) 8%, var(--bg-elevated));min-width:0;min-height:84px;color:var(--ink);text-align:center;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:10px 8px 12px;display:flex;position:relative}.course-page .hx-pad .hx-sign{color:var(--f,var(--ink))}.course-page .hx-pad small{color:var(--ink-muted);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;max-width:100%;font-size:11.5px;line-height:1.25}.course-page .hx-pad-notes{color:var(--ink-subtle);font-size:11px;font-family:var(--font-mono)}.course-page .hx-kbd{font-family:var(--font-mono);color:var(--ink-faint);font-size:10px;position:absolute;top:7px;right:9px}@media (hover:hover){.course-page .hx-pad:hover{border-color:color-mix(in oklab, var(--f,var(--ink)) 55%, transparent)}}.course-page .hx-pad.on,.course-page .hx-pad.lit{border-color:var(--f,var(--accent));background:color-mix(in oklab, var(--f,var(--accent)) 16%, var(--bg-elevated))}.course-page .hx-pad.on{box-shadow:0 0 0 1px var(--f,var(--accent)) inset}.course-page .hx-pad.next{border-style:dashed;border-color:var(--f,var(--accent))}.course-page .hx-pad.dim,.course-page .hx-pad:disabled{opacity:.45;pointer-events:none}.course-page .hx-pads.picked .hx-pad{pointer-events:none}.course-page .hx-pad.correct{border-color:var(--ok-line);background:var(--ok-soft)}.course-page .hx-pad.wrong{border-color:var(--bad-line);background:var(--bad-soft)}.course-page .hx-pad.wrong .hx-sign{color:var(--bad)}.course-page .hx-hint{min-height:1.5em;color:var(--ink-subtle);margin:8px 0 0;font-size:12.5px}.course-page .hx-sign{line-height:1;font-family:var(--font-display);align-items:center;gap:1px;display:inline-flex}.course-page .hx-sign b{font-weight:400}.course-page .hx-sign.md b{font-size:17px}.course-page .hx-sign.lg b{font-size:30px}.course-page .hx-fig{font-family:var(--font-sans);align-self:flex-end;margin-bottom:.1em;font-size:.55em}.course-page .hx-sign.lg .hx-fig{font-size:16px}.course-page .hx-sign.md .hx-fig{font-size:11px}.course-page .hx-fig.stack{flex-direction:column;align-self:center;gap:1px;margin:0;line-height:1;display:inline-flex}.course-page .hx-fig i{font-style:normal}.course-page .hx-spring{flex-direction:column;gap:14px;display:flex}.course-page .hx-spring-pads{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-items:start;gap:14px;display:grid}.course-page .hx-spring-cell{flex-direction:column;gap:6px;min-width:0;display:flex;position:relative}.course-page .hx-spring-cell .hx-pad{min-height:92px}.course-page .hx-spring-arrow{color:var(--ink-subtle);pointer-events:none;z-index:2;font-size:13px;position:absolute;top:46px;left:-7px;transform:translate(-50%,-50%)}.course-page .hx-spring-badge{min-height:2.6em;color:var(--ink-subtle);text-align:center;font-size:12px;line-height:1.3}.course-page .hx-spring-badge.on{color:var(--warn)}.course-page .hx-opts{flex-wrap:wrap;gap:8px;display:flex}.course-page .hx-opt,.course-page .hx-pair{border:1px solid var(--line-input);min-height:36px;color:var(--ink-muted);white-space:nowrap;transition:border-color var(--dur-fast), color var(--dur-fast), background var(--dur-fast);background:0 0;border-radius:999px;padding:0 14px;font-size:13px;font-weight:500}.course-page .hx-opt.on{border-color:var(--accent-amber-line);background:var(--accent-amber-soft);color:var(--accent)}@media (hover:hover){.course-page .hx-opt:hover,.course-page .hx-pair:hover{border-color:var(--accent-amber-line);color:var(--ink)}}.course-page .hx-pairs{flex-wrap:wrap;gap:8px;display:flex}.course-page .hx-pair{color:var(--ink)}.course-page .hx-scheme-wrap{background:var(--bg-sunken);border:1px solid var(--line);border-radius:14px;padding:6px 4px}.course-page .hx-scheme{margin:0 auto;display:block}.course-page .hx-scheme-glow{fill:var(--accent-amber-soft)}.course-page .hx-vl{stroke:var(--line-strong);stroke-width:1.5px}.course-page .hx-vl.bass{stroke-dasharray:3 3}.course-page .hx-vl.tense{stroke:var(--f,var(--accent));stroke-width:2.5px}.course-page .hx-vd circle{fill:var(--ink-muted)}.course-page .hx-vd.bass circle{fill:var(--accent)}.course-page .hx-vd text{fill:var(--ink);font-family:var(--font-mono);paint-order:stroke;stroke:var(--bg-sunken);stroke-width:3px;font-size:10.5px}@media (max-width:720px){.course-page .hx-seg-btn,.course-page .hx-opt,.course-page .hx-pair{min-height:44px}.course-page .hx-pads{gap:8px}.course-page .hx-sign.lg b{font-size:26px}.course-page .hx-role b{font-size:17px}.course-page .hx-stack .hx-scroll{padding:10px 8px}}@media (prefers-reduced-motion:reduce){.course-page .hx *,.course-page .hx :before,.course-page .hx :after{transition:none!important;animation:none!important}}
.course-page .ch15-cards,.course-page .ch15-first,.course-page .ch15-reveal{margin-top:16px}.course-page .ch15-split{grid-template-columns:minmax(0,1fr) 220px;align-items:start;gap:22px;display:grid}.course-page .ch15-split:has(>.ch15-stack){grid-template-columns:minmax(0,1fr) 300px}.course-page .ch15-col{flex-direction:column;gap:12px;min-width:0;display:flex}.course-page .ch15-col>.obj-note{margin-top:0}.course-page .ch15-mini,.course-page .ch15-stack{min-width:0}.course-page .ch15-sep{border-top:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:12px;margin-top:16px;padding-top:16px;display:flex}.course-page .ch15-sep>.ch15-view{align-self:stretch}.course-page .ch15-kb,.course-page .ch15-staff{min-width:0;max-width:100%}.course-page .ch15-view{min-width:0;min-height:224px}.course-page .ch15-slot{min-height:300px;margin-top:4px;position:relative}.course-page .ch15-slot-sm{min-height:118px}.course-page .ch15-out{min-height:2.6em}.course-page .obj-note.ch15-cap{min-height:3.2em;margin-top:0}.course-page .obj-note.ch15-q{color:var(--ink);margin-top:4px}.course-page .ch15-chips{margin-top:10px}.course-page .ch15-after{min-height:46px;margin-top:12px}.course-page .ch15-key{font-family:var(--font-mono);color:var(--accent);border:1px solid var(--accent-amber-line);background:var(--accent-amber-soft);border-radius:999px;padding:2px 10px;font-size:11px}.course-page .ch15-seg{border:1px solid var(--line);background:var(--bg-sunken);border-radius:12px;flex-wrap:wrap;gap:2px;padding:4px;display:inline-flex}.course-page .ch15-seg button{min-height:36px;color:var(--ink-muted);transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);background:0 0;border:0;border-radius:9px;padding:0 14px;font-size:13px;font-weight:500}.course-page .ch15-seg button:hover{color:var(--ink)}.course-page .ch15-seg button.on{background:var(--bg-elevated-2);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-strong)}.course-page .ch15-sandbox{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.course-page .ch15-roots{flex-wrap:wrap;gap:6px;display:flex}.course-page .ch15-roots .crs-btn-sm.on{border-color:var(--accent-amber-line);background:var(--accent-amber-soft);color:var(--accent)}.course-page .ch15-build{flex-direction:column;gap:12px;min-width:0;display:flex}.course-page .ch15-build>.obj-note{margin-top:0}.course-page .ch15-strip{grid-template-columns:repeat(5,minmax(0,72px));gap:6px;display:grid}.course-page .ch15-cell{border:1px solid var(--line);background:var(--bg-elevated);min-height:52px;color:var(--ink);transition:border-color var(--dur-fast), background var(--dur-fast), opacity var(--dur-fast);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px 2px;display:flex;position:relative}.course-page .ch15-cell b{z-index:2;font-family:var(--font-mono);font-size:13px;font-weight:500;position:relative}.course-page .ch15-cell small{z-index:2;color:var(--ink-subtle);font-size:11px;position:relative}.course-page .ch15-cell.take{border-color:var(--ok-line);background:var(--ok-soft);color:var(--ok)}.course-page .ch15-cell.skip{opacity:.6;border-style:dashed}.course-page .ch15-glow{border-radius:inherit;background:radial-gradient(closest-side, var(--accent-amber-line), transparent 86%);box-shadow:inset 0 0 0 1.5px var(--accent);pointer-events:none;z-index:1;position:absolute;inset:0}.course-page .ch15-build-staff{min-width:0;min-height:132px;position:relative}.course-page .ch15-staff-empty{text-align:center;color:var(--ink-faint);border:1px dashed var(--line);border-radius:10px;justify-content:center;align-items:center;padding:0 16px;font-size:13px;display:flex;position:absolute;inset:0}.course-page .ch15-sung{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.course-page .ch15-sung li{align-items:baseline;gap:12px;display:flex}.course-page .ch15-sung-name{min-width:3.4em;font-family:var(--font-mono);color:var(--ink-subtle);font-size:13px}.course-page .ch15-sung-word{font-family:var(--font-display);color:var(--ink-faint);font-size:22px;font-style:italic;line-height:1.15}.course-page .ch15-sung-word.ok{color:var(--ok)}.course-page .ch15-sung-word.warn{color:var(--warn)}.course-page .ch15-sung-word.bad{color:var(--bad)}.course-page .ch15-check-reveal{flex-direction:column;gap:4px;display:flex}.course-page .ch15-check-reveal .ch15-stack{max-width:320px}@media (max-width:960px){:is(.course-page .ch15-split,.course-page .ch15-split:has(>.ch15-stack)){grid-template-columns:minmax(0,1fr);gap:16px}.course-page .ch15-slot,.course-page .ch15-slot-sm,.course-page .ch15-view{min-height:0}}@media (max-width:720px){.course-page .ch15-seg{width:100%;display:flex}.course-page .ch15-seg button{flex:auto;min-height:44px;padding:0 10px}.course-page .ch15-strip{grid-template-columns:repeat(5,minmax(0,1fr))}.course-page .ch15-cell{min-height:56px}.course-page .ch15-build-staff{min-height:116px}}@media (prefers-reduced-motion:reduce){.course-page .ch15-seg button,.course-page .ch15-cell{transition:none}}
.course-page .ch16 [data-func=T]{--f:var(--func-t)}.course-page .ch16 [data-func=S]{--f:var(--func-s)}.course-page .ch16 [data-func=D]{--f:var(--func-d)}.course-page .ch16-cards{margin-top:16px}.course-page .ch16-first{margin-top:14px}.course-page .ch16-src{margin:14px 0 8px}.course-page .ch16-key{margin-left:auto}.course-page .ch16-slot{min-height:360px;position:relative}.course-page .ch16-slot-sm{min-height:380px}.course-page .ch16-reveal{flex-direction:column;gap:12px;margin-top:16px;display:flex}.course-page .obj-note.ch16-out{min-height:3.1em}.course-page .obj-note.ch16-out-3{min-height:4.65em}.course-page .obj-note.ch16-info{min-height:3.1em;margin:12px 0}.course-page .obj-note.ch16-q{margin:14px 0 10px}.course-page .ch16-after{min-height:46px;margin-top:10px}.course-page .ch16-under{margin:-4px 0 0}.course-page .ch16-pairs{gap:8px}.course-page .ch16-sep{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.course-page .ch16-pads{margin-top:16px}.course-page .ch16-sig>.sig-staff-canvas{--staff-bg:transparent}.course-page .ch16-sig .sig-staff-canvas svg{display:block}.course-page .ch16-sig .staff-glow-layer{width:fit-content;min-width:0;margin:0 auto}.course-page .ch16-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.course-page .ch16-step{border:1px solid var(--line);background:var(--bg-elevated);min-height:56px;color:var(--f,var(--ink));cursor:pointer;border-radius:12px;justify-content:center;align-items:center;display:flex}.course-page .ch16-step.key{border-color:color-mix(in oklab, var(--f) 55%, transparent)}.course-page .ch16-step.on{border-color:var(--f);background:color-mix(in oklab, var(--f) 16%, transparent);box-shadow:0 0 0 1px var(--f) inset}.course-page .ch16-degs{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:8px;margin-top:16px;display:grid}.course-page .ch16-deg{border:1px solid var(--line);background:var(--bg-elevated);min-height:64px;color:var(--ink);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 2px;display:flex}.course-page .ch16-deg.main{min-height:84px}.course-page .ch16-deg.main .hx-sign{color:var(--f)}.course-page .ch16-deg small{color:var(--ink-subtle);font-size:11px}.course-page .ch16-deg-rn{font-family:var(--font-display);color:var(--ink-muted);font-size:19px;font-style:italic;font-weight:400}.course-page .ch16-deg.side{opacity:.72}.course-page .ch16-deg.sel{border-color:color-mix(in oklab, var(--f) 55%, transparent);opacity:1}.course-page .ch16-deg.on{opacity:1;border-color:var(--f);background:color-mix(in oklab, var(--f) 16%, transparent);box-shadow:0 0 0 1px var(--f) inset}.course-page .ch16-deg.on .ch16-deg-rn,.course-page .ch16-deg.sel .ch16-deg-rn{color:var(--f)}.course-page .ch16-step:focus-visible,.course-page .ch16-deg:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (hover:hover){.course-page .ch16-step:hover,.course-page .ch16-deg:hover{border-color:var(--line-strong)}}.course-page .ch16-check-reveal{flex-direction:column;gap:6px;display:flex}@media (max-width:960px){.course-page .ch16-slot,.course-page .ch16-slot-sm{min-height:0}}@media (max-width:720px){.course-page .ch16-degs{grid-template-columns:repeat(4,minmax(0,1fr))}.course-page .ch16-deg{min-height:56px}.course-page .ch16-deg.main{min-height:72px}.course-page .obj-note.ch16-info{min-height:4.65em}.course-page .ch16-pairs .crs-btn-sm{min-height:44px}.course-page .ch16-key{margin-left:0}}
.course-page .c17-slot{min-height:360px;position:relative}.course-page .c17-slot-sm{min-height:7.2em}.course-page .c17-cards,.course-page .c17-first,.course-page .c17-reveal{margin-top:16px}.course-page .c17-split{grid-template-columns:minmax(0,1fr) 220px;align-items:start;gap:22px;display:grid}.course-page .c17-col{flex-direction:column;gap:10px;min-width:0;display:flex}.course-page .c17-col>.obj-note{margin-top:0}.course-page .c17-mini{flex-direction:column;gap:8px;min-width:0;display:flex}.course-page .c17-mini-cap{text-align:center;min-height:1.4em}.course-page .c17-slot-mini{min-height:290px;position:relative}.course-page .c17-sep{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.course-page .c17-row{gap:12px}.course-page .c17-out{min-height:2.6em}.course-page .obj-note.c17-cap{min-height:2.6em;margin-top:0}.course-page .obj-note.c17-q{color:var(--ink);margin:4px 0 0}.course-page .c17-after{min-height:46px}.course-page .c17-staff{background:var(--staff-bg);border:1px solid var(--staff-border);border-radius:14px;min-width:0;padding:6px 4px;overflow-x:auto}.course-page .c17-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.course-page .c17-fig{flex-direction:column;align-items:center;gap:6px;margin:0;display:flex}.course-page .c17-pair .c17-pill{gap:3px;left:30px;right:4px}.course-page .c17-pair .c17-oct i{left:26px}.course-page .c17-pair .c17-oct b{left:4px}.course-page .crs-btn-g.c17-wrap{white-space:normal;text-align:left;height:auto;min-height:46px;padding-block:10px}.course-page .c17-seg{border:1px solid var(--line);background:var(--bg-sunken);border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;display:grid}.course-page .c17-seg>button{min-width:0;min-height:56px;color:var(--ink-muted);text-align:center;transition:background var(--dur), color var(--dur), border-color var(--dur);background:0 0;border:1px solid #0000;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 10px;display:flex}.course-page .c17-seg>button b{color:inherit;font-size:14px;font-weight:600}.course-page .c17-seg>button small{color:var(--ink-subtle);font-size:11.5px}.course-page .c17-seg>button:hover{color:var(--ink)}.course-page .c17-seg>button.on{background:var(--accent-amber-soft);border-color:var(--accent-amber-line);color:var(--accent)}.course-page .c17-seg>button:focus-visible,.course-page .c17-stepchip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.course-page .c17-seg-sm{grid-template-columns:repeat(2,auto);display:inline-grid}.course-page .c17-seg-sm>button{min-height:38px;padding:0 14px}.course-page .crs-btn-sm.c17-toggle.on,.course-page .c17-degs .crs-btn-sm.on{border-color:var(--accent-amber-line);background:var(--accent-amber-soft);color:var(--accent)}.course-page .c17-sandbox{gap:12px}.course-page .c17-sandbox>a.crs-btn-sm{white-space:normal;height:auto;min-height:36px;padding-block:6px}.course-page .c17-degs{flex-wrap:wrap;gap:6px;margin:12px 0;display:flex}.course-page .c17-degs .crs-btn-sm b{font-weight:600}.course-page .c17-chain{flex-direction:column;gap:10px;min-width:0;display:flex}.course-page .c17-moves{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.course-page .c17-moves li{border:1px solid var(--line);min-width:0;color:var(--ink-subtle);border-radius:10px;flex-direction:column;gap:2px;padding:6px 10px;font-size:12px;display:flex}.course-page .c17-moves li b{color:var(--ink);font-size:12.5px;font-weight:500}.course-page .c17-moves li.ok{border-color:var(--ok-line);background:var(--ok-soft)}.course-page .c17-moves li.soft{background:var(--warn-soft)}.course-page .c17-moves li.warn{border-color:var(--warn-line);background:var(--warn-soft)}.course-page .c17-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.course-page .c17-stepchip{border:1px solid color-mix(in oklab, var(--f,var(--line)) 45%, var(--line));background:color-mix(in oklab, var(--f,var(--ink)) 12%, transparent);min-width:0;min-height:72px;color:var(--ink);transition:border-color var(--dur);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:relative}.course-page .c17-stepchip:hover{border-color:var(--f,var(--accent))}.course-page .c17-stepchip small{color:var(--ink-subtle);font-size:11.5px}.course-page .c17-moveset{flex-wrap:wrap;gap:8px;display:flex}.course-page .c17-check-reveal{flex-direction:column;gap:4px;display:flex}.course-page .c17-stack{background:var(--bg-sunken);border:1px solid var(--line);border-radius:12px;width:100%;max-width:200px;margin:0 auto;position:relative;overflow:hidden}.course-page .c17-oct{height:0;position:absolute;left:0;right:0}.course-page .c17-oct i{border-top:1px dashed var(--line);position:absolute;top:0;left:34px;right:6px}.course-page .c17-oct b{font-family:var(--font-mono);color:var(--ink-faint);font-size:10px;font-weight:400;position:absolute;top:-.7em;left:8px}.course-page .c17-pill{border:1px solid var(--line-input);background:var(--bg-elevated);height:26px;color:var(--ink);transition:transform var(--dur) var(--ease);border-radius:999px;justify-content:center;align-items:center;gap:6px;font-size:13px;display:flex;position:absolute;top:0;left:44px;right:10px}.course-page .c17-pill>span{position:relative}.course-page .c17-pill.bass{border-color:var(--accent-amber-line);background:var(--accent-amber-soft);color:var(--accent);font-weight:600}.course-page .c17-pill em{font-style:normal;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--accent);font-size:10px;position:relative}.course-page .c17-glow{border-radius:inherit;box-shadow:0 0 0 2px var(--accent), 0 0 14px var(--accent-amber-line);pointer-events:none;position:absolute;inset:-1px}@media (prefers-reduced-motion:reduce){.course-page .c17-pill,.course-page .c17-seg>button,.course-page .c17-stepchip{transition:none}}@media (max-width:960px){.course-page .c17-split{grid-template-columns:minmax(0,1fr);gap:16px}.course-page .c17-slot,.course-page .c17-slot-mini{min-height:0}.course-page .c17-pair{max-width:420px}.course-page .c17-sandbox>a.crs-btn-sm{min-height:44px}}@media (max-width:720px){.course-page .c17-seg-sm>button{min-height:44px}.course-page .c17-seg>button{padding:6px 4px}.course-page .c17-seg>button small{font-size:10.5px}.course-page .c17-moves{grid-template-columns:minmax(0,1fr)}.course-page .c17-stepchip{min-height:64px}}
.course-page .ch18-chips{flex-wrap:wrap;gap:10px;display:flex}.course-page .ch18-cell{flex-direction:column;align-items:center;gap:4px;display:flex}.course-page .ch18-chip{--f:var(--ink-subtle);border:1px solid color-mix(in oklab, var(--f) 45%, transparent);background:color-mix(in oklab, var(--f) 10%, transparent);min-width:60px;height:56px;color:var(--f);font:inherit;transition:border-color var(--dur-fast), background var(--dur-fast);border-radius:14px;justify-content:center;align-items:center;padding:0 12px;display:inline-flex;position:relative}.course-page .ch18-chip[data-func=T]{--f:var(--func-t)}.course-page .ch18-chip[data-func=S]{--f:var(--func-s)}.course-page .ch18-chip[data-func=D]{--f:var(--func-d)}.course-page button.ch18-chip{cursor:pointer}.course-page button.ch18-chip:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (hover:hover){.course-page button.ch18-chip:hover{border-color:var(--f)}}.course-page .ch18-chip.q,.course-page .ch18-chip.rest{--f:var(--ink-faint);border-style:dashed;border-color:var(--line-strong);background:0 0}.course-page .ch18-qm{font-family:var(--font-display);font-size:22px;font-style:italic;line-height:1}.course-page .ch18-chip.ok{border-color:var(--ok);background:var(--ok-soft)}.course-page .ch18-chip.warn{border-color:var(--warn);background:var(--warn-soft)}.course-page .ch18-chip.open{border:1.5px dashed var(--f)}.course-page .ch18-glow{border:2px solid var(--accent);box-shadow:0 0 14px var(--accent-amber-line);pointer-events:none;border-radius:17px;position:absolute;inset:-4px}.course-page .ch18-badge{min-height:16px;font-family:var(--font-mono);color:var(--ink-subtle);white-space:nowrap;font-size:11px;line-height:16px}.course-page .ch18-chips.sm{gap:8px}.course-page .ch18-chips.sm .ch18-chip{border-radius:12px;min-width:44px;height:44px;padding:0 8px}.course-page .ch18-chips.sm .ch18-glow{border-radius:15px}.course-page .ch18-first{margin-top:16px}.course-page .ch18-reveal{padding-top:16px}.course-page .ch18-reveal>.obj-note:last-child{margin-bottom:0}.course-page .ch18-out{min-height:2.6em}.course-page .obj-note.ch18-cap{min-height:2.6em;margin-top:10px}.course-page .obj-note.ch18-q{color:var(--ink);margin:18px 0 8px}.course-page .ch18-after{min-height:46px;margin-top:12px}.course-page .ch18-hold{visibility:hidden}.course-page .ch18-key{font-family:var(--font-mono);color:var(--accent);border:1px solid var(--accent-amber-line);background:var(--accent-amber-soft);text-transform:none;letter-spacing:0;border-radius:999px;padding:2px 10px;font-size:11px}.course-page .ch18-slot{margin-top:4px;position:relative}.course-page .ch18-slot-hook{min-height:260px}.course-page .ch18-slot-cmp{min-height:150px}.course-page .ch18-open .pcard.correct{border-color:var(--accent-amber-line);background:var(--accent-amber-soft);color:var(--accent)}.course-page .ch18-kb{min-width:0;max-width:100%;margin-top:12px}.course-page .ch18-sandbox{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.course-page .ch18-free{flex-direction:column;gap:10px;margin-top:12px;display:flex}.course-page .ch18-pick{flex-wrap:wrap;gap:8px;display:flex}.course-page .ch18-pick .crs-btn-sm.on,.course-page .crs-btn-g.ch18-on{border-color:var(--accent-amber-line);background:var(--accent-amber-soft);color:var(--accent)}.course-page .ch18-build{flex-direction:column;display:flex}.course-page .ch18-build>.obj-note.ch18-cap{min-height:0}.course-page .ch18-check-reveal{margin-top:8px}@media (max-width:960px){.course-page .ch18-slot-hook,.course-page .ch18-slot-cmp{min-height:0}}@media (max-width:720px){.course-page .ch18-chips{gap:8px}.course-page .ch18-chip{min-width:52px;height:52px;padding:0 10px}.course-page .ch18-after .crs-btn-g{white-space:normal;height:auto;min-height:46px;padding-block:8px}.course-page .ch18-pick .crs-btn-sm{white-space:normal;text-align:left}.course-page .ch18-key{border-radius:10px}}@media (max-width:420px){.course-page .ch18-cards .pcard{font-size:16px}}
.course-page .ch19-cards{margin-top:16px}.course-page .ch19-slot{min-height:330px;position:relative}.course-page .ch19-slot-sm{min-height:250px}.course-page .ch19-reveal{margin-top:16px}.course-page .ch19-out{min-height:2.6em}.course-page .obj-note.ch19-cap{min-height:3.2em;margin-top:10px}.course-page .ch19-after{min-height:46px;margin-top:12px}.course-page .ch19-line{min-height:3.4em}.course-page .ch19-line-lg{min-height:calc(5.4em + 58px)}.course-page .ch19-staff{margin-top:14px}.course-page .ch19-sep{border-top:1px solid var(--line);margin-top:16px;padding-top:6px}.course-page .ch19-sep .kb-scroll{margin-top:10px}.course-page .ch19-toggle[aria-pressed=true]{border-color:var(--accent-amber-line);background:var(--accent-amber-soft);color:var(--accent)}.course-page .ch19-seg{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.course-page .ch19-seg button{border:1px solid var(--line-input);min-height:40px;color:var(--ink-muted);cursor:pointer;transition:border-color var(--dur-fast), color var(--dur-fast), background var(--dur-fast);background:0 0;border-radius:999px;padding:0 14px;font-size:13.5px;font-weight:500}.course-page .ch19-seg button[aria-pressed=true]{border-color:var(--accent-amber-line);background:var(--accent-amber-soft);color:var(--accent)}.course-page .ch19-seg button:focus-visible,.course-page .ch19-chip:focus-visible{outline:2px solid var(--accent-amber-line);outline-offset:2px}.course-page .ch19-legend{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.course-page .ch19-chip{border:1px solid var(--line-input);min-height:40px;color:var(--ink);cursor:pointer;transition:border-color var(--dur-fast);background:0 0;border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 6px;font-size:13px;display:inline-flex}.course-page .ch19-chip .disc{width:26px;height:26px}.course-page .ch19-chip[data-role=chord]{border-color:var(--ok-line)}.course-page .ch19-chip[data-role=chord] .disc{background:var(--ok-soft);color:var(--ok)}.course-page .ch19-chip[data-role=passing],.course-page .ch19-chip[data-role=neighbor]{border-color:var(--warn-line)}.course-page .ch19-chip[data-role=passing] .disc,.course-page .ch19-chip[data-role=neighbor] .disc{background:var(--warn-soft);color:var(--warn)}.course-page .ch19-bass-head{align-items:center;min-height:20px;display:flex}.course-page .ch19-bass-bars{flex-wrap:wrap;gap:0;margin:10px 0 14px;display:flex}.course-page .ch19-bass-bar{border-left:1px solid var(--line);gap:6px;padding:4px 12px;display:inline-flex}.course-page .ch19-bass-bar:last-child{border-right:1px solid var(--line)}.course-page .ch19-bass-ch{border-radius:10px;justify-content:center;align-items:center;min-width:40px;min-height:34px;padding:0 6px;display:inline-flex;position:relative}.course-page .ch19-glow{background:var(--accent-amber-soft);box-shadow:inset 0 0 0 1px var(--accent-amber-line);pointer-events:none;border-radius:10px;position:absolute;inset:0}.course-page .ch19-bass-ch .hx-sign{position:relative}@media (max-width:960px){.course-page .ch19-slot,.course-page .ch19-slot-sm{min-height:0}}@media (max-width:720px){.course-page .ch19-seg button,.course-page .ch19-chip{min-height:44px}.course-page .ch19-after .crs-btn-g,.course-page .ch19-bass .crs-btn-g{padding:0 14px}.course-page .ch19-line,.course-page .ch19-line-lg{min-height:0}}@media (prefers-reduced-motion:reduce){.course-page .ch19-seg button,.course-page .ch19-chip{transition:none}}
.course-page .x20-cards{margin-top:16px}.course-page .x20-slot{min-height:440px;position:relative}.course-page .x20-out{min-height:2.6em;margin-top:16px}.course-page .x20-staff{margin-top:8px}.course-page .caption.x20-legend{margin-top:8px;display:block}.course-page .x20-pads{margin-top:14px}.course-page .x20-close,.course-page .x20-more{margin-top:12px}.course-page .x20-sep{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.course-page .x20-under{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}.course-page .obj-note.x20-under-q{margin-top:4px}.course-page .x20-bars{flex-direction:column;gap:8px;margin-top:12px;display:flex}.course-page .x20-bar{grid-template-columns:76px auto minmax(0,1fr);align-items:center;gap:12px;display:grid}.course-page .x20-bar-n{min-height:44px;font-family:var(--font-mono);color:var(--ink-muted);border-radius:10px;align-items:center;padding:0 10px;font-size:12px;display:inline-flex;position:relative}.course-page .x20-bar-t{position:relative}.course-page .x20-glow,.course-page .x20-cad-glow{background:var(--accent-amber-soft);box-shadow:inset 0 0 0 1px var(--accent-amber-line);pointer-events:none;border-radius:10px;position:absolute;inset:0}.course-page .x20-fns{gap:8px;display:flex}.course-page .x20-fn{border:1px solid var(--line-input);width:52px;min-height:44px;color:var(--ink);font-family:var(--font-display,var(--font-sans));cursor:pointer;transition:border-color var(--dur-fast), background var(--dur-fast), color var(--dur-fast);background:0 0;border-radius:12px;font-size:18px;font-weight:600}.course-page .x20-fn[data-func=T]{color:var(--func-t)}.course-page .x20-fn[data-func=S]{color:var(--func-s)}.course-page .x20-fn[data-func=D]{color:var(--func-d)}.course-page .x20-fn.on{border-color:var(--accent-amber-line);background:var(--accent-amber-soft)}.course-page .x20-fn.ok{border-color:var(--ok-line);background:var(--ok-soft)}.course-page .x20-fn.bad{border-color:var(--bad)}.course-page .x20-fn:focus-visible,.course-page .x20-axis-btn:focus-visible,.course-page .x20-link:focus-visible{outline:2px solid var(--accent-amber-line);outline-offset:2px}.course-page .x20-bar-r{font-family:var(--font-mono);color:var(--ok);min-width:0;font-size:13px}.course-page .obj-note.x20-under-out{margin-top:12px}.course-page .x20-under-row{margin-top:10px}.course-page .x20-map{grid-template-columns:minmax(0,340px) minmax(0,1fr);align-items:center;gap:24px;display:grid}.course-page .x20-chart{justify-content:center;min-width:0;padding:16px 44px 0;display:flex;overflow:hidden}.course-page .x20-chart.ghost{opacity:.45}.course-page .x20-map-side{flex-direction:column;gap:12px;min-width:0;display:flex}.course-page .caption.x20-map-note{min-height:2.8em;margin:0;display:block}.course-page .x20-axes{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.course-page .x20-axis-btn{border:1px solid var(--line-input);min-height:44px;color:var(--ink-muted);cursor:pointer;transition:border-color var(--dur-fast), color var(--dur-fast), background var(--dur-fast);background:0 0;border-radius:999px;padding:0 10px;font-size:13.5px;font-weight:500}.course-page .x20-axis-btn[aria-pressed=true]{border-color:var(--accent-amber-line);background:var(--accent-amber-soft);color:var(--accent)}.course-page .x20-axis-card{border:1px solid var(--line);border-radius:14px;min-height:150px;padding:12px 14px}.course-page .x20-axis-nums{color:var(--ink-muted);flex-wrap:wrap;gap:4px 16px;margin:0;font-size:14px;display:flex}.course-page .x20-axis-nums>b{color:var(--ink);font-weight:600}.course-page .x20-axis-nums span b{font-family:var(--font-mono);color:var(--accent);font-weight:500}.course-page .obj-note.x20-axis-ex{min-height:2.6em;margin-top:6px}.course-page .x20-axis-row{margin-top:8px}.course-page .x20-circle-row{grid-template-columns:minmax(0,320px) minmax(0,1fr);align-items:center;gap:28px;display:grid}.course-page .x20-circle-side{flex-direction:column;gap:12px;min-width:0;display:flex}.course-page .x20-key-line{color:var(--ink-muted);min-height:1.6em;margin:0;font-size:15px}.course-page .x20-key-line b{color:var(--ink);font-weight:500}.course-page .x20-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px;margin:10px 0 0;padding:0;list-style:none;display:grid}.course-page .x20-link{min-height:48px;color:var(--ink);transition:background var(--dur-fast);border-radius:10px;grid-template-rows:auto auto;grid-template-columns:44px minmax(0,1fr);align-items:center;column-gap:8px;padding:6px 10px 6px 0;text-decoration:none;display:grid}.course-page a.x20-link:hover{background:var(--bg-sunken)}.course-page .x20-link.off{color:var(--ink-faint);cursor:default}.course-page .x20-link-rn{font-family:var(--font-mono);color:var(--accent);text-align:center;grid-row:1/span 2;font-size:12px}.course-page .x20-link.off .x20-link-rn{color:var(--ink-faint)}.course-page .x20-link-t{min-width:0;font-size:14px;font-weight:500}.course-page .x20-link-ch{color:var(--ink-subtle);min-width:0;font-size:12px}.course-page .x20-keys{width:100%;min-width:0}.course-page .x20-open-row{min-height:46px;margin-top:14px}.course-page .x20-cad{gap:10px}.course-page .x20-cad-f{border-radius:8px;justify-content:center;align-items:center;min-width:30px;min-height:30px;display:inline-flex;position:relative}.course-page .x20-cad-f b{font-weight:600;position:relative}.course-page .x20-cad-f[data-func=T] b{color:var(--func-t)}.course-page .x20-cad-f[data-func=S] b{color:var(--func-s)}.course-page .x20-cad-f[data-func=D] b{color:var(--func-d)}.course-page .x20-title{border:1px solid var(--accent-amber-line);background:var(--accent-amber-soft);border-radius:14px;flex-direction:column;gap:4px;margin-top:16px;padding:14px 16px;display:flex}.course-page .x20-title>b{color:var(--ink);font-size:20px;font-weight:600}.course-page .x20-title-sub{color:var(--ink-muted);font-size:13px}.course-page .x20-title.flash{animation:x20-flash var(--dur-slow) ease-out}@keyframes x20-flash{0%{box-shadow:0 0 0 6px var(--accent-amber-line)}to{box-shadow:0 0 #0000}}.course-page .count-line.x20-stats{min-height:1.5em}.course-page .x20-mini-map{flex-direction:column;align-items:center;gap:4px;max-width:340px;margin-top:10px;padding:14px 58px 0;display:flex;overflow:hidden}.course-page .crs-fine.x20-disclaimer{margin-top:4px}@media (max-width:960px){.course-page .x20-slot{min-height:0}.course-page .x20-map,.course-page .x20-circle-row{grid-template-columns:minmax(0,1fr);gap:16px}.course-page .x20-chart{width:100%;max-width:340px;margin-inline:auto}.course-page .x20-circle-row .cof{width:100%;max-width:320px;margin-inline:auto}.course-page .x20-axis-card{min-height:0}}@media (max-width:720px){.course-page .x20-links{grid-template-columns:minmax(0,1fr)}.course-page .x20-bar{grid-template-columns:minmax(0,1fr);gap:4px}.course-page .x20-bar-n{justify-self:start;min-height:28px;padding:0 6px}.course-page .x20-fns{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.course-page .x20-fn{width:auto}.course-page .x20-bar-r{min-height:1.4em}}@media (prefers-reduced-motion:reduce){.course-page .x20-fn,.course-page .x20-axis-btn,.course-page .x20-link{transition:none}.course-page .x20-title.flash{animation:none}}