.ci-task-layout{grid-template-columns:minmax(0,1.45fr) minmax(17rem,.75fr);grid-template-areas:"range readout""board readout""hint results";align-items:start;gap:.85rem 1.25rem;display:grid}.ci-task-layout .ci-fret-ranges{grid-area:range}.ci-task-layout [data-ci-board]{grid-area:board;min-width:0}.ci-task-layout [data-ci-board] .fretboard{min-width:68.75rem}.ci-task-layout .ci-readout{grid-area:readout;align-self:start}.ci-task-layout .ci-hint{grid-area:hint}.ci-task-layout [data-ci-results]{border-top:1px solid var(--line);grid-area:results;min-width:0;padding-top:.85rem;margin-top:0!important}.ci-task-layout .ci-readout{grid-template-columns:5.2rem minmax(0,1fr);display:grid}.ci-task-layout .ci-actions{grid-column:1/-1}.ci-task-layout .ci-figure{width:5.2rem}.cb-task-layout,.kf-task-layout{grid-template-columns:minmax(18rem,.85fr) minmax(0,1.15fr);align-items:start;gap:clamp(1.2rem,3vw,2rem);display:grid}.cb-task-output,.kf-task-output{border-left:1px solid var(--line-strong);min-width:0;padding-left:clamp(1rem,2.5vw,1.6rem)}.cb-task-output [data-cb-results],.cb-task-output [data-cb-intervals],.kf-task-output [data-kf-results]{margin-top:0!important}.cb-task-output [data-cb-intervals]{border-top:1px solid var(--line);padding-top:1.25rem;margin-top:1.25rem!important}.metro-practice-zone{border-top:1px solid var(--line-strong);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(1.5rem,4vw,3rem);margin-top:clamp(2rem,4.5vw,3.2rem);padding-top:1.2rem;display:grid}.metro-practice-zone>section{margin:0}.metro-practice-zone .figure-row,.metro-practice-zone .usage-steps{margin-top:1rem!important}.cof-usage-first{border-top:1px solid var(--line-strong);margin-top:clamp(2rem,4.5vw,3.2rem);padding-top:1.2rem}.cof-usage-first .usage-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem 1.5rem;max-width:none;display:grid}.cof-usage-first .usage-steps>li{border-top:1px solid var(--line);padding-top:.8rem}@media (width<=860px){.ci-task-layout{grid-template-columns:1fr;grid-template-areas:"readout""range""board""hint""results"}.cb-task-layout,.kf-task-layout,.metro-practice-zone{grid-template-columns:1fr}.cb-task-output,.kf-task-output{border-left:0;border-top:1px solid var(--line-strong);padding:1rem 0 0}}@media (width<=600px){.ci-task-layout .ci-readout{grid-template-columns:4.5rem minmax(0,1fr)}.ci-task-layout .ci-figure{width:4.5rem}.cof-usage-first .usage-steps{grid-template-columns:1fr}}.kf-output-status{min-height:1.35rem;margin:0 0 .85rem;font-size:.88rem;line-height:1.55}.kf-input-actions{justify-content:flex-end}.pg-task-layout,.sf-task-layout{grid-template-columns:minmax(18rem,.82fr) minmax(0,1.18fr);align-items:start;gap:clamp(1.2rem,3vw,2rem);display:grid}.pg-task-output,.sf-task-output{border-left:1px solid var(--line-strong);min-width:0;padding-left:clamp(1rem,2.5vw,1.6rem)}.pg-task-output [data-pg-result]{margin-top:0!important}.pg-task-actions{flex-wrap:wrap;gap:.7rem;margin-top:1rem;display:flex}.pg-how-first,.tuner-next-zone,.ft-learn-first{border-top:1px solid var(--line-strong);padding-top:1.15rem;margin-top:clamp(2rem,4.5vw,3.2rem)!important}.tuner-next-zone{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(1.5rem,4vw,3rem);display:grid}.tuner-next-zone>section{margin:0}.tuner-next-zone .usage-steps,.tuner-next-zone .figure-row{margin-top:1rem!important}.ft-learn-first{grid-template-columns:minmax(16rem,.75fr) minmax(0,1.25fr);align-items:start;gap:clamp(1.5rem,4vw,3rem);display:grid}.ft-learn-first>section{margin:0}.ft-learn-first .usage-steps,.ft-learn-first .figure-row{margin-top:1rem!important}.sf-task-output [data-sf-notes]{border:1px solid var(--line);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--accent) 4%, var(--surface));color:var(--ink);font-family:var(--font-mono);margin:0 0 .8rem;padding:.7rem .85rem;font-size:.9rem;line-height:1.55}.sf-task-output .fb-picker-wrap{margin-top:0}.sf-task-legend{margin:.7rem 0 0!important}.bcc-print-guide{border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line);margin-top:clamp(2.6rem,6vw,4.2rem)}.bcc-print-guide>summary{cursor:pointer;font-family:var(--font-display);padding:1rem .05rem;font-size:1.08rem;font-weight:620;list-style:none}.bcc-print-guide>summary::-webkit-details-marker{display:none}.bcc-print-guide>summary:after{content:"+";float:right;color:var(--accent);font-family:var(--font-mono)}.bcc-print-guide[open]>summary:after{content:"−"}.bcc-print-guide-body{grid-template-columns:minmax(0,1fr) minmax(18rem,.9fr);gap:clamp(1.5rem,4vw,3rem);padding:.25rem 0 1.35rem;display:grid}.bcc-print-guide-body>section{margin:0}@media (width<=860px){.pg-task-layout,.sf-task-layout,.tuner-next-zone,.ft-learn-first,.bcc-print-guide-body{grid-template-columns:1fr}.pg-task-output,.sf-task-output{border-left:0;border-top:1px solid var(--line-strong);padding:1rem 0 0}}[data-ft-board] .fretboard{min-width:68.75rem}.ft-fret-ranges{border:1px solid var(--line);background:var(--paper);border-radius:999px;gap:0;width:max-content;max-width:100%;margin:.75rem 0 .35rem;display:flex;overflow:hidden}.ft-fret-ranges button{border:0;border-left:1px solid var(--line);min-width:4.2rem;min-height:2rem;color:var(--ink-2);font-family:var(--font-mono);cursor:pointer;background:0 0;padding:.42rem .7rem;font-size:.72rem;font-weight:700}.ft-fret-ranges button:first-child{border-left:0}.ft-fret-ranges button.is-on{background:var(--ink);color:var(--paper)}.ft-fret-ranges button:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}@media (width<=860px){.ft-fret-ranges{width:100%}.ft-fret-ranges button{flex:1 1 0;min-width:0}}