.banner { width: 100%; padding: 3rem 1.25rem 1.5rem; position: relative; overflow: hidden; margin: 8em auto 2em auto; }
    .banner::before { content: ''; position: absolute; inset: 0; pointer-events: none; opacity: 0.18; }
    .banner .heading { font-weight: 700; font-size: clamp(28px, 4vw, 48px); color: #fff; line-height: 1; letter-spacing: -0.02em; margin-bottom: 0; opacity: 0; transform: translateY(20px); animation: fadeUp 0.7s ease forwards 0.1s; }

@keyframes fadeUp {
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 640px) {
    .banner { padding: 2rem 1rem 1.5rem; }
}

.banner-bg { background-color: #232f60; }
.content-row { padding: 1rem 0; }
    .content-row h4 { margin: 1rem 0; }

/* ── News List Page ─────────────────────────────────── */

.news-list-section { padding: 3.5rem 0 5rem; }

/* ── Grid ───────────────────────────────────────────── */
.nl-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 2.5rem; }

/* ── Featured Card ──────────────────────────────────── */
.nl-card--featured { grid-column: span 2; flex-direction: row; gap: 2rem; }

    .nl-card--featured .nl-card__img { width: 55%; aspect-ratio: 16/10; flex-shrink: 0; margin-bottom: 0; }

    .nl-card--featured .nl-card__body { justify-content: center; }

    .nl-card--featured .nl-card__title { font-size: clamp(1.2rem, 2.5vw, 1.7rem); }

    .nl-card--featured .nl-card__summary { -webkit-line-clamp: 5; }

/* ── Card ───────────────────────────────────────────── */
.nl-card { display: flex; flex-direction: column; text-decoration: none; color: inherit; transition: transform 0.25s ease; }

    .nl-card:hover { transform: translateY(-4px); }

/* thumbnail */
.nl-card__img { width: 100%; aspect-ratio: 16/10; overflow: hidden; background: #e8e8e8; flex-shrink: 0; margin-bottom: 1.1rem; }

    .nl-card__img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); }

.nl-card:hover .nl-card__img img { transform: scale(1.05); }

/* body */
.nl-card__body { display: flex; flex-direction: column; flex: 1; }

.nl-card__date { font-size: 0.8rem; color: var(--muted, #888); letter-spacing: 0.05em; margin-bottom: 0.45rem; }

.nl-card__title { font-size: clamp(1rem, 2vw, 1.3rem); font-weight: 600; line-height: 1.3; color: var(--ink, #111); margin-bottom: 0.6rem; transition: color 0.2s; }

.nl-card:hover .nl-card__title { color: var(--red, #c0392b); }

.nl-card__summary { font-size: 0.95rem; line-height: 1.65; color: var(--muted, #666); flex: 0 0 auto; align-self: flex-start; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin-top: 0.25rem; }

.nl-card__read { display: inline-flex; align-items: center; gap: 0.35rem; font-size: 0.85rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink, #111); margin-top: 1rem; transition: color 0.2s; }

.nl-card:hover .nl-card__read { color: var(--red, #c0392b); }

.nl-card__read svg { transition: transform 0.2s; }

.nl-card:hover .nl-card__read svg { transform: translateX(4px); }

/* ── Empty state ────────────────────────────────────── */
.nl-empty { text-align: center; padding: 5rem 0; color: var(--muted, #888); }

/* ── Responsive ─────────────────────────────────────── */
@media (max-width: 992px) {
    .nl-grid { gap: 2rem; }
    .nl-card--featured { grid-column: span 2; flex-direction: column; }
        .nl-card--featured .nl-card__img { width: 100%; margin-bottom: 1.1rem; }
}

@media (max-width: 600px) {
    .nl-grid { gap: 1.5rem; }
    .nl-card--featured { grid-column: span 1; flex-direction: column; }
        .nl-card--featured .nl-card__img { width: 100%; margin-bottom: 1.1rem; }
    .news-list-section { padding: 2.5rem 0 4rem; }
}

/* ── Hero Card (en güncel IsFeatured) ───────────────── */
.nl-card--hero { flex-direction: row; gap: 0; min-height: 340px; margin-bottom: 3rem; background: #f4f4f6; overflow: hidden; }

    .nl-card--hero .nl-card__img { width: 58%; aspect-ratio: unset; margin-bottom: 0; flex-shrink: 0; }

    .nl-card--hero .nl-card__body { padding: 2.5rem; justify-content: center; }

    .nl-card--hero .nl-card__title { font-size: clamp(1.4rem, 3vw, 2rem); line-height: 1.25; }

    .nl-card--hero .nl-card__summary { -webkit-line-clamp: 5; font-size: 1rem; }

@media (max-width: 768px) {
    .nl-card--hero { flex-direction: column; min-height: unset; }
        .nl-card--hero .nl-card__img { width: 100%; aspect-ratio: 16/9; }
        .nl-card--hero .nl-card__body { padding: 1.5rem; }
}

/* ── Load More ──────────────────────────────────────── */
.nl-load-more { display: flex; justify-content: center; margin-top: 3.5rem; }

.btn-load-more { padding: 0.85rem 3rem; background: transparent; border: 2px solid var(--navy, #232f60); color: var(--navy, #232f60); font-size: 0.875rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; cursor: pointer; transition: background 0.2s ease, color 0.2s ease; }

.btn-load-more:hover:not(:disabled) { background: var(--navy, #232f60); color: #fff; }

.btn-load-more:disabled { opacity: 0.55; cursor: not-allowed; }