/* Meadowbrook mobile repair v0.1: load after the shared stylesheet. */
/* Explicitly restore responsive rules overridden by later desktop refinements. */
@media(max-width:900px){
  .podcast-hero,.podcast-shell,.comments-layout{grid-template-columns:minmax(0,1fr)}
  .podcast-hero>*,.podcast-shell>*,.comments-layout>*,.newsletter-copy>*{min-width:0}
  .podcast-side{grid-template-columns:repeat(2,minmax(0,1fr))}
  .podcast-section-heading,.comments-heading,.library-heading{flex-wrap:wrap}
  .episode-stats{flex-wrap:wrap;flex-shrink:0}
  .episode-stats span{white-space:nowrap}
  .newsletter-copy{flex-wrap:wrap}
  .newsletter-copy>div:last-child{flex:1 1 240px}
  .signup-form input{min-width:0;max-width:100%}
  .brand-copy{min-width:0}
  .brand-logo{flex-shrink:0}
  .nav-links a{justify-content:center}
}
@media(max-width:680px){
  body{overflow-x:visible;padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}
  html{scroll-padding-bottom:84px}
  .podcast-hero{padding:28px 18px;gap:24px}
  .podcast-hero h1{font-size:clamp(30px,8.5vw,40px);line-height:1.12;overflow-wrap:normal;word-break:normal}
  .podcast-hero .eyebrow{letter-spacing:.16em;line-height:1.5}
  .podcast-access-card h2{font-size:26px}
  .podcast-access-card p,.podcast-access-card strong{font-size:15px;line-height:1.5}
  .podcast-access-card small{font-size:13px}
  .subscriber-access-ready .access-actions{flex-direction:column;align-items:stretch}
  .subscriber-access-ready .access-actions .btn{width:100%;min-width:0;white-space:normal;font-size:14px}
  .podcast-shell{padding:0 12px}
  .podcast-main{padding:16px;min-width:0}
  .podcast-side,.episode-grid{grid-template-columns:minmax(0,1fr)}
  .podcast-section-heading{align-items:flex-start;flex-direction:column;gap:12px}
  .podcast-section-heading h2{font-size:26px;line-height:1.2}
  .episode-summary{grid-template-columns:minmax(0,1fr)}
  .episode-summary p,.episode-tile-copy p,.whitelist-panel li p,.podcast-notice p,.comment-card p,.comment-compose p{font-size:15px;line-height:1.5}
  .episode-details{flex-direction:row;align-items:flex-start;flex-wrap:wrap}
  .episode-thumb,.episode-placeholder{height:auto;aspect-ratio:16/9}
  .episode-thumb video,.episode-thumb img{width:100%;height:100%;object-fit:contain}
  .media-center-live-player,.media-center-player-host{min-height:0;height:auto}
  .media-center-media{min-height:0;height:auto;width:100%;max-height:none;aspect-ratio:16/9}
  audio.media-center-media{aspect-ratio:auto;min-height:80px;padding:12px}
  .media-center-chip{position:static;justify-self:start;margin:8px;max-width:calc(100% - 16px);white-space:normal;letter-spacing:.08em}
  .media-center-loading{padding:24px 16px}
  .comment-card.offset{margin-left:0}
  .comment-meta,.comments-heading,.library-heading{flex-wrap:wrap;gap:8px}
  .accessibility-tools{left:0;right:0;bottom:0;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #cbd5df;display:flex;justify-content:flex-end}
  .accessibility-launcher{min-height:44px;padding:9px 14px;font-size:13px}
  .accessibility-panel{left:auto;right:12px;bottom:calc(64px + env(safe-area-inset-bottom,0px));width:min(340px,calc(100vw - 24px));max-height:calc(100dvh - 100px);overflow:auto}
  .brand-wrap{gap:12px}
  .brand-name{font-size:clamp(18px,5.2vw,26px)}
  .tagline{line-height:1.5}
  .section-heading{flex-wrap:wrap;gap:10px}
  .newsletter-copy{padding:20px;gap:12px}
  .signup-form,.signup-form-registration{width:100%;flex-wrap:wrap}
  .newsletter-register-btn{min-width:0;width:100%;white-space:normal}
  .registration-card input:not([type=checkbox]),select,textarea{font-size:16px}
  .registration-check,.registration-benefits li{min-width:0}
  .registration-check>*,.registration-benefits li>*{min-width:0}
  .registration-cancel{min-width:0}
  .contact-list dd{min-width:0}
  .footer-brand{flex-wrap:wrap}
  .review-banner{letter-spacing:.08em;line-height:1.5}
}
@media(min-width:621px) and (max-width:900px){
  .chapter-card{grid-template-columns:150px minmax(0,1fr)}
  .contact-card-featured{grid-template-columns:180px minmax(0,1fr)}
  .contact-list>div{grid-template-columns:minmax(100px,.6fr) minmax(0,1fr)}
}
@media(max-width:360px){
  .brand-logo{width:58px;height:58px}
  .brand-wrap{padding:10px;gap:9px}
  .brand-name{font-size:18px}
  .hero h1{font-size:36px}
  .podcast-hero h1{font-size:30px}
  .registration-card{padding:20px 14px}
  .preference-fieldset{padding:14px 10px 6px;min-width:0}
}