/* Audio library: additive to the approved green Home. No reader paper rules. */
body.is-podcasts{height:auto;min-height:100dvh;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}
body.is-podcasts>#main{flex:1 0 auto;overflow:visible;padding:26px 36px 36px}
body.is-podcasts>.top{margin-block:0}
.audio-page{width:100%;max-width:1500px;margin:0 auto;display:flex;flex-direction:column;gap:26px;min-width:0}
.audio-page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}
.audio-page-heading h1{font-size:32px;font-weight:550;letter-spacing:-.8px;line-height:1.2;margin:0 0 9px}
.audio-page-heading p{font-size:14px;line-height:1.6;margin:0;color:var(--muted)}
.audio-home-link,.mosques-page-heading>.mosques-home-link{display:inline-flex;align-items:center;justify-content:center;gap:9px;flex:none;min-height:44px;padding:10px 15px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--ink);font-size:14px;text-decoration:none}
.audio-home-link>svg,.mosques-home-link>svg{width:18px;height:18px}
.audio-home-link:hover,.mosques-home-link:hover{background:var(--surface2)}
#podcast-library.audio-library-page{display:flex;flex-direction:column;gap:26px;min-width:0}
.audio-language-bar{display:flex;align-items:center;gap:24px;border:1px solid #7694863b;border-radius:16px;padding:19px 23px;background:var(--surface)}
.podcast-language-label{display:grid;gap:8px;font-size:13px;color:var(--muted);min-width:180px}
.podcast-language-label select{width:100%;min-height:44px;font-size:15px;border-radius:10px}
.audio-language-bar>p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}
.audio-catalog-total{display:grid;gap:3px;flex:none;margin-inline-start:auto;text-align:end}
.audio-catalog-total strong{font-size:29px;line-height:1.2;font-weight:500;letter-spacing:-.5px}
.audio-catalog-total span{font-size:12px;color:var(--muted)}
.podcast-speaker-directory>header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:17px}
.audio-library-page h2{font-size:23px;line-height:1.3;font-weight:500;letter-spacing:-.3px;margin:0}
.podcast-speaker-directory>header p{font-size:13px;line-height:1.5;color:var(--muted);margin:7px 0 0}
.podcast-speaker-directory>header button{min-height:40px;font-size:13px;padding:8px 13px;flex:none}
.podcast-speaker-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.podcast-speaker-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:7px;min-width:0;min-height:212px;padding:19px 10px 16px;border:1px solid #7694863b;border-radius:15px;background:var(--surface);text-align:center;color:var(--ink)}
.podcast-speaker-card:hover{background:var(--surface2);border-color:#8cae9677}
.podcast-speaker-card[aria-pressed=true]{background:#3c654b46;border-color:#a4c8ae;box-shadow:inset 0 0 0 1px #a4c8ae}
.podcast-speaker-photo{width:76px;height:76px;flex:none;display:grid;place-items:center;border:1px solid #a4c8ae44;border-radius:50%;overflow:hidden;background:#53795825;margin-bottom:5px}
.podcast-speaker-photo img{display:block;width:100%;height:100%;object-fit:cover}
.podcast-speaker-photo>svg{width:34px;height:34px;color:var(--muted)}
.podcast-speaker-card strong{display:flex;align-items:center;justify-content:center;min-height:42px;font-size:15px;font-weight:500;line-height:1.4;overflow-wrap:anywhere}
.podcast-speaker-card small{font-size:12px;line-height:1.4;color:var(--muted)}
.podcast-recordings{min-width:0;border:1px solid #7694863b;border-radius:16px;background:var(--surface);padding:23px}
.podcast-recordings>h2{margin-bottom:18px}
#podcast-library .podcast-filters{grid-template-columns:minmax(0,1.35fr) repeat(3,minmax(0,1fr));gap:10px}
#podcast-library .podcast-filters input,#podcast-library .podcast-filters select{min-width:0;font-size:14px}
#podcast-library .podcast-library-tools>div{display:flex;gap:8px;align-items:center}
#podcast-library [data-podcast=saved][aria-pressed=true]{border-color:#a4c8ae;background:#3c654b46;color:var(--ink)}
.audio-library-page .podcast-library-tools{margin:15px 0 8px}
.audio-library-page .podcast-results{min-height:90px;max-height:none;overflow:visible;overscroll-behavior:auto}
.audio-library-page .podcast-episode>button:first-child{min-height:76px;padding:13px 5px;gap:14px}
.audio-library-page .podcast-episode-art{width:48px;height:48px;flex:none}
.audio-library-page .podcast-episode-art>.podcast-artwork{width:48px;height:48px}
.audio-library-page .podcast-episode strong{font-size:16px}
.audio-library-page .podcast-episode .podcast-episode-date{display:block;margin-top:5px;color:var(--muted);font-size:12px;line-height:1.5;white-space:normal;font-variant-numeric:tabular-nums}
.audio-library-page [data-podcast=more]{display:block;margin:19px auto 0;min-height:44px;padding:10px 24px;font-size:14px}
.audio-library-page [data-podcast=more][hidden]{display:none}
.audio-library-page .podcast-library-player{position:sticky;bottom:12px;z-index:12;flex:none;border:1px solid #8cae9677;border-radius:15px;padding:18px 22px;background:var(--surface);box-shadow:0 -8px 32px #0003}
.audio-library-page .podcast-library-player:empty{display:none}
.audio-library-page .podcast-player-designed{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 28px;align-items:center}
.audio-library-page .podcast-now{grid-column:1;grid-row:1}.audio-library-page .podcast-timeline{grid-column:1;grid-row:2}.audio-library-page .podcast-controls-row{grid-column:2;grid-row:1/span 2}
.audio-library-page .podcast-error,.audio-library-page .podcast-publisher-link{grid-column:1/-1}
.audio-library-page .podcast-disclosure,.audio-library-page .podcast-network-note{margin:0;font-size:12px;line-height:1.7}
.podcast-modal-language{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:16px}
.podcast-modal-language>button{display:flex;align-items:center;gap:8px;min-height:44px;font-size:13px}
.podcast-modal-language>button>svg{width:18px;height:18px}
/* Five real destinations, including Home on Home. Keep the original centered navbar. */
body:not(.is-reading)>.top>.home-primary-nav a{min-width:88px;padding-inline:15px;white-space:nowrap}
@media(max-width:1100px){.podcast-speaker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.podcast-speaker-card{min-height:196px}.podcast-speaker-photo{width:68px;height:68px}.podcast-speaker-card strong{min-height:21px}}
@media(max-width:760px){
 body.is-podcasts>#main{padding:20px 13px 26px}
 .audio-page{gap:20px}.audio-page-heading{gap:12px;align-items:flex-start}.audio-page-heading h1{font-size:26px;margin-bottom:7px}.audio-page-heading p{font-size:12px}
 .audio-home-link,.mosques-page-heading>.mosques-home-link{min-height:42px;font-size:12px;padding:9px 11px;gap:7px}
 .audio-language-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:13px;padding:16px}
 .podcast-language-label{min-width:0}.audio-language-bar>p{grid-column:1/-1;grid-row:2;font-size:12px}.audio-catalog-total strong{font-size:26px}
 #podcast-library.audio-library-page{gap:21px}
 .audio-library-page h2{font-size:21px}.podcast-speaker-directory>header{align-items:flex-start;gap:10px}.podcast-speaker-directory>header p{font-size:12px}.podcast-speaker-directory>header button{font-size:12px;padding:9px 10px;min-height:42px}
 .podcast-speaker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.podcast-speaker-card{min-height:205px;padding:16px 9px;gap:5px}.podcast-speaker-photo{width:68px;height:68px}.podcast-speaker-card strong{font-size:14px;min-height:40px}.podcast-speaker-card small{font-size:12px}
 .podcast-recordings{padding:16px 12px}.podcast-recordings>h2{margin-bottom:15px}
 #podcast-library .podcast-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}#podcast-library [data-podcast-search]{grid-column:1/-1}#podcast-library [data-podcast-sort]{grid-column:1/-1}
 #podcast-library .podcast-library-tools{flex-wrap:wrap;gap:9px;margin-block:14px 8px}#podcast-library .podcast-library-tools>div{gap:6px}#podcast-library .podcast-library-tools button{font-size:12px;min-height:40px;padding:8px 9px}
 .audio-library-page .podcast-episode>button:first-child{gap:10px;padding:12px 0}.audio-library-page .podcast-episode strong{font-size:14px}.audio-library-page .podcast-episode small{font-size:12px}.audio-library-page .podcast-episode-art,.audio-library-page .podcast-episode-art>.podcast-artwork{width:40px;height:40px}
 .audio-library-page .podcast-library-player{bottom:8px;padding:13px;max-height:50dvh;overflow-y:auto}.audio-library-page .podcast-player-designed{display:flex;gap:9px}.audio-library-page .podcast-controls-row{gap:10px}.audio-library-page .podcast-now-title{font-size:14px}
 .podcast-modal-language{align-items:end;gap:10px}.podcast-modal-language>button{font-size:12px;max-width:48%;text-align:start}
 /* On a phone the five destinations get their own full-width row, not a squeezed badge. */
 body:not(.is-reading)>.top{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:13px}
 body:not(.is-reading)>.top>.brand{grid-column:1;grid-row:1;justify-self:center}
 body:not(.is-reading)>.top>.home-primary-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-column:1;grid-row:2;justify-self:stretch;width:100%;gap:0;padding:3px;border-radius:12px}
 body:not(.is-reading)>.top>.home-primary-nav a{display:flex;align-items:center;justify-content:center;min-width:0;min-height:46px;padding:7px 3px;font-size:12px;line-height:1.4;white-space:normal;text-align:center;border-radius:9px}
}
.home-podcast-language{display:flex;align-items:center;min-width:0}
.home-podcast-language select{width:90px;min-width:0;min-height:35px;padding:6px 22px 6px 8px;font-size:12px;border-radius:9px;background-color:transparent;color:var(--muted)}
@media(min-width:761px) and (max-width:1360px){.home-refined .podcast-heading-long{display:none}.home-refined .podcast-heading-short{display:inline}}
@media(min-width:1280px) and (max-height:780px){.home-refined .podcast-home-tabs{inset-inline-end:220px}}
@media(max-width:760px){
 body.is-home .home-refined .home-podcasts>header{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;height:auto;gap:9px 12px}
 .home-refined .home-podcasts>header>.podcast-header-actions{display:contents}
 .home-refined .podcast-header-actions>[data-podcast=browse]{grid-column:2;grid-row:1}
 .home-podcast-language{grid-column:1/-1;grid-row:2;justify-content:space-between;gap:12px}
 .home-podcast-language>.sr-only{position:static;width:auto;height:auto;clip:auto;clip-path:none;white-space:normal;overflow:visible;font-size:12px;color:var(--muted)}
 .home-podcast-language select{width:130px;min-height:38px;font-size:13px}
}
@media(max-width:360px){.home-refined [data-podcast=browse]>svg{display:none}.home-refined .podcast-header-actions>[data-podcast=browse]{padding-inline:5px}body:not(.is-reading)>.top>.home-primary-nav a{padding-inline:3px;font-size:11px}.audio-home-link{padding:9px}.audio-page-heading h1{font-size:24px}}

/* A filter changes content, never the height of the four-card dashboard. */
.home-refined>.home-podcasts{--preview-row:60px;--preview-gap:8px}
.home-refined .podcast-latest-grid{min-block-size:calc(3 * var(--preview-row) + 2 * var(--preview-gap));gap:var(--preview-gap)}
.home-refined .podcast-latest-grid>.podcast-recent-card{min-height:var(--preview-row)}
.home-refined .podcast-latest-grid>p{margin:0;min-block-size:inherit;display:grid;place-content:center;color:var(--muted);font-size:14px;line-height:1.6;text-align:center}
@media(min-width:1100px) and (max-height:1120px){.home-refined>.home-podcasts{--preview-row:54px;--preview-gap:6px}}
@media(min-width:1100px) and (max-height:950px){.home-refined>.home-podcasts{--preview-row:52px}}
@media(min-width:1100px) and (max-height:780px){.home-refined>.home-podcasts{--preview-row:46px;--preview-gap:5px}}
@media(max-width:760px){.home-refined>.home-podcasts{--preview-row:54px;--preview-gap:8px}}
/* Books identify the destination; there is no search action or magnifier here. */
.home-refined [data-podcast=browse]{min-height:38px;line-height:1.35;white-space:nowrap}
.home-refined [data-podcast=browse]>svg{display:block;width:19px;height:19px;flex:none}
@media(min-width:761px) and (max-width:1600px){.home-refined .podcast-heading-long{display:none}.home-refined .podcast-heading-short{display:inline}}
@media(min-width:761px) and (max-width:1100px), (min-width:1280px) and (max-height:780px){
 .home-refined .podcast-library-label{display:none}.home-refined [data-podcast=browse]{width:38px;padding:7px}
}
@media(min-width:1280px) and (max-height:780px){.home-refined .podcast-home-tabs{inset-inline-end:170px}}
@media(max-width:760px){.home-refined [data-podcast=browse]{max-width:145px;white-space:normal;text-align:start;min-height:42px}.home-refined .podcast-library-label{max-width:100px}}
@media(max-width:360px){.home-refined .podcast-library-label{display:none}.home-refined [data-podcast=browse]{width:40px;padding:8px}}

/* Full mosque page: wider aligned map, original viewport-filling height. */
body.is-mosques .mosques-page{max-width:1640px}
.mosques-page>.mosque-directory{padding:18px 0}
.mosques-page .mosque-panel:has(.mosque-map){grid-template-columns:minmax(0,1.8fr) minmax(250px,.85fr) minmax(235px,.75fr)}
.mosques-page .mosque-map-stage{align-self:stretch;height:auto;min-height:0}
.mosques-page .mosque-map-stage>.mosque-map{flex:1;width:100%;height:auto;min-height:180px;max-height:none;aspect-ratio:auto}
@media(max-width:1150px) and (min-width:761px){
 .mosques-page .mosque-panel:has(.mosque-map){grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr)}
 .mosques-page .mosque-map-stage{min-height:500px}
}
@media(max-width:760px){
 .mosques-page>.mosque-directory{padding:10px 0}
 .mosques-page .mosque-map-stage{width:100%;min-height:260px;height:38dvh}
 .mosques-page .mosque-map-stage>.mosque-map{min-height:180px}
}