.sound-guide { width: min(100% - 48px, 960px); margin: 0 auto; }
.sound-guide section { padding: 48px 0; border-top: 1px solid #d9d6cf; scroll-margin-top: 24px; }
.guide-intro { padding: 64px 0 56px; max-width: 780px; }
.sound-guide h1 { font-size: clamp(2.6rem, 6vw, 4.8rem); line-height: 1.08; letter-spacing: -.055em; margin: 16px 0 24px; }
.sound-guide h2 { font-size: clamp(1.6rem, 3.2vw, 2.3rem); line-height: 1.2; letter-spacing: -.035em; margin: 12px 0 24px; }
.sound-guide h3 { font-size: 1.1rem; margin: 28px 0 8px; }
.sound-guide p, .sound-guide li, .sound-guide dd { max-width: 72ch; }
.guide-lede { font-size: 1.25rem; }
.guide-cta { display: inline-block; background: #2d2a26; color: #fff7e9; padding: 14px 22px; border-radius: 9px; margin-top: 12px; text-decoration: none; }
.guide-split { display: grid; grid-template-columns: 1.2fr 1fr; gap: 40px; align-items: center; }
.guide-split figure { margin: 0; }
.guide-split img { display: block; width: 100%; height: auto; }
.guide-note, .guide-split figcaption { font-size: .85rem; color: #57514a; }
.sound-guide audio { width: 100%; margin: 12px 0 0; }
nav a:first-child { display: inline; }
.fit-list { margin: 0; }
.fit-list div { display: grid; grid-template-columns: 170px 1fr; gap: 20px; padding: 20px 0; border-bottom: 1px solid #d9d6cf; }
.fit-list dt { font-weight: 700; }
.fit-list dd { margin: 0; }
.sound-guide li { padding: 6px 0; }
.guide-next { margin-bottom: 36px; }
.sound-guide .eyebrow { color: #57514a; }
.skip-link { position: absolute; left: 16px; top: -100px; background: #2d2a26; color: #fff7e9; padding: 12px; z-index: 2; }
.skip-link:focus { top: 8px; }
a:focus-visible, audio:focus-visible { outline: 3px solid #2d2a26; outline-offset: 5px; }
@media (max-width: 640px) { .sound-guide { width: min(100% - 32px, 960px); } .guide-intro { padding: 40px 0; } .sound-guide section { padding: 32px 0; } .guide-split { grid-template-columns: 1fr; gap: 24px; } .guide-split figure { max-width: 360px; margin: 0 auto; } .fit-list div { grid-template-columns: 1fr; gap: 6px; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }