.scale-page{display:flex;flex-direction:column;gap:var(--sp-6);max-width:760px;margin:0 auto;padding:var(--sp-4)}.scale-breadcrumb{font-size:var(--text-xs);color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase}.scale-breadcrumb a{color:var(--text-secondary);text-decoration:none}.scale-breadcrumb a:hover{color:var(--gold)}.scale-breadcrumb [aria-current=page]{color:var(--gold-light)}.scale-header{display:flex;flex-direction:column;gap:var(--sp-3);text-align:center}.scale-eyebrow{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.16em;color:var(--gold-muted);margin:0}.scale-h1{font-family:var(--font-heading);font-size:var(--text-3xl);color:var(--gold-light);line-height:1.1;margin:0;letter-spacing:-.02em}.scale-intro{font-size:var(--text-base);color:var(--text-secondary);line-height:1.7;margin:0;max-width:640px;align-self:center}.scale-section{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-5);background:var(--bg-surface);border:1px solid var(--border-accent-subtle);border-radius:var(--radius-lg)}.scale-h2{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--text-primary);margin:0;letter-spacing:-.01em}.scale-section-text{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7;margin:0}.scale-notes-grid{overflow-x:auto}.scale-notes-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);color:var(--text-secondary)}.scale-notes-table td,.scale-notes-table th{text-align:left;padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border-accent-subtle)}.scale-notes-table th{color:var(--gold-muted);font-weight:500;font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em}.scale-notes-table-note{font-family:var(--font-mono);font-weight:600;color:var(--text-primary)}.scale-formula{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);background:var(--bg-accent-faint)}.scale-formula-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--gold-muted)}.scale-formula-code{font-family:var(--font-mono);font-size:var(--text-base);color:var(--gold-light);font-weight:600}.scale-formula-steps{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted)}.scale-formula-explain{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;margin:0}.scale-fingering-grid{display:flex;flex-direction:column;gap:var(--sp-3)}.scale-fingering-row{display:flex;gap:var(--sp-3);align-items:center;flex-wrap:wrap}.scale-fingering-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--gold-muted);min-width:80px;flex-shrink:0}.scale-fingering-label-abbrev{display:none}.scale-fingering-notes{list-style:none;margin:0;padding:0;display:flex;gap:var(--sp-2);flex-wrap:wrap}.scale-fingering-note-cell{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:34px;padding:var(--sp-2) var(--sp-2);background:var(--bg-elevated);border:1px solid var(--border-accent-subtle);border-radius:var(--radius-sm)}.scale-fingering-finger{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--gold);line-height:1}.scale-fingering-noteletter{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.scale-fingering-empty{font-size:var(--text-sm);color:var(--text-muted);font-style:italic}.scale-fingering-note{font-size:var(--text-xs);color:var(--text-muted)}.scale-chord-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--sp-2)}.scale-chord{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--sp-3);border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--border-accent-subtle)}.scale-chord-roman{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--gold-light);line-height:1}.scale-chord-name{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary)}.scale-chord-augmented .scale-chord-roman,.scale-chord-diminished .scale-chord-roman{color:var(--gold-muted)}.scale-cta{padding:var(--sp-5) var(--sp-5);background:linear-gradient(135deg,var(--bg-accent-soft) 0,var(--bg-accent-faint) 100%);border:1px solid var(--gold-muted);border-radius:var(--radius-lg);text-align:center}.scale-cta-title{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--gold-light);margin:0 0 var(--sp-2);letter-spacing:-.01em}.scale-cta-text{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;margin:0 auto var(--sp-4);max-width:560px}.scale-cta-button{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);background:var(--gold);color:#0a0a0e;border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;text-decoration:none;transition:transform var(--transition-fast),background var(--transition-fast)}.scale-cta-button:hover{background:var(--gold-light);transform:translateY(-1px)}.scale-cta-button:focus-visible{outline:2px solid var(--text-primary);outline-offset:3px}.scale-staff-container{min-height:146px}.scale-related{gap:var(--sp-3)}.scale-related-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:var(--sp-2)}.scale-related-link{display:flex;flex-direction:column;gap:2px;padding:var(--sp-3);background:var(--bg-elevated);border:1px solid var(--border-accent-subtle);border-radius:var(--radius-sm);text-decoration:none;color:inherit;transition:all var(--transition-fast)}.scale-related-link:hover{border-color:var(--gold-muted);transform:translateY(-1px)}.scale-related-name{font-family:var(--font-heading);font-size:var(--text-base);color:var(--text-primary)}.scale-related-category{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--gold-muted)}.scale-related-more{margin:var(--sp-2) 0 0;font-size:var(--text-sm)}.scale-related-more a{color:var(--gold-light);text-decoration:none}.scale-related-more a:hover{color:var(--gold)}.scales-hub{gap:var(--sp-6);max-width:820px;margin:0 auto;padding:var(--sp-4)}.scales-hub,.scales-hub-header{display:flex;flex-direction:column}.scales-hub-header{gap:var(--sp-3);text-align:center}.scales-hub-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:0;max-width:640px;align-self:center;line-height:1.6}.scales-hub-group{display:flex;flex-direction:column;gap:var(--sp-3)}.scales-hub-group-heading{display:flex;flex-direction:column;gap:var(--sp-1);padding:0 var(--sp-2)}.scales-hub-group-title{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--text-primary);margin:0;letter-spacing:-.01em}.scales-hub-group-blurb{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.6}.scales-hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--sp-3)}.scales-hub-card{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-4);background:var(--bg-surface);border:1px solid var(--border-accent-subtle);border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:all var(--transition-fast)}.scales-hub-card:hover{border-color:var(--gold-muted);transform:translateY(-1px)}.scales-hub-card-name{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--text-primary);letter-spacing:-.01em}.scales-hub-card-notes{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);letter-spacing:.04em}.scales-hub-card-arrow{font-size:var(--text-sm);color:var(--gold-dim);align-self:flex-end}[data-theme=light] .scale-chord-augmented .scale-chord-roman,[data-theme=light] .scale-chord-diminished .scale-chord-roman,[data-theme=light] .scale-eyebrow,[data-theme=light] .scale-fingering-label,[data-theme=light] .scale-formula-label,[data-theme=light] .scale-notes-table th,[data-theme=light] .scale-related-category{color:var(--gold-light)}[data-theme=light] .scales-hub-card-arrow{color:var(--gold)}@media (max-width:540px){.scale-page,.scales-hub{padding:var(--sp-3)}.scale-h1{font-size:var(--text-2xl)}.scale-section{padding:var(--sp-4)}.scale-fingering-label{min-width:42px}.scale-fingering-label-full{display:none}.scale-fingering-label-abbrev{display:inline}}