/* Mạch đọc tạp chí đồng bộ trang chủ; không thay đổi dữ liệu và bộ lọc. */
.news-grid{gap:24px}.news-card{border-radius:14px;overflow:hidden}.news-card-img-wrap{border-radius:10px 10px 0 0}.news-card-title{font-family:'Playfair Display',serif;line-height:1.25}.news-filter-btn{border-radius:999px}.news-search-input{border-radius:999px!important}
@media(min-width:900px){.news-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.news-card:first-child{grid-column:span 2}.news-card:first-child .news-card-img-wrap{aspect-ratio:16/8}.news-card:first-child .news-card-title{font-size:clamp(1.5rem,2.5vw,2.5rem)}}
@media(max-width:600px){.news-grid{grid-template-columns:1fr;gap:16px}.news-card-body{padding:18px}}

/* The journal uses the same warm paper and burgundy accents as the home page. */
body { background: #f6f1ed !important; color: #2c2528 !important; }
.nav.dark, .nav.dark.scrolled {
  background: rgba(246, 241, 237, .97) !important;
  border-bottom: 1px solid #dfd3ce !important;
  color: #2c2528 !important;
}
.nav.dark .brand, .nav.dark a.l, .nav.dark .btn-login-compact { color: #51464a !important; }
.nav.dark a.l.active, .nav.dark a.l:hover { color: #6a263e !important; }
.nav.dark .mark { background: #827c7a !important; }
.nav.dark .btn-login-compact { border-color: #baa8a2; background: transparent; }
.nav .wrap, .news-page-hero .wrap, main.wrap { max-width: 1600px; }
.news-page-hero { padding: clamp(58px, 6vw, 90px) 0 clamp(48px, 5vw, 72px); }
.news-page-hero .lede { max-width: 760px; }
.news-card { min-width: 0; }
.news-card-meta { flex-wrap: wrap; }
.news-card .news-read-btn { color: #541b2f !important; }
.news-card .news-read-btn:hover { color: #fff !important; }
.news-card .news-card-foot { border-color: #e5d9d3; }
.news-filter-bar { max-width: 100%; }
.news-search-input { min-width: 0; }

/* When there is one story, use the available width as an editorial feature. */
@media (min-width: 900px) {
  .news-card:only-child {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr);
  }
  .news-card:only-child .news-card-img-wrap {
    height: auto;
    min-height: clamp(350px, 29vw, 520px);
    aspect-ratio: auto;
    border-radius: 0;
    align-self: stretch;
  }
  .news-card:only-child .news-card-img-wrap img { position: absolute; inset: 0; }
  .news-card:only-child .news-card-body {
    justify-content: center;
    padding: clamp(28px, 3vw, 54px);
  }
  .news-card:only-child .news-card-excerpt { -webkit-line-clamp: 5; flex: initial; }
  .news-card:only-child .news-card-foot { margin-top: 18px; }
}
@media (max-width: 899px) {
  .news-page-hero { padding: 48px 0; }
  .nav.dark .nav-actions { flex-shrink: 0; }
  .news-page-hero .lede { line-height: 1.65; }
}
@media (max-width: 600px) {
  .news-page-hero { padding: 36px 0 42px; }
  .news-page-hero .cert-pill-badge { display: none; }
  .news-card .news-card-img-wrap { aspect-ratio: 4 / 3; }
  .news-card .news-card-title { font-size: 1.45rem; }
  .news-card .news-card-meta { gap: 5px; }
  .news-filter-bar { width: 100%; }
}
.journal-menu-toggle{display:none;flex-direction:column;justify-content:center;gap:6px;width:42px;height:42px;border:1px solid #d9c9c3;border-radius:50%;background:transparent;cursor:pointer}
.journal-menu-toggle span{display:block;width:20px;height:1px;background:#541b2f;margin:0 auto}
.journal-mobile-nav[hidden]{display:none!important}
.journal-mobile-nav{padding:12px clamp(18px,5vw,36px) 18px;background:#f6f1ed;border-top:1px solid #e4d7d1}
.journal-mobile-nav a{display:block;padding:10px 4px;color:#51464a;text-decoration:none;font:500 14px 'Be Vietnam Pro',sans-serif}
.journal-mobile-nav a[aria-current=page]{color:#712b43}
@media(max-width:900px){.journal-menu-toggle{display:inline-flex}.nav.dark .journal-menu-toggle{color:#541b2f!important}.btn-mobile-shortcut{display:none!important}}
.news-page-hero .btn.accent{display:none!important}
footer.band{background:#eee6e1!important;color:#52464a!important;border-top:1px solid #dfd2cb}
footer.band .brand{color:#413538!important}
footer.band .mark{background:#827c7a!important}
footer.band .wrap>div{color:#74686b!important}
footer.band .btn.ghost{border-color:#bba9a2!important;color:#541b2f!important;background:transparent!important;border-radius:999px}