/* ═══════════════════════════════════════════════════════════
   TDN MAGAZINE — Homepage Widget Area Layout
   Three-column grid for the Homepage — After River widget area.
   Widget-specific styles are in assets/css/widgets.css.
═══════════════════════════════════════════════════════════ */

/* ─── Three-column grid on wide screens ────────────────── */
.tdn-homepage-widgets {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    max-width: var(--container);
    margin: 0 auto var(--section-gap, 48px);
    padding: 0 var(--gutter);
}

@media ( max-width: 1024px ) {
    .tdn-homepage-widgets {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media ( max-width: 640px ) {
    .tdn-homepage-widgets {
        grid-template-columns: 1fr;
    }
}

/* Strip the generic widget shell — each widget has its own styling */
.tdn-homepage-widget {
    padding: 0;
    background: transparent;
    border: none;
    border-radius: 0;
    margin-bottom: 0;
}