/* Educational guide; scoped to preserve the existing website. */
.guide-page .header nav a[aria-current]{text-decoration:underline;text-underline-offset:7px}
.guide-hero{padding-top:65px;padding-bottom:65px;border-bottom:1px solid var(--line)}
.guide-hero h1{font-size:clamp(3rem,5.5vw,5rem);max-width:1000px;letter-spacing:-.045em;line-height:1.08}
.guide-deck{font-size:1.2rem;color:var(--muted);max-width:700px;margin-top:28px}
.guide-byline{font-size:.875rem;color:var(--muted);margin:30px 0 0}.guide-byline span{margin:0 10px}
.guide-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:80px;align-items:start;padding-top:65px}
.guide-toc{position:sticky;top:35px}.guide-toc nav{display:flex;flex-direction:column;gap:0;font-size:.875rem}.guide-toc .eyebrow{margin-bottom:16px;font-size:.75rem}.guide-toc a{display:block!important;padding:10px 0;border-bottom:1px solid var(--line);line-height:1.5;color:var(--muted)}
.guide-content{max-width:780px;min-width:0}.guide-content section{padding-bottom:55px;margin-bottom:55px;border-bottom:1px solid var(--line);scroll-margin-top:35px}.guide-content section:last-child{border:0;margin-bottom:0}
.section-kicker{font-size:.75rem;letter-spacing:1.8px;color:var(--sage);font-weight:600;margin:0 0 18px}.guide-content h2{font-size:clamp(2rem,3.3vw,2.75rem);letter-spacing:-.035em;line-height:1.16;margin-bottom:25px}.guide-content p{color:var(--muted);margin-top:0;line-height:1.85}.guide-content p strong{color:var(--ink);font-weight:600}.guide-content a{overflow-wrap:anywhere}.source-ref{font-size:.8em;white-space:nowrap}
.beat-explainer{margin:35px 0;padding:32px;background:#e9ebdf;border:1px solid #d2d8c5;border-radius:22px}.tone-pair{display:flex;align-items:center;justify-content:space-around;gap:15px}.tone-pair>div{text-align:center;flex:1}.tone-pair span:not(.tone-divider),.beat-result>span{display:block;font-size:.75rem;letter-spacing:1.8px;color:#566148}.tone-pair strong{font-family:var(--serif);font-size:2.8rem;font-weight:400;line-height:1.5}.tone-pair small{font:400 1rem -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.tone-divider{font-size:1.8rem;color:#738064}.beat-result{text-align:center;border-top:1px solid #c8cfba;margin-top:22px;padding-top:23px}.beat-result strong{font:400 3.5rem/1.4 var(--serif);color:#48573e}.beat-result p{font-size:.875rem;margin:0}.beat-explainer figcaption{font-size:.8rem;line-height:1.6;text-align:center;color:#62675c;margin-top:22px}
.band-list{margin:30px 0}.band-list>div{display:flex;align-items:center;gap:25px;padding:16px 0;border-bottom:1px solid var(--line);font-size:1rem}.band-name{font-family:var(--serif);font-size:1.6rem;min-width:92px}.band-line{height:1px;flex:1;background:#b7c0a8}.band-list>div>span:last-child{min-width:165px;color:var(--muted)}
.guide-note{border-left:3px solid #919f7e;background:#eeeee3;padding:26px 30px;margin:30px 0 0}.guide-note h3{margin:0 0 10px;font-size:1.6rem}.guide-note p{margin:0;font-size:1rem}
.sound-types{margin:30px 0}.sound-types>div{padding:23px 0;border-top:1px solid var(--line)}.sound-types dt{font:400 1.5rem/1.4 var(--serif);margin-bottom:8px}.sound-types dd{margin:0;color:var(--muted);font-size:1rem;line-height:1.8}
.guide-content details{border-top:1px solid var(--line);padding:18px 0}.guide-content summary{cursor:pointer;font-size:1rem;font-weight:500;padding:5px 0;line-height:1.6}.guide-content summary:focus-visible{outline:2px solid var(--sage);outline-offset:4px}.guide-content details p{font-size:1rem;margin:12px 0 0}.guide-sources ol{padding-left:23px}.guide-sources li{padding:0 0 22px 7px;font-size:.875rem;line-height:1.7;scroll-margin-top:30px}.guide-sources li span{display:block;color:var(--muted);font-size:.8125rem;margin-top:5px}.guide-closing{padding:75px 0 90px;border-top:1px solid var(--line);text-align:center}.guide-page .footer-top>div{flex-wrap:wrap}.guide-page .footer{margin-top:0}
@media(max-width:1000px){.guide-layout{grid-template-columns:190px minmax(0,1fr);gap:35px}.guide-page .header{gap:15px}.guide-page .header nav{gap:16px}}
@media(max-width:700px){.guide-hero{padding-top:40px;padding-bottom:40px}.guide-hero h1{font-size:2.9rem}.guide-deck{font-size:1.0625rem}.guide-layout{display:block;padding-top:35px}.guide-toc{position:static;margin-bottom:50px}.guide-toc nav{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.guide-toc nav>p{grid-column:1/-1}.guide-toc nav>a{font-size:.875rem!important}.guide-content section{padding-bottom:35px;margin-bottom:40px}.guide-content h2{font-size:2.15rem}.guide-content p{font-size:1rem}.beat-explainer{padding:24px 16px}.tone-pair strong{font-size:2.3rem}.tone-pair span:not(.tone-divider){font-size:.7rem}.band-list>div{gap:12px}.band-name{min-width:80px;font-size:1.4rem}.band-list>div>span:last-child{min-width:140px;font-size:.875rem}.guide-note{padding:22px}.guide-closing{padding:50px 0 70px}.guide-page .header nav a{display:none}.guide-page .header nav a[aria-current]{display:block;font-size:.875rem}.guide-page .header .brand img{width:155px}.guide-byline{font-size:.8125rem}}
@media(max-width:360px){.guide-hero h1{font-size:2.55rem}.band-line{display:none}.band-list>div{justify-content:space-between}.tone-pair strong{font-size:2rem}}

/* Accommodate the added navigation link on the home page. */
.footer-top>div{flex-wrap:wrap}
@media(min-width:701px) and (max-width:900px){.header nav{gap:14px;font-size:12px}.header .brand img{width:175px}}