/* STEP 04 | Mobile Magazine VIEW only. No desktop styles or content rewriting. */
@media(max-width:820px){
  body.page-magazine-view .magazine-masthead {max-width:100%;}
  body.page-magazine-view .magazine-masthead__meta{font-size:10px;gap:7px}
  body.page-magazine-view .magazine-masthead__summary{
    font-size:13px;line-height:1.65;color:#bab2aa
  }
  body.page-magazine-view .magazine-reading {max-width:100%}
  body.page-magazine-view .magazine-section-heading,
  body.page-magazine-view .magazine-subheading {scroll-margin-top:94px}
  body.page-magazine-view .magazine-mobile-toc summary{
    min-height:48px;cursor:pointer;touch-action:manipulation
  }
  body.page-magazine-view .magazine-mobile-toc summary:focus-visible,
  body.page-magazine-view .magazine-mobile-toc nav a:focus-visible,
  body.page-magazine-view .magazine-related-card a:focus-visible{
    outline:2px solid #d9b96e;outline-offset:3px
  }
  body.page-magazine-view .magazine-mobile-toc nav a{
    min-height:43px;align-items:center;overflow-wrap:break-word
  }
  body.page-magazine-view .magazine-section-heading h2,
  body.page-magazine-view .magazine-subheading h3 {overflow-wrap:break-word;word-break:normal}
  body.page-magazine-view .magazine-related-card h3 a {overflow-wrap:break-word;word-break:normal}
  body.page-magazine-view .magazine-related-card__media img{object-fit:contain;background:#0d0c0e}
  body.page-magazine-view .magazine-media img{max-width:100%;height:auto}
  body.page-magazine-view .magazine-video iframe{max-width:100%}
}
@media(max-width:600px){
  body.page-magazine-view .magazine-masthead__copy {padding-inline:16px}
  body.page-magazine-view .magazine-masthead h1{
    font-size:clamp(30px,7.4vw,39px);line-height:1.09;letter-spacing:-.7px
  }
  body.page-magazine-view .magazine-related__grid{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important
  }
  body.page-magazine-view .magazine-related-card{
    min-width:0;display:grid!important;grid-template-columns:44% minmax(0,1fr)!important;
    align-items:stretch;overflow:hidden
  }
  body.page-magazine-view .magazine-related-card__media{
    width:100%;height:100%;min-height:0!important;aspect-ratio:auto!important
  }
  body.page-magazine-view .magazine-related-card__media img{
    width:100%;height:100%;object-fit:cover
  }
  body.page-magazine-view .magazine-related-card__copy{
    min-width:0;display:flex;flex-direction:column;justify-content:center;padding:12px!important
  }
  body.page-magazine-view .magazine-related-card h3 a{
    display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;
    overflow:hidden;font-size:clamp(14px,3.7vw,17px);line-height:1.25
  }
  body.page-magazine-view .magazine-related-card__copy>span{font-size:9px}
  body.page-magazine-view .magazine-related-card p {display:none}
}
@media(max-width:370px){
  body.page-magazine-view .magazine-related-card{
    display:flex!important;flex-direction:column!important
  }
  body.page-magazine-view .magazine-related-card__media{aspect-ratio:16/9!important}
}

/* ============================================================
   MOBILE STAGE 04 (2026-10-19) — Magazine article reading only.
   Scoped to mobile VIEW. Preserve page-level CSS split and PC.
   Final typography layer intentionally overrides Phase76/77.
   ============================================================ */
@media (max-width:820px){
  /* Hero: full 16:9 cover rather than clipped / artificially zoomed. */
  html[lang] body.page-magazine-view .magazine-masthead__media{
    aspect-ratio:16/9!important; min-height:0!important; background:#09090b;
  }
  html[lang] body.page-magazine-view .magazine-masthead__media img{
    width:100%;height:100%;object-fit:contain!important;background:#09090b;
  }
  html[lang] body.page-magazine-view .magazine-masthead__meta,
  html[lang] body.page-magazine-view .magazine-masthead__foot{
    font-size:10px!important;letter-spacing:.25px!important;
  }
  html[lang] body.page-magazine-view .magazine-masthead__foot{gap:10px;flex-wrap:wrap}
  html[lang] body.page-magazine-view .magazine-masthead__summary{
    font-size:14px!important;line-height:1.62!important;color:#cec7bc!important;
  }
  html[lang] body.page-magazine-view .magazine-masthead__subtitle{
    font-size:15.5px!important;line-height:1.54!important;
  }
  html[lang] body.page-magazine-view .magazine-reading{width:calc(100% - 24px)!important;max-width:740px}
  html[lang] body.page-magazine-view .magazine-reading__intro span{font-size:10px!important}
  /* Larger body copy for 10 locales, without changing the article content. */
  html[lang] body.page-magazine-view .magazine-paragraph p{
    font-size:clamp(15.5px,4.1vw,16.5px)!important;
    line-height:1.73!important;letter-spacing:0!important;color:#e2dcd4!important;
    overflow-wrap:break-word;
  }
  html[lang] body.page-magazine-view .magazine-paragraph{
    margin-bottom:20px!important;
  }
  html[lang] body.page-magazine-view .magazine-paragraph strong{font-size:1em!important}
  html[lang] body.page-magazine-view .magazine-section-heading{
    grid-template-columns:34px minmax(0,1fr)!important;gap:10px!important;
    margin:34px 0 17px!important;
  }
  html[lang] body.page-magazine-view .magazine-section-heading__index{font-size:24px!important}
  html[lang] body.page-magazine-view .magazine-section-heading>div:last-child>span{
    font-size:9px!important;letter-spacing:.6px!important;color:#b2a590;
  }
  html[lang] body.page-magazine-view .magazine-section-heading h2{
    font-size:clamp(21px,5.25vw,24px)!important;line-height:1.26!important;
    letter-spacing:-.2px!important;overflow-wrap:anywhere;
  }
  html[lang] body.page-magazine-view .magazine-subheading h3{
    font-size:19px!important;line-height:1.35!important;
  }
  html[lang] body.page-magazine-view .magazine-list li{
    font-size:15.5px!important;line-height:1.72!important;
  }
  /* The native <details> TOC remains collapsed by default. */
  html[lang] body.page-magazine-view .magazine-mobile-toc summary{
    min-height:52px!important;padding-inline:14px;
  }
  html[lang] body.page-magazine-view .magazine-mobile-toc summary span{
    font-size:13px!important;letter-spacing:.3px!important;
  }
  html[lang] body.page-magazine-view .magazine-mobile-toc summary strong{
    font-size:12px!important;
  }
  html[lang] body.page-magazine-view .magazine-mobile-toc nav a{
    min-height:48px!important;padding:10px 9px!important;
  }
  html[lang] body.page-magazine-view .magazine-mobile-toc nav a>strong{
    font-size:13px!important;line-height:1.4!important;overflow-wrap:anywhere;
  }
  /* Related articles: preserve 16:9 full images + readable full-width copy. */
  html[lang] body.page-magazine-view .magazine-related__head>span,
  html[lang] body.page-magazine-view .magazine-related__head span{
    font-size:10px!important;
  }
  html[lang] body.page-magazine-view .magazine-related__head h2{
    font-size:23px!important;line-height:1.25!important;
  }
  html[lang] body.page-magazine-view .magazine-related__head p{
    font-size:13px!important;line-height:1.6!important;
  }
  html[lang] body.page-magazine-view .magazine-related__grid{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:14px!important;
  }
  html[lang] body.page-magazine-view .magazine-related-card{
    display:block!important;min-width:0;
  }
  html[lang] body.page-magazine-view .magazine-related-card__media{
    display:block;width:100%;height:auto!important;aspect-ratio:16/9!important;
  }
  html[lang] body.page-magazine-view .magazine-related-card__media img{
    width:100%;height:100%;object-fit:contain!important;background:#0b0b0d;
  }
  html[lang] body.page-magazine-view .magazine-related-card__copy{
    display:block;padding:13px 14px 15px!important;
  }
  html[lang] body.page-magazine-view .magazine-related-card__copy>span{
    font-size:10px!important;letter-spacing:.35px!important;
  }
  html[lang] body.page-magazine-view .magazine-related-card h3 a{
    display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important;
    font-size:clamp(17px,4.5vw,20px)!important;line-height:1.3!important;
  }
  html[lang] body.page-magazine-view .magazine-related-card p{
    display:block!important;margin:9px 0 0;color:#bcb2a8;
    font-size:13px!important;line-height:1.56!important;
  }
  html[lang] body.page-magazine-view .magazine-related__category{
    min-height:44px;align-items:center;font-size:12px!important;
  }
  html[lang] body.page-magazine-view .magazine-article-end__actions a{
    min-height:44px;display:inline-flex;align-items:center;
  }
  /* Preserve script-specific fonts, natural word wrapping, RTL direction. */
}
@media (max-width:370px){
  html[lang] body.page-magazine-view .magazine-masthead__copy{padding-inline:13px!important}
  html[lang] body.page-magazine-view .magazine-masthead h1{font-size:29px!important}
  html[lang] body.page-magazine-view .magazine-reading{width:calc(100% - 18px)!important}
  html[lang] body.page-magazine-view .magazine-section-heading h2{font-size:21px!important}
}