/* Keep the bottom dock clear of the final content and video controls. */
body:not(.hx-reader-view) main{padding-bottom:calc(120px + env(safe-area-inset-bottom,0px))!important}
#releaseHub{padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))!important}
#releaseHub .motion-controls button{min-height:44px}
.platform-series-hero .series-copy>div{display:flex;flex-wrap:wrap;gap:10px}
.platform-series-hero button,.platform-filter button,.platform-actions button{min-height:44px;white-space:normal}
.platform-issue-card .platform-page-count{display:block;margin:8px 0;color:#c7cfda;font:14px/1.45 system-ui,sans-serif;letter-spacing:0}
.platform-issue-hero dd{line-height:1.5;overflow-wrap:anywhere}
.platform-surface{scroll-padding-bottom:120px}
/* Preserve the full reader frame, including the separate pyramid wake control. */
#reader.active .hx-prism{max-width:620px}
#reader.active .stage .hx-prism>.screen{min-height:70px!important}
#reader .hx-reader-ending p{font-size:14px}
@media(min-width:701px) and (pointer:fine){
  #reader .hx-reader-full{display:grid!important}
  #reader .hx-reader-header{grid-template-columns:48px minmax(0,1fr) 100px!important}
}
@media(max-width:600px){
  .platform-head{position:relative;grid-template-columns:1fr auto;gap:12px;min-height:0;padding:20px 0}
  .platform-head>div{grid-column:1/-1;grid-row:2;text-align:left;min-width:0}
  .platform-head h1{font-size:clamp(30px,8vw,46px);line-height:1.08}
  .platform-head span{font-size:14px;line-height:1.5}
  .platform-series-hero .series-copy>div{flex-direction:column;align-items:stretch}
}
@media(prefers-reduced-motion:reduce){#reader *,#gateway *{animation-duration:.01ms!important;transition-duration:.01ms!important}}
