/* Public explanations share the existing MelodyByYou identity. */
.guide-intro{max-width:960px}.guide-intro h1{max-width:22ch}.guide-intro .lede{max-width:65ch}.guide-body{max-width:960px;padding-block:48px 64px}.guide-facts{padding:28px;border:1px solid var(--line-on-light);border-left:4px solid var(--amber);border-radius:12px;margin-bottom:40px;background:var(--blush)}.guide-facts h2{font-size:1.35rem;margin-bottom:20px}.guide-facts-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.guide-facts h3{font:700 1rem var(--font-body);letter-spacing:0}.guide-facts p{margin:10px 0 0}.guide-section,.guide-related,.guide-contact{padding:30px 0;border-top:1px solid var(--line-on-light)}.guide-section h2,.guide-related h2,.guide-contact h2,.guide-steps h2{font-size:1.55rem;margin-bottom:14px}.guide-section p,.guide-steps p{max-width:70ch;margin:0;color:#405F59}.guide-steps{padding-left:28px;margin:32px 0}.guide-steps li{padding:0 0 30px 12px}.guide-steps li::marker{font:600 1.15rem var(--font-body);color:var(--amber-dark)}.guide-related a{display:block;padding:9px 0}.guide-styles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:40px}.guide-styles figure{margin:0}.guide-styles img{width:100%;height:auto;border-radius:10px}.guide-styles figcaption{font-size:.8rem;margin-top:8px}.footer-resource-links{max-width:1240px;margin:24px auto 0;padding-inline:24px;font-size:.85rem;display:flex;justify-content:center;flex-wrap:wrap;gap:8px;text-align:center}.footer-resource-links a{color:inherit;text-decoration:underline;text-underline-offset:4px}.guide-page a:focus-visible{outline:2px solid var(--amber-dark);outline-offset:5px}.guide-contact{overflow-wrap:anywhere}
@media(max-width:600px){.guide-body{padding-block:32px}.guide-facts{padding:22px}.guide-facts-grid{grid-template-columns:1fr;gap:24px}.guide-styles{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-section h2,.guide-steps h2{font-size:1.35rem}.guide-steps{padding-left:22px}.guide-steps li{padding-left:5px}}