:root{--ink:#20382e;--muted:#647369;--paper:#f7f6ef;--cream:#eeeee4;--coral:#e5a78d;--line:#d9dfd4;--white:#fffef8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #9c583a;outline-offset:5px}a:hover{color:#9c583a}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400}h1,h2{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.045em;line-height:1.08}h1{font-size:clamp(48px,6.1vw,90px);margin-bottom:30px}h1 em{font-weight:400;color:#8b674e}h2{font-size:clamp(34px,3.4vw,51px);margin-bottom:24px}h3{font-family:Georgia,serif;font-size:26px;line-height:1.2;letter-spacing:-.025em}p{margin-bottom:22px}.small,.disclosure{font-size:12px;line-height:1.65;color:var(--muted)}.disclosure a,.article-body p a,.policy p a{border-bottom:1px solid}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:700;line-height:1.6;margin-bottom:22px}.site-header{max-width:1440px;padding:29px 5.5%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}.brand{font:23px Georgia,serif;letter-spacing:-.04em;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.brand em{font-size:19px;color:var(--muted);margin-left:3px}.brand-icon{display:inline-flex;width:25px;height:27px;border:1px solid var(--ink);gap:3px;align-items:flex-start;justify-content:center;margin-right:8px;position:relative}.brand-icon i{width:4px;height:15px;background:var(--ink)}nav{display:flex;gap:34px;font-size:12px}nav a:last-child{border-bottom:1px solid #9ca99d;padding-bottom:4px}.hero{max-width:1440px;margin:auto;padding:58px 5.5% 65px;display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center}.hero-copy{padding-top:25px}.hero-copy .lede{max-width:430px}.lede{font-size:17px;line-height:1.8;color:var(--muted)}.small-line{display:inline-block;width:26px;border-top:1px solid;vertical-align:middle;margin-right:12px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:16px 23px;font-size:12px;line-height:1.5;border:1px solid transparent;text-decoration:none;font-weight:600}.dark{background:var(--ink);color:var(--white)}.dark:hover{background:#365543;color:white}.coral{background:var(--coral);color:#172b22}.coral:hover{background:#f0bba3;color:#172b22}.outline{border:1px solid var(--ink);background:transparent;color:var(--ink)}.text-link{font-size:12px;border-bottom:1px solid #b2baac;padding-bottom:6px;display:inline-flex;gap:22px;align-items:center}.hero-note{display:flex;gap:15px;align-items:center;margin-top:49px}.hero-note>span{font:40px Georgia;color:#8d9c86}.hero-note p{font-size:11px;line-height:1.65;margin:0;color:var(--muted)}.hero-image{position:relative;height:580px;overflow:hidden;border-radius:150px 150px 3px 3px}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:62% 50%}.image-caption{position:absolute;bottom:26px;left:27px;right:27px;letter-spacing:.16em;font-size:9px;color:white;text-shadow:0 1px 6px #000;font-weight:700}.intro-strip{max-width:1440px;margin:auto;padding:25px 5.5%;background:#e9ece1;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}.intro-strip p{font:19px Georgia;margin:0}.intro-strip>span{font-size:8px;letter-spacing:.13em}.section{max-width:1282px;margin:auto;padding:90px 0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:35px}.section-heading h2{margin:0}.section-heading>p{font-size:13px;color:var(--muted);margin:0 0 3px}.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.guide-card{position:relative;padding:28px 26px 47px;border-right:1px solid var(--line);transition:background .18s}.guide-card:first-child{border-left:1px solid var(--line)}.guide-card:hover{background:#eeeee2;color:var(--ink)}.card-number{font-size:10px;color:#8b674e;display:block;margin-bottom:40px}.guide-card h3{font-size:25px}.guide-card p{font-size:12px;color:var(--muted);line-height:1.8}.card-arrow{position:absolute;right:25px;bottom:20px;font-size:22px}.explorer{background:#223c30;color:#f8f8ed;padding:60px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.explorer h2{font-size:44px}.explorer p{font-size:13px;color:#d0d9cc}.explorer .eyebrow{font-size:9px;color:#cfb99b}.chord-buttons{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 16px}.chord-buttons button{border:1px solid #698070;background:transparent;padding:9px 15px;color:white;font-size:12px}.chord-buttons button[aria-pressed=true]{background:#eef0e2;color:#20382e;border-color:#eef0e2}.explorer #chord-name{font-size:12px;min-height:20px}.explorer #audio-message{font-size:10px;margin:14px 0 0}.keyboard{height:220px;position:relative;display:flex;max-width:440px;margin:auto}.key.white{background:linear-gradient(90deg,#fffef5,#edece3);height:100%;border:1px solid #c4c8b9;border-radius:0 0 5px 5px;position:relative;flex:1}.key.white span{position:absolute;bottom:16px;left:0;right:0;text-align:center;font-size:10px;color:#435349}.key.black{position:absolute;top:0;width:7%;height:61%;background:linear-gradient(90deg,#17241c,#35483a);z-index:2;border-radius:0 0 4px 4px;box-shadow:2px 4px 3px #0005}.key.white.active{background:#e7ac90}.key.black.active{background:#ad694a}.keyboard-labels{display:flex;justify-content:space-between;max-width:440px;margin:10px auto;color:#ced5c8;font-size:10px}.keyboard-caption{font-size:9px!important;text-align:center;margin-top:20px!important}.path-section{display:grid;grid-template-columns:1fr 1.12fr;gap:110px;padding-top:0}.path-intro{padding-top:24px}.path-intro>p:not(.eyebrow){font-size:14px;max-width:320px;color:var(--muted)}.path-list a{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:24px 0;gap:15px}.path-list h3{font-size:24px;margin:0 0 8px}.path-list p{font-size:12px;margin:0;color:var(--muted)}.path-list a>span{font-size:24px}.course-feature{padding:60px;background:#eee8dd;display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}.course-feature h2{font-size:44px}.course-feature p:not(.eyebrow):not(.disclosure){font-size:14px;max-width:420px;color:var(--muted)}.course-feature .disclosure{font-size:10px;margin:15px 0 0;max-width:400px}.course-visual{background:#d7dfcf;padding:38px 30px;transform:rotate(-3deg);box-shadow:12px 14px 0 #d2cbbd}.course-visual>span{font:clamp(22px,3.3vw,48px)/1.15 Georgia;letter-spacing:-.04em;display:block}.course-visual>span:last-of-type{font-style:italic}.mini-keys{margin-top:35px;height:75px;background:repeating-linear-gradient(90deg,#fcf9eb 0,#fcf9eb 12%,#7d8977 12%,#7d8977 12.5%);border-bottom:2px solid #7d8977}.more-guides{padding-top:70px;padding-bottom:80px}.more-guides>div{display:flex;flex-wrap:wrap;gap:35px}footer{background:#e8ece1;border-top:1px solid var(--line);padding:44px max(5.5%,calc((100vw - 1282px)/2)) 28px}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:center;border-bottom:1px solid #cbd2c5;padding-bottom:30px}.footer-top p{font:18px Georgia;margin:0}.footer-bottom{display:grid;grid-template-columns:1.4fr 1.2fr auto;gap:40px;font-size:10px;padding-top:26px;color:#5b6d5e}.footer-bottom p{max-width:350px;margin:0}.footer-bottom>div{display:flex;gap:20px;flex-wrap:wrap;align-items:start}.footer-bottom small{white-space:nowrap}.skip{position:fixed;top:-70px;left:15px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}.article-heading{max-width:1070px;margin:auto;padding:60px 30px 55px}.article-heading h1{font-size:clamp(43px,5.7vw,76px);max-width:930px}.article-heading .lede{max-width:670px}.breadcrumb{font-size:11px;display:inline-block;margin-bottom:35px;color:var(--muted)}.article-layout{display:grid;grid-template-columns:220px minmax(0,740px);gap:70px;max-width:1070px;margin:0 auto 90px;padding:0 30px}.toc{padding-top:15px;border-top:1px solid var(--line);height:fit-content}.toc>a{display:block;font-size:12px;margin-bottom:15px;line-height:1.5}.toc .eyebrow{font-size:9px}.toc>span{font-size:10px;color:var(--muted);display:block;margin-top:35px}.article-body>section{padding:25px 0 18px;border-top:1px solid var(--line)}.article-body>section h2{font-size:32px;letter-spacing:-.035em;line-height:1.2;margin-bottom:20px}.article-body p,.article-body li{font-size:15px;color:#475d4e;line-height:1.9}.article-body li{margin-bottom:10px}.article-body ol,.article-body ul{padding-left:22px}.step-number{font-size:10px;color:#9c7355;display:inline-block;margin-bottom:16px}.article-body .explorer{display:block;padding:35px;margin:20px 0 40px}.article-body .explorer .keyboard-wrap{margin-top:35px}.article-body .explorer p{color:#d0d9cc}.article-body .explorer .eyebrow{color:#cfb99b;font-size:9px}.article-body .explorer h2{font-size:36px}.article-body .source-note{font-size:11px;background:#eeeee4;padding:16px}.course-box{background:#e8ece0;padding:32px;margin-top:35px}.course-box h2{font-size:32px}.course-box p{font-size:13px}.course-box .eyebrow{font-size:9px}.course-box .disclosure{font-size:10px;margin:20px 0 0}.next-links{border-top:1px solid var(--line);padding-top:35px;margin-top:30px}.next-links h2{font-size:28px}.next-links a{display:flex;width:fit-content;margin:15px 0}.editorial-note{padding:24px;background:#e9ecdf;margin-bottom:35px}.editorial-note strong{font-size:12px}.editorial-note p{font-size:12px;margin:12px 0 0;line-height:1.9}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:25px}.comparison>div{background:#eeeee4;padding:24px}.comparison h3{font-size:23px}.comparison li{font-size:13px}.review-cta{background:#eee4d7;padding:32px!important;margin:15px 0 35px}.article-body .review-cta .disclosure{font-size:12px}.article-body .review-cta .small{font-size:11px;margin-top:14px;margin-bottom:0}.policy{max-width:850px;margin:65px auto 100px;padding:0 30px}.policy h1{font-size:65px}.policy h2{font-size:30px;letter-spacing:-.03em;margin-top:40px}.policy p{color:#475d4e;font-size:15px;line-height:1.9}.policy .lede{font-size:18px}.practice-tool{background:#eeeee4;padding:30px!important}.tool-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:25px}.timer{font:55px Georgia!important;color:var(--ink)!important;margin:15px 0!important}.tool-buttons{display:flex;gap:8px;flex-wrap:wrap}.tool-buttons .button{padding:12px 14px;font-size:11px}.practice-tool label{display:block;font-size:12px;margin:0 0 10px}.practice-tool textarea{width:100%;padding:12px;border:1px solid #b5c0ae;background:var(--white);resize:vertical;min-height:115px;line-height:1.5;font-size:13px;color:var(--ink)}.text-button{background:none;border:0;border-bottom:1px solid #aeb9a6;color:var(--ink);padding:2px 0;font-size:11px;margin:12px 15px 0 0}.practice-tool .small{font-size:11px!important}.metronome input{display:block;width:100%;max-width:360px;margin:25px 0;accent-color:var(--ink)}.metronome label{font-size:13px}.metronome .small{font-size:11px}.article-body #chord-name{font-size:13px}.article-body #audio-message{font-size:10px}
@media(min-width:1450px){.section{max-width:1282px}}@media(max-width:1400px){.section{margin-left:5.5%;margin-right:5.5%}.hero-image{height:540px}.hero h1{font-size:76px}}@media(max-width:1100px){.hero h1{font-size:65px}.hero{gap:4%;padding-top:45px}.hero-image{height:510px}.hero-actions{gap:18px;flex-wrap:wrap}.explorer{gap:35px;padding:40px}.keyboard{height:180px}.guide-card{padding:23px 18px 45px}.guide-card h3{font-size:22px}.path-section{gap:60px}.course-feature{gap:40px;padding:42px}.article-layout{gap:35px;grid-template-columns:190px minmax(0,1fr)}.footer-bottom{gap:25px}.intro-strip>span{font-size:7px}}
@media(max-width:760px){.site-header{padding:22px 6%;flex-wrap:wrap;gap:20px}.brand{font-size:22px}nav{gap:25px;font-size:11px;width:100%;justify-content:space-between}.hero{display:flex;flex-direction:column;padding:35px 6% 42px;gap:35px}.hero-copy{padding-top:0;width:100%}.hero h1{font-size:64px}.hero .eyebrow{font-size:9px}.hero-copy .lede{font-size:15px;max-width:460px}.hero-note{margin-top:28px}.hero-image{width:100%;height:400px;border-radius:120px 120px 3px 3px}.hero-image img{object-position:60% 50%}.hero-actions{flex-wrap:nowrap;gap:22px}.button{padding:15px 18px;gap:20px}.intro-strip{display:block;padding:22px 6%}.intro-strip p{font-size:18px;margin-bottom:12px}.intro-strip>span{font-size:7px}.section{margin-left:6%;margin-right:6%;padding-top:55px;padding-bottom:55px}.section-heading{display:block}.section-heading>p{margin-top:22px;font-size:12px}.guide-grid{grid-template-columns:1fr 1fr}.guide-card{padding:22px 18px 45px;border-bottom:1px solid var(--line)}.guide-card:nth-child(3){border-left:1px solid var(--line)}.guide-card:nth-child(n+3){border-bottom:0}.guide-card h3{font-size:23px}.card-number{margin-bottom:25px}.explorer{display:block;padding:30px 23px}.explorer h2{font-size:37px}.explorer .keyboard-wrap{margin-top:35px}.keyboard{height:200px}.path-section{display:block;padding-top:0}.path-intro{margin-bottom:20px}.path-list h3{font-size:23px}.course-feature{display:block;padding:35px 25px}.course-feature h2{font-size:37px}.course-visual{margin:45px auto 5px;max-width:280px;padding:27px}.course-visual>span{font-size:39px}.more-guides>div{gap:25px}.more-guides .text-link{width:100%;justify-content:space-between}.footer-top{display:block}.footer-top>p{font-size:16px;margin-top:23px}.footer-bottom{display:block;font-size:11px}.footer-bottom>div{margin:25px 0}.footer-bottom>small{font-size:10px}.article-heading{padding:40px 6% 35px}.article-heading h1{font-size:47px}.article-heading .lede{font-size:16px}.article-heading .eyebrow{font-size:8px}.article-layout{display:block;padding:0 6%;margin-bottom:60px}.toc{margin-bottom:35px;display:flex;gap:12px 20px;flex-wrap:wrap;padding-bottom:20px;border-bottom:1px solid var(--line)}.toc .eyebrow{width:100%;margin-bottom:0}.toc>a{margin:0;font-size:11px}.toc>span{display:none}.article-body>section h2{font-size:29px}.article-body p{font-size:15px}.article-body .explorer{padding:28px 20px}.course-box{padding:27px}.course-box h2{font-size:30px}.comparison{grid-template-columns:1fr}.policy{padding:0 6%;margin:45px 0 70px}.policy h1{font-size:48px}.tool-grid{grid-template-columns:1fr}.chord-buttons button{padding:9px 14px}.hero .hero-image{flex-shrink:0}}@media(max-width:380px){.hero h1{font-size:54px}.hero-actions{gap:15px}.hero-actions .button{font-size:11px;padding:14px}.hero-actions .text-link{font-size:11px}.guide-card h3{font-size:21px}.brand{font-size:21px}.hero-image{height:350px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}