/* Readable defaults: editorial copy 18px, supporting UI 14px, controls 16px. */
html{font-size:100%;scroll-padding-top:7rem}body{font-size:1rem;line-height:1.65}p{overflow-wrap:break-word}input,select,textarea{font-size:1rem!important;min-height:44px}button,summary{min-height:44px}button:disabled{opacity:.6}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #5771c9;outline-offset:4px}section[id]{scroll-margin-top:7rem}
.eyebrow,.article-body .eyebrow,.music-hero-copy .eyebrow,.level-num,.guide-badge,.studio-label{font-size:.75rem;letter-spacing:.08em;line-height:1.6}.eyebrow{flex-wrap:wrap}.music-hero h1{font-size:clamp(3rem,6vw,6rem)}.music-hero-copy>p{font-size:1.125rem;max-width:29rem}.hero-footnote,.hero-caption,.hero-track,.hero-track>a,.music-hero .text-link,.studio-small,.page-date{font-size:.875rem!important;line-height:1.65!important}.hero-track{flex-wrap:wrap}.music-hero .actions{gap:20px}.music-hero .button,.music-hero .text-link,.button,.header-cta{font-size:1rem;padding:14px 20px}.music-hero-copy{padding-right:10px}.header-inner nav{font-size:.9375rem}.header-tools .icon-btn{min-width:44px;min-height:44px}.header-inner{gap:20px}.header-inner nav{gap:22px}.brand{min-height:48px}.header-cta{white-space:nowrap;font-size:.875rem;padding:10px 12px}.music-hero-art .sound-sticker{width:110px;height:110px}.sound-sticker small{font-size:.75rem!important;letter-spacing:0;line-height:1.4}.sound-sticker span{font-size:22px}.art-label{font-size:.75rem;max-width:230px}.art-label strong{font-size:1rem}.hero-track span{letter-spacing:0}
.section-heading p,.faq-intro p,.choice-lab p,.kit-promo p,.level-practice p,.kit-advice-grid p,.notebook p,.finder p{font-size:1rem;line-height:1.75}.level-card{min-height:350px}.level-card p{font-size:1rem;max-width:100%;line-height:1.65}.card-link,.section-note,.guide-bottom,.filter-tab,.results-status,.budget-control{font-size:.875rem}.card-link{gap:12px}.filter-tab{min-height:44px;padding:9px 16px}.guide-meta{font-size:.75rem;line-height:1.6;letter-spacing:.04em;display:block}.guide-meta>span{display:block}.guide-card h3{font-size:1.65rem;line-height:1.2}.guide-card p{font-size:1rem;line-height:1.65}.guide-bottom{min-height:44px;align-items:center;gap:8px}.guide-badge{font-size:.75rem;padding:5px 9px}.guide-art{min-height:220px}.choice-steps summary,.choice-steps details p,.faq-wrap summary,.faq-wrap details p,details summary,details p{font-size:1rem;line-height:1.7}.choice-steps summary{font-weight:600}.text-link{font-size:1rem;display:inline-flex;align-items:center;min-height:44px;gap:8px}.piano-top,.piano-status,.piano-status>span,.white-key small{font-size:.75rem;letter-spacing:0}.piano-top{gap:12px}.white-key>span{font-size:.875rem}.piano-keys{min-height:195px}.black-key{min-width:24px}.tool-links strong{font-size:1.125rem}.tool-links span,.tool-links>a>div>span{font-size:.875rem;line-height:1.65}.tool-links>a{padding:20px 0}.manifesto-bottom{font-size:1rem;line-height:1.7;gap:25px}.footer-tag,.footer-links,.footer-links button,.footer-bottom,.motion-toggle{font-size:.875rem!important}.footer-links a,.footer-links button,.motion-toggle{min-height:44px;display:flex;align-items:center}.footer-links strong{font-size:.75rem}.footer-links div{gap:3px}.footer-main{gap:35px}.footer-bottom{align-items:center;flex-wrap:wrap}.breadcrumb{font-size:.875rem;line-height:1.7}.breadcrumb a{min-height:44px;display:inline-flex;align-items:center}.breadcrumb>span{display:inline-flex;align-items:center}.page-top .answer,.guide-top .answer{font-size:1.125rem;line-height:1.8}.article-body p,.article-body li,.narrow p{font-size:1.125rem;line-height:1.8}.article-body>section{margin-bottom:48px}.article-body p{max-width:65ch}.article-meta,.article-meta>span,.article-byline,.article-note{font-size:.875rem;line-height:1.7}.article-byline{color:#496455;margin:18px 0}.article-byline a{text-decoration:underline}.article-meta .line-icon{width:18px;height:18px}.article-index{font-size:.9375rem}.article-index>strong{font-size:.875rem}.article-index a,.article-index .index-tool{font-size:.9375rem;min-height:48px;gap:10px;padding:13px 0}.article-index a span{font-size:.75rem}.deep-article{grid-template-columns:240px minmax(0,760px);gap:50px}.comparison-table{font-size:1rem;line-height:1.7;min-width:540px}.comparison-table th,.comparison-table td{padding:16px}.table-scroll{border:1px solid var(--line);scrollbar-width:auto}.table-help{font-size:.875rem;color:#496455;line-height:1.7;margin:12px 0}.table-scroll:focus-visible{outline:3px solid #5771c9;outline-offset:3px}.mistake-box li,.editorial-checks li{font-size:1rem!important;line-height:1.8}.mistake-box h3{font-size:1.55rem}.inline-studio>p,.inline-studio>div>p,.article-body details p,.historical-disclosure p{font-size:1rem}.chord-info .chord-caption,.inline-studio .chord-info .chord-caption,.chord-info .page-date,.inline-studio .chord-info .page-date{font-size:.875rem;line-height:1.75}.chord-info>p,.inline-studio .chord-info>p{font-size:1rem}.chord-info .eyebrow,.inline-studio .chord-info .eyebrow{font-size:.75rem;letter-spacing:.05em}.chord-info .button,.inline-studio .chord-info .button{font-size:1rem;padding:14px 18px}.chord-tabs button,.inline-studio .chord-tabs button{min-width:92px;font-size:1.5rem;padding:13px 17px}.chord-tabs small,.inline-studio .chord-tabs small{font-size:.875rem}.inline-studio .chord-stage{grid-template-columns:180px minmax(0,1fr)}.inline-studio .chord-diagram{min-height:210px}.inline-studio .chord-info h3{font-size:2rem}.historic,.historic caption,.reference-tuning .page-date,.article-sources .page-date,.source-list li{font-size:.875rem}.historical-disclosure{overflow-x:auto}.historical-disclosure summary{font-size:1rem}.kit-route{font-size:.9375rem;gap:10px;line-height:1.7}.tuning-section p,.level-roadmap p{font-size:1rem;line-height:1.75}.tuning-buttons span,.tuning-buttons small,.tuning-labels small,.tuning-labels b{font-size:.875rem}.tuning-labels{gap:10px}.tuning-labels strong{font-size:2rem}.kit-limit,.kit-fields>label,.kit-fields>label>span{font-size:1rem}.kit-fields input{width:135px}.kit-limit input{width:150px}.kit-summary>p,.kit-summary .kit-caption,.kit-summary .page-date,.kit-summary .button{font-size:1rem}.kit-summary .kit-caption{line-height:1.75}.kit-summary .eyebrow{font-size:.75rem}.kit-builder{gap:45px}.quiz-progress,.quiz-option small,.quiz-back,.search-count{font-size:.875rem}.quiz-option,.search-results a{font-size:1rem;line-height:1.65}.quiz-option{padding:15px}.quiz-option small{line-height:1.6}.search-input{min-height:52px}.dialog-close{width:44px;height:44px;right:10px;top:10px}.search-results a{padding:14px 0;min-height:48px}.studio-nav{font-size:.9375rem;gap:12px 24px}.studio-nav a{min-height:44px;display:flex;align-items:center}.tool-card .page-date{font-size:.875rem}.metro-controls{gap:16px}
@media(max-width:1150px){.header-inner nav{gap:15px;font-size:.875rem}.header-cta{display:none}.section-heading h2{font-size:2.7rem}.hero-track>span:first-child{display:none}.music-hero-grid{grid-template-columns:1fr 1fr}.music-hero h1{font-size:4.5rem}.music-hero .actions{align-items:start;flex-direction:column;gap:8px}.deep-article{grid-template-columns:210px minmax(0,1fr);gap:35px}.guide-top{grid-template-columns:1fr 280px;gap:35px}.guide-top h1{font-size:2.8rem}.guide-meta>span:last-child{display:none}}
@media(max-width:800px){.music-hero-grid{grid-template-columns:1fr}.music-hero .actions{flex-direction:row;align-items:center;flex-wrap:wrap;gap:12px 20px}.header-inner nav{font-size:1rem}.music-hero h1{font-size:4.6rem}.music-hero-copy{padding-right:0}.deep-article{grid-template-columns:minmax(0,1fr)}.article-index{grid-template-columns:1fr 1fr;gap:0 20px}.article-index a{font-size:.9375rem}.guide-top{display:block}.guide-cover{height:280px;margin-top:25px}.guide-top h1{font-size:2.7rem}.guide-top .answer{font-size:1.0625rem}.section-heading h2{font-size:2.5rem}.level-card{padding:24px;min-height:380px}.level-card h3{font-size:1.9rem}.level-card p{font-size:.9375rem}.card-link{font-size:.875rem;flex-wrap:wrap}.levels{gap:15px}.guide-grid{gap:30px 20px}.studio-grid{gap:35px}.kit-builder{grid-template-columns:1fr;gap:25px}.kit-summary{position:static}.footer-links{gap:30px}.chord-stage{grid-template-columns:250px minmax(0,1fr);gap:30px}.hero-track{font-size:.875rem}.studio-small{font-size:.875rem!important}.tuning-labels{grid-template-columns:repeat(3,1fr)}}
@media(max-width:540px){.container{width:calc(100% - 40px)}.music-hero h1{font-size:clamp(2.7rem,12vw,3.8rem);letter-spacing:-.04em}.music-hero-copy>p{font-size:1rem}.music-hero-copy .eyebrow{font-size:.75rem;max-width:290px}.music-hero .button,.music-hero .text-link{font-size:1rem;padding:14px 16px}.music-hero .actions{flex-direction:column;align-items:stretch}.music-hero .actions>*{justify-content:center}.music-hero-art{margin-top:15px}.hero-footnote{font-size:.875rem}.sound-sticker{width:108px!important;height:108px!important}.sound-sticker small{font-size:.75rem!important}.hero-track{display:block}.hero-track>*{display:block;margin:8px 0}.hero-track a{padding:10px 0}.art-label{font-size:.75rem}.art-label strong{font-size:.9375rem}.section-heading h2,.choice-lab h2,.kit-promo h2,.kit-guidance h2,.faq-intro h2,.notebook h2{font-size:2.1rem;line-height:1.2}.section-heading p,.level-card p,.choice-lab p,.kit-promo p,.faq-intro p{font-size:1rem}.level-card{min-height:330px}.level-card h3{font-size:2rem}.level-record{opacity:.9}.card-link{font-size:1rem}.guide-grid{grid-template-columns:1fr;gap:35px}.guide-art{height:270px}.guide-card h3{font-size:1.8rem}.guide-card p{font-size:1rem}.guide-meta{font-size:.75rem;display:flex;flex-wrap:wrap;gap:8px}.guide-meta>span:last-child{display:block}.guide-badge{font-size:.75rem}.guide-bottom{font-size:1rem}.filter-tab{font-size:.9375rem;min-height:44px;padding:9px 14px}.results-status{font-size:.875rem}.choice-steps summary,.choice-steps details p{font-size:1rem}.choice-art .annotation{font-size:.8125rem;line-height:1.6}.annotation.a-one{max-width:150px}.annotation.a-two{max-width:155px}.annotation.a-three{max-width:165px}.orbit-type{font-size:.75rem;max-width:200px}.choice-art-star{font-size:65px}.studio-label{font-size:.75rem}.piano-keys,.studio-key-section .piano-keys{height:210px}.white-key>span{font-size:.8125rem}.white-key small,.piano-status,.piano-top{font-size:.75rem}.piano-status{min-height:44px;align-items:center}.piano-top{line-height:1.6}.tool-links strong{font-size:1.125rem}.tool-links span{font-size:.9375rem}.manifesto h2{font-size:2rem;line-height:1.25}.manifesto-bottom{font-size:1rem}.faq-wrap summary,.faq-wrap details p{font-size:1rem}.footer-links{gap:25px;grid-template-columns:1fr}.footer-links a{font-size:1rem}.footer-bottom{display:flex;align-items:start;font-size:.875rem!important}.page-top h1,.guide-top h1{font-size:2.3rem;line-height:1.15;letter-spacing:-.035em}.page-top .answer,.guide-top .answer{font-size:1.0625rem;line-height:1.8}.article-body p,.article-body li,.narrow p{font-size:1.0625rem;line-height:1.8}.article-body h2{font-size:1.8rem;line-height:1.25}.article-meta{font-size:.875rem;gap:12px;flex-direction:column;align-items:start}.article-index{grid-template-columns:1fr}.article-index a,.article-index .index-tool{font-size:1rem;line-height:1.6}.article-index>strong{font-size:.875rem}.article-body .eyebrow{font-size:.75rem}.article-note{font-size:.875rem}.comparison-table{font-size:1rem;min-width:520px}.inline-studio{padding:22px 16px}.chord-stage,.inline-studio .chord-stage{grid-template-columns:1fr;gap:20px}.chord-diagram,.inline-studio .chord-diagram{min-height:240px}.chord-diagram svg{max-width:240px}.chord-tabs,.inline-studio .chord-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.chord-tabs button,.inline-studio .chord-tabs button{min-width:0;font-size:1.6rem;padding:13px 15px}.chord-tabs small,.inline-studio .chord-tabs small{font-size:.875rem}.chord-info .chord-caption,.inline-studio .chord-info .chord-caption,.chord-info .page-date,.inline-studio .chord-info .page-date{font-size:.9375rem}.chord-info>p,.inline-studio .chord-info>p{font-size:1rem}.chord-info .eyebrow,.inline-studio .chord-info .eyebrow{font-size:.75rem}.chord-info .button,.inline-studio .chord-info .button{font-size:1rem}.inline-studio>p,.inline-studio>div>p{font-size:1rem}.article-related{grid-template-columns:1fr;gap:35px}.article-related .guide-card:last-child{display:flex}.article-related .guide-art{height:260px}.article-related .guide-card h3{font-size:1.8rem}.editorial-checks li,.mistake-box li{font-size:1rem!important}.historical-disclosure summary,.article-body details p{font-size:1rem}.source-list li,.article-sources .page-date{font-size:.875rem}.kit-route{font-size:.9375rem}.kit-route>*{max-width:100%}.reference-tuning h3{font-size:1.5rem}.reference-tuning .page-date{font-size:.875rem}.tuning-labels{grid-template-columns:repeat(3,1fr)}.tuning-labels small,.tuning-labels b{font-size:.875rem}.studio-nav{font-size:1rem;display:grid;grid-template-columns:1fr 1fr;gap:8px}.tuning-section p{font-size:1rem}.tuning-buttons span,.tuning-buttons small{font-size:.875rem}.kit-fields>label{font-size:1rem}.kit-fields input{width:105px}.kit-limit{flex-wrap:wrap;font-size:1rem}.kit-summary>p,.kit-summary .kit-caption,.kit-summary .button{font-size:1rem}.kit-advice-grid p,.level-roadmap p{font-size:1rem}.table-help{font-size:.875rem}.breadcrumb{font-size:.875rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.article-index a span,.article-body .eyebrow{color:#466453}.white-key small{color:#4e6657}.article-body section[id]{scroll-margin-top:7rem}