.topbar nav a[aria-current=page]{color:#d9ff70}.content-hero{border-bottom:1px solid #354148;padding-top:34px;padding-bottom:75px}.breadcrumbs{color:#91a0a1;letter-spacing:1px;text-transform:uppercase;align-items:center;gap:12px;font:10px DM Mono,monospace;display:flex}.breadcrumbs a:hover,.article-body a:not(.button):hover,.footer-links a:hover{color:#d9ff70}.content-hero-grid{grid-template-columns:minmax(0,1fr) minmax(300px,43%);align-items:center;gap:60px;min-height:470px;display:grid}.content-hero h1{letter-spacing:-6px;margin:30px 0 25px;font:600 clamp(60px,7vw,112px)/.98 Space Grotesk,sans-serif}.content-hero h1 em{color:#d9ff70;font-style:normal}.content-lede{color:#b8c2c3;max-width:610px;margin:0 0 36px;font-size:18px;line-height:1.7}.content-hero-art{background:radial-gradient(circle,#303d36 0,#1e292e 37%,#10151c 70%);place-items:center;height:430px;display:grid;position:relative}.content-hero-art:before,.content-hero-art:after{content:"";aspect-ratio:1;border:1px solid #d9ff7040;border-radius:50%;width:360px;position:absolute}.content-hero-art:after{border-color:#d9ff701c;width:480px}.content-hero-art img{z-index:1;filter:drop-shadow(0 0 42px #d9ff7040);width:min(95%,430px);height:auto;position:relative}.article-layout{grid-template-columns:220px minmax(0,850px);gap:clamp(35px,8vw,120px);padding-top:72px;padding-bottom:110px;display:grid}.article-toc{color:#aab6b7;flex-direction:column;align-self:start;gap:17px;padding-top:10px;font-size:13px;display:flex;position:sticky;top:25px}.article-toc .section-kicker{margin-bottom:14px}.article-toc a:hover{color:#d9ff70}.article-body section{border-bottom:1px solid #354148;margin-bottom:63px;padding-bottom:60px;scroll-margin-top:30px}.article-number{letter-spacing:1.4px;color:#d9ff70;font:10px DM Mono,monospace}.article-body h2{letter-spacing:-2px;margin:18px 0 24px;font:600 clamp(34px,3.8vw,53px)/1.09 Space Grotesk,sans-serif}.article-body h3{margin:0 0 11px;font:600 21px Space Grotesk,sans-serif}.article-body p,.article-body li{color:#b9c3c4;font-size:16px;line-height:1.8}.article-body p{margin:0 0 18px}.article-body strong{color:#f2f1ec}.article-body a:not(.button){color:#d9ff70;text-underline-offset:4px;text-decoration:underline}.article-body kbd{color:#d9ff70;border:1px solid #56656a;padding:2px 5px;font:12px DM Mono,monospace}.numbered-steps{margin:0 0 22px;padding-left:28px}.numbered-steps li{margin-bottom:12px;padding-left:8px}.article-callout{background:#1c252d;border-left:3px solid #d9ff70;flex-direction:column;gap:8px;margin:27px 0;padding:22px 25px;display:flex}.article-callout strong{font:600 18px Space Grotesk,sans-serif}.article-callout span{color:#b9c3c4;font-size:14px;line-height:1.7}.article-callout b{color:#d9ff70}.help-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.help-grid>div{background:#1c252d;border:1px solid #354148;padding:24px 20px}.help-grid h3{font-size:17px}.help-grid p{margin:0;font-size:13px;line-height:1.7}.article-next{color:#17201b;background:#d9ff70;padding:40px 45px}.article-next .section-kicker{color:#485931}.article-next h2{margin:13px 0;font-size:38px}.article-next p{color:#415043;margin-bottom:22px}.article-next a:not(.button){color:#17201b;letter-spacing:1px;border-bottom:1px solid #17201b;font:600 11px DM Mono,monospace;text-decoration:none}.footer-links{color:#aab6b7;gap:22px;font:11px DM Mono,monospace;display:flex}.chord-hero-visual{background:radial-gradient(circle,#303d36 0,#1e292e 37%,#10151c 70%);justify-content:center;align-items:center;gap:9px;height:430px;display:flex;position:relative;overflow:hidden}.chord-hero-visual>span{aspect-ratio:1;color:#d9ff70;z-index:1;border:1px solid #b7d56f;place-items:center;width:15%;font:600 clamp(20px,3vw,36px) Space Grotesk,sans-serif;display:grid;position:relative}.chord-hero-visual>span:nth-child(3){color:#10151c;background:#d9ff70;transform:translateY(-22px)}.hero-wave{text-align:center;color:#d9ff7038;letter-spacing:15px;width:100%;font:140px/1 Space Grotesk,sans-serif;position:absolute;bottom:20px;left:0}.chord-explorer{padding-top:90px;padding-bottom:90px}.explorer-controls{align-items:end;gap:16px;margin-bottom:25px;display:flex}.explorer-controls>div:not(.explorer-status){min-width:190px}.explorer-controls label{color:#aab6b7;letter-spacing:1.2px;margin-bottom:9px;font:10px DM Mono,monospace;display:block}.explorer-controls select{color:#f2f1ec;background:#1c252d;border:1px solid #59666a;width:100%;height:45px;padding:0 13px}.explorer-status{color:#d9ff70;letter-spacing:.5px;text-align:right;margin-left:auto;padding-bottom:10px;font:11px DM Mono,monospace}.chord-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.chord-card{color:#f2f1ec;text-align:left;background:#1c252d;border:1px solid #4c5b60;flex-direction:column;min-height:210px;padding:23px 20px;transition:transform .15s,border-color .15s,background .15s;display:flex}.chord-card:hover{border-color:#d9ff70;transform:translateY(-3px)}.chord-card[aria-pressed=true]{color:#10151c;background:#d9ff70;border-color:#d9ff70}.chord-card .finger{letter-spacing:1.1px;opacity:.75;font:10px DM Mono,monospace}.chord-card .chord-name{letter-spacing:-2px;margin-top:24px;font:600 44px Space Grotesk,sans-serif}.chord-card .chord-notes{margin-top:8px;font:12px/1.5 DM Mono,monospace}.chord-card .chord-degree{letter-spacing:1px;opacity:.7;margin-top:auto;padding-top:18px;font:10px DM Mono,monospace}.explorer-note{color:#9ba9aa;margin:18px 0 0;font-size:13px;line-height:1.6}.explorer-note a{color:#d9ff70;text-underline-offset:3px;text-decoration:underline}.chord-explainer{border-top:1px solid #354148}.finger-map{grid-template-columns:repeat(5,1fr);gap:8px;margin:28px 0;display:grid}.finger-map>div{border:1px solid #4c5b60;min-height:95px;padding:16px 10px}.finger-map b{color:#d9ff70;font:600 29px Space Grotesk,sans-serif;display:block}.finger-map span{color:#9ba9aa;margin-top:8px;font-size:11px;display:block}.pattern-list{grid-template-columns:repeat(3,1fr);gap:13px;margin-top:26px;display:grid}.pattern-list>div{background:#1c252d;border:1px solid #354148;padding:25px 20px}.pattern-list span{color:#d9ff70;font:10px DM Mono,monospace}.pattern-list strong{margin:20px 0;font:600 21px Space Grotesk,sans-serif;display:block}.pattern-list p{margin:0;font-size:13px;line-height:1.65}.article-actions{flex-wrap:wrap;align-items:center;gap:27px;margin-top:30px;display:flex}.article-actions .text-link{color:#d9ff70!important;text-decoration:none!important}@media (width<=1000px){.content-hero-grid{gap:25px}.content-hero h1{letter-spacing:-4px}.article-layout{grid-template-columns:170px minmax(0,1fr);gap:35px}.chord-cards{gap:8px}.chord-card{padding:18px 13px}.chord-card .chord-name{font-size:35px}}@media (width<=800px){.content-hero{padding-bottom:50px}.content-hero-grid{grid-template-columns:1fr;gap:20px;min-height:0}.content-hero h1{font-size:clamp(55px,10vw,82px)}.content-hero-art,.chord-hero-visual{height:300px}.content-hero-art img{max-width:290px}.article-layout{padding-top:45px;padding-bottom:70px;display:block}.article-toc{border-bottom:1px solid #354148;flex-flow:wrap;gap:10px 18px;margin-bottom:45px;padding-bottom:25px;display:flex;position:static}.article-toc .section-kicker{width:100%;margin:0}.chord-explorer{padding-top:60px;padding-bottom:60px}.chord-cards{grid-template-columns:repeat(3,1fr)}.help-grid,.pattern-list{grid-template-columns:1fr}}@media (width<=520px){.content-hero h1{letter-spacing:-3px;font-size:54px}.content-lede{font-size:16px}.content-hero-art,.chord-hero-visual{height:235px}.chord-hero-visual>span{font-size:17px}.article-body section{margin-bottom:47px;padding-bottom:42px}.article-body h2{font-size:35px}.article-body p,.article-body li{font-size:15px}.article-next{padding:28px}.explorer-controls{flex-wrap:wrap}.explorer-controls>div:not(.explorer-status){flex:1;min-width:0}.explorer-status{text-align:left;width:100%}.chord-cards{grid-template-columns:repeat(2,1fr)}.chord-card{min-height:175px}.finger-map{grid-template-columns:repeat(3,1fr)}.footer-links{order:3;width:100%}}