/* =========================================================
   GOONS · PAGES /guitar-scales/ (includes/guitar-scales-render.php)
   Diagrammes de position (.gs-diagram, sur la base de .gc-diagram), manche
   entier (.gs-neck), boutons de position, tablatures. Le manche jouable est
   stylé par goons-guitar-lite.css (.ggl-mark).
   ========================================================= */

.gs-positions { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 12px; }
.gs-pos-btn small { margin-left: 4px; color: var(--play-muted, rgba(232, 236, 255, 0.6)); font: 500 11px var(--play-mono, 'JetBrains Mono', monospace); }
.gs-pos-btn.is-on, .gs-toggle .theory-btn.is-on { border-color: var(--play-cyan, #00e5ff); background: rgba(0, 229, 255, 0.12); color: #fff; }
.gs-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 12px; }

.gs-diagram .gs-dot { fill: #0d1020; stroke: var(--play-cyan, #00e5ff); stroke-width: 1.6; }
.gs-diagram .gs-dot--root, .gs-neck .gs-dot--root { fill: #ff2bd6; stroke: #fff; stroke-width: 1.2; }
.gs-diagram .gs-dot--open { fill: #0d1020; }
.gs-diagram .gs-dot--open.gs-dot--root { fill: #ff2bd6; }
.gs-dot-txt { fill: #fff; font: 700 9.5px Inter, system-ui, sans-serif; pointer-events: none; }

.gs-fig { max-width: 190px; }
.gs-view--intervals { display: none; }
.gs-show-intervals .gs-view--notes { display: none; }
.gs-show-intervals .gs-view--intervals { display: block; }
.gs-toggle { display: flex; gap: 8px; margin: 0 0 14px; }

.gs-card { gap: 10px; }
.gs-tab { width: 100%; text-align: left; }
.gs-tab summary { cursor: pointer; color: var(--play-cyan, #00e5ff); font-size: 13px; font-weight: 600; }
.gs-tab pre {
    margin: 8px 0 0;
    padding: 10px;
    overflow-x: auto;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.35);
    color: #e8ecff;
    font: 500 11.5px/1.45 var(--play-mono, 'JetBrains Mono', monospace);
}

.gs-neck-wrap { overflow-x: auto; padding-bottom: 6px; -webkit-overflow-scrolling: touch; }
.gs-neck { display: block; min-width: 760px; width: 100%; height: auto; }
.gs-neck .gs-neck-wood { fill: #2b180f; }
.gs-neck .gs-neck-fret { stroke: #c9c9c9; stroke-width: 2.4; }
.gs-neck .gs-neck-inlay { fill: rgba(255, 255, 255, 0.28); }
.gs-neck .gs-neck-string { stroke: rgba(230, 230, 230, 0.75); }
.gs-neck .gs-neck-num { fill: rgba(255, 255, 255, 0.7); font: 700 12px var(--play-mono, 'JetBrains Mono', monospace); }
.gs-neck .gc-nut { fill: #f1ead6; }
.gs-neck .gs-dot { fill: #0d1020; stroke: var(--play-cyan, #00e5ff); stroke-width: 1.6; }

@media (max-width: 560px) {
    .gs-pos-btn small { display: none; }
    .gs-fig { max-width: 160px; }
}

/* Pas d'accord sur les pages gamme : ni grattage ni ligne « Pick a chord ». */
.gs-stage .ggl-strum-group, .gs-stage .ggl-chord { display: none; }