/* Sección de la escala pitagórica, aislada de la interfaz del monocordio v1.0 */
.scale-panel{margin-top:36px;border:1px solid var(--line);background:linear-gradient(165deg,#201922,#151116);border-radius:19px;padding:28px 30px 30px}
.scale-heading{max-width:780px}.scale-heading .eyebrow{margin:0 0 9px}.scale-heading h2{font-size:clamp(1.8rem,3.2vw,2.4rem);margin:0 0 14px}.scale-heading p:not(.eyebrow){color:#d2c4c6;margin:0 0 18px}.scale-actions{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0 16px}.scale-control{border:1px solid var(--line);background:#2c242b;color:var(--text);padding:10px 15px;border-radius:9px;line-height:1.3}.scale-control:hover:not(:disabled){border-color:var(--gold);background:#46342e}.scale-control:disabled{opacity:.42;cursor:not-allowed}.scale-featured{background:#4b3528;border-color:#a2794a;color:#ffe8c3}.scale-chain{font-size:.9rem;color:#d4c4c8;line-height:1.6;border-left:3px solid var(--gold);padding-left:14px;margin:13px 0 24px}
.score-block{background:#0f1014;border:1px solid #4b4546;border-radius:13px;overflow:hidden}.score-heading{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;padding:15px 22px 0;gap:8px}.score-heading h3{font-size:1.25rem;color:#f6deba;margin:0}.score-heading span{font-size:.82rem;color:var(--muted)}.score-scroll{overflow-x:auto;overflow-y:hidden;scrollbar-color:#785f48 #18151c}.score-scroll:focus-visible{outline-offset:-5px}#pythagorean-score{display:block;max-width:none;height:auto;min-height:280px;margin:0}.score-legend{font-size:.84rem;color:#c5b9bb;padding:9px 22px 19px;margin:0;line-height:1.65}.score-legend strong{color:var(--gold-light)}.score-legend span{color:#9ad9c3}
.scale-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin:20px 0}.note-card{border:1px solid var(--line);border-radius:12px;background:#211b23;padding:13px 15px}.note-card.active-note{border-color:var(--gold);box-shadow:0 0 0 1px #d0a35c44}.note-header{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.note-header .note-name{font-size:1.2rem;color:#ffe5bc;font-family:Georgia,serif}.note-header .note-cents{font-size:.88rem;font-weight:600;color:#a6e3ca;font-variant-numeric:tabular-nums}.note-card dl{display:grid;grid-template-columns:1fr auto;column-gap:12px;row-gap:3px;margin:12px 0}.note-card dt{font-size:.78rem;color:var(--muted)}.note-card dd{font-size:.79rem;color:#ede0d4;margin:0;font-variant-numeric:tabular-nums}.note-card button{width:100%;border:1px solid #8a7153;background:#2f282b;color:var(--gold-light);border-radius:8px;padding:8px 10px;margin-top:3px}.note-card button:hover{background:#4c3b31}
.scale-footer{display:flex;gap:17px;align-items:center;flex-wrap:wrap;margin:15px 0 25px}.scale-footer button{padding:12px 16px;border:1px solid var(--gold);border-radius:9px}.scale-footer button:disabled{opacity:.45;cursor:progress}.scale-footer p{font-size:.82rem;color:var(--muted);flex:1;margin:0}
.scale-details{display:grid;grid-template-columns:1fr 1fr;gap:28px;border-top:1px solid var(--line);padding-top:19px}.scale-details h3{font-size:1.28rem;color:#f5d8a7;margin:5px 0 8px}.scale-details p{font-size:.89rem;color:#cbbfc1;margin:8px 0 13px}.comma-card{background:#291f27;border:1px solid #68543d;padding:18px 21px;border-radius:11px}.comma-card h3{margin-top:0}.comma-equation{font-family:Georgia,serif;font-size:1.12rem;color:#f2d59e;overflow-wrap:anywhere;padding:9px 0}.comma-card strong{font-size:1.25rem;color:#b2e5cc}
@media(max-width:780px){.scale-panel{padding:22px 13px 24px;margin-top:24px}.scale-details{grid-template-columns:1fr;gap:13px}.scale-actions{gap:8px}.scale-control{flex:1 1 145px;padding:10px 9px}.score-heading{padding:15px 14px 0}.score-legend{padding:7px 14px 16px}.scale-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.scale-footer button{flex:1 1 200px}}