/*
 * Trang Tin tức: bảng màu SINTA lime chuẩn.
 * #EAEF9D · #C1D95C · #80B155 · #498428 · #336A29
 */
.site-main:has(.insight-hero) {
    background: #fff;
}

.site-main:has(.insight-hero)::before { display: none; }

.insight-hero {
    border-color: rgba(234, 239, 157, .26) !important;
    background:
        linear-gradient(rgba(234, 239, 157, .065) 1px, transparent 1px),
        linear-gradient(90deg, rgba(234, 239, 157, .065) 1px, transparent 1px),
        radial-gradient(circle at 88% 18%, rgba(234, 239, 157, .24), transparent 28%),
        radial-gradient(circle at 6% 92%, rgba(128, 177, 85, .34), transparent 30%),
        linear-gradient(128deg, #336a29, #498428 58%, #336a29) !important;
    background-size: 54px 54px, 54px 54px, auto, auto, auto !important;
}

.insight-hero::before { border-color: rgba(234, 239, 157, .23) !important; }
.insight-hero::after { background: #c1d95c !important; opacity: .16 !important; }
.insight-kicker,
.insight-hero h1 em { color: #eaef9d !important; }
.insight-hero p { color: #f6f9d9 !important; }
.insight-hero-meta { color: #e8f0bc !important; }
.insight-hero-meta b {
    color: #336a29 !important;
    border-color: #eaef9d !important;
    background: linear-gradient(135deg, #eaef9d, #c1d95c) !important;
}

/* Phần mở đầu theo bố cục hai thẻ: giới thiệu và định hướng khám phá. */
.insight-hero .insight-hero-content {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
    width: min(1440px, calc(100% - 48px));
    max-width: none;
    padding-top: 14px !important;
    padding-bottom: 30px !important;
}

.insight-hero-intro,
.insight-hero-guide {
    min-height: 245px;
    padding: 26px 24px;
    border: 1px solid rgba(234, 239, 157, .27);
    border-radius: 16px;
    background: rgba(5, 65, 42, .4);
}

.insight-hero-intro .insight-kicker { margin-bottom: 13px; }
.insight-hero-intro h1 { max-width: 630px; font-size: clamp(2rem, 3.4vw, 3.15rem) !important; }
.insight-hero-intro p { max-width: 680px; margin-top: 13px; font-size: .98rem; line-height: 1.65; }
.insight-hero-intro .insight-hero-meta { margin-top: 17px; }

.insight-hero-guide {
    position: relative;
    overflow: hidden;
    background: linear-gradient(145deg, rgba(20, 97, 49, .92), rgba(51, 106, 41, .88));
}

.insight-hero-guide::after {
    position: absolute;
    right: -60px;
    bottom: -94px;
    width: 225px;
    height: 225px;
    border: 1px solid rgba(234, 239, 157, .2);
    border-radius: 50%;
    box-shadow: 0 0 0 30px rgba(234, 239, 157, .045), 0 0 0 60px rgba(234, 239, 157, .035);
    content: "";
}

.insight-hero-guide > i {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    margin-bottom: 11px;
    border-radius: 10px;
    background: #eaeF9d;
    color: #336a29;
    font-size: 1rem;
}

.insight-hero-guide h2 {
    position: relative;
    z-index: 1;
    margin: 0 !important;
    color: #fffef7 !important;
    font-size: 1.08rem !important;
    line-height: 1.3 !important;
}

.insight-hero-guide p {
    position: relative;
    z-index: 1;
    margin: 8px 0 14px;
    color: rgba(255, 254, 247, .82) !important;
    font-size: .76rem;
    line-height: 1.55;
}

.insight-hero-actions,
.insight-hero-note { position: relative; z-index: 1; display: flex; align-items: center; gap: 8px; }
.insight-hero-actions a {
    display: inline-flex;
    align-items: center;
    min-height: 31px;
    padding: 0 12px;
    border: 1px solid rgba(234, 239, 157, .44);
    border-radius: 8px;
    color: #fffef7;
    font-size: .72rem;
    font-weight: 800;
    text-decoration: none;
}
.insight-hero-actions a:first-child { border-color: #eaeF9d; background: #eaeF9d; color: #336a29; }
.insight-hero-actions a:hover { transform: translateY(-1px); color: #fffef7; }
.insight-hero-actions a:first-child:hover { color: #336a29; background: #c1d95c; }
.insight-hero-note { margin-top: 16px; color: rgba(255, 254, 247, .78); font-size: .66rem; }
.insight-hero-note > i { color: #c1d95c; font-size: .85rem; }
.insight-hero-note span { display: grid; gap: 1px; }
.insight-hero-note b { color: #fffef7; font-size: .68rem; }

@media (max-width: 767.98px) {
    .insight-hero .insight-hero-content { grid-template-columns: 1fr; width: calc(100% - 28px); padding-bottom: 22px !important; }
    .insight-hero-intro, .insight-hero-guide { min-height: 0; padding: 22px 19px; }
}

.insight-filter {
    border-color: rgba(73, 132, 40, .28) !important;
    background: linear-gradient(145deg, #fffef4, #e4efad) !important;
    box-shadow: 0 18px 40px rgba(51, 106, 41, .18) !important;
}

.insight-search,
.insight-filter select {
    color: #336a29 !important;
    border-color: rgba(73, 132, 40, .30) !important;
    background: rgba(255, 255, 255, .74) !important;
}

.insight-search { color: #498428 !important; }
.insight-search input { color: #336a29 !important; }
.insight-search input::placeholder { color: #628654 !important; }
.insight-filter select option { color: #336a29; background: #fffef4; }
.insight-filter button,
.insight-subscribe button {
    color: #fffef7 !important;
    background: linear-gradient(135deg, #336a29, #498428) !important;
    box-shadow: 0 8px 18px rgba(51, 106, 41, .20);
}

.insight-filter button:hover,
.insight-subscribe button:hover {
    color: #336a29 !important;
    background: linear-gradient(135deg, #eaef9d, #c1d95c) !important;
}

.insight-featured,
.premium-news-card {
    border-color: rgba(73, 132, 40, .25) !important;
    background: #fffef7 !important;
    box-shadow: 0 14px 30px rgba(51, 106, 41, .13) !important;
}

.insight-featured:hover,
.premium-news-card:hover {
    border-color: #80b155 !important;
    box-shadow: 0 22px 40px rgba(51, 106, 41, .21) !important;
}

.insight-featured-copy,
.premium-news-copy {
    background:
        radial-gradient(circle at 100% 0, rgba(193, 217, 92, .21), transparent 35%),
        linear-gradient(145deg, #fffef7, #f0f5cf) !important;
}

.article-label,
.article-meta,
.insight-section-title > div > span { color: #498428 !important; }
.article-meta i { background: #80b155 !important; }
.insight-featured-copy h2 a,
.premium-news-copy h3 a,
.insight-section-title h2 { color: #336a29 !important; }
.insight-featured-copy h2 a:hover,
.premium-news-copy h3 a:hover { color: #498428 !important; }
.insight-featured-copy > p,
.premium-news-copy > p,
.insight-section-title > p { color: #4c6c45 !important; }
.premium-read,
.card-arrow { color: #498428 !important; }
.premium-read:hover,
.card-arrow:hover { color: #336a29 !important; }

.premium-news-image > span {
    color: #336a29 !important;
    background: linear-gradient(135deg, #eaef9d, #c1d95c) !important;
}

.insight-empty {
    color: #336a29;
    border-color: rgba(73, 132, 40, .35);
    background: #fffef4;
}

.insight-empty span,
.insight-empty a { color: #498428; }

.insight-subscribe {
    border-color: rgba(234, 239, 157, .30) !important;
    background:
        radial-gradient(circle at 12% 40%, rgba(234, 239, 157, .22), transparent 30%),
        linear-gradient(120deg, #336a29, #498428 58%, #336a29) !important;
}

.insight-subscribe span { color: #eaef9d !important; }
.insight-subscribe h2 { color: #fffef7 !important; }

@media (max-width: 575.98px) {
    .insight-main { padding-bottom: 45px !important; }
    .insight-filter { box-shadow: 0 14px 28px rgba(51, 106, 41, .16) !important; }
}

/* Ảnh nằm trong một khung đệm riêng để card thoáng, giống bố cục tham chiếu. */
.insight-featured { padding:10px; gap:0; }
.insight-featured-image { border-radius:14px 0 0 14px; }
.insight-featured-copy { border-radius:0 14px 14px 0; }
.premium-news-card { padding:9px; }
.premium-news-image { border-radius:12px; }
.premium-news-copy { margin-top:9px; border-radius:12px; }
@media(max-width:991.98px){.insight-featured-image{border-radius:14px 14px 0 0}.insight-featured-copy{border-radius:0 0 14px 14px}} 
@media(max-width:575.98px){.insight-featured{padding:8px}.premium-news-card{padding:8px}.premium-news-copy{margin-top:8px}}

/* Khối tin mới theo dạng catalogue xanh đậm, đồng bộ với mẫu thẻ dịch vụ. */
.insight-latest {
    margin-top: 10px;
    padding: 12px;
    border: 1px solid rgba(128, 177, 85, .7);
    border-radius: 20px;
    background: linear-gradient(135deg, #336a29 0%, #0e4d31 56%, #336a29 100%);
    box-shadow: 0 18px 36px rgba(51, 106, 41, .18);
}

.insight-latest .insight-section-title {
    margin: 0 0 12px;
    padding: 17px 18px;
    border: 1px solid rgba(234, 239, 157, .22);
    border-radius: 14px;
    background: rgba(4, 61, 46, .36);
}

.insight-latest .insight-section-title > div > span {
    color: #eaeF9d !important;
}

.insight-latest .insight-section-title h2,
.insight-latest .insight-section-title > p {
    color: #fffef7 !important;
}

.insight-latest .insight-section-title > p { color: rgba(255, 254, 247, .78) !important; }
.insight-latest .premium-news-grid { gap: 12px; }

.insight-latest .premium-news-card {
    min-height: 100%;
    padding: 8px;
    border-color: rgba(193, 217, 92, .36) !important;
    border-radius: 14px;
    background: #0c5131 !important;
    box-shadow: none !important;
}

.insight-latest .premium-news-card:hover {
    border-color: #c1d95c !important;
    background: #115d35 !important;
    box-shadow: 0 13px 27px rgba(0, 35, 23, .28) !important;
}

.insight-latest .premium-news-image {
    height: 190px;
    border-radius: 10px;
    background: linear-gradient(135deg, #498428, #336a29);
}

.insight-latest .premium-news-copy {
    margin-top: 8px;
    padding: 15px 13px 13px;
    border-radius: 10px;
    background: transparent !important;
}

.insight-latest .article-meta,
.insight-latest .premium-news-copy > p {
    color: rgba(255, 254, 247, .72) !important;
}

.insight-latest .article-meta i { background: #c1d95c !important; }
.insight-latest .premium-news-copy h3 { font-size: 1.05rem; line-height: 1.35; }
.insight-latest .premium-news-copy h3 a { color: #fffef7 !important; }
.insight-latest .premium-news-copy h3 a:hover,
.insight-latest .card-arrow { color: #eaeF9d !important; }
.insight-latest .premium-news-image > span { background: #eaeF9d !important; color: #336a29 !important; }

@media (max-width: 575.98px) {
    .insight-latest { padding: 8px; border-radius: 16px; }
    .insight-latest .insight-section-title { display: block; padding: 15px; }
    .insight-latest .premium-news-image { height: 205px; }
}