/* =========================================================
   DANANG2NITE — PHASE72 ENGLISH PC MASTER POLISH
   Scope: EN desktop shell + HOME rhythm/typography only.
   Mobile and non-EN locales are intentionally untouched.
   ========================================================= */

@media (min-width:821px){
  /* ---------- SHELL / HEADER ---------- */
  .site-header__main{
    min-height:84px!important;
  }

  .site-brand{
    gap:15px!important;
  }

  .site-brand__mark{
    width:56px!important;
    height:54px!important;
    flex-basis:56px!important;
    font-size:16px!important;
  }

  .site-brand__text strong{
    font-size:19px!important;
    letter-spacing:3.45px!important;
  }

  .site-brand__text small{
    margin-top:7px!important;
    font-size:8px!important;
    letter-spacing:2.2px!important;
  }

  .site-nav{
    gap:14px!important;
  }

  .site-nav>a{
    min-height:48px!important;
    padding-inline:16px!important;
    font-size:12.2px!important;
  }

  .d2n-menu-toggle{
    width:46px!important;
    min-width:46px!important;
    height:46px!important;
    min-height:46px!important;
  }

  .d2n-menu-toggle__icon{
    width:20px!important;
    gap:6px!important;
  }

  .d2n-menu-toggle__icon i{
    width:20px!important;
    height:1.5px!important;
  }

  /* ---------- LANGUAGE RAIL ---------- */
  .site-language-wrap,
  .site-language-shell,
  .site-language-desktop{
    min-height:64px!important;
  }

  .site-language-desktop__item{
    min-height:46px!important;
    padding:8px 10px!important;
  }

  .site-language-desktop__item strong{
    font-size:9.6px!important;
  }

  .site-language-desktop__item span{
    font-size:8.5px!important;
    color:#79747b!important;
  }

  .site-language-desktop__signature span{
    font-size:7px!important;
    color:#77716f!important;
  }

  /* ---------- HOME HERO ---------- */
  body.page-home .home-hero{
    padding-block:18px 14px!important;
    gap:15px!important;
  }

  body.page-home .home-hero__copy{
    padding:30px 32px 25px!important;
  }

  body.page-home .home-hero__copy h1{
    margin-top:14px!important;
  }

  body.page-home .home-hero__copy p{
    margin-top:15px!important;
    font-size:15px!important;
    line-height:1.54!important;
  }

  body.page-home .hero-actions{
    margin-top:18px!important;
  }

  body.page-home .hero-actions .button{
    min-height:47px!important;
    font-size:10.5px!important;
  }

  body.page-home .home-hero__signature{
    margin-top:18px!important;
    padding-top:11px!important;
  }

  body.page-home .featured-story__overlay{
    padding:38px 28px 22px!important;
  }

  body.page-home .featured-story h2{
    font-size:clamp(31px,2.28vw,41px)!important;
    line-height:1.01!important;
  }

  body.page-home .featured-story p{
    margin-top:9px!important;
    font-size:13px!important;
    line-height:1.46!important;
  }

  body.page-home .featured-story .story-link{
    font-size:9.5px!important;
  }

  /* ---------- EXPLORE D2N ---------- */
  body.page-home .d2n-category-deck{
    margin-top:6px!important;
    padding:17px 0 22px!important;
  }

  body.page-home .d2n-category-deck__intro{
    margin-bottom:12px!important;
  }

  body.page-home .d2n-category-deck__intro .eyebrow{
    font-size:9.5px!important;
  }

  body.page-home .d2n-category-chip{
    min-height:88px!important;
  }

  body.page-home .d2n-category-chip>strong{
    font-size:12.5px!important;
  }

  body.page-home .d2n-category-chip>span{
    font-size:8.5px!important;
  }

  /* ---------- CATEGORY SECTIONS ---------- */
  body.page-home .d2n-category-section{
    padding-block:30px 31px!important;
  }

  body.page-home .d2n-category-section:first-child{
    padding-top:28px!important;
  }

  body.page-home .d2n-category-section__head{
    min-height:60px!important;
    margin-bottom:15px!important;
  }

  body.page-home .d2n-category-section__number{
    font-size:41px!important;
  }

  body.page-home .d2n-category-section__identity .eyebrow{
    font-size:8.2px!important;
  }

  body.page-home .d2n-category-section__head h2{
    margin-top:5px!important;
    font-size:36px!important;
  }

  body.page-home .d2n-category-section__more{
    min-height:40px!important;
    padding-inline:15px!important;
    font-size:8.2px!important;
  }

  /* Article card artwork remains true 16:9 / contain. Only copy hierarchy changes. */
  body.page-home .d2n-category-story__body,
  body.page-home .d2n-category-story.is-lead .d2n-category-story__body,
  body.page-home .d2n-category-stories.count-1 .d2n-category-story__body,
  body.page-home .d2n-category-stories.count-2 .d2n-category-story__body,
  body.page-home .d2n-category-stories.count-3 .d2n-category-story__body{
    min-height:198px!important;
    padding:20px 19px 17px!important;
  }

  body.page-home .d2n-category-story__category{
    font-size:9.4px!important;
  }

  body.page-home .d2n-category-story h3,
  body.page-home .d2n-category-story.is-lead h3,
  body.page-home .d2n-category-stories.count-1 .d2n-category-story h3,
  body.page-home .d2n-category-stories.count-2 .d2n-category-story h3,
  body.page-home .d2n-category-stories.count-3 .d2n-category-story h3{
    margin-top:9px!important;
    font-size:25px!important;
    line-height:1.08!important;
  }

  body.page-home .d2n-category-story p,
  body.page-home .d2n-category-stories.count-1 .d2n-category-story p{
    margin-top:10px!important;
    font-size:13px!important;
    line-height:1.48!important;
  }

  body.page-home .d2n-category-story__foot{
    padding-top:13px!important;
    font-size:8.2px!important;
  }

  body.page-home .d2n-category-story__index{
    font-size:8.5px!important;
  }

  /* ---------- PLACES / LOWER HOME ---------- */
  body.page-home .home-section--places{
    padding-block:36px 54px!important;
  }

  body.page-home .home-section--places .section-head{
    margin-bottom:17px!important;
  }

  body.page-home .home-section--places .section-head h2{
    font-size:clamp(36px,2.7vw,47px)!important;
  }

  body.page-home .home-section--places .section-head p{
    font-size:13.5px!important;
  }

  body.page-home .home-place-card .place-card__body{
    min-height:184px!important;
    padding:19px 19px 17px!important;
  }

  body.page-home .home-place-card h3{
    font-size:24px!important;
  }

  body.page-home .home-place-card p{
    font-size:13px!important;
  }

  /* ---------- FOOTER ---------- */
  .site-footer{
    margin-top:30px!important;
    padding:34px 0 36px!important;
  }

  .site-brand--footer .site-brand__mark{
    width:44px!important;
    height:42px!important;
    font-size:11px!important;
  }

  .site-brand--footer .site-brand__text strong{
    font-size:13px!important;
  }

  .site-footer p{
    font-size:10px!important;
    color:#89827d!important;
  }

  .site-footer nav a{
    font-size:10px!important;
  }

  .site-counter span{
    font-size:6.5px!important;
  }

  .site-counter strong{
    font-size:18px!important;
  }
}

