.finance-archive-hero {
    margin-bottom: 42px;
    padding: 42px;
    background:
        radial-gradient(circle at top right, var(--brand-glow-sm), transparent 38%),
        linear-gradient(135deg, var(--color-surface) 0%, var(--color-surface-soft) 100%);
    border: 1px solid var(--finance-border);
    border-radius: var(--finance-radius-xl);
    box-shadow: var(--finance-shadow-md);
}

.finance-archive-hero h1 {
    margin: 0 0 14px;
    color: var(--finance-text);
    font-size: 46px;
    line-height: 1.08;
    letter-spacing: -0.045em;
}

.finance-archive-hero p {
    max-width: 780px;
    margin: 0;
    color: var(--finance-soft-text);
    font-size: 18px;
    line-height: 1.7;
}