.seo-guide{margin:36px 0 0;padding-top:24px;border-top:1px solid #ced8e5;line-height:1.7}.seo-guide>p{max-width:76ch}.seo-guide h2{font-size:clamp(1.2rem,3vw,1.5rem);line-height:1.3}.seo-guide details{border-bottom:1px solid #ced8e5;padding:14px 0}.seo-guide summary{font-weight:600;cursor:pointer;min-height:28px}.seo-guide details p{max-width:76ch;margin:12px 0 4px}.related-tools{display:flex;flex-wrap:wrap;gap:12px 24px;padding:20px 0}.related-tools a{text-decoration:underline;text-underline-offset:4px}.page-heading nav{font-size:.85rem;margin-bottom:12px}.page-heading nav span{opacity:.85}[data-theme="dark"] .seo-guide,[data-theme="dark"] .seo-guide details{border-color:#46566d}@media(max-width:560px){.seo-guide{margin-top:28px}.related-tools{display:grid}}
.page-heading nav{display:flex;align-items:center;gap:.4em;flex-wrap:wrap;margin:0 0 12px;padding:0;overflow:visible}.page-heading nav a{display:inline;padding:0;margin:0;border:0;background:none;font-size:inherit}.related-tools a{padding:0;border:0;background:none}

.page-heading .breadcrumbs{display:flex;align-items:baseline;gap:.5rem;line-height:1.5}.page-heading .breadcrumbs>*{display:inline-block;line-height:inherit;vertical-align:baseline;margin:0;padding:0;transform:none;position:static}.page-heading .breadcrumbs .back-home{margin:0;padding:0;line-height:inherit}

.tuner-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tuner-controls .field{min-width:0}.tuner-controls select{width:100%}@media(max-width:480px){.tuner-controls{grid-template-columns:1fr}}

.page-heading .breadcrumbs .back-home{min-height:0;height:auto}

.tuner-advanced{grid-column:1/-1;margin:0}.tuner-advanced summary{font-size:.85rem}.tuner-advanced .row{margin-top:12px}

/* Playback and compact practice refresh. */
.big-number .small{letter-spacing:.04em;font-size:1rem;line-height:1.5;display:inline-block;margin-left:.35em;font-weight:650}
.string.sounding{box-shadow:inset 0 0 0 2px var(--accent)}.string{touch-action:pan-y;user-select:none}
.chord-suggestions{display:flex;gap:8px;flex-wrap:wrap;padding:10px;border:1px solid var(--line);border-radius:12px;margin-bottom:12px}.chord-suggestions button{border:1px solid var(--line);background:var(--surface,#fff);color:var(--text);padding:8px 14px;border-radius:8px}.chord-suggestions [aria-selected=true]{outline:2px solid var(--accent)}
.playback-settings{align-items:center;margin:18px 0}.playback-settings .field{max-width:230px}#song-chords{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}#song-chords .song-chord{display:flex;align-items:center;gap:14px;min-width:90px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;font-size:20px}#song-chords button{border:0;background:none;color:var(--muted);font-size:22px;padding:4px;min-width:30px}#song-chords .playing{outline:2px solid var(--accent);background:#e4eaff}html[data-theme=dark] #song-chords .playing{background:#354569}
#transpose-panel,#capo-panel{margin:20px 0}#transpose-panel .field{max-width:240px}.search-field{min-width:230px}#chord-search{width:100%}.toolbar{flex-wrap:wrap}

.practice-stage{background:var(--surface,#fff);border:1px solid var(--line);border-radius:18px;padding:16px;margin-top:10px}.practice-stage .play-controls{position:sticky;top:0;z-index:4;padding:12px}.practice-stage .session-options{margin:12px 0;gap:14px}.practice-stage .full-tab{margin-top:8px;display:block}.practice-stage .tab-system{padding:12px;margin:0}.practice-stage .tab-range{font-size:11px;letter-spacing:0;gap:12px}.practice-stage .tab-column{font-size:19px;grid-template-rows:20px repeat(6,27px) 18px}.practice-stage .string-labels{grid-template-rows:repeat(6,27px)}.practice-stage .tab-column b{background:#fcfdff;padding:0 3px;min-width:18px;border-radius:4px;line-height:1.2}.practice-stage .tab-column.active b{background:#5467b0;color:#fff}.practice-stage .tab-column small{font-size:10px}.practice-stage .tab-column em{font-size:9px}.tab-pager{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px}.tab-pager .button{padding:8px 12px}.practice-focus{overflow:hidden}.practice-focus .practice-stage{position:fixed;inset:12px;z-index:100;overflow:auto;margin:0;background:#f7f9ff;box-shadow:0 0 0 30px #f7f9ff}.practice-focus .practice-stage .full-tab{max-width:1100px;margin:12px auto}.practice-focus .practice-stage .tab-pager{max-width:1100px;margin:12px auto}
html[data-theme=dark] .practice-stage,html[data-theme=dark] .practice-stage .tab-column b{background:#202b3e}html[data-theme=dark] .practice-stage .tab-column.active b{background:#a4b7ff;color:#142039}html[data-theme=dark].practice-focus .practice-stage,html[data-theme=dark] .practice-focus .practice-stage{background:#182237;box-shadow:0 0 0 30px #182237}
@media(max-width:560px){.practice-stage{padding:8px}.practice-stage .play-controls{gap:7px}.practice-stage .play-controls .field{width:62px;min-width:60px}.practice-stage .play-controls .button{min-width:70px;flex:1;font-size:12px;padding:8px}.practice-stage .practice-clock{font-size:27px}.practice-stage .tab-column{font-size:17px}.practice-stage .tab-system{padding:10px 4px}.tab-pager .button{font-size:12px;padding:7px}.tab-pager .small{font-size:10px}.practice-stage .tab-range span{display:none}.practice-stage .tab-column em{font-size:8px}.practice-focus .practice-stage{inset:6px}}
html[data-theme=dark] .chord-suggestions button{background:#202b3e;color:#e7edf8}
.training-stage{margin:1.4rem 0;padding:clamp(16px,3vw,28px);border:1px solid var(--border,#dce1ee);border-radius:20px;background:linear-gradient(135deg,rgba(130,180,255,.09),rgba(185,160,250,.09))}.training-stage h2{margin:.4rem 0 1rem}.answer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:10px;margin:20px 0}.ear-frets{white-space:pre-line;font-size:.9rem;line-height:1.8}.jam-diagram{width:130px;flex:none}.jam-diagram svg{width:100%;height:auto}.strum-grid{display:grid;grid-template-columns:repeat(var(--steps),minmax(0,1fr));gap:4px;margin:16px 0}.strum-step{display:flex;flex-direction:column;align-items:center;border-radius:10px;padding:10px 1px;background:rgba(120,135,190,.08)}.strum-step strong{font-size:24px}.strum-step small{font-size:11px;white-space:nowrap}.strum-step.active{background:#6358b4;color:white}.practice-switch{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}#jam-mount .row{flex-wrap:wrap}#jam-mount input,#jam-mount select{max-width:100%;min-width:0}#ear-review{border-top:1px solid var(--border,#dce1ee);padding-top:18px}[data-theme=dark] .training-stage{border-color:#35425d}@media(max-width:600px){.strum-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.strum-step small{font-size:10px}.training-stage{padding:14px}.jam-diagram{width:95px}.answer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}[hidden]{display:none!important}
.answer-grid .button:disabled{opacity:1;color:inherit;cursor:default}.answer-grid .button.primary:disabled{color:white;background:#6358b4}.ear-fret-scroll{overflow-x:auto;margin:12px 0}.ear-fret-scroll svg{display:block;min-width:600px;width:100%}
@media(max-width:480px){#jam-mount>.row>.field:first-child{flex-basis:100%}#jam-mount .field select{width:100%}}