.song-guide{max-width:1160px;margin:0 auto;padding:70px 32px 110px}
.guide-hero{max-width:820px;padding:0 0 70px}
.guide-hero h1{font-size:clamp(42px,5.5vw,76px);font-weight:500;letter-spacing:-.045em;line-height:1.07;margin:22px 0}
.guide-hero h1 em{font-style:normal;color:var(--teal)}
.guide-lede{max-width:720px;color:#b0c1cd;font-size:17px;line-height:1.75}
.guide-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.guide-caption{color:#8399a9;font-size:12px;margin:16px 0 0}
.guide-breadcrumb,.guide-jump-links{display:flex;flex-wrap:wrap;gap:10px 20px;color:#a6b8c5;font-size:13px;line-height:1.6}
.guide-breadcrumb{margin-bottom:28px}
.guide-jump-links{margin-top:24px}
.guide-breadcrumb a,.guide-jump-links a{color:var(--teal2);text-underline-offset:4px}
.guide-lyric-starter{display:block;box-sizing:border-box;width:100%;max-width:100%;min-height:330px;margin:16px 0 22px;padding:20px;border:1px solid #476660;border-radius:10px;background:#10232a;color:#e1efed;font:15px/1.8 system-ui;resize:vertical}
.guide-lyric-starter:focus{outline:2px solid var(--teal);outline-offset:3px}
.guide-body label{color:#c9dfe1;font-size:14px;line-height:1.7}
.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:74px}
.guide-body section{border-top:1px solid #263744;padding:51px 0}
.guide-body h2{font-size:clamp(26px,3vw,40px);font-weight:500;letter-spacing:-.03em;line-height:1.2;margin:14px 0 26px}
.guide-body h3{font-size:19px;font-weight:600;line-height:1.35;margin:0 0 10px}
.guide-body p{color:#a6b8c5;font-size:15px;line-height:1.85;margin:0 0 17px}
.guide-body strong{color:#d9e9eb;font-weight:600}
.guide-body a:not(.button){color:var(--teal2);text-underline-offset:3px}
.guide-steps{list-style:none;counter-reset:guide-step;margin:0;padding:0}
.guide-steps li{counter-increment:guide-step;position:relative;padding:5px 0 26px 58px;margin-bottom:23px;border-bottom:1px solid #1f303c}
.guide-steps li:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.guide-steps li::before{content:counter(guide-step,decimal-leading-zero);position:absolute;left:0;top:5px;font:13px Consolas,monospace;color:var(--teal);border:1px solid #365b57;border-radius:6px;padding:8px}
.guide-steps p{margin:0}
.guide-example blockquote{margin:25px 0;padding:26px 28px;border-left:3px solid var(--teal);border-radius:0 10px 10px 0;background:linear-gradient(110deg,#1a3032,#122029);color:#e1efed;font-size:17px;line-height:1.75}
.guide-limits{background:linear-gradient(120deg,#142529,#111c25);border:1px solid #35504e!important;border-radius:14px;padding:34px!important;margin:15px 0 50px}
.guide-limits h2{margin-bottom:19px}
.guide-limits p:last-child{margin-bottom:0}
.guide-faq details{border-bottom:1px solid #263744;padding:20px 0}
.guide-faq summary{cursor:pointer;color:#d2e1e5;font-size:16px;font-weight:600;line-height:1.5}
.guide-faq details p{margin:14px 0 0}
.guide-aside{position:sticky;top:28px}
.guide-summary{padding:25px;border:1px solid #36514e;border-radius:14px;background:linear-gradient(145deg,#19302f,#111c25)}
.guide-summary p{color:#a2bbc0;font-size:13px;line-height:1.7}
.guide-summary p strong{color:#e3f2ef;font-size:16px;font-weight:600}
.guide-summary .button{margin-top:20px}
@media(max-width:850px){.guide-layout{grid-template-columns:1fr;gap:0}.guide-aside{position:static;max-width:520px}.song-guide{padding:55px 24px 85px}.guide-hero{padding-bottom:55px}}
@media(max-width:560px){.song-guide{padding:42px 20px 70px}.guide-hero h1{font-size:43px}.guide-lede{font-size:15px}.guide-actions{flex-direction:column;align-items:stretch}.guide-body section{padding:38px 0}.guide-body p{font-size:14px}.guide-steps li{padding-left:49px}.guide-example blockquote{padding:20px;font-size:15px}.guide-limits{padding:25px!important}}