/* Dormant Guitar adapter, using the approved shell's typography and tokens. */
.guitar-workspace { min-width: 0; margin-block: 1.5rem; }
.guitar-workspace h3, .guitar-workspace h4 { margin-block: 1rem .65rem; }
.guitar-phases { display: flex; flex-wrap: wrap; gap: .6rem 1.5rem; padding: 0; list-style: none; }
.guitar-phases li { padding-block: .45rem; border-bottom: 2px solid transparent; }
.guitar-phases [aria-current] { border-color: currentColor; font-weight: 700; }
.guitar-boundary, .guitar-conditions, .guitar-status, .guitar-chart-order { font-size: .875rem; line-height: 1.6; }
.guitar-source, .guitar-limit { padding: 1rem; border: 1px solid var(--border-color, #7d8188); border-radius: 12px; margin-block: 1rem; }
.guitar-reference > summary, .guitar-prerequisites > summary { padding: .85rem .3rem; cursor: pointer; min-height: 44px; }
.guitar-chart-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 255px), 1fr)); gap: 1rem; }
.guitar-chart { min-width: 0; margin: 0; border: 1px solid var(--border-color, #7d8188); border-radius: 12px; padding: 1rem; }
.guitar-chart figcaption { font-weight: 700; }
.guitar-chart svg { display: block; width: min(100%, 210px); height: auto; margin-inline: auto; color: inherit; }
.guitar-string, .guitar-fret { stroke: currentColor; stroke-width: 1; }
.guitar-nut { stroke: currentColor; stroke-width: 4; }
.guitar-dot { fill: currentColor; }
.guitar-open { fill: currentColor; font-size: 18px; }
.guitar-frets { table-layout: fixed; width: 100%; font-size: .7rem; border-collapse: collapse; }
.guitar-frets th, .guitar-frets td { overflow-wrap: anywhere; text-align: center; vertical-align: top; padding: .25rem .1rem; }
.guitar-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-block: 1.25rem; }
.guitar-check { display: flex; align-items: flex-start; gap: .75rem; padding-block: 1rem; cursor: pointer; }
.guitar-check input { flex: 0 0 auto; width: 24px; height: 24px; }
.guitar-label { display: grid; gap: .5rem; margin-block: 1rem; }
.guitar-observation { width: 100%; min-height: 100px; resize: vertical; font: inherit; }
.guitar-workspace :focus-visible { outline: 3px solid currentColor; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .guitar-workspace * { scroll-behavior: auto; } }