/* v53: iPhone editorial cover composition; no animation or interaction overrides. */
@media (max-width:760px){
 body[data-page="index"] main .hero.cover-story{display:block;min-height:0;height:auto;overflow:visible;padding:clamp(20px,3.4svh,34px) 0 0}
 body[data-page="index"] main .cover-grid{display:grid;grid-template-columns:minmax(0,1fr);row-gap:0;align-items:start}
 body[data-page="index"] main .cover-story .label{margin:0 0 clamp(12px,2svh,20px);font-size:clamp(10px,2.55vw,12px);line-height:1.4}
 body[data-page="index"] main .cover-story h1{font-size:clamp(43px,10.6vw,62px);line-height:1.015;letter-spacing:-.055em;margin:0}
 body[data-page="index"] main .cover-portrait.hero-magazine{margin:clamp(0px,1svh,10px) 0 0;width:100%;min-width:0}
 body[data-page="index"] main .hero-magazine .magazine-stage{aspect-ratio:1.34;overflow:visible}
 body[data-page="index"] main .hero-magazine .magazine-book{top:11%;left:1%;width:98%}
 body[data-page="index"] main .hero-magazine>.magazine-caption{padding:0 1%;grid-template-columns:minmax(0,1fr);gap:3px;min-height:0}
 body[data-page="index"] main .magazine-controls{gap:16px;min-height:38px;align-items:center}
 body[data-page="index"] main .magazine-controls button{min-height:38px;display:inline-flex;align-items:center}
 body[data-page="index"] main .cover-deck{margin:clamp(16px,2.5svh,25px) 0 0;max-width:34ch;font-size:clamp(15px,3.7vw,17px);line-height:1.55}
 body[data-page="index"] main .cover-actions{margin:16px 0 0;gap:10px 18px}
 body[data-page="index"] main .hero.cover-story{padding-bottom:clamp(28px,5svh,52px)}
}
@media(max-width:380px){body[data-page="index"] main .cover-story h1{font-size:clamp(39px,10.3vw,46px)}body[data-page="index"] main .hero-magazine .magazine-stage{aspect-ratio:1.25}}

/* v54: Hide magazine caption and its controls on phone viewports only. */
@media (max-width: 760px) and (pointer: coarse) {
  body[data-page="index"] main .hero-magazine > .magazine-caption { display: none !important; }
}
@media (max-width: 600px) {
  body[data-page="index"] main .hero-magazine > .magazine-caption { display: none !important; }
}

/* v55 definitive phone-only override */
@media screen and (max-width:760px){html body[data-page="index"] main .hero-magazine > .magazine-caption,html body[data-page="index"] main .hero-magazine .magazine-controls{display:none!important;visibility:hidden!important}}