/* =========================================================
   DANANG2NITE — PHASE 77
   NON-EN MOBILE MAGAZINE VIEW / EN MASTER CLONE
   Scope: TW/HK/MO/TH/JA/RU/HI/AR/KO magazine view <= 820px.
   Keeps Phase76 EN reading density while preserving script/RTL rhythm.
   ========================================================= */

@media (max-width:820px){
  html:not([lang="en"]) body.page-magazine-view .magazine-reading{
    margin-top:24px!important;
  }

  html:not([lang="en"]) body.page-magazine-view .magazine-masthead__summary{
    line-height:1.52!important;
  }

  html:not([lang="en"]) body.page-magazine-view .magazine-paragraph{
    margin-bottom:18px!important;
  }

  html:not([lang="en"]) body.page-magazine-view .magazine-paragraph p{
    font-size:14.25px!important;
    line-height:1.60!important;
    letter-spacing:0!important;
  }

  html:not([lang="en"]) body.page-magazine-view .magazine-paragraph strong{
    font-size:1em!important;
    font-weight:800!important;
  }

  html:not([lang="en"]) body.page-magazine-view .magazine-paragraph:first-child p::first-letter{
    margin-top:4px!important;
    font-size:43px!important;
  }

  html:not([lang="en"]) body.page-magazine-view .magazine-section-heading{
    margin:31px 0 14px!important;
    padding-top:13px!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    gap:9px!important;
  }

  html:not([lang="en"]) body.page-magazine-view .magazine-section-heading__index{
    font-size:25px!important;
  }

  html:not([lang="en"]) body.page-magazine-view .magazine-section-heading>div:last-child>span{
    font-size:7px!important;
    letter-spacing:.72px!important;
  }

  html:not([lang="en"]) body.page-magazine-view .magazine-section-heading h2{
    margin-top:3px!important;
    font-size:20.75px!important;
    line-height:1.14!important;
    letter-spacing:-.30px!important;
  }

  html:not([lang="en"]) body.page-magazine-view .magazine-subheading{
    margin:23px 0 11px!important;
  }

  html:not([lang="en"]) body.page-magazine-view .magazine-subheading h3{
    font-size:17.25px!important;
    line-height:1.25!important;
  }

  html:not([lang="en"]) body.page-magazine-view .magazine-subheading.is-numbered{
    padding:12px 13px 12px 14px!important;
  }

  html:not([lang="en"]) body.page-magazine-view .magazine-subheading.is-numbered h3{
    font-size:16.75px!important;
  }

  html:not([lang="en"]) body.page-magazine-view .magazine-list{
    margin-bottom:18px!important;
    padding:12px 13px 12px 15px!important;
  }

  html:not([lang="en"]) body.page-magazine-view .magazine-list li{
    margin:6px 0!important;
    font-size:14px!important;
    line-height:1.55!important;
  }

  html:not([lang="en"]) body.page-magazine-view .magazine-quote blockquote{
    margin:22px 0!important;
    padding:16px!important;
    font-size:16.25px!important;
    line-height:1.46!important;
  }

  html:not([lang="en"]) body.page-magazine-view .magazine-media,
  html:not([lang="en"]) body.page-magazine-view .magazine-video,
  html:not([lang="en"]) body.page-magazine-view .magazine-sponsored{
    margin-top:24px!important;
    margin-bottom:24px!important;
  }

  html:not([lang="en"]) body.page-magazine-view .magazine-divider{
    margin:30px 0!important;
  }

  html:not([lang="en"]) body.page-magazine-view .magazine-article-end{
    margin-top:36px!important;
  }

  /* CJK: same density, script-safe line rhythm. */
  html[lang^="zh"] body.page-magazine-view .magazine-paragraph p,
  html[lang="ja"] body.page-magazine-view .magazine-paragraph p,
  html[lang="ko"] body.page-magazine-view .magazine-paragraph p{
    font-family:Arial,"Noto Sans CJK TC","Noto Sans CJK JP","Noto Sans KR",sans-serif!important;
    font-size:14.5px!important;
    line-height:1.68!important;
  }

  html[lang^="zh"] body.page-magazine-view .magazine-section-heading h2,
  html[lang="ja"] body.page-magazine-view .magazine-section-heading h2,
  html[lang="ko"] body.page-magazine-view .magazine-section-heading h2{
    font-family:Arial,"Noto Sans CJK TC","Noto Sans CJK JP","Noto Sans KR",sans-serif!important;
    font-size:20.25px!important;
    line-height:1.22!important;
    letter-spacing:-.2px!important;
  }

  /* Thai / Hindi / Arabic need slightly more vertical room for marks. */
  html[lang="th"] body.page-magazine-view .magazine-paragraph p,
  html[lang="hi"] body.page-magazine-view .magazine-paragraph p,
  html[lang="ar"] body.page-magazine-view .magazine-paragraph p{
    font-family:Tahoma,Arial,"Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic",sans-serif!important;
    font-size:14.5px!important;
    line-height:1.72!important;
  }

  html[lang="th"] body.page-magazine-view .magazine-section-heading h2,
  html[lang="hi"] body.page-magazine-view .magazine-section-heading h2,
  html[lang="ar"] body.page-magazine-view .magazine-section-heading h2{
    font-family:Tahoma,Arial,"Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic",sans-serif!important;
    font-size:20px!important;
    line-height:1.28!important;
    letter-spacing:0!important;
  }

  /* RTL keeps the exact English MASTER geometry, mirrored only where needed. */
  html[dir="rtl"] body.page-magazine-view .magazine-section-heading{
    direction:rtl!important;
  }

  html[dir="rtl"] body.page-magazine-view .magazine-paragraph,
  html[dir="rtl"] body.page-magazine-view .magazine-list,
  html[dir="rtl"] body.page-magazine-view .magazine-quote{
    direction:rtl!important;
    text-align:right!important;
  }
}

@media (max-width:430px){
  html:not([lang="en"]) body.page-magazine-view .magazine-paragraph p{
    font-size:14px!important;
    line-height:1.60!important;
  }

  html:not([lang="en"]) body.page-magazine-view .magazine-section-heading h2{
    font-size:20px!important;
  }

  html:not([lang="en"]) body.page-magazine-view .magazine-list li{
    font-size:13.75px!important;
  }

  html[lang^="zh"] body.page-magazine-view .magazine-paragraph p,
  html[lang="ja"] body.page-magazine-view .magazine-paragraph p,
  html[lang="ko"] body.page-magazine-view .magazine-paragraph p,
  html[lang="th"] body.page-magazine-view .magazine-paragraph p,
  html[lang="hi"] body.page-magazine-view .magazine-paragraph p,
  html[lang="ar"] body.page-magazine-view .magazine-paragraph p{
    font-size:14px!important;
  }
}