/* —— Navy ePaper theme — Brand palette (60-30-10) ——
   Guardian Blue #031B28 · Metallic Gold #D4AF37 · Brand Red #860000 */
body.hr-home.hr-theme-navy {
    --hr-guardian: #031B28;
    --hr-gold: #D4AF37;
    --hr-brand-red: #860000;
    --hr-header: var(--hr-guardian);
    --hr-toolbar: #ffffff;
    --hr-nav: #0A2F42;
    --hr-nav-text: #f5f5f5;
    --hr-nav-active: var(--hr-gold);
    --hr-cta: var(--hr-brand-red);
    --hr-cta-text: #ffffff;
    --hr-cta-link: var(--hr-gold);
    --hr-cta-banner: #052031;
    --hr-border: #0a2a3a;
    --hr-sep: rgba(212, 175, 55, 0.35);
    --hr-gold-soft: #D4AF37;
}

body.hr-home.hr-theme-navy .hr-top {
    background: var(--hr-header);
    border-bottom: 1px solid rgba(212, 175, 55, 0.25);
    color: #f3f4f6;
}

body.hr-home.hr-theme-navy .hr-brand {
    background: #ffffff;
    padding: 4px 8px;
    border-radius: 2px;
    gap: 8px;
}

body.hr-home.hr-theme-navy .hr-brand-logo,
body.hr-home.hr-theme-navy .hr-brand img {
    height: 44px;
}

body.hr-home.hr-theme-navy .hr-brand-name {
    color: #031B28;
    font-size: 1.05rem;
}

body.hr-home.hr-theme-navy .hr-epaper-badge {
    background: var(--hr-gold);
    color: #031B28;
    border-radius: 2px;
    padding: 6px 9px 5px;
    font-size: 0.78rem;
}

body.hr-home.hr-theme-navy .hr-epaper-badge .hr-e {
    color: inherit;
    top: -2px;
}

body.hr-home.hr-theme-navy .hr-cta-wrap {
    background: var(--hr-cta-banner);
    border: 0;
    border-radius: 2px;
}

body.hr-home.hr-theme-navy .hr-cta-msg {
    color: var(--hr-gold);
    font-weight: 600;
}

body.hr-home.hr-theme-navy .hr-cta-btn {
    background: var(--hr-cta);
    border-radius: 2px;
}

body.hr-home.hr-theme-navy .hr-cta-wrap .hr-cta-btn {
    animation: hr-cta-btn-pulse 1.2s ease-in-out infinite;
}

body.hr-home.hr-theme-navy .hr-cta-btn:hover,
body.hr-home.hr-theme-navy .hr-cta-wrap .hr-cta-btn:hover {
    background: #6a0000;
    animation: none;
}

body.hr-home.hr-theme-navy .hr-icon-btn,
body.hr-home.hr-theme-navy .hr-dd-btn,
body.hr-home.hr-theme-navy .hr-dd-btn .hr-dd-label,
body.hr-home.hr-theme-navy .hr-date-btn,
body.hr-home.hr-theme-navy .hr-date-label {
    color: #f3f4f6;
}

body.hr-home.hr-theme-navy .hr-dd-btn .hr-chevron,
body.hr-home.hr-theme-navy .hr-date-btn .hr-chevron {
    color: rgba(243, 244, 246, 0.75);
}

body.hr-home.hr-theme-navy .hr-sep {
    background: var(--hr-sep);
}

body.hr-home.hr-theme-navy .hr-top .reader-location-chip {
    color: #f3f4f6;
}

body.hr-home.hr-theme-navy .hr-top .reader-location-chip i.bi-geo-alt-fill,
body.hr-home.hr-theme-navy .hr-date-btn i.bi-calendar3,
body.hr-home.hr-theme-navy .hr-date-label i.bi-calendar3 {
    color: var(--hr-gold);
}

body.hr-home.hr-theme-navy .hr-tools {
    background: #fff;
    border-bottom: 1px solid #e5e7eb;
}

body.hr-home.hr-theme-navy .hr-sections {
    background: var(--hr-nav);
    border-bottom: 2px solid var(--hr-gold);
}

body.hr-home.hr-theme-navy .hr-section-link {
    color: #f5f5f5;
}

body.hr-home.hr-theme-navy .hr-section-link:hover {
    color: #fff;
    background: rgba(212, 175, 55, 0.14);
}

body.hr-home.hr-theme-navy .hr-section-link.is-active {
    color: #031B28 !important;
    background: var(--hr-gold) !important;
    font-weight: 700;
}

@media (max-width: 991.98px) {
    body.hr-home.hr-theme-navy .hr-brand {
        padding: 3px 6px;
    }
    body.hr-home.hr-theme-navy .hr-brand-logo,
    body.hr-home.hr-theme-navy .hr-brand img {
        height: 36px;
    }
}