/* Medium desktop: retain density; avoid oversized type between 821–1100px. */
@media (min-width:821px) and (max-width:1100px){
  .site-brand__text strong{font-size:17px!important}
  .site-nav>a{font-size:11px!important;padding-inline:12px!important}

  body.page-home .home-hero__copy{padding:25px 25px 22px!important}
  body.page-home .home-hero__copy p{font-size:13px!important}
  body.page-home .featured-story h2{font-size:29px!important}
  body.page-home .featured-story p{font-size:11.5px!important}

  body.page-home .d2n-category-section{padding-block:27px 28px!important}
  body.page-home .d2n-category-section__head h2{font-size:32px!important}

  body.page-home .d2n-category-story__body,
  body.page-home .d2n-category-story.is-lead .d2n-category-story__body,
  body.page-home .d2n-category-stories.count-1 .d2n-category-story__body,
  body.page-home .d2n-category-stories.count-2 .d2n-category-story__body,
  body.page-home .d2n-category-stories.count-3 .d2n-category-story__body{
    min-height:172px!important;
    padding:17px 16px 15px!important;
  }

  body.page-home .d2n-category-story h3,
  body.page-home .d2n-category-story.is-lead h3,
  body.page-home .d2n-category-stories.count-1 .d2n-category-story h3,
  body.page-home .d2n-category-stories.count-2 .d2n-category-story h3,
  body.page-home .d2n-category-stories.count-3 .d2n-category-story h3{
    font-size:19px!important;
  }

  body.page-home .d2n-category-story p{font-size:11px!important}
}