.guide-site-header{z-index:20;border-bottom:1px solid var(--line);backdrop-filter:blur(16px);background:#080a0bf5;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(24px,4vw,54px);min-height:68px;padding:0 max(20px,50vw - 660px);display:grid;position:sticky;top:0}.guide-site-nav{scrollbar-width:none;align-items:center;gap:clamp(12px,2vw,26px);min-width:0;display:flex;overflow-x:auto}.guide-site-nav::-webkit-scrollbar{display:none}.guide-site-nav a{min-width:44px;min-height:44px;color:var(--paper-dim);font:10px var(--mono);flex:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.guide-site-nav a:hover,.guide-site-nav a[aria-current=page]{color:var(--paper)}.guide-site-nav a[aria-current=page]{text-decoration:underline;text-decoration-color:var(--guide-accent,var(--cyan));text-underline-offset:8px}.guide-launch{min-height:44px;color:var(--paper);font:10px var(--mono);white-space:nowrap;justify-self:end;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.guide-launch span{color:var(--guide-accent,var(--cyan));font-size:16px}.guide-page{--guide-accent:var(--cyan);--guide-accent-ink:#315b56;background:var(--paper)}.guide-page--amber{--guide-accent:var(--amber);--guide-accent-ink:#654424}.guide-page--coral{--guide-accent:var(--coral);--guide-accent-ink:#6c302a}.guide-page--paper{--guide-accent:var(--paper);--guide-accent-ink:#4d5351}.guide-hero{border-bottom:1px solid var(--line);background:var(--ink);align-items:center;min-height:clamp(390px,52vh,520px);padding:clamp(70px,9vw,120px) max(22px,50vw - 590px);display:grid}.guide-hero__copy{max-width:850px}.guide-label{color:var(--guide-accent);font:12px var(--mono);margin:0 0 22px}.guide-hero__copy h1{max-width:820px;font-family:var(--display);font-variation-settings:"wdth" 104, "wght" 550;letter-spacing:0;margin:0 0 26px;font-size:clamp(54px,6.5vw,82px);line-height:.94}.guide-hero__copy>p:last-child{max-width:700px;color:var(--paper-dim);margin:0;font-size:clamp(18px,1.7vw,21px);line-height:1.5}.guide-body{background:var(--paper);color:var(--ink);grid-template-columns:minmax(170px,220px) minmax(0,760px);justify-content:center;gap:clamp(42px,6vw,86px);padding:clamp(76px,8vw,110px) max(22px,50vw - 590px) clamp(100px,10vw,150px);display:grid}.guide-body:has(.ad-placement--rail:not(:empty)){grid-template-columns:minmax(160px,200px) minmax(0,720px) minmax(250px,300px);gap:clamp(32px,4vw,58px)}.guide-toc{border-top:2px solid var(--guide-accent);align-self:start;padding-top:16px;position:sticky;top:100px}.guide-toc>p{color:#535957;font:11px var(--mono);margin:0 0 16px}.guide-toc nav{flex-direction:column;gap:3px;display:flex}.guide-toc a{color:#535957;align-items:center;min-height:44px;font-size:14px;line-height:1.3;text-decoration:none;display:flex}.guide-toc a:hover{color:var(--ink);text-underline-offset:4px;text-decoration:underline}.guide-ad-rail{align-self:start;position:sticky;top:100px}.guide-ad-rail:has(.ad-placement:empty){display:none}.guide-article{width:100%;min-width:0}.guide-article>section{padding:0 0 76px;scroll-margin-top:96px}.guide-article>section+section{border-top:1px solid #080a0b24;padding-top:76px}.guide-kicker{color:var(--guide-accent-ink);font:12px var(--mono);margin:0 0 16px}.guide-article h2{max-width:700px;font-family:var(--display);font-variation-settings:"wdth" 106, "wght" 560;letter-spacing:0;margin:0 0 24px;font-size:clamp(38px,4.5vw,48px);line-height:1}.guide-article h3{font-family:var(--display);font-variation-settings:"wdth" 106, "wght" 580;letter-spacing:0;margin:38px 0 10px;font-size:27px;line-height:1.1}.guide-article p,.guide-article li,.guide-article dd{color:#484e4b;font-size:18px;line-height:1.68}.guide-article p{max-width:720px;margin:0 0 22px}.guide-article strong{color:var(--ink)}.guide-article a{color:#175e55;text-underline-offset:3px}.guide-article p a,.guide-article li a{align-items:center;min-height:44px;display:inline-flex}.guide-callout{border-left:3px solid var(--guide-accent);background:color-mix(in srgb, var(--guide-accent) 14%, var(--paper));margin:38px 0 44px;padding:26px 28px}.guide-callout>span{color:var(--guide-accent-ink);font:11px var(--mono);margin-bottom:10px;display:block}.guide-callout p{color:var(--ink);font-family:var(--display);font-variation-settings:"wdth" 106, "wght" 550;margin:0;font-size:25px;line-height:1.25}.guide-steps{counter-reset:guide-step;border-top:1px solid #080a0b33;margin:40px 0 0;padding:0;list-style:none}.guide-steps li{counter-increment:guide-step;border-bottom:1px solid #080a0b24;grid-template-columns:42px minmax(0,1fr);gap:8px 18px;padding:24px 0;display:grid}.guide-steps li:before{content:counter(guide-step, decimal-leading-zero);color:var(--guide-accent-ink);font:12px var(--mono);grid-row:1/span 2}.guide-steps strong{font-family:var(--display);font-variation-settings:"wdth" 106, "wght" 580;font-size:22px;line-height:1.15}.guide-steps span{color:#535957;grid-column:2;line-height:1.55}.control-map,.support-matrix{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:40px 0;display:grid}.control-map>div,.support-matrix>div{background:#080a0b0b;gap:8px;padding:22px;display:grid}.control-map dt{color:var(--guide-accent-ink);font:11px var(--mono)}.control-map dd,.support-matrix dd{margin:0}.control-map dd:first-of-type{color:var(--ink);font-family:var(--display);font-variation-settings:"wdth" 106, "wght" 580;font-size:22px;line-height:1.1}.support-matrix dt{color:var(--ink);font-family:var(--display);font-variation-settings:"wdth" 106, "wght" 580;font-size:22px}.support-status{color:var(--guide-accent-ink)!important;font:11px var(--mono)!important}.note-lane{background:#080a0b0f;grid-template-columns:repeat(10,1fr);margin:38px 0;display:grid;overflow:hidden}.note-lane span{min-width:0;color:var(--ink);font:11px var(--mono);text-align:center;padding:20px 4px}.note-lane span:nth-child(5n+1){background:color-mix(in srgb, var(--guide-accent) 32%, transparent)}.signal-chain{grid-template-columns:repeat(5,1fr);gap:8px;margin:40px 0;display:grid}.signal-chain span{color:#535957;min-height:122px;font:11px/1.45 var(--mono);background:#080a0b0d;padding:16px;position:relative}.signal-chain strong{color:var(--ink);font:20px var(--display);font-variation-settings:"wdth" 106, "wght" 580;margin-top:38px;display:block}.diagnostic-list{border-top:1px solid #080a0b33;margin:40px 0}.diagnostic-list details{border-bottom:1px solid #080a0b24}.diagnostic-list summary{min-height:44px;color:var(--ink);cursor:pointer;font-family:var(--display);font-variation-settings:"wdth" 106, "wght" 570;padding:23px 48px 23px 0;font-size:22px;list-style:none;position:relative}.diagnostic-list summary::-webkit-details-marker{display:none}.diagnostic-list summary:after{content:"+";color:var(--guide-accent-ink);font:21px var(--mono);position:absolute;right:6px}.diagnostic-list details[open] summary:after{content:"-"}.diagnostic-list details>div{padding:0 0 26px}.diagnostic-list ol,.diagnostic-list ul{max-width:720px;margin:12px 0 0;padding-left:23px}.diagnostic-list li{padding:4px 0}.reference-links{border-top:1px solid #080a0b29;border-bottom:1px solid #080a0b29;flex-wrap:wrap;gap:10px 24px;margin:38px 0;padding:22px 0;display:flex}.reference-links a{min-height:44px;font:11px var(--mono);align-items:center;display:inline-flex}.song-library{margin:40px 0}.song-library__group{border-top:1px solid #080a0b29;grid-template-columns:minmax(120px,.3fr) 1fr;gap:28px;padding:28px 0 38px;display:grid}.song-library__group h3{color:var(--guide-accent-ink);font:11px var(--mono);margin:4px 0 0}.song-library__items{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.song-library__item{background:#080a0b0b;min-width:0;padding:18px;display:grid}.song-library__item strong{font-family:var(--display);font-variation-settings:"wdth" 106, "wght" 580;font-size:22px;line-height:1.1}.song-library__item span{color:#606663;font:10px/1.5 var(--mono);margin-top:9px}.guide-action{flex-wrap:wrap;gap:12px;margin:36px 0 46px;display:flex}.guide-action a{border:1px solid var(--ink);min-height:52px;color:var(--ink);font:11px var(--mono);align-items:center;gap:16px;padding:0 20px;text-decoration:none;display:inline-flex}.guide-action a:first-child{background:var(--ink);color:var(--paper)}.guide-action a:hover{background:var(--guide-accent);color:var(--ink)}.guide-figure{background:var(--ink-raised);border-radius:6px;margin:42px 0 50px;overflow:hidden}.guide-figure img{aspect-ratio:8/5;object-fit:cover;width:100%;height:auto;display:block}.guide-figure figcaption{color:var(--paper);grid-template-columns:80px 1fr;gap:20px;padding:17px 20px 19px;display:grid}.guide-figure figcaption span{color:var(--guide-accent);font:10px var(--mono)}.guide-figure figcaption p{max-width:620px;color:var(--paper-dim);font:13px/1.5 var(--body);margin:0}.score-example{background:#080a0b0d;margin:42px 0;overflow:hidden}.score-example__header,.score-example__row{grid-template-columns:.35fr .65fr 1fr 1.35fr;gap:16px;padding:15px 18px;display:grid}.score-example__header{color:#606663;font:10px var(--mono)}.score-example__row{border-top:1px solid #080a0b1f;align-items:center}.score-example__row strong{font-family:var(--display);font-size:22px}.score-example__row span{color:#535957;font-size:15px}.guide-related{background:var(--paper);color:var(--ink);border-top:1px solid #080a0b24;padding:clamp(76px,8vw,108px) max(22px,50vw - 590px)}.guide-related header{margin-bottom:38px}.guide-related h2{font-family:var(--display);font-variation-settings:"wdth" 106, "wght" 550;margin:0;font-size:clamp(40px,4.5vw,54px);line-height:1}.guide-related__links{grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,52px);display:grid}.guide-related__links a{min-height:130px;color:var(--ink);border-top:1px solid #080a0b33;align-content:start;padding:22px 32px 22px 0;text-decoration:none;display:grid;position:relative}.guide-related__links a>span:first-child{color:#535957;font:11px var(--mono)}.guide-related__links a>span:last-child{color:var(--guide-accent-ink);font-size:18px;position:absolute;top:20px;right:0}.guide-related__links strong{font-family:var(--display);font-variation-settings:"wdth" 106, "wght" 560;margin-top:20px;font-size:24px;line-height:1.12}.guide-related__links a:hover strong{text-underline-offset:4px;text-decoration:underline}.guide-play-band{background:var(--guide-accent);width:min(1180px,100% - 44px);color:var(--ink);grid-template-columns:1fr auto;align-items:center;gap:40px;margin:0 auto 90px;padding:clamp(44px,5vw,64px);display:grid}.guide-play-band h2{max-width:680px;font-family:var(--display);font-variation-settings:"wdth" 106, "wght" 560;margin:0;font-size:clamp(40px,4.5vw,56px);line-height:1}.guide-play-band>a{border:1px solid var(--ink);min-height:52px;color:var(--ink);font:11px var(--mono);white-space:nowrap;align-items:center;gap:16px;padding:0 20px;text-decoration:none;display:inline-flex}.guide-play-band>a:hover{background:var(--ink);color:var(--paper)}.guide-footer{grid-template-columns:1fr auto auto}@media (width<=1120px){.guide-body,.guide-body:has(.ad-placement--rail:not(:empty)){grid-template-columns:minmax(150px,190px) minmax(0,720px)}.guide-ad-rail{display:none}}@media (width<=860px){.guide-site-header{grid-template-columns:auto 1fr;gap:18px;padding:0 20px}.guide-site-nav{grid-area:2/1/auto/-1;margin:-7px -20px 0;padding:0 20px 7px}.guide-launch{grid-area:1/2}.guide-hero{min-height:420px;padding-top:92px}.guide-body,.guide-body:has(.ad-placement--rail:not(:empty)){grid-template-columns:1fr}.guide-toc{grid-template-columns:120px 1fr;gap:20px;padding:16px 0 20px;display:grid;position:static}.guide-toc nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;display:grid}.guide-toc a{border-bottom:1px solid #080a0b1a}.guide-related__links{grid-template-columns:1fr;gap:0}.guide-play-band{grid-template-columns:1fr;align-items:start}.guide-play-band>a{justify-self:start}}@media (width<=640px){.guide-site-header{position:relative}.guide-launch{font-size:9px}.guide-hero{min-height:360px;padding:66px 20px}.guide-label{margin-bottom:16px}.guide-hero__copy h1{font-size:48px}.guide-hero__copy>p:last-child{font-size:17px}.guide-body{gap:56px;padding:56px 20px 88px}.guide-toc{grid-template-columns:1fr;gap:8px}.guide-toc nav{grid-template-columns:1fr 1fr}.guide-article>section{padding-bottom:60px}.guide-article>section+section{padding-top:60px}.guide-article h2{font-size:38px}.guide-article p,.guide-article li,.guide-article dd{font-size:17px}.guide-callout{padding:22px}.guide-callout p{font-size:23px}.control-map,.support-matrix{grid-template-columns:1fr}.note-lane{grid-template-columns:repeat(5,1fr)}.signal-chain{grid-template-columns:1fr 1fr}.signal-chain span{min-height:110px}.song-library__group{grid-template-columns:1fr;gap:16px}.song-library__items{grid-template-columns:1fr}.guide-figure figcaption{grid-template-columns:1fr;gap:8px;padding:16px}.score-example{overflow-x:auto}.score-example__header,.score-example__row{min-width:560px}.guide-related{padding:68px 20px}.guide-play-band{width:calc(100% - 32px);margin-bottom:70px;padding:40px 24px}.guide-play-band h2{font-size:40px}.guide-footer{grid-template-columns:1fr auto}.guide-footer nav,.guide-footer small{grid-column:1/-1}}@media (width<=380px){.guide-hero__copy h1{font-size:43px}.guide-toc nav{grid-template-columns:1fr}.guide-article h2{font-size:35px}}