/*
 * HẢI VŨ PIANO ACADEMY
 * NEWS ARTICLE EDITORIAL V1
 *
 * Scope is limited to article pages carrying
 * body.hv-news-article-v2.
 */

body.hv-news-article-v2{
  --hv-news-reading-width:760px;
  --hv-news-media-width:820px;
}

/* Main reading coordinate */
body.hv-news-article-v2
.hv-news-article-shell{
  width:min(
    var(--hv-news-media-width),
    calc(100% - 48px)
  )!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-top:34px;
  padding-bottom:82px;
}

/*
 * Neutralize the old narrow outer wrapper while
 * preserving the internal article semantics.
 */
body.hv-news-article-v2
.hv-news-article-shell > *{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}

body.hv-news-article-v2
.hv-news-article-shell > article,
body.hv-news-article-v2
.hv-news-article-shell > * > article{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}

/* Headline */
body.hv-news-article-v2
.hv-news-article-shell h1{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  font-size:clamp(40px,3.15vw,52px)!important;
  line-height:1.075!important;
  letter-spacing:-.026em!important;
  text-wrap:balance;
}

/* Reading text */
body.hv-news-article-v2
.hv-news-article-shell p,
body.hv-news-article-v2
.hv-news-article-shell h2,
body.hv-news-article-v2
.hv-news-article-shell h3,
body.hv-news-article-v2
.hv-news-article-shell ul,
body.hv-news-article-v2
.hv-news-article-shell ol,
body.hv-news-article-v2
.hv-news-article-shell blockquote{
  width:100%;
  max-width:var(--hv-news-reading-width)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Sapo / opening paragraph gets a little more air */
body.hv-news-article-v2
.hv-news-article-shell h1 ~ p:first-of-type{
  font-size:17px!important;
  line-height:1.68!important;
  color:#536d7e;
}

/* Article body */
body.hv-news-article-v2
.hv-news-article-shell p{
  font-size:16.2px;
  line-height:1.72;
}

/* Section headings */
body.hv-news-article-v2
.hv-news-article-shell h2{
  margin-top:38px!important;
  margin-bottom:14px!important;
  font-size:28px!important;
  line-height:1.22!important;
}

body.hv-news-article-v2
.hv-news-article-shell h3{
  margin-top:30px!important;
  margin-bottom:11px!important;
  font-size:21px!important;
  line-height:1.3!important;
}

/* Media may use the wider editorial measure */
body.hv-news-article-v2
.hv-news-article-shell figure{
  width:100%!important;
  max-width:var(--hv-news-media-width)!important;
  margin:28px auto!important;
}

body.hv-news-article-v2
.hv-news-article-shell figure img,
body.hv-news-article-v2
.hv-news-article-shell > img,
body.hv-news-article-v2
.hv-news-article-shell article > img{
  display:block;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Captions */
body.hv-news-article-v2
.hv-news-article-shell figcaption{
  max-width:var(--hv-news-reading-width);
  margin:8px auto 0;
  color:#788a95;
  font-size:12px;
  line-height:1.5;
}

/* Lists and quotations */
body.hv-news-article-v2
.hv-news-article-shell li{
  margin-bottom:7px;
  line-height:1.68;
}

body.hv-news-article-v2
.hv-news-article-shell blockquote{
  box-sizing:border-box;
  margin-top:28px!important;
  margin-bottom:28px!important;
  padding:4px 0 4px 22px;
  border-left:2px solid #b47a31;
}

/* Tablet */
@media(max-width:900px){

  body.hv-news-article-v2{
    --hv-news-reading-width:700px;
    --hv-news-media-width:760px;
  }

  body.hv-news-article-v2
  .hv-news-article-shell h1{
    font-size:clamp(37px,5.3vw,47px)!important;
  }
}

/* Mobile */
@media(max-width:700px){

  body.hv-news-article-v2
  .hv-news-article-shell{
    width:calc(100% - 30px)!important;
    padding-top:26px;
    padding-bottom:62px;
  }

  body.hv-news-article-v2
  .hv-news-article-shell h1{
    font-size:clamp(32px,9vw,38px)!important;
    line-height:1.1!important;
    text-wrap:pretty;
  }

  body.hv-news-article-v2
  .hv-news-article-shell h1 ~ p:first-of-type{
    font-size:16px!important;
    line-height:1.65!important;
  }

  body.hv-news-article-v2
  .hv-news-article-shell p{
    font-size:15.8px;
    line-height:1.7;
  }

  body.hv-news-article-v2
  .hv-news-article-shell h2{
    font-size:24px!important;
  }

  body.hv-news-article-v2
  .hv-news-article-shell figure{
    margin-top:22px!important;
    margin-bottom:22px!important;
  }
}

/* HV NEWS TECHNICAL CLEANUP V1
   Former editorial/technical sidebar removed.
   Its parent becomes one continuous reading column. */

body.hv-news-article-v2
.hv-news-article-shell
.hv-news-clean-main{
  display:block!important;
  grid-template-columns:minmax(0,1fr)!important;
  width:100%!important;
  max-width:none!important;
}

body.hv-news-article-v2
.hv-news-article-shell
.hv-news-clean-main > *{
  margin-left:auto;
  margin-right:auto;
}

body.hv-news-article-v2
.hv-news-article-shell
.hv-news-clean-main > p,
body.hv-news-article-v2
.hv-news-article-shell
.hv-news-clean-main > h2,
body.hv-news-article-v2
.hv-news-article-shell
.hv-news-clean-main > h3,
body.hv-news-article-v2
.hv-news-article-shell
.hv-news-clean-main > ul,
body.hv-news-article-v2
.hv-news-article-shell
.hv-news-clean-main > ol{
  max-width:var(--hv-news-reading-width)!important;
}

body.hv-news-article-v2
.hv-news-article-shell
.hv-news-clean-main > figure,
body.hv-news-article-v2
.hv-news-article-shell
.hv-news-clean-main > img{
  max-width:var(--hv-news-media-width)!important;
}