/* Shared visual treatment. All URLs resolve from this file inside /assets/. */
@font-face{font-family:"DM Sans";src:url("fonts/dm-sans-400.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"DM Sans";src:url("fonts/dm-sans-500.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"DM Sans";src:url("fonts/dm-sans-600.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"DM Serif Display";src:url("fonts/dm-serif-display-400.woff2") format("woff2");font-weight:400;font-display:swap}
.section-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid var(--rule);border-radius:12px;overflow:hidden;background:var(--card);margin:24px 0}
.section-hero-copy{align-self:center;padding:26px;min-width:0}.section-hero .kicker{margin:0 0 12px}.section-hero h1{font-size:clamp(1.8rem,4vw,2.5rem);line-height:1.15;margin:0;overflow-wrap:normal}
.section-hero-art{display:block;width:100%;height:100%;min-height:260px;object-fit:cover;object-position:40% center}
.section-hero .hero-caption{font-size:.875rem;color:var(--muted);margin:14px 0 0}
.episode-hero{grid-template-columns:minmax(0,1fr) 180px}.episode-hero .section-hero-art{min-height:200px}.episode-hero h1{font-size:clamp(1.7rem,4vw,2.1rem)}
.podcast-page .episode-list li{background:var(--card);border-top:3px solid var(--teal);position:relative;padding:22px}.podcast-page .episode-list li::before{content:"";display:block;width:48px;height:32px;margin-bottom:12px;background:url("audio-wave.svg") center/contain no-repeat}
.podcast-page #about{border-left:0;padding:0}.podcast-page .subscribe .btn{min-height:44px}.podcast-page a:focus-visible{outline:3px solid var(--teal-mid);outline-offset:4px}
.podcast-page .show-identity{display:flex;align-items:center;gap:14px;margin:20px 0}.show-identity img{width:72px;height:72px;border-radius:8px;border:1px solid var(--rule)}.show-identity p{margin:0}.show-identity strong{display:block}.show-identity span{color:var(--muted);font-size:.875rem}
.surah-visual{display:block;width:100%;height:210px;object-fit:cover;object-position:center 65%;border-radius:12px;margin:24px 0 0;border:1px solid var(--rule)}
.surah-page .surah-facts{gap:8px;border:0;grid-template-columns:repeat(5,minmax(0,1fr))}.surah-page .surah-facts>div{border:1px solid var(--rule);border-radius:8px;padding:14px 10px;background:var(--card)}.surah-page .surah-facts dd{color:var(--teal-text);font-size:1.15rem}
.surah-page .spine-bar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.surah-page .spine-bar a{align-items:flex-start;justify-content:flex-start;padding:14px 10px;gap:10px;background:var(--card);color:var(--ink);border:1px solid var(--rule);border-radius:8px;font:500 .875rem/1.4 "DM Sans",sans-serif;position:relative}.surah-page .spine-bar a:hover{background:var(--teal-light);border-color:var(--teal-text)}
.spine-step{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--teal-text);color:var(--teal-text)}.spine-title{min-height:4.2em}.surah-page .spine-bar small{margin-top:auto;color:var(--muted);font-size:.8rem}
.surah-page .mv-head{grid-template-columns:42px minmax(0,1fr)}.surah-page .roman{display:grid;place-items:center;width:40px;height:40px;font-size:1.2rem;background:var(--teal-light);color:var(--teal-text);border-radius:50%}.surah-page .movement{border-top-color:var(--teal-text)}
@media(max-width:560px){.section-hero{grid-template-columns:1fr}.section-hero-copy{padding:22px}.section-hero-art{height:190px;min-height:0;object-position:center 60%}.episode-hero{grid-template-columns:minmax(0,1fr) 100px}.episode-hero .section-hero-art{min-height:100%;height:100%;object-position:34% center}.episode-hero .section-hero-copy{padding:18px}.episode-hero h1{font-size:1.65rem}.surah-visual{height:160px}.surah-page .surah-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.surah-page .spine-bar{grid-template-columns:1fr}.surah-page .spine-bar a{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:64px}.spine-title{min-height:0}.surah-page .spine-bar small{margin:0}}
@media(max-width:360px){.episode-hero{grid-template-columns:1fr}.episode-hero .section-hero-art{height:140px;min-height:0}.surah-page .spine-bar a{grid-template-columns:32px minmax(0,1fr)}.surah-page .spine-bar small{grid-column:2}}
@media print{.section-hero-art,.surah-visual,.show-identity,.podcast-page .episode-list li::before{display:none}.section-hero{display:block;border:0;margin:12px 0}.section-hero-copy{padding:0}.surah-page .spine-bar{display:flex}.surah-page .spine-bar a{flex:1!important}.surah-page .surah-facts>div{background:transparent}}