/* Mobile production readiness: readable text, no clipped content or horizontal overflow */
html{max-width:100%;overflow-x:clip}
body{min-width:0;max-width:100%;overflow-x:clip}
img{max-width:100%}
@media(max-width:800px){
 body>nav .nav{min-height:74px!important;padding:10px 18px!important}
 .home-split .home-community-panel,.home-split .home-feature-panel{min-width:0!important}
 .home-split .home-community-inner,.home-split .home-feature-text{max-width:100%!important;min-width:0!important}
 .home-split .home-reading-feature h1,.home-split .home-feature-panel h2{overflow-wrap:break-word!important;hyphens:auto!important}
 .home-split .home-panel-link{max-width:100%!important;white-space:normal!important;line-height:1.35!important;text-align:center!important}
 .home-split .home-reading-art{width:100%!important}
 .home-split .home-feature-cover{max-width:min(80%,260px)!important}
 .event-scrapbook .scrap-headline>span{white-space:normal!important;overflow-wrap:anywhere!important}
 .event-editorial .editorial-info{grid-template-columns:minmax(0,1fr)!important}
 .event-editorial .editorial-info>div,.event-editorial .editorial-info aside{min-width:0!important}
 .event-editorial .event-sidebar-actions{display:flex!important;flex-wrap:wrap!important}
 .event-editorial .event-calendar{max-width:100%!important}
}
@media(max-width:600px){
 body:has(.home-split) .home-intro-line{padding:18px 22px 10px!important}
 body:has(.home-split) .home-intro-line>span:first-child{font-size:9px!important;line-height:1.45}
 body:has(.home-split) .home-intro-line>span:last-child{display:none!important}
 body:has(.home-split) .home-split{padding:10px 12px 22px!important;gap:12px!important}
 .home-split .home-community-panel.home-reading-feature,.home-split .home-feature-panel{padding:26px 22px 30px!important;min-height:0!important}
 .home-split .home-reading-feature h1,.home-split .home-feature-panel h2{font-size:clamp(33px,8.5vw,45px)!important;line-height:1.09!important;letter-spacing:-.035em!important}
 .home-split .home-reading-art{margin-top:20px!important;height:275px!important}
 .home-split .home-reading-cover,.home-split .home-feature-cover{height:255px!important;max-height:255px!important;width:auto!important;object-fit:contain!important}
 .home-split .home-feature-panel p,.home-split .home-community-inner>p{max-width:100%!important}
 .home-split .home-panel-link{font-size:11px!important;padding:13px 16px!important}
 .event-scrapbook .editorial-stage{padding-left:18px!important;padding-right:18px!important}
 .event-editorial .editorial-info{padding:24px 18px!important}
 .event-editorial .editorial-info aside{width:100%!important;padding:20px!important}
 .event-editorial .event-sidebar-actions .btn{flex:1 1 100%!important;width:100%!important}
 .event-editorial .stef-book-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .event-editorial .stef-book-grid img{width:100%!important;height:auto!important;aspect-ratio:3/4!important;object-fit:contain!important}
}

/* Wider event information area on narrow phones; preserve typography and card styling. */
@media(max-width:600px){
 body:has(#eventsRoot) #eventsRoot.wrap{width:calc(100% - 20px)!important;max-width:none!important;padding-left:0!important;padding-right:0!important}
 #eventsRoot .event-detail.event-editorial{margin-left:0!important;margin-right:0!important;padding:10px!important}
 #eventsRoot .event-editorial .editorial-info{padding:18px 12px!important}
 #eventsRoot .event-editorial .editorial-info>div{padding:4px!important}
 #eventsRoot .event-editorial .editorial-info aside{padding:16px!important}
}