/* ==================================================================
   OZAVION — Insights page tweaks
   Small, additive layer on top of sections.css (which already ships
   .pill-row/.pill-btn, .article-card, .article-feature, .article-body,
   .subscribe, .form-message, .tile, .panel). Nothing here redefines
   shared components — it only adds page-specific polish.
   ================================================================== */

/* Featured insight — headline + link styling inside .article-feature */
.article-feature__title { font-size: var(--fs-xl); letter-spacing: -0.02em; }
.article-feature__title a { color: var(--color-text); transition: color var(--transition-fast); }
.article-feature__title a:hover { color: var(--color-accent-2); }

/* Article-card title links inherit the card colour, accent on hover */
.article-card__title a { color: inherit; transition: color var(--transition-fast); }
.article-card__title a:hover { color: var(--color-accent-2); }

/* Empty-state line for the category filter */
.ins-empty {
    margin-top: var(--space-5);
    color: var(--color-text-muted);
    font-size: var(--fs-sm);
}

/* Newsletter panel — two stacked fields, name above the inline email row */
.ins-newsletter { max-width: 720px; }
.ins-subscribe { display: flex; flex-direction: column; gap: var(--space-4); max-width: 520px; }
.ins-subscribe .input { max-width: 520px; }

/* Detail meta row — keep the brand chip vertically centred with the dates */
.ins-detail__meta { align-items: center; gap: var(--space-3); }