/* Acoustic Guides — shared library and refreshed article presentation. */
.guides-shell { max-width: 1200px; margin: 0 auto; padding: 0 28px; }
.guides-hero { padding: 195px 0 58px; border-bottom: 1px solid var(--border-color); background: radial-gradient(ellipse at 80% 0%,rgba(212,175,55,.07),transparent 65%); }
.guide-eyebrow { color: var(--accent-gold); text-transform: uppercase; letter-spacing: 2px; font-size: .73rem; font-weight: 600; margin: 0 0 16px; }
.guides-hero h1 { font: 600 clamp(2.2rem,5vw,4.4rem)/1.15 var(--font-serif); letter-spacing: -.025em; margin: 0 0 22px; }
.guides-hero h1 span { display: block; font: 400 clamp(1.15rem,2.8vw,2rem)/1.4 var(--font-sans); color: var(--text-muted); letter-spacing: 0; margin-top: 18px; }
.guides-intro { max-width: 670px; font-size: 1rem; line-height: 1.8; color: var(--text-muted); }
.guides-hero-meta { display: flex; flex-wrap: wrap; gap: 12px 24px; color: var(--text-muted); font-size: .75rem; margin-top: 28px; }
.guides-hero-meta span + span { border-left: 1px solid var(--border-color); padding-left: 24px; }
.guides-main { padding-top: 42px; padding-bottom: 64px; }
.guide-feature { display: grid; grid-template-columns: 1.2fr 1fr; border: 1px solid var(--border-color); background: #1b1b19; border-radius: 12px; overflow: hidden; }
.guide-feature-copy { padding: 36px; }
.guide-feature h2 { font: 600 clamp(1.6rem,3vw,2.3rem)/1.25 var(--font-serif); margin-bottom: 18px; }
.guide-feature-copy > p:not(.guide-eyebrow) { color: var(--text-muted); line-height: 1.8; max-width: 490px; }
.guide-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; margin-top: 28px; }
.guide-actions .btn { padding: 14px 18px; font-size: .75rem; text-align: center; white-space: normal; }
.guide-text-link { color: var(--accent-gold); font-size: .86rem; text-underline-offset: 5px; }
.guide-feature-image { display: flex; flex-direction: column; justify-content: center; background: #ededeb; padding: 22px; }
.guide-feature-image img { width: 100%; height: 280px; object-fit: contain; mix-blend-mode: multiply; }
.guide-feature-image p { color: #48483e; font-size: .72rem; text-align: center; margin-top: 12px; }
.guide-library { margin-top: 62px; }
.guide-library-heading { display: flex; justify-content: space-between; gap: 24px; align-items: end; }
.guide-library-heading h2 { font: 600 clamp(1.3rem,2.8vw,1.8rem)/1.35 var(--font-serif); }
.guide-search-label { color: var(--text-muted); font-size: .78rem; min-width: 280px; }
#guide-search { display: block; width: 100%; margin-top: 8px; border: 1px solid #555347; background: #191919; color: var(--text-main); border-radius: 6px; padding: 13px 15px; font: .9rem var(--font-sans); }
.guide-filters { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; }
.guide-filters button { padding: 10px 15px; border: 1px solid #4b493e; background: transparent; border-radius: 24px; color: var(--text-muted); cursor: pointer; font: .8rem var(--font-sans); }
.guide-filters button[aria-pressed="true"] { background: var(--accent-gold); border-color: var(--accent-gold); color: #161510; }
.guide-count { margin: 18px 0; font-size: .8rem; color: var(--text-muted); }
.guide-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.guide-card { display: flex; flex-direction: column; border: 1px solid var(--border-color); border-radius: 10px; padding: 24px; background: rgba(28,28,28,.8); min-width: 0; }
.guide-card[hidden],.guide-empty[hidden] { display: none; }
.guide-card-top { display: flex; justify-content: space-between; align-items: center; gap: 10px; font-size: .65rem; margin-bottom: 24px; }
.guide-category { color: var(--accent-gold); text-transform: uppercase; letter-spacing: .8px; }
.guide-status { color: var(--text-muted); text-align: right; }
.guide-card h3 { font: 600 1.05rem/1.6 var(--font-serif); margin-bottom: 14px; }
.guide-card h3 a { color: var(--text-main); text-decoration: none; }
.guide-card > p { color: var(--text-muted); font-size: .87rem; line-height: 1.8; margin-bottom: 24px; }
.guide-card-bottom { margin-top: auto; border-top: 1px solid var(--border-color); padding-top: 18px; display: flex; flex-direction: column; gap: 14px; }
.guide-card-bottom span { color: var(--text-muted); font-size: .7rem; }
.guide-card-bottom a { color: var(--accent-gold); font-size: .83rem; text-decoration: none; }
.guide-card-bottom a span { color: inherit; }
.guide-empty { text-align: center; padding: 48px 20px; border: 1px dashed var(--border-color); border-radius: 10px; }
.guide-empty p { margin: 16px 0 24px; color: var(--text-muted); }
.guide-editorial { border-top: 1px solid var(--border-color); margin-top: 48px; padding-top: 30px; }
.guide-editorial h2 { font: 600 1.2rem var(--font-serif); margin-bottom: 18px; }
.guide-editorial p { max-width: 920px; font-size: .86rem; color: var(--text-muted); line-height: 1.8; margin-bottom: 14px; }
.refreshed-guide { margin-top: 175px !important; max-width: 980px; }
.refreshed-guide .article-title { font-size: clamp(1.7rem,4vw,2.7rem); line-height: 1.3; overflow-wrap: break-word; }
.guide-deck { font-size: 1.05rem; color: var(--text-muted); line-height: 1.8; margin: 20px 0; }
.guide-dates { font-size: .8rem; color: var(--text-muted); }
.guide-method { border: 1px solid var(--border-color); border-radius: 8px; padding: 20px; margin: 30px 0; }
.guide-method p { font-size: .8rem; line-height: 1.7; margin: 0 0 10px; }
.guide-method p:last-child { margin-bottom: 0; }
.guide-toc { display: flex; flex-wrap: wrap; gap: 12px 24px; padding: 0 0 24px; border-bottom: 1px solid var(--border-color); font-size: .85rem; }
.guide-answer { padding: 24px; border-left: 3px solid var(--accent-gold); background: rgba(212,175,55,.04); margin: 28px 0; }
.guide-answer h2 { margin-top: 0; }
.refreshed-guide .article-content h2[id], .guide-sources { scroll-margin-top: 175px; }
.guide-source-note { font-size: .78rem !important; }
.guide-buy { display: flex; gap: 20px; align-items: center; border: 1px solid var(--border-color); padding: 18px; border-radius: 8px; margin: 18px 0; }
.guide-buy img { width: 84px; height: 84px; object-fit: contain; border-radius: 6px; background: #eee; }
.guide-buy > div { flex: 1; }
.guide-buy h3 { font-size: 1rem; margin: 0 0 10px; }
.guide-buy a:not(.btn) { font-size: .8rem; }
.refreshed-guide .btn { font-size: .74rem; padding: 13px 16px; white-space: normal; text-align: center; }
.guide-next-links { display: grid; gap: 16px; }
.guide-sources { border-top: 1px solid var(--border-color); margin-top: 40px; padding-top: 8px; }
.guide-sources p,.guide-sources li { font-size: .8rem; }
.refreshed-guide .comparison-table { min-width: 580px; }
.refreshed-guide .comparison-table-wrapper { max-width: 100%; overflow-x: auto; }
.guide-return { margin-top: 32px; }
.guides-main a:focus-visible,.guides-main button:focus-visible,#guide-search:focus-visible { outline: 2px solid var(--accent-gold); outline-offset: 4px; }
@media(max-width:950px) { .guide-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .guide-library-heading { align-items: stretch; flex-direction: column; } .guide-search-label { min-width: 0; max-width: 500px; } }
@media(max-width:620px) { .guides-shell { padding-left: 20px; padding-right: 20px; } .guides-hero { padding-top: 210px; } .guides-hero-meta { flex-direction: column; gap: 10px; } .guides-hero-meta span + span { padding-left: 0; border: 0; } .guide-feature { grid-template-columns: 1fr; } .guide-feature-copy { padding: 26px; } .guide-feature-image img { height: 190px; } .guide-grid { grid-template-columns: 1fr; } .guide-library { margin-top: 40px; } .guide-buy { flex-wrap: wrap; gap: 14px; } .guide-buy .btn { width: 100%; } .refreshed-guide { margin-top: 195px !important; padding-left: 20px; padding-right: 20px; } .guide-answer { padding: 18px; } }

/* Leave room for the wrapped mobile navigation after a contents link jump. */
@media (max-width:620px) { .refreshed-guide .article-content h2[id], .guide-sources { scroll-margin-top: 210px; } }