/* HẢI VŨ PIANO ACADEMY — EDITORIAL NEWSROOM */
.hv-newsroom{padding:34px 0 76px;background:#fff}
.hv-newsroom__toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:0 0 18px;border-bottom:1px solid #e2e8ec;margin-bottom:26px}
.hv-newsroom__filters{display:flex;gap:8px;flex-wrap:wrap}
.hv-newsroom__filters button{appearance:none;border:1px solid #d6e0e6;background:#fff;color:#607484;padding:8px 13px;border-radius:999px;font:600 12px "Be Vietnam Pro",sans-serif;cursor:pointer}
.hv-newsroom__filters button.is-active{background:#0b4568;color:#fff;border-color:#0b4568}
.hv-newsroom__count{color:#84939e;font:500 12px "Be Vietnam Pro",sans-serif}
.hv-newsroom__lead{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(330px,.88fr);gap:22px;align-items:stretch;margin-bottom:34px}
.hv-newsroom__side{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:18px}
.hv-news-card{min-width:0;background:#fff;border-top:1px solid #dfe6ea;color:#163a57}
.hv-news-card a{color:inherit;text-decoration:none}
.hv-news-card__media{position:relative;overflow:hidden;background:#edf2f4}
.hv-news-card__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s ease}
.hv-news-card:hover .hv-news-card__media img{transform:scale(1.012)}
.hv-news-card__meta{color:#9a6527;font:700 10.5px/1.45 "Be Vietnam Pro",sans-serif;letter-spacing:.035em;text-transform:uppercase}
.hv-news-card h2,.hv-news-card h3{color:#0d3554;font-family:"Noto Serif",Georgia,serif;font-weight:600;letter-spacing:-.018em}
.hv-news-card p{color:#617687;font-family:"Be Vietnam Pro",sans-serif}
.hv-news-card--lead{border:0}
.hv-news-card--lead .hv-news-card__media{aspect-ratio:16/8.6;border-radius:16px}
.hv-news-card--lead .hv-news-card__body{padding:17px 2px 0}
.hv-news-card--lead h2{font-size:clamp(28px,2.4vw,38px);line-height:1.18;margin:7px 0 9px;max-width:24ch}
.hv-news-card--lead p{font-size:14.5px;line-height:1.62;margin:0;max-width:760px}
.hv-news-card--side{border-top:1px solid #dce5ea;padding-top:0}
.hv-news-card--side a{display:grid;grid-template-columns:minmax(120px,40%) minmax(0,1fr);height:100%;gap:14px}
.hv-news-card--side .hv-news-card__media{height:100%;min-height:150px}
.hv-news-card--side .hv-news-card__body{padding:8px 0}
.hv-news-card--side h3{font-size:17px;line-height:1.28;margin:6px 0 7px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.hv-news-card--side p{font-size:12.2px;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hv-newsroom__body{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.72fr);gap:48px;align-items:start}
.hv-newsroom__section-title{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-bottom:11px;border-bottom:2px solid #183e5d;margin-bottom:2px}
.hv-newsroom__section-title h2{margin:0;color:#0d3554;font:600 25px/1.2 "Noto Serif",serif}
.hv-newsroom__section-title span{color:#8a98a2;font:500 11px "Be Vietnam Pro",sans-serif}
.hv-news-row{display:grid;grid-template-columns:210px minmax(0,1fr);gap:20px;padding:20px 0;border-bottom:1px solid #e4eaed}
.hv-news-row__media{aspect-ratio:16/10;overflow:hidden;background:#edf2f4}
.hv-news-row__media img{display:block;width:100%;height:100%;object-fit:cover}
.hv-news-row__meta{color:#9a6527;font:700 10px/1.4 "Be Vietnam Pro",sans-serif;text-transform:uppercase;letter-spacing:.035em}
.hv-news-row h3{margin:6px 0 7px;color:#113b5a;font:600 20px/1.3 "Noto Serif",serif;letter-spacing:-.012em}
.hv-news-row p{margin:0;color:#647988;font:400 13px/1.58 "Be Vietnam Pro",sans-serif}
.hv-newsroom__rail{position:sticky;top:calc(var(--hv41-header-height,88px) + 20px)}
.hv-newsroom__rail-box{border-top:3px solid #b47a31;background:#f8f7f3;padding:20px 20px 10px}
.hv-newsroom__rail-box h2{margin:0 0 6px;color:#0d3554;font:600 23px/1.2 "Noto Serif",serif}
.hv-newsroom__rail-box>p{margin:0 0 14px;color:#748591;font:400 12.5px/1.55 "Be Vietnam Pro",sans-serif}
.hv-news-rail-item{display:block;padding:14px 0;border-top:1px solid #dedfd9;color:inherit;text-decoration:none}
.hv-news-rail-item span{display:block;color:#9a6527;font:700 9.8px/1.4 "Be Vietnam Pro",sans-serif;text-transform:uppercase;letter-spacing:.04em}
.hv-news-rail-item strong{display:block;margin-top:4px;color:#254b67;font:600 14px/1.42 "Be Vietnam Pro",sans-serif}
.hv-newsroom__more{margin-top:42px}
.hv-newsroom__more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:18px}
.hv-news-card--standard{border:1px solid #dde5ea;border-radius:14px;overflow:hidden}
.hv-news-card--standard .hv-news-card__media{aspect-ratio:16/9}
.hv-news-card--standard .hv-news-card__body{padding:15px 16px 17px}
.hv-news-card--standard h3{margin:6px 0 8px;font-size:18px;line-height:1.3}
.hv-news-card--standard p{margin:0;font-size:12.8px;line-height:1.55}
.hv-newsroom__empty{padding:42px 0;text-align:center;color:#718391;font:500 14px "Be Vietnam Pro",sans-serif}
@media(max-width:1050px){.hv-newsroom__lead{grid-template-columns:1fr}.hv-newsroom__side{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none}.hv-news-card--side a{display:flex;flex-direction:column}.hv-news-card--side .hv-news-card__media{height:auto;aspect-ratio:16/9}.hv-newsroom__body{grid-template-columns:1fr}.hv-newsroom__rail{position:static}.hv-newsroom__more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.hv-newsroom{padding-top:26px}.hv-newsroom__toolbar{align-items:flex-start;flex-direction:column}.hv-newsroom__side,.hv-newsroom__more-grid{grid-template-columns:1fr}.hv-news-row{grid-template-columns:120px minmax(0,1fr);gap:14px;padding:16px 0}.hv-news-row h3{font-size:16px;margin-top:4px}.hv-news-row p{display:none}.hv-news-card--lead h2{font-size:25px}.hv-news-card--side h3{font-size:16px}.hv-newsroom__body{gap:30px}.hv-newsroom__more{margin-top:32px}}
@media(max-width:430px){.hv-news-row{grid-template-columns:105px minmax(0,1fr)}.hv-news-row__media{aspect-ratio:1/1}.hv-newsroom__filters{gap:6px}.hv-newsroom__filters button{padding:7px 10px;font-size:11px}}

/* HV NEWSROOM EDITORIAL V2 */

/* Editorial hierarchy */
.hv-newsroom{
  padding:32px 0 84px;
}

.hv-newsroom__toolbar{
  margin-bottom:30px;
}

/* Main story + secondary news desk */
.hv-newsroom__lead{
  grid-template-columns:minmax(0,1.88fr) minmax(300px,.72fr);
  gap:30px;
  align-items:start;
  margin-bottom:48px;
}

.hv-news-card--lead .hv-news-card__media{
  aspect-ratio:16/8.45;
  border-radius:4px;
}

.hv-news-card--lead h2{
  max-width:25ch;
  font-size:clamp(30px,2.55vw,42px);
  line-height:1.16;
}

.hv-news-card--lead p{
  line-height:1.68;
}

/* Right column deliberately asymmetric */
.hv-newsroom__side{
  display:flex;
  flex-direction:column;
  gap:0;
  border-top:3px solid #173f5f;
}

.hv-news-card--side{
  padding:17px 0 19px;
  border-top:0;
  border-bottom:1px solid #dde5e9;
}

.hv-news-card--side a{
  display:block;
  height:auto;
}

.hv-newsroom__side
.hv-news-card--side:first-child
.hv-news-card__media{
  height:auto;
  min-height:0;
  aspect-ratio:16/9.3;
  margin-bottom:13px;
}

.hv-newsroom__side
.hv-news-card--side:first-child
.hv-news-card__body{
  padding:0;
}

.hv-newsroom__side
.hv-news-card--side:first-child h3{
  margin:6px 0 7px;
  font-size:19px;
  line-height:1.29;
}

.hv-newsroom__side
.hv-news-card--side:first-child p{
  -webkit-line-clamp:2;
}

.hv-newsroom__side
.hv-news-card--side:nth-child(2){
  padding-top:21px;
}

.hv-newsroom__side
.hv-news-card--side:nth-child(2)
.hv-news-card__media{
  display:none;
}

.hv-newsroom__side
.hv-news-card--side:nth-child(2)
.hv-news-card__body{
  padding:0;
}

.hv-newsroom__side
.hv-news-card--side:nth-child(2) h3{
  margin:7px 0 8px;
  font-size:18px;
  line-height:1.34;
}

.hv-newsroom__side
.hv-news-card--side:nth-child(2) p{
  -webkit-line-clamp:3;
}

/* Latest news */
.hv-newsroom__body{
  grid-template-columns:minmax(0,1.78fr) minmax(270px,.62fr);
  gap:54px;
}

.hv-newsroom__section-title h2{
  font-size:26px;
}

[data-hv-news-latest]
.hv-news-row:first-child{
  grid-template-columns:minmax(255px,.9fr) minmax(0,1.1fr);
  gap:25px;
  padding:25px 0 27px;
}

[data-hv-news-latest]
.hv-news-row:first-child h3{
  margin:7px 0 9px;
  font-size:23px;
  line-height:1.27;
}

[data-hv-news-latest]
.hv-news-row:first-child p{
  font-size:13.3px;
  line-height:1.62;
}

.hv-news-row{
  grid-template-columns:168px minmax(0,1fr);
  gap:20px;
  padding:18px 0 19px;
}

.hv-news-row h3{
  margin:5px 0 6px;
  font-size:19px;
  line-height:1.31;
}

.hv-news-row p{
  font-size:12.8px;
}

/* Newspaper-style reading rail */
.hv-newsroom__rail-box{
  padding:17px 0 0;
  background:transparent;
  border-top:3px solid #b47a31;
}

.hv-news-rail-item{
  padding:15px 0;
}

/* Asymmetric final section */
.hv-newsroom__more{
  margin-top:54px;
}

.hv-newsroom__more-grid{
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:26px 24px;
  margin-top:22px;
}

.hv-news-card--standard{
  grid-column:span 4;
  border:0;
  border-top:1px solid #cad6dc;
  border-radius:0;
}

.hv-news-card--standard
.hv-news-card__media{
  margin-top:13px;
  aspect-ratio:16/9.3;
}

.hv-news-card--standard
.hv-news-card__body{
  padding:14px 1px 0;
}

.hv-news-card--standard:first-child{
  grid-column:span 7;
}

.hv-news-card--standard:nth-child(2){
  grid-column:span 5;
}

.hv-news-card--standard:first-child h3{
  font-size:23px;
  line-height:1.27;
}

/* If only one story remains */
.hv-news-card--standard:only-child{
  grid-column:1/-1;
}

.hv-news-card--standard:only-child>a{
  display:grid;
  grid-template-columns:minmax(280px,.92fr) minmax(0,1.08fr);
  gap:26px;
  align-items:center;
}

.hv-news-card--standard:only-child h3{
  font-size:24px;
}

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

  .hv-newsroom__lead{
    grid-template-columns:1fr;
    margin-bottom:40px;
  }

  .hv-newsroom__side{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px;
    border-top:0;
  }

  .hv-news-card--side{
    border-top:2px solid #173f5f;
    border-bottom:0;
  }

  .hv-newsroom__side
  .hv-news-card--side:nth-child(2){
    padding-top:17px;
  }

  .hv-newsroom__body{
    grid-template-columns:1fr;
  }

  .hv-newsroom__rail{
    position:static;
  }

  .hv-newsroom__more-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .hv-news-card--standard,
  .hv-news-card--standard:first-child,
  .hv-news-card--standard:nth-child(2),
  .hv-news-card--standard:only-child{
    grid-column:auto;
  }

  .hv-news-card--standard:only-child>a{
    display:block;
  }
}

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

  .hv-newsroom{
    padding-bottom:64px;
  }

  .hv-newsroom__side{
    grid-template-columns:1fr;
    gap:8px;
  }

  .hv-newsroom__side
  .hv-news-card--side:nth-child(2){
    border-top:1px solid #dde5e9;
  }

  [data-hv-news-latest]
  .hv-news-row:first-child,
  .hv-news-row{
    grid-template-columns:120px minmax(0,1fr);
    gap:14px;
    padding:16px 0;
  }

  [data-hv-news-latest]
  .hv-news-row:first-child h3,
  .hv-news-row h3{
    margin-top:4px;
    font-size:16px;
    line-height:1.34;
  }

  [data-hv-news-latest]
  .hv-news-row:first-child p{
    display:none;
  }

  .hv-newsroom__more-grid{
    grid-template-columns:1fr;
    gap:28px;
  }

  .hv-news-card--standard:only-child h3,
  .hv-news-card--standard:first-child h3{
    font-size:19px;
  }
}

@media(max-width:430px){

  [data-hv-news-latest]
  .hv-news-row:first-child,
  .hv-news-row{
    grid-template-columns:105px minmax(0,1fr);
  }

  [data-hv-news-latest]
  .hv-news-row:first-child
  .hv-news-row__media{
    aspect-ratio:1/1;
  }
}