/* HOW WE RELATE MATTERS · RSS PODCAST PLAYER */
.podcast-context{padding:clamp(54px,7vw,92px) 0;background:linear-gradient(145deg,#f2eee4 0%,#f8f6f0 58%,#edf1eb 100%);border-block:1px solid var(--line,#d9ddd7)}
.podcast-context-inner{display:grid;grid-template-columns:minmax(0,.72fr) minmax(360px,1.28fr);gap:clamp(32px,6vw,76px);align-items:center}.podcast-context-copy{max-width:570px}.podcast-context-copy h2,.podcast-hero h1{margin:.25em 0 .45em}.podcast-context-copy p{color:var(--muted,#65706b);font-size:1.05rem;line-height:1.75}
.podcast-player{position:relative;overflow:hidden;border:1px solid rgba(36,48,43,.12);border-radius:26px;background:rgba(255,255,255,.84);box-shadow:0 22px 70px rgba(49,66,57,.1);backdrop-filter:blur(12px)}.podcast-player::before{content:"";display:block;height:4px;background:linear-gradient(90deg,var(--sage-dark,#53685c),#9eae9f,#d2b98b)}.podcast-player-body{padding:clamp(20px,3vw,30px)}
.podcast-episode-header{display:grid;grid-template-columns:86px 1fr;gap:18px;align-items:center}.podcast-episode-artwork{width:86px;height:86px;object-fit:cover;border-radius:16px;box-shadow:0 8px 25px rgba(36,48,43,.14)}.podcast-episode-heading{min-width:0}.podcast-episode-meta{margin-bottom:7px;color:var(--sage-dark,#53685c);font-family:"Montserrat",sans-serif;font-size:.69rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.podcast-player h3{margin:0;font-size:clamp(1.13rem,2.2vw,1.55rem);line-height:1.3}
.podcast-player-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;margin:18px 0;color:var(--muted,#65706b);font-size:.94rem;line-height:1.65;white-space:pre-line}.is-compact .podcast-player-description{-webkit-line-clamp:3}
.podcast-audio-controls{display:grid;grid-template-columns:50px minmax(0,1fr) auto;gap:14px;align-items:center;padding-top:18px;border-top:1px solid rgba(36,48,43,.1)}.podcast-play{display:grid;place-items:center;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:var(--sage-dark,#53685c);color:#fff;font-size:1rem;cursor:pointer;transition:transform .2s ease,background .2s ease}.podcast-play:hover{transform:scale(1.04);background:var(--ink,#24302b)}.podcast-play:focus-visible{outline:3px solid rgba(83,104,92,.4);outline-offset:3px}
.podcast-timeline{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center}.podcast-progress{grid-column:1/-1;width:100%;accent-color:var(--sage-dark,#53685c);cursor:pointer}.podcast-time{font-variant-numeric:tabular-nums;color:var(--muted,#65706b);font-size:.75rem;white-space:nowrap}.podcast-secondary-controls{display:flex;gap:12px;align-items:center}.podcast-volume{display:flex;gap:5px;align-items:center;color:var(--muted,#65706b)}.podcast-volume input{width:66px;accent-color:var(--sage-dark,#53685c)}.podcast-speed select{min-height:38px;padding:6px 26px 6px 9px;border:1px solid var(--line,#d9ddd7);border-radius:10px;background:#fff;color:var(--ink,#24302b);font:inherit;font-size:.82rem}
.podcast-audio-error{margin:12px 0 0;color:#865a4c;font-size:.88rem}.podcast-audio-error a{color:inherit;text-decoration:underline}.podcast-feed-status{padding:30px;border:1px solid var(--line,#d9ddd7);border-radius:20px;background:var(--paper,#fbfaf6);color:var(--muted,#65706b);text-align:center}
.podcast-hero{padding:clamp(76px,11vw,142px) 0 clamp(58px,8vw,104px);background:radial-gradient(circle at 82% 18%,rgba(158,174,159,.35),transparent 31%),linear-gradient(145deg,#f4efe5,#f8f7f3)}.podcast-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.7fr);gap:clamp(40px,8vw,100px);align-items:center}.podcast-hero p{max-width:670px;color:var(--muted,#65706b);font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.75}
.podcast-art{aspect-ratio:1;display:grid;place-items:center;border-radius:32px;background:linear-gradient(145deg,var(--sage-dark,#53685c),#2d3d35);color:#fff;box-shadow:0 28px 80px rgba(36,48,43,.24);transform:rotate(2deg)}.podcast-art-inner{width:76%;text-align:center}.podcast-art-mark{display:block;margin-bottom:20px;font-size:clamp(2rem,7vw,4.8rem);letter-spacing:.1em}.podcast-art strong{display:block;white-space:pre-line;font-family:"Montserrat",sans-serif;font-size:clamp(1.15rem,3vw,2rem);line-height:1.25}.podcast-art span{display:block;margin-top:12px;color:#dbe3dc;letter-spacing:.12em;text-transform:uppercase;font-size:.7rem}
.podcast-list{padding:clamp(62px,9vw,116px) 0}.podcast-list-head{max-width:740px;margin-bottom:42px}.podcast-list-head p{color:var(--muted,#65706b);font-size:1.05rem;line-height:1.7}.podcast-language-note{margin-top:10px!important;font-size:.9rem!important}.podcast-platforms{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.podcast-platform-link{display:inline-flex;align-items:center;min-height:42px;padding:9px 15px;border:1px solid var(--line,#d9ddd7);border-radius:999px;color:var(--ink,#24302b);font-family:"Montserrat",sans-serif;font-size:.8rem;font-weight:600;text-decoration:none}.podcast-platform-link:hover{border-color:var(--sage-dark,#53685c);background:#f2f4f0}
.podcast-rss-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.podcast-rss-list .podcast-player{height:100%}.podcast-rss-list .podcast-player-body{height:100%;display:flex;flex-direction:column}.podcast-rss-list .podcast-audio-controls{margin-top:auto}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:900px){.podcast-context-inner,.podcast-hero-grid{grid-template-columns:1fr}.podcast-art{max-width:430px}.podcast-rss-list{grid-template-columns:1fr}}
@media(max-width:640px){.podcast-player{border-radius:21px}.podcast-player-body{padding:19px}.podcast-episode-header{grid-template-columns:68px 1fr;gap:13px}.podcast-episode-artwork{width:68px;height:68px;border-radius:13px}.podcast-audio-controls{grid-template-columns:46px minmax(0,1fr)}.podcast-play{width:44px;height:44px}.podcast-secondary-controls{grid-column:2;justify-content:space-between}.podcast-volume input{width:min(25vw,90px)}.podcast-art{border-radius:24px}}
@media(prefers-reduced-motion:reduce){.podcast-play{transition:none}}
