/* Điều chỉnh bổ sung theo breakpoint — phần lớn rule chính đã inline trong style.css/news.css/member.css */

@media (max-width: 1200px) {
    .hdn-field-grid { gap: 16px; }
}

@media (max-width: 991px) {
    .hdn-section { padding: 48px 0; }
    .hdn-title { font-size: 25px; }
    .hdn-intro-grid, .hdn-hero-inner { gap: 30px; }
    .hdn-cta-band-form { max-width: 100%; }
}

@media (max-width: 767px) {
    .hdn-section { padding: 40px 0; }
    .hdn-section-head { flex-direction: column; align-items: flex-start; gap: 10px; }
    .hdn-topbar-info span:not(:first-child) { display: none; }
    .hdn-page-head { padding: 34px 0 30px; }
    .hdn-page-head h1 { font-size: 22px; }
    .hdn-article-title { font-size: 22px; }
    .hdn-profile-head, .hdn-member-filter { margin-top: 16px; }
    .hdn-footer {
        padding: 15px;
    }
}

@media (max-width: 480px) {
    .hdn-hero h1 { font-size: 26px; }
    .hdn-hero-stats { gap: 20px; }
    .hdn-vmv-card, .hdn-benefit-card { padding: 22px 16px; }
}