.news-page{color:var(--landing-ink);background:#faf8f6;padding-bottom:110px;overflow-x:clip}.news-page .page-head{border-bottom:1px solid var(--landing-line)}.news-page .news-body{scroll-margin-top:calc(var(--landing-header-offset) + 72px);padding-top:36px}.news-results{transition:opacity .25s}.news-updating{opacity:.55}.news-page a:focus-visible{outline:2px solid var(--landing-blue);outline-offset:4px}.news-topic{z-index:2;color:#fff;background:var(--landing-blue);letter-spacing:.6px;text-transform:uppercase;border-radius:999px;padding:6px 12px;font:700 11px Be Vietnam Pro\:Bold;position:absolute;top:16px;left:16px}.news-topic[data-topic=health]{color:var(--landing-ink);background:var(--landing-accent)}.news-topic[data-topic=training]{background:var(--landing-blue-dark)}.news-topic[data-topic=community]{color:var(--landing-blue);background:#fff}.news-meta{color:var(--landing-muted);flex-wrap:wrap;align-items:center;gap:8px;font:600 12px Be Vietnam Pro\:SemiBold;display:inline-flex}.news-meta>span:last-child{align-items:center;gap:5px;display:inline-flex}.news-meta svg{width:13px;height:13px}.news-front{border-bottom:1px solid var(--landing-line);grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:48px;margin-bottom:56px;padding-bottom:56px;display:grid}.news-lead-media{aspect-ratio:16/10;background:#eee9e4;border-radius:28px;display:block;position:relative;overflow:hidden}.news-lead:hover .reveal-image img,.news-card:hover .reveal-image img{transform:scale(1.05)}.news-lead-copy{padding-top:24px}.news-lead-copy h2{letter-spacing:-.03em;margin:12px 0;font:800 clamp(28px,3vw,42px)/1.2 Be Vietnam Pro\:ExtraBold}.news-lead-copy h2 a,.news-card-copy h3 a{transition:color .2s}.news-lead-copy h2 a:hover,.news-card-copy h3 a:hover{color:var(--landing-blue)}.news-lead-copy p{color:var(--landing-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 18px;font-size:16px;line-height:1.7;display:-webkit-box;overflow:hidden}.landing-page .news-read-link{color:var(--landing-blue);align-items:center;gap:8px;font:600 14px Be Vietnam Pro\:SemiBold;display:inline-flex}.news-read-link span{transition:transform .25s}.news-lead:hover .news-read-link span{transform:translate(6px)}.news-section-label{color:var(--landing-blue);letter-spacing:1.4px;text-transform:uppercase;margin:0 0 8px;font:700 12px Be Vietnam Pro\:Bold}.news-side{flex-direction:column;display:flex}.news-side ol{flex:1;grid-template-rows:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.news-side li{border-bottom:1px solid var(--landing-line);align-items:center;display:grid}.news-side li:last-child{border-bottom:0}.news-side-story{color:var(--landing-ink);grid-template-columns:36px minmax(0,1fr) 120px;align-items:center;gap:16px;padding-block:20px;display:grid}.news-side-summary{color:var(--landing-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.news-side-index{color:#d9c9c6;align-self:start;padding-top:2px;font:800 22px Be Vietnam Pro\:ExtraBold;transition:color .25s}.news-side-copy{justify-items:start;gap:8px;min-width:0;display:grid}.news-side .news-topic{padding:4px 10px;font-size:10px;position:static}.news-side .news-topic[data-topic=community]{box-shadow:inset 0 0 0 1px #f1d4ce}.news-side-copy b{-webkit-line-clamp:3;-webkit-box-orient:vertical;font:700 16px/1.4 Be Vietnam Pro\:Bold;transition:color .2s;display:-webkit-box;overflow:hidden}.news-side-thumb{aspect-ratio:1;background:#eee9e4;border-radius:16px;position:relative;overflow:hidden}.news-side-thumb img{object-fit:cover;transition:transform .7s cubic-bezier(.22,1,.36,1)}.news-side-story:hover .news-side-index,.news-side-story:hover b{color:var(--landing-blue)}.news-side-story:hover .news-side-thumb img{transform:scale(1.08)}.news-section-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:28px;display:flex}.news-section-head h2{letter-spacing:-.03em;margin:0;font:700 clamp(28px,3.2vw,40px)/1.2 Be Vietnam Pro\:Bold}.news-section-head>span{color:var(--landing-muted);flex:none;font-size:14px}.news-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px;display:grid}.news-card{flex-direction:column;min-width:0;display:flex}.news-card-media{aspect-ratio:16/10;background:#eee9e4;border-radius:22px;display:block;position:relative;overflow:hidden}.news-card-copy{gap:10px;padding-top:18px;display:grid}.news-card-copy h3{letter-spacing:-.3px;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font:700 20px/1.35 Be Vietnam Pro\:Bold;display:-webkit-box;overflow:hidden}.news-card-copy p{color:var(--landing-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.7;display:-webkit-box;overflow:hidden}.news-hint{color:var(--landing-muted)}.news-empty{border:1px solid var(--landing-line);background:#fff;border-radius:24px}.news-page .content-pagination{margin-top:48px}@media (max-width:900px){.news-front{grid-template-columns:1fr;gap:32px}.news-side ol{grid-template-rows:none}.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.news-lead-media{border-radius:20px}.news-side-story{grid-template-columns:28px minmax(0,1fr) 80px;gap:12px}.news-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.news-lead:hover .reveal-image img,.news-card:hover .reveal-image img,.news-side-story:hover .news-side-thumb img{transform:none}}.news-topic-inline{display:inline-block;position:static}.news-topic-inline[data-topic=community]{box-shadow:inset 0 0 0 1px #f1d4ce}
