.gundem-page { padding-top: 72px; }

    .gundem-header {
      position: relative;
      overflow: hidden;
      min-height: 420px;
      aspect-ratio: 3 / 1;
      display: flex;
      align-items: center;
      padding: 0;
    }

    .gundem-header-bg {
      position: absolute;
      inset: 0;
      z-index: 0;
    }

    .gundem-header-bg img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: 70% 60%;
      display: block;
    }

    .gundem-header-bg::after {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(
        to bottom,
        rgba(10, 10, 10, 0.36) 0%,
        rgba(10, 10, 10, 0.5) 50%,
        rgba(10, 10, 10, 0.82) 100%
      );
    }

    .gundem-header-content {
      position: relative;
      z-index: 1;
      width: 100%;
      padding: 56px 56px 0;
      align-self: stretch;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
    }

    .gundem-header-inner { max-width: 1240px; margin: 0 auto; width: 100%; }
    .gundem-title-row h1 {
      font-family: 'Playfair Display', serif;
      font-size: clamp(2.4rem, 5vw, 3.8rem);
      font-weight: 700;
      color: #fff;
      line-height: 1;
      letter-spacing: -0.02em;
      text-shadow: 0 2px 16px rgba(0,0,0,0.3);
    }

    .gundem-desc {
      font-size: 1rem;
      color: rgba(255,255,255,0.7);
      line-height: 1.8;
      max-width: 620px;
      margin-top: 16px;
      font-weight: 300;
      text-shadow: 0 1px 8px rgba(0,0,0,0.2);
    }

    .gundem-filters {
      max-width: 1240px;
      margin: 40px auto 0;
      width: 100%;
      display: flex;
      gap: 0;
      border-bottom: 1px solid rgba(255,255,255,0.08);
    }

    .filter-btn {
      background: none;
      border: none;
      cursor: pointer;
      font-family: 'Inter', sans-serif;
      font-size: 11px;
      font-weight: 600;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: rgba(255,255,255,0.34);
      padding: 18px 24px 16px;
      border-bottom: 2px solid transparent;
      transition: color 0.2s, border-color 0.2s;
    }

    .filter-btn:hover { color: rgba(255,255,255,0.78); }
    .filter-btn.active { color: #fff; border-bottom-color: var(--blue); }

    .gundem-grid-wrap { background: #f7f7f5; padding: 56px; }
    .gundem-grid-inner { max-width: 1240px; margin: 0 auto; }

    .featured-card {
      display: grid;
      grid-template-columns: 1.05fr 1fr;
      gap: 28px;
      align-items: stretch;
      margin-bottom: 36px;
      text-decoration: none;
      color: inherit;
      background: #fff;
      border: 1px solid rgba(17,17,17,0.06);
      box-shadow: 0 18px 36px rgba(15, 23, 42, 0.06);
    }

.featured-card-image {
      min-height: 320px;
      background-size: cover;
      background-position: center;
      position: relative;
      overflow: hidden;
      border-right: 1px solid rgba(17,17,17,0.04);
    }

    .featured-card-image--kgk-2026-12 {
      background-image: url('../assets/images/insights/kgk-2026-12.webp');
    }

    .featured-card-image::after {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, rgba(0,0,0,0.04) 0%, rgba(0,0,0,0.22) 100%);
    }

    .featured-card-body {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 34px 38px 32px 4px;
    }

    .card-meta {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 18px;
      flex-wrap: wrap;
    }
    .featured-card .card-meta {
      gap: 12px;
      margin-bottom: 20px;
    }

    .card-category {
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 0.1em;
      text-transform: uppercase;
    }
    .featured-card .card-category {
      font-size: 0.79rem;
      font-weight: 700;
      letter-spacing: 0.1em;
    }

    .cat-mevzuat { color: var(--blue); }
    .cat-duyuru  { color: var(--orange); }
    .cat-makale  { color: var(--green); }
    .meta-dot { width: 3px; height: 3px; border-radius: 50%; background: #ddd; flex-shrink: 0; }
    .featured-card .meta-dot { width: 4px; height: 4px; background: #c7ced6; }
    .card-date { font-size: 12px; color: #777; }
    .featured-card .card-date {
      font-size: 0.86rem;
      color: #5f6772;
      letter-spacing: 0.005em;
      font-weight: 500;
    }

    .featured-card-body h2 {
      font-family: 'Playfair Display', serif;
      font-size: clamp(2rem, 3vw, 3rem);
      font-weight: 700;
      color: var(--black);
      line-height: 1.05;
      margin-bottom: 20px;
      letter-spacing: -0.02em;
      max-width: 12ch;
    }

    .featured-card-body p {
      font-size: 1.02rem;
      color: #49515c;
      line-height: 1.82;
      max-width: 54ch;
      margin-bottom: 22px;
    }

    .card-read-more {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-size: 13px;
      font-weight: 600;
      color: var(--link-color);
      letter-spacing: 0.02em;
      margin-top: auto;
    }

    .cards-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 26px 36px;
      align-items: start;
    }

    .card {
      display: grid;
      grid-template-columns: 280px minmax(0, 1fr);
      gap: 18px;
      align-items: start;
      text-decoration: none;
      color: inherit;
      padding-bottom: 26px;
      border-bottom: 1px solid #d8d8d2;
    }

    .card:hover .card-title,
    .featured-card:hover h2 { color: var(--link-color); }
    .featured-card:hover { box-shadow: 0 22px 44px rgba(15, 23, 42, 0.1); }

.card-image {
      width: 100%;
      aspect-ratio: 1.35 / 1;
      background-size: cover;
      background-position: center;
      background-color: #dfe5ea;
      display: block;
    }

    .card-image--kgk-2026-5 {
      background-image: url('../assets/images/insights/kgk-2026-5.webp');
    }

    .card-image.placeholder-mevzuat {
      background-image: linear-gradient(135deg, #dfeaf8 0%, #b7d3f0 45%, #8eb6e1 100%);
    }

    .card-image.placeholder-duyuru {
      background-image: linear-gradient(135deg, #f7ead7 0%, #efcf9f 50%, #dfaa62 100%);
    }

    .card-image.placeholder-makale {
      background-image: linear-gradient(135deg, #deeddc 0%, #beddb8 50%, #8bb685 100%);
    }

    .card-copy { min-width: 0; }

    .card-title {
      font-family: 'Playfair Display', serif;
      font-size: 1.08rem;
      font-weight: 700;
      color: var(--black);
      line-height: 1.35;
      margin-bottom: 10px;
      transition: color 0.2s;
    }

    .card.duyuru .card-title,
    .card.mevzuat .card-title,
    .featured-card[data-category="duyuru"] h2,
    .featured-card[data-category="mevzuat"] h2 {
      font-family: 'Inter', sans-serif;
      font-weight: 600;
      letter-spacing: -0.01em;
    }

    .card p {
      font-size: 0.96rem;
      color: #555;
      line-height: 1.72;
      margin-bottom: 14px;
    }

    .card-footer {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      margin-top: auto;
      padding-top: 6px;
    }

    .card-footer span {
      font-size: 11px;
      color: #888;
    }

    .card-footer .read-more {
      font-size: 12px;
      font-weight: 600;
      color: var(--link-color);
    }

    @media (max-width: 1100px) {
      .cards-grid { grid-template-columns: 1fr; }
    }

    @media (max-width: 900px) {
      .gundem-header { aspect-ratio: 4 / 3; min-height: 320px; }
      .gundem-header-content { padding: 40px 24px 0; }
      .gundem-desc { max-width: 100%; }
      .gundem-filters { overflow-x: auto; flex-wrap: nowrap; -webkit-overflow-scrolling: touch; }
      .gundem-grid-wrap { padding: 40px 24px 60px; }
      .featured-card { grid-template-columns: 1fr; gap: 18px; }
      .featured-card-image { min-height: 220px; }
      .featured-card-body { padding: 0 24px 24px; }
      .card { grid-template-columns: 1fr; gap: 14px; }
    }

    @media (max-width: 600px) {
      .filter-btn { padding: 16px 14px 12px; font-size: 10px; }
      .gundem-header-content { padding: 32px 20px 0; }
      .gundem-title-row h1 { line-height: 1.05; }
      .gundem-desc,
      .featured-card-body p,
      .card p,
      .gundem-grid-wrap { padding: 32px 20px 48px; }
      .featured-card-body h2 { font-size: 1.55rem; }
      .card-title { font-size: 1rem; }
      .card-footer { align-items: flex-start; flex-direction: column; }
    }