/* Sitenin görünüm katmanı (skin).
   Yalnız görsel dil: yerleşim, sınıf adları ve bileşen mantığı site.css'te aynen durur.
   Renkler Site Ayarları → Tema'dan gelen marka değişkenlerinden türetilir; burada sabit marka rengi yazılmaz.
   Bu dosya site.css, tema.css ve sayfa stillerinden SONRA yüklenir. */

/* ------------------------------------------------------------------ türetilmiş tonlar */
:root {
    /* Köşeler logonun keskin hatlarıyla aynı dilde: yuvarlatma yok (portre ve oynat düğmesi gibi daireler hariç). */
    --radius-1: 0;
    --radius-2: 0;
    --blush: color-mix(in srgb, var(--brand-secondary) 22%, #fff);
    --paper-2: color-mix(in srgb, var(--brand-secondary) 9%, #fff);
    --line: color-mix(in srgb, var(--brand-primary) 13%, #fff);
    --empty: color-mix(in srgb, var(--brand-secondary) 16%, #f2f2f2);
    --ink-2: color-mix(in srgb, var(--brand-text) 68%, #fff);
    --skin-soft: color-mix(in srgb, var(--brand-secondary) 45%, #fff);
    --skin-on-dark: color-mix(in srgb, var(--brand-secondary) 55%, #fff);
    --skin-shadow: 0 14px 34px color-mix(in srgb, var(--brand-primary) 10%, transparent);
    --nav-band: var(--paper);
}

/* Keskin köşe kuralı: site.css'teki hap/yuvarlak köşe değerlerinin tümü sıfırlanır.
   Yalnız gerçekten daire olan parçalar (portre, baş harf, oynat düğmesi, paylaşım ve sosyal medya ikonları) yuvarlak kalır.
   Bilinçli istisnalar: profil kartı (profil dizini), yuvarlak story'ler ve story görüntüleyici, ana manşetin dikey numara şeridi. */
body *:not(:where([class*="avatar"], [class*="portrait"], [class*="initials"], [class*="__play"], .share-links__icon,
    .site-topbar__social a, .site-nav__social a, input[type="radio"],
    .profile-archive__tile, .profile-archive__frame, .profile-archive__more,
    [class*="home-story-strip__image"], .home-story-strip__image img, [class*="story-viewer"],
    .news-slider--hero .news-slider__nav, .news-slider--hero .news-slider__page,
    .category-featured .news-slider__page, .site-header .site-search)) {
    border-radius: 0 !important;
}

body {
    font-feature-settings: "kern", "liga";
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

/* Yalnız ana sayfada, beyaz yüzeyin altında çok hafif editoryal doku. */
@media (min-width: 900px) {
    body.page-home > main {
        background-color: var(--paper);
        background-image:
            linear-gradient(rgb(255 255 255 / .86), rgb(255 255 255 / .86)),
            linear-gradient(transparent, transparent);
        background-position: center top;
        background-size: 100% auto;
        background-repeat: no-repeat;
    }
}

::selection {
    background: var(--pink);
    color: var(--bordo);
}

/* ------------------------------------------------------------------ tipografi hiyerarşisi */
body h1 { letter-spacing: -0.015em; text-wrap: balance; }
body h2, body h3 { letter-spacing: -0.01em; text-wrap: balance; }
body h1, body h2, body h3, body h4 { overflow-wrap: anywhere; }

body .section__title {
    font-size: clamp(1.625rem, 1.2rem + 1.4vw, 2.25rem);
    font-weight: 700;
    line-height: 1.15;
}

body .card-title { font-weight: 700; line-height: 1.28; }
body .card-title--lg { font-size: clamp(1.25rem, 1.05rem + 0.6vw, 1.5rem); }

body .meta,
body .news-card__category,
body .latest-news__meta a,
body .category-columns__label,
body .article-list__category,
body .author-card__category {
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

body .news-card__category a,
body .latest-news__meta a,
body .article-list__category { color: var(--pink-ink); }

body time { font-variant-numeric: tabular-nums; }

/* ------------------------------------------------------------------ üst bar */
body .site-topbar {
    background: var(--bordo);
    color: var(--skin-on-dark);
    font-size: 0.875rem;
    letter-spacing: 0.02em;
}

body .site-topbar a { color: #fff; opacity: 0.9; transition: opacity 0.2s ease; }
body .site-topbar a:hover,
body .site-topbar a:focus-visible { opacity: 1; text-decoration: underline; text-underline-offset: 3px; }

body .site-announcement { background: var(--pink); color: var(--bordo); font-weight: 600; }
body .site-announcement a { color: inherit; }

/* ------------------------------------------------------------------ header */
body .site-header {
    border-bottom: 1px solid var(--line);
    box-shadow: none;
}

body .site-search {
    position: relative;
    border: 1px solid var(--line);
    border-radius: var(--radius-1);
    background: var(--paper-2);
    box-shadow: none;
    transition: border-color 0.2s ease, background 0.2s ease;
}

body .site-search:focus-within {
    border-color: var(--bordo);
    background: var(--paper);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand-secondary) 35%, transparent);
}
body .site-search input { font-size: 0.92rem; }
/* Arama kutusunda "Ara" düğmesi görünmez: arama Enter ile gönderilir. Düğme ekran okuyucular için yerinde kalır. */
body .site-search button {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

@media (min-width: 1280px) {
    /* Menü şeridi: beyaz zemin, ince çizgiler, büyük harf — gazete künyesi dili. */
    body .site-nav__list {
        gap: clamp(18px, 1.9vw, 34px);
        border-top: 1px solid var(--line);
    }

    body .site-nav__item > a {
        padding-block: 15px;
        background-position: left 0 bottom 0;
        background-size: 0 3px;
        color: var(--bordo);
        font-size: 0.875rem;
        font-weight: 700;
        letter-spacing: 0.09em;
        text-transform: uppercase;
    }

    body .site-nav__item > a:hover,
    body .site-nav__item > a:focus-visible,
    body .site-nav__item > a[aria-current="page"] {
        background-size: 100% 3px;
        color: var(--pink-ink);
    }

    body .site-nav__item > a[aria-current="page"] {
        background-image: linear-gradient(var(--bordo), var(--bordo));
        color: var(--bordo);
    }

    body .site-nav__item > a:focus-visible { outline-color: var(--bordo); }

    body .site-nav__sub-toggle { color: var(--bordo); }

    body .site-nav__sub {
        border: 1px solid var(--line);
        border-top: 3px solid var(--bordo);
        border-radius: 0 0 var(--radius-1) var(--radius-1);
        box-shadow: var(--skin-shadow);
    }

    body .site-nav__social a:hover,
    body .site-nav__social a:focus-visible { background: var(--blush); }
}

body .btn { border-radius: var(--radius-1); letter-spacing: 0.04em; }
body .btn--primary { background: var(--bordo); color: #fff; }
body .btn--primary:hover,
body .btn--primary:focus-visible { background: var(--pink-ink); }
body .btn--outline { border-color: var(--bordo); color: var(--bordo); }
body .btn--outline:hover,
body .btn--outline:focus-visible { background: var(--bordo); color: #fff; }
body .btn--flow { background: var(--bordo); color: #fff; }
body .btn--flow:hover,
body .btn--flow:focus-visible { background: var(--pink-ink); color: #fff; }

/* ------------------------------------------------------------------ son gelişmeler şeridi */
body .site-quickbar {
    border-bottom: 1px solid var(--line);
    background: var(--paper-2);
}

body .site-quickbar__inner { min-height: 52px; }

body .site-quickbar__eyebrow {
    border-radius: 0;
    background: var(--bordo);
    font-size: 0.875rem;
    letter-spacing: 0.12em;
}

body .site-quickbar__item strong {
    color: var(--pink-ink);
    font-size: 0.875rem;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

body .site-quickbar__item span { font-weight: 600; }
body .site-quickbar__item:hover span,
body .site-quickbar__item:focus-visible span { text-decoration: underline; text-underline-offset: 3px; }

body .site-quickbar__controls button {
    border: 1px solid var(--line);
    border-radius: var(--radius-1);
    background: var(--paper);
    color: var(--bordo);
}
body .site-quickbar__controls button:hover,
body .site-quickbar__controls button:focus-visible { border-color: var(--bordo); background: var(--bordo); color: #fff; }

/* ------------------------------------------------------------------ bölüm başlıkları */
body .section__head {
    align-items: flex-end;
    margin-bottom: var(--space-4);
    padding-top: 0;
    border-top: 0;
    border-bottom: 1px solid var(--line);
}

body .section__head > :first-child { min-width: 0; }

body .section__head .section__title {
    display: inline-block;
    margin-bottom: -1px;
    padding-bottom: 12px;
    border-bottom: 3px solid var(--bordo);
}

body .section__intro { font-size: var(--fs-1); }

body .section__more,
body .women-wrote__more {
    margin-bottom: 12px;
    border-bottom: 0;
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

body .section__more { color: var(--pink-ink); }
body .section__more::after,
body .women-wrote__more::after { content: " →"; }
body .section__more:hover,
body .section__more:focus-visible { color: var(--bordo); }

/* Dekoratif palmiye ve doku görselleri bu markada kullanılmaz. */
body #haberler::before,
body #haberler::after,
body :is(#benim-isim, .home-stories)::before,
body :is(#benim-isim, .home-stories)::after { content: none; }

body .hero,
body .hero--v2 {
    background-image: linear-gradient(120deg, var(--paper) 0%, var(--paper-2) 58%, var(--blush) 100%);
}

/* Görseli olmayan alanlar: düz, sakin marka tonu. */
body :is(.news-slider__media, .latest-news__thumb, .category-columns__lead-media,
    .category-columns__thumb, .article-list__media, .author-card__media, .about-story__media--palm) {
    background-image: none;
    background-color: var(--empty);
}

/* ------------------------------------------------------------------ görseller ve kart hover */
body :is(.card__media, .news-card__media, .latest-news__thumb, .latest-news__lead a, .category-columns__thumb,
    .article-list__media, .article-list__thumb, .video-archive__media, .news-hero__featured-media, .author-card__media) {
    overflow: hidden;
    border-radius: var(--radius-1);
}

body :is(.card__media, .news-card__media, .latest-news__thumb, .category-columns__thumb, .category-columns__lead-media,
    .article-list__media, .video-archive__media, .news-hero__featured-media, .author-card__media, .program-card__visual) img {
    transition: transform 0.5s cubic-bezier(0.2, 0.7, 0.2, 1);
}

body :is(.card, .news-card, .latest-news__item, .category-columns__item, .category-columns__lead,
    .video-archive__card, .news-hero__featured-card, .author-card, .program-card):hover img:not(.logo-img) {
    transform: scale(1.035);
}

@media (prefers-reduced-motion: reduce) {
    body :is(.card, .news-card, .latest-news__item, .category-columns__item, .category-columns__lead,
        .video-archive__card, .news-hero__featured-card, .author-card, .program-card):hover img { transform: none; }
}

/* Başlık bağlantıları: hover'da vurgu rengi, altı çizgisiz. */
body :is(.card-title, .news-card h2, .news-card h3, .latest-news__title, .category-columns__title, .article-list__title,
    .women-wrote__title, .author-card h3) a {
    transition: color 0.2s ease;
}
body :is(.card-title, .news-card h2, .news-card h3, .latest-news__title, .category-columns__title, .article-list__title,
    .women-wrote__title, .author-card h3) a:hover,
body :is(.card-title, .news-card h2, .news-card h3, .latest-news__title, .category-columns__title, .article-list__title,
    .women-wrote__title, .author-card h3) a:focus-visible {
    color: var(--pink-ink);
    text-decoration: none;
}

/* ------------------------------------------------------------------ standart haber kartı */
body .news-card {
    display: flex;
    flex-direction: column;
    padding-bottom: var(--space-3);
    border-bottom: 1px solid var(--line);
}

body .news-card__media .media { aspect-ratio: 3 / 2; }
body .news-card__category { margin-top: 16px; }

body .news-card h2,
body .news-card h3 {
    margin-top: 6px;
    font-size: clamp(1.15rem, 1rem + 0.5vw, 1.4rem);
    font-weight: 700;
    line-height: 1.28;
}

body .news-card__excerpt {
    display: -webkit-box;
    margin-top: 8px;
    overflow: hidden;
    color: var(--ink-2);
    font-size: 0.95rem;
    line-height: 1.6;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
}

body .news-card time {
    margin-top: auto;
    padding-top: 12px;
    color: var(--ink-2);
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 0.04em;
}

body .card--news .card__text {
    color: var(--ink-2);
    font-size: 0.95rem;
    line-height: 1.6;
}

body .card--news .meta { color: var(--pink-ink); }

/* ------------------------------------------------------------------ manşet (slider) */
body .news-slider__stage { overflow: hidden; border-radius: var(--radius-1); }

body .news-slider__category {
    border-radius: 0;
    background: var(--pink);
    color: var(--bordo);
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.1em;
}
body .news-slider__category:hover,
body .news-slider__category:focus-visible { background: #fff; color: var(--bordo); }

body .news-slider__title {
    font-size: clamp(1.5rem, 1.1rem + 1.5vw, 2.4rem);
    font-weight: 700;
    line-height: 1.14;
    letter-spacing: -0.015em;
}

body .news-slider__page,
body .news-slider__arrow { border-radius: 0; border-color: transparent; }

body .news-slider__page[aria-current="true"],
body .news-slider__page.is-active,
body .news-slider__page:hover,
body .news-slider__arrow:hover,
body .news-slider__page:focus-visible,
body .news-slider__arrow:focus-visible { border-color: var(--bordo); background: var(--bordo); color: #fff; }

body .news-slider__thumb { border-radius: 0; background-image: none; background-color: var(--empty); }
body .news-slider__thumb.is-active { border-color: var(--bordo); }

/* Manşet yanı: öne çıkan bölüm */
body .news-hero__featured-heading {
    padding-top: 0;
    padding-bottom: 10px;
    border-top: 0;
    border-bottom: 3px solid var(--bordo);
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-family: var(--font-sans) !important;
}

body .news-hero__featured-body .meta { color: var(--pink-ink); }
body .news-hero__featured-excerpt { color: var(--ink-2); font-size: 0.95rem; line-height: 1.6; }

body .media__play,
body .news-slider__play,
body .program-showcase__play {
    background: var(--bordo);
    color: #fff;
    box-shadow: 0 0 0 6px color-mix(in srgb, #fff 28%, transparent);
    transition: transform 0.25s ease, background 0.2s ease;
}

body a:hover > .media .media__play,
body a:hover .media__play,
body .news-slider__play:hover,
body .program-showcase__play:hover { background: var(--pink-ink); transform: scale(1.06); }

/* ------------------------------------------------------------------ son haberler (yatay kartlar) */
body .latest-news__item { padding-block: 18px; }
body .latest-news__title { font-weight: 700; line-height: 1.32; }
body .latest-news__meta { align-items: baseline; font-size: 0.875rem; }
body .latest-news__lead .card-title,
body .latest-news__lead h3 { font-size: clamp(1.35rem, 1.1rem + 0.9vw, 1.85rem); }

body .site-pager .btn,
body .latest-news [class*="pager"] :is(a, button, span) { border-radius: 0; }

/* ------------------------------------------------------------------ Köşe Yazıları: köşe yazısı dili */
body .women-wrote__panel {
    padding: clamp(21px, 2.6vw, 44px);
    border: 0;
    border-radius: var(--radius-2);
    background: var(--bordo);
    color: #fff;
}

body .women-wrote__panel::before { content: none; }

body .women-wrote__head {
    align-items: flex-end;
    margin: 0 0 var(--space-4);
    padding: 0 0 14px;
    border-left: 0;
    border-bottom: 1px solid color-mix(in srgb, #fff 22%, transparent);
}

body .women-wrote__heading {
    color: #fff;
    font-family: var(--font-accent);
    font-size: clamp(1.6rem, 1.2rem + 1.4vw, 2.3rem);
    font-style: italic;
    font-weight: 600;
    line-height: 1.1;
}

body .women-wrote__heading a { color: inherit; }
body .women-wrote__more { margin-bottom: 4px; color: var(--skin-on-dark); }
body .women-wrote__more:hover,
body .women-wrote__more:focus-visible { color: #fff; }

body .women-wrote__item {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 26px 22px 22px;
    border: 0;
    border-top: 3px solid var(--pink);
    border-radius: var(--radius-1);
    background: var(--paper);
    color: var(--ink);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

body .women-wrote__item:hover { transform: translateY(-3px); box-shadow: 0 18px 32px rgb(0 0 0 / 0.22); }

body .women-wrote__item::before {
    content: "\201C";
    position: absolute;
    top: 6px;
    right: 18px;
    color: var(--blush);
    font-family: var(--font-accent);
    font-size: 5rem;
    font-weight: 700;
    line-height: 1;
    pointer-events: none;
}

body .women-wrote__byline {
    position: relative;
    order: 3;
    margin: auto 0 0;
    padding: 16px 0 0;
    border-top: 1px solid var(--line);
    border-bottom: 0;
}

body .women-wrote__portrait {
    width: 60px;
    height: 60px;
    box-shadow: 0 0 0 2px var(--paper), 0 0 0 4px var(--pink);
}

body .women-wrote__initials { color: var(--bordo); font-size: 1.3rem; }

body .women-wrote__author {
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--bordo);
}

body .women-wrote__title {
    position: relative;
    order: 1;
    font-family: var(--font-accent) !important;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.3;
}

body .women-wrote__excerpt {
    order: 2;
    margin: 10px 0 18px;
    color: var(--ink-2);
    font-size: 0.93rem;
    font-style: italic;
    line-height: 1.6;
}

/* ------------------------------------------------------------------ kategori blokları */
/* Kategori renkleri: marka paletinden üç ton (bordo, gül kurusu, mürdüm) sırayla döner; her kolon ve sekmesi kendi tonunu taşır.
   Ton başlık etiketine, görseldeki etikete, sekmeye ve kolonun arkasındaki açık bantta işler. Seçili sekme ve başlık etiketi
   düz renk yerine tondan pembeye yumuşak bir geçişle boyanır. */
body .category-columns__col,
body .category-columns__tab { --column-color: var(--bordo); --tab-color: var(--bordo); }
body .category-columns__col:nth-child(3n + 2),
body .category-columns__tab:nth-child(3n + 2) { --column-color: var(--pink-ink); --tab-color: var(--pink-ink); }
body .category-columns__col:nth-child(3n),
body .category-columns__tab:nth-child(3n) { --column-color: #5c5c5c; --tab-color: #5c5c5c; }

body .category-columns__tab::before { background: color-mix(in srgb, var(--tab-color) 12%, var(--pink) 22%); background: color-mix(in srgb, color-mix(in srgb, var(--tab-color) 30%, var(--pink)) 38%, #fff); }
body .category-columns__tab:hover::before { background: color-mix(in srgb, color-mix(in srgb, var(--tab-color) 30%, var(--pink)) 62%, #fff); }
body .category-columns__tab[aria-selected="true"]::before,
body .category-columns__head a {
    background: linear-gradient(120deg, var(--column-color) 0%, color-mix(in srgb, var(--column-color) 62%, var(--pink)) 100%);
}
body .category-columns__tab[aria-selected="true"]::before { box-shadow: 0 6px 14px color-mix(in srgb, var(--tab-color) 28%, transparent); }
body .category-columns__head { border-bottom-color: color-mix(in srgb, var(--column-color) 70%, var(--pink)); }

body .category-columns__head {
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    font-family: var(--font-sans) !important;
}

body .category-columns__head a,
body .category-columns__head a:hover,
body .category-columns__head a:focus-visible { color: #fff; }

body .category-columns__lead-title { font-weight: 700; line-height: 1.25; }
body .category-columns__lead-title a { transition: color 0.2s ease; }
body .category-columns__lead-title a:hover,
body .category-columns__lead-title a:focus-visible { color: var(--pink-ink); text-decoration: none; }
body .category-columns__thumb,
body .category-columns__lead-media { border-radius: 0; }
body .category-columns__title { font-weight: 700; }

/* ------------------------------------------------------------------ keşfet (şehir / sektör) */
body .discover__heading {
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--pink-ink);
    font-family: var(--font-sans) !important;
}

body .discover__list a { transition: color 0.2s ease, padding-left 0.2s ease; }
body .discover__list a:hover,
body .discover__list a:focus-visible { padding-left: 6px; color: var(--pink-ink); }

/* ------------------------------------------------------------------ sidebar */
body .article-widget {
    border: 0;
    border-top: 3px solid var(--bordo);
    border-radius: 0;
    background: var(--paper-2);
    box-shadow: none;
}

body .article-widget__title {
    margin-left: 0;
    padding-left: 0;
    border-left: 0;
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-family: var(--font-sans) !important;
}

body .article-tabs__tab { border-radius: 0; font-size: 0.875rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
body .article-tabs__tab[aria-selected="true"] { color: var(--bordo); box-shadow: inset 0 -3px 0 var(--bordo); }

body .article-list__number {
    color: var(--pink);
    font-family: var(--font-accent);
    font-style: italic;
    font-weight: 700;
}

body .article-list__title { font-weight: 700; line-height: 1.32; }

/* ------------------------------------------------------------------ arşiv / kategori sayfaları */
body :is(.news-archive__intro, .utility-page__intro, .video-archive__intro, .programs-intro) h1,
body .category-page__intro h1 {
    font-size: clamp(2rem, 1.4rem + 2.4vw, 3.25rem);
    font-weight: 700;
    line-height: 1.08;
}

body :is(.news-archive__intro, .utility-page__intro, .video-archive__intro, .programs-intro) {
    padding-bottom: var(--space-3);
    border-bottom: 1px solid var(--line);
}

body :is(.news-archive__intro, .utility-page__intro, .video-archive__intro, .programs-intro) p {
    max-width: 62ch;
    color: var(--ink-2);
    line-height: 1.6;
}

body .utility-page__breadcrumb,
body .article__breadcrumb {
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: var(--ink-2);
}

body .utility-page__breadcrumb a,
body .article__breadcrumb a { color: var(--pink-ink); }

body .category-news__heading {
    display: inline-block;
    padding-top: 0;
    border-top: 0;
    padding-bottom: 10px;
    border-bottom: 3px solid var(--bordo);
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-family: var(--font-sans) !important;
}

body .news-archive__filters { border-color: var(--line); }

body :is(.news-archive__filters, .video-archive__search, .search-page__form, .newsletter__fields) :is(input, select) {
    border-radius: 0;
    border-color: var(--line);
}

body :is(.news-archive__filters, .video-archive__search, .search-page__form, .newsletter__fields) :is(input, select):focus {
    border-color: var(--bordo);
    outline: 2px solid var(--blush);
    outline-offset: 0;
}

body .video-archive__chip,
body .search-page__tabs a {
    border-radius: 0;
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body .video-archive__chip[aria-current="true"],
body .video-archive__chip.is-active,
body .search-page__tabs a[aria-current="page"],
body .search-page__tabs a[aria-current="true"] { border-color: var(--bordo); background: var(--bordo); color: #fff; }

body .site-pager { margin-top: var(--space-4); border-top: 1px solid var(--line); }
body .site-pager__status { font-weight: 600; letter-spacing: 0.04em; }

body .utility-page__empty,
body .news-archive__empty,
body .video-archive__empty,
body .archive-empty {
    border: 1px dashed var(--line);
    border-radius: var(--radius-1);
    background: var(--paper-2);
}

/* ------------------------------------------------------------------ haber detay */
/* Yazı kutusuz, sayfa üzerinde okunur; kenar çubuğu ayrı bloklar olarak kalır. */
body .article {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

/* Haber detay yerleşimi: kapak görseli başlığın üstünde durur; haber paneli sağdadır.
   Yalnız görsel sıra değişir: kaynak sırası (yol, başlık, kapak, gövde; sonra panel) ve sınıflar aynıdır. */
body .news-detail .article {
    display: flex;
    flex-direction: column;
}

body .news-detail .article__breadcrumb { order: -2; }
body .news-detail .article__cover { order: -1; }

/* Yazar/tarih satırı ve paylaş çubuğu haber metninin altında durur. Başlık kutusu (header) kendi kutusunu bırakır ki
   içindeki künye satırı makalenin sıralamasına katılabilsin; metinden sonraki bölümler (yazar kutusu, haberde geçenler,
   önceki/sonraki) bunların da altında kalır. */
body .news-detail .article__header { display: contents; }
body .news-detail .article__header > :first-child { margin-top: var(--space-3); }
body .news-detail .article__byline { order: 1; margin-top: var(--space-4); }
body .news-detail .article__share { order: 1; }
body .news-detail :is(.article__author-box, .article__people, .article__businesses, .article__episode, .article__adjacent) { order: 2; }
/* Kapak başlığın üstünde olduğundan geniş ekranda yatay bir şerittir: tam genişlikte kalır, başlık ilk ekranda görünür. */
body .news-detail .article__cover .media { width: 100%; }

@media (min-width: 700px) {
    body .news-detail .article__cover .media { aspect-ratio: 21 / 9; }
}

body .article__breadcrumb ol {
    padding: 0;
    border: 0;
    border-radius: 0;
    font-weight: 700;
}

body .article__breadcrumb .article__chip,
body .article__chip {
    padding: 3px 9px;
    border-radius: 0;
    background: var(--bordo);
    color: #fff;
    font-size: 0.875rem;
    letter-spacing: 0.1em;
}

body .article__breadcrumb .article__chip:hover,
body .article__breadcrumb .article__chip:focus-visible { background: var(--pink-ink); color: #fff; }

body .article__kicker { font-size: 0.875rem; }

body .article__title {
    font-size: clamp(1.9rem, 1.3rem + 2.2vw, 3rem);
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.02em;
}

body .article__spot {
    padding-left: 18px;
    border-left: 3px solid var(--pink);
    color: var(--ink-2);
    font-size: clamp(1.1rem, 1rem + 0.5vw, 1.35rem);
    line-height: 1.55;
}

body .article__byline {
    padding-block: 14px;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
}

body .article__avatar { border: 2px solid var(--pink); border-radius: 50%; }
body .article__author { font-weight: 700; color: var(--bordo); }
body .article__dates,
body .article__reading { color: var(--ink-2); font-size: 0.875rem; letter-spacing: 0.02em; }

body .article__cover { overflow: hidden; border-radius: var(--radius-1); }
body .article__cover figcaption { color: var(--ink-2); font-size: 0.875rem; }

body .share-links__icon {
    border: 1px solid var(--line);
    border-radius: 50%;
    background: var(--paper);
    color: var(--bordo);
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
body .share-links__icon:hover,
body .share-links__icon:focus-visible { border-color: var(--bordo); background: var(--bordo); color: #fff; }
body .article__share-label { font-size: 0.875rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-2); }

body .article-content {
    font-size: clamp(1.03rem, 0.98rem + 0.25vw, 1.15rem);
    line-height: 1.78;
}

body .article-content > p:first-of-type::first-letter {
    float: left;
    margin: 6px 10px 0 0;
    color: var(--bordo);
    font-family: var(--font-accent);
    font-size: 3.6em;
    font-weight: 700;
    line-height: 0.82;
}

body .article-content h2 { margin-top: 1.7em; font-size: clamp(1.4rem, 1.2rem + 0.8vw, 1.85rem); line-height: 1.2; }
body .article-content h3 { margin-top: 1.5em; font-size: clamp(1.2rem, 1.1rem + 0.4vw, 1.45rem); line-height: 1.25; }

body .article-content a {
    border-bottom: 0;
    color: var(--bordo);
    text-decoration: underline;
    text-decoration-color: var(--pink);
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}
body .article-content a:hover { text-decoration-color: var(--bordo); }

body .article-content blockquote {
    margin-inline: 0;
    padding: 6px 0 6px 24px;
    border: 0;
    border-left: 3px solid var(--bordo);
    border-radius: 0;
    background: transparent;
    color: var(--bordo);
    font-family: var(--font-accent);
    font-size: 1.3em;
    font-style: italic;
    line-height: 1.45;
}

body .article-content ul li::marker { color: var(--pink-ink); }
body .article-content img { border-radius: var(--radius-1); }

body .article__author-box {
    border: 0;
    border-top: 3px solid var(--bordo);
    border-radius: 0;
    background: var(--paper-2);
}

body .article__author-heading,
body .article__section-title,
body .article-more__title {
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-family: var(--font-sans) !important;
}

body .article__section-title,
body .article-more__title {
    display: inline-block;
    padding-top: 0;
    border-top: 0;
    padding-bottom: 10px;
    border-bottom: 3px solid var(--bordo);
}

body .article__author-heading { color: var(--pink-ink); }
body .article__author-name { font-size: 1.3rem; font-weight: 700; }
body .article__person,
body .article__episode-card { border-color: var(--line); border-radius: var(--radius-1); }
body .article__person-portrait { border-radius: 50%; }
body .article__adjacent a { border-color: var(--line); border-radius: var(--radius-1); }
body .article__adjacent a:hover,
body .article__adjacent a:focus-visible { border-color: var(--bordo); }
body .article__disclosure,
body .article__correction { border-radius: var(--radius-1); background: var(--blush); color: var(--bordo); }
body .article-more { border-top: 1px solid var(--line); }

/* Yazar sayfası */
body .author-detail__card { border: 0; border-top: 3px solid var(--bordo); border-radius: 0; background: var(--paper-2); }
body .author-detail__portrait,
body .author-detail__initials { border: 3px solid var(--pink); border-radius: 50%; }
body .author-detail__role,
body .author-card__badge { font-size: 0.875rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; }
body .author-card__badge { border-radius: 0; background: var(--bordo); color: #fff; }
body .author-detail__heading { font-size: clamp(1.4rem, 1.2rem + 0.8vw, 1.9rem); }

/* ------------------------------------------------------------------ program / video */
body .program-card__frame,
body .video-archive__card { border-color: var(--line); border-radius: var(--radius-1); box-shadow: none; }

body .program-card__frame { transition: border-color 0.2s ease, box-shadow 0.25s ease; }
body .program-card:hover .program-card__frame { border-color: var(--bordo); box-shadow: var(--skin-shadow); }

body .program-card__meta,
body .video-archive__meta,
body .video-archive__eyebrow,
body .short-card__platform,
body .short-card__episode,
body .program-showcase__chip {
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

body .video-archive__eyebrow,
body .program-card__meta { color: var(--pink-ink); }

body .program-card__more { color: var(--bordo); font-size: 0.875rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; }

body .video-archive__duration,
body .news-slider__duration {
    border-radius: 0;
    background: color-mix(in srgb, var(--bordo) 88%, transparent);
    color: #fff;
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.04em;
}

body .video-archive__card h2,
body .video-archive__card h3 { font-weight: 700; line-height: 1.3; }
body .video-archive__guest { color: var(--ink-2); font-size: 0.875rem; }
body .video-archive__avatar { border: 2px solid var(--pink); border-radius: 50%; }

body .short-card__media { overflow: hidden; border-radius: var(--radius-1); }
body .short-card__platform { border-radius: 0; background: var(--bordo); color: #fff; }
body .short-card__title { font-weight: 700; line-height: 1.3; }

body .program-showcase__frame { overflow: hidden; border-radius: var(--radius-2); }
body .program-showcase__chip { border-radius: 0; background: var(--pink); color: var(--bordo); }

body .people-list__name { font-weight: 700; }
body .people-list__portrait { border-radius: 50%; }

/* ------------------------------------------------------------------ profil kartı */
body .profile-archive__frame { overflow: hidden; border-radius: 28px; }
body .profile-archive__tile h3 { font-family: var(--font-sans) !important; }
body .profile-archive__role { color: var(--ink-2); font-size: 0.9375rem; }
body .profile-archive__more { color: var(--bordo); }
body .profile-archive__placeholder { color: var(--bordo); }

/* ------------------------------------------------------------------ bülten */
body .newsletter {
    border-top: 1px solid var(--line);
    background: var(--paper-2);
}

body .newsletter__copy h2 { font-size: clamp(1.6rem, 1.2rem + 1.5vw, 2.4rem); font-weight: 700; }
body .newsletter__copy p { color: var(--ink-2); }
body .newsletter__fields button,
body .newsletter__signup button {
    border-radius: 0;
    background: var(--bordo);
    color: #fff;
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}
body .newsletter__fields button:hover,
body .newsletter__signup button:hover { background: var(--pink-ink); }
body .newsletter__note { color: var(--ink-2); }

/* ------------------------------------------------------------------ footer */
body .site-footer {
    margin-top: 0;
    border-top: 4px solid var(--pink);
    background: var(--bordo);
    color: color-mix(in srgb, #fff 78%, var(--bordo));
}

body .site-footer::before,
body .site-footer::after { content: none; }

body .site-footer__brand p { max-width: 38ch; line-height: 1.65; }

body .site-footer__heading {
    margin-bottom: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid color-mix(in srgb, #fff 16%, transparent);
    color: var(--pink);
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    font-family: var(--font-sans) !important;
}

body .site-footer__nav li a { color: #fff; opacity: 0.86; transition: opacity 0.2s ease, color 0.2s ease, padding-left 0.2s ease; }
body .site-footer a:hover,
body .site-footer__nav li a:hover,
body .site-footer__nav li a:focus-visible { padding-left: 4px; color: var(--pink); opacity: 1; }
body .site-footer .logo:hover,
body .site-footer .medyahors-copyright a:hover { padding-left: 0; }
body .site-footer :focus-visible { outline-color: var(--pink); }

body .site-footer__contact a { color: #fff; }

body .site-footer__legal {
    border-top: 1px solid color-mix(in srgb, #fff 16%, transparent);
    color: color-mix(in srgb, #fff 66%, var(--bordo));
    font-size: 0.875rem;
}

/* ------------------------------------------------------------------ 404 */
body .not-found h1 { font-size: clamp(2.2rem, 1.5rem + 3vw, 4rem); line-height: 1.05; }
body .not-found__actions { gap: 12px; }

/* ------------------------------------------------------------------ mobil / tablet */
@media (max-width: 1279px) {
    body .site-header__inner { min-height: 64px; }

    body .site-nav { border-top: 3px solid var(--bordo); background: var(--paper); }

    body .site-nav__item > a {
        font-size: 0.9rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--bordo);
    }

    body .site-nav__item { border-color: var(--line); }
    body .nav-burger span,
    body .nav-burger span::before,
    body .nav-burger span::after { background: var(--bordo); }
    body .nav-search { color: var(--bordo); }
}

@media (max-width: 767px) {
    body .site-topbar__inner { min-height: 28px; }
    body .section__head { margin-bottom: var(--space-3); }
    body .section__head .section__title { padding-bottom: 9px; }
    body .section__more { margin-bottom: 9px; }
    body .women-wrote__panel { padding: 20px 16px; border-radius: 0; margin-inline: calc(-1 * var(--gutter, 16px)); }
    body .women-wrote__item { padding: 22px 18px 18px; }
    body .article__spot { padding-left: 14px; }
    body .article-content > p:first-of-type::first-letter { font-size: 3.1em; }
    body .site-footer__legal { text-align: center; }
    body .news-card h2,
    body .news-card h3 { font-size: 1.2rem; }
}

/* ================================================================== manşet + sağda akan Son Haberler
   Sarmalayıcı (.home-lead) yenidir; manşet bölümü, slider ve Öne Çıkan Bölüm işaretlemesi aynen durur. */
body .home-lead {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-3);
    padding-top: var(--space-3);
}

body .home-lead > .news-hero { min-width: 0; padding-top: 0; }
body .home-lead > .news-hero > .container { width: auto; max-width: none; margin-inline: 0; }

/* Manşet: sade gezinme, düz renkli metin paneli (geçiş/gradient yok). */
body .home-lead .news-slider__thumbs { display: none; }

/* Ana manşetin numaralı gezinmesi görselin üstünde, sağ kenarda alt alta durur: koyu hap içinde yuvarlak numaralar; etkin olan
   vurgulu. Oklar gizlidir (numaralar, klavye ve kaydırma aynı işi yapar). Dar ekranda görselin sağ üst köşesindedir. */
body .home-lead .news-slider--hero .news-slider__stage { position: relative; }

body .home-lead .news-slider--hero .news-slider__nav {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    flex-direction: column;
    gap: 0;
    margin: 0;
    padding: 6px;
    border-radius: 999px;
    background: rgb(14 14 14 / 0.55);
}

body .home-lead .news-slider--hero .news-slider__arrow { display: none; }

body .home-lead .news-slider--hero .news-slider__pages { flex-direction: column; gap: 5px; }

body .home-lead .news-slider--hero .news-slider__page {
    width: 26px;
    height: 26px;
    border: 0;
    border-radius: 50%;
    background: #0e0e0e;
    color: #fff;
    font-size: 0.875rem;
    font-weight: 700;
}

body .home-lead .news-slider--hero .news-slider__page[aria-current="true"],
body .home-lead .news-slider--hero .news-slider__page:hover,
body .home-lead .news-slider--hero .news-slider__page:focus-visible { background: var(--pink); color: var(--bordo); }

@media (min-width: 900px) {
    body .home-lead .news-slider--hero .news-slider__media { max-height: none; aspect-ratio: 16 / 9; }
    body .home-lead .news-slider--hero .news-slider__media::after { content: none; }

    body .home-lead .news-slider--hero .news-slider__content {
        left: 0;
        bottom: 0;
        width: min(100% - 64px, 44rem);
        padding: 26px 30px 28px;
        background: color-mix(in srgb, var(--bordo) 93%, transparent);
        border-top: 3px solid var(--pink);
    }

    body .home-lead .news-slider--hero .news-slider__title {
        font-size: clamp(1.6rem, 0.9rem + 1.7vw, 2.5rem);
        line-height: 1.14;
    }

    body .home-lead .news-slider--hero .news-slider__spot { font-size: 1rem; line-height: 1.55; }

    /* Geniş ekranda numara şeridi görselin sağ kenarında dikey ortalanır ve numaralar büyür. */
    body .home-lead .news-slider--hero .news-slider__nav {
        top: 50%;
        right: 18px;
        bottom: auto;
        padding: 8px;
        transform: translateY(-50%);
    }

    body .home-lead .news-slider--hero .news-slider__pages { gap: 8px; }

    body .home-lead .news-slider--hero .news-slider__page {
        width: 34px;
        height: 34px;
        font-size: 0.875rem;
    }
}

/* Son Haberler sütunu */
body .home-latest {
    display: flex;
    flex-direction: column;
    min-width: 0;
    border-top: 3px solid var(--bordo);
    background: var(--paper);
}

body .home-latest__heading {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 0 12px;
    border-bottom: 1px solid var(--line);
    color: var(--bordo);
    font-family: var(--font-sans) !important;
    font-size: 0.875rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

body .home-latest__heading::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50% !important;
    background: var(--pink-ink);
}

body .home-latest__viewport {
    position: relative;
    flex: 1 1 auto;
    height: 340px;
    overflow: hidden;
}

body .home-latest__track {
    position: absolute;
    inset: 0 0 auto;
    /* Hız liste uzunluğuna göre: satır başına yaklaşık 6-7 saniye (okunabilir, yavaş akış). */
    animation: home-latest-scroll 130s linear infinite;
    will-change: transform;
}

body .home-latest__track--short { animation-duration: 85s; }
body .home-latest__track--long { animation-duration: 190s; }

/* Fare üstündeyken ya da klavye odağı içerideyken akış durur: başlık rahatça okunur ve tıklanır. */
body .home-latest:hover .home-latest__track,
body .home-latest:focus-within .home-latest__track { animation-play-state: paused; }

@keyframes home-latest-scroll {
    from { transform: translate3d(0, 0, 0); }
    to { transform: translate3d(0, -50%, 0); }
}

body .home-latest__list { margin: 0; padding: 0; list-style: none; }
body .home-latest__item { border-bottom: 1px solid var(--line); }

body .home-latest__link {
    display: block;
    padding: 14px 4px 14px 12px;
    border-left: 3px solid transparent;
    color: var(--ink);
    transition: border-color 0.2s ease, background 0.2s ease;
}

body .home-latest__link:hover,
body .home-latest__link:focus-visible {
    border-left-color: var(--pink-ink);
    background: var(--paper-2);
    outline-offset: -2px;
}

body .home-latest__meta {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 5px;
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body .home-latest__meta time { color: var(--bordo); font-variant-numeric: tabular-nums; }
body .home-latest__category { color: var(--pink-ink); }

body .home-latest__title {
    display: -webkit-box;
    overflow: hidden;
    font-family: var(--font-heading, var(--font-sans));
    font-size: 1.02rem;
    font-weight: 700;
    line-height: 1.32;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
}

body .home-latest__link:hover .home-latest__title { color: var(--pink-ink); }

/* Hareket azaltma tercihi: akış kapanır, liste elle kaydırılan durağan listeye döner. */
@media (prefers-reduced-motion: reduce) {
    body .home-latest__track { inset: 0; overflow-y: auto; scrollbar-width: none; animation: none; }
    body .home-latest__track::-webkit-scrollbar { display: none; }
    body .home-latest__list[aria-hidden="true"] { display: none; }
}

/* Öne Çıkan Bölüm: manşetin altında, tam genişlikte yatay kart. */
body .home-lead > .news-hero__featured {
    min-width: 0;
    padding-top: var(--space-2);
}

body .home-lead > .news-hero__featured .news-hero__featured-heading { display: inline-block; margin-bottom: var(--space-3); }

body .home-lead > .news-hero__featured .news-hero__featured-card {
    display: grid;
    grid-template-columns: minmax(0, 300px) minmax(0, 1fr);
    gap: var(--space-3);
    align-items: center;
    padding-bottom: var(--space-3);
    border-bottom: 1px solid var(--line);
}

body .home-lead > .news-hero__featured .news-hero__featured-media .media { aspect-ratio: 16 / 9; }
body .home-lead > .news-hero__featured .news-hero__featured-body { padding-top: 0; }

/* Tablet ve üstü: iki sütun korunur; sağ sütun manşetin yüksekliğine uyar. */
@media (min-width: 768px) {
    body .home-lead--rail {
        grid-template-columns: minmax(0, 1fr) clamp(220px, 27%, 400px);
        column-gap: var(--space-3);
    }

    body .home-lead--rail > .news-hero__featured { grid-column: 1 / -1; }
    body .home-lead--rail .home-latest__viewport { height: auto; min-height: 0; }
}

@media (min-width: 1100px) {
    body .home-lead--rail { grid-template-columns: minmax(0, 74fr) minmax(0, 26fr); column-gap: var(--space-4); }
}

@media (max-width: 767px) {
    body .home-latest__viewport { height: 300px; }
    body .home-latest__title { font-size: 0.98rem; }
    body .home-lead > .news-hero__featured .news-hero__featured-card { grid-template-columns: minmax(0, 1fr); }
}

/* ================================================================== Son Haberler: 2 küçük + büyük + 2 küçük
   İşaretleme aynen durur (home/latest.php): slider (.latest-news__lead) ortada dominant karttır ve otomatik değişir
   (news-slider.js); sağ listedeki dört haber (.latest-news__rail) ikişer ikişer yanlara dizilir ve sabit kalır.
   Liste kutusu yerleşimden çıkarılır (display: contents), öğeleri doğrudan ızgaraya yerleşir.
   Dar ekran: büyük haber üstte, küçükler altında iki sütun. Tek haberde (--solo) eski tam genişlik düzeni geçerlidir. */
body .latest-news__grid:not(.latest-news__grid--solo) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-3);
    align-items: stretch;
}

body .latest-news__grid:not(.latest-news__grid--solo) > .latest-news__lead { grid-column: 1 / -1; min-width: 0; }
body .latest-news__grid:not(.latest-news__grid--solo) > .latest-news__rail { display: contents; }

/* Küçük kart: görsel üstte, altında kategori ve başlık. */
body .latest-news__grid:not(.latest-news__grid--solo) .latest-news__item {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    min-width: 0;
    padding: 0;
    border-top: 0;
    background: var(--paper);
}

body .latest-news__grid:not(.latest-news__grid--solo) .latest-news__thumb { flex: none; aspect-ratio: 16 / 10; }
body .latest-news__grid:not(.latest-news__grid--solo) .latest-news__body { padding: 12px 14px 16px; }
body .latest-news__grid:not(.latest-news__grid--solo) .latest-news__meta time { display: none; }

/* Kategori: önünde ince marka çizgisi. */
body .latest-news__grid:not(.latest-news__grid--solo) .latest-news__meta a {
    padding-left: 8px;
    border-left: 3px solid var(--pink-ink);
    line-height: 1.1;
}

body .latest-news__grid:not(.latest-news__grid--solo) .latest-news__title {
    font-size: clamp(0.98rem, 0.9rem + 0.35vw, 1.15rem);
    line-height: 1.3;
}

/* Büyük haber: metin görselin altına oturan düz renkli panelde (geçiş/gradient yok). */
body .latest-news__lead .news-slider__item { height: 100%; }
body .latest-news__lead .news-slider__media { max-height: none; aspect-ratio: 4 / 3; }
/* Tek haber (--solo) tam genişliktir: 4:3 burada ekran boyu karta döner; geniş ve sınırlı yükseklik. */
body .latest-news__grid--solo .latest-news__lead .news-slider__media { aspect-ratio: 16 / 9; max-height: clamp(280px, 48vh, 480px); }

body .latest-news__lead .news-slider__content {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 16px 18px 18px;
    border-top: 3px solid var(--pink);
    background: color-mix(in srgb, var(--bordo) 93%, transparent);
    color: #fff;
    pointer-events: none;
}

body .latest-news__lead .news-slider__content a { pointer-events: auto; }
body .latest-news__lead .news-slider__content a:focus-visible { outline-color: #fff; }
body .latest-news__lead .news-slider__meta { color: color-mix(in srgb, #fff 88%, transparent); }
body .latest-news__lead .news-slider__title { font-size: clamp(1.2rem, 0.95rem + 1.1vw, 1.9rem); line-height: 1.16; }

body .latest-news__lead .news-slider__spot {
    display: none;
    color: color-mix(in srgb, #fff 90%, transparent);
    font-size: 0.98rem;
    line-height: 1.5;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

body .latest-news__lead .news-slider__nav {
    position: absolute;
    top: 12px;
    right: 12px;
    gap: 4px;
    margin-top: 0;
}

body .latest-news__lead .news-slider__pages { gap: 4px; }

body .latest-news__lead .news-slider__page,
body .latest-news__lead .news-slider__arrow {
    width: 32px;
    height: 32px;
    border: 0;
    background: color-mix(in srgb, var(--bordo) 82%, transparent);
    color: #fff;
    font-size: 0.875rem;
}

body .latest-news__lead .news-slider__page[aria-current="true"],
body .latest-news__lead .news-slider__page:hover,
body .latest-news__lead .news-slider__arrow:hover,
body .latest-news__lead .news-slider__page:focus-visible,
body .latest-news__lead .news-slider__arrow:focus-visible { background: var(--pink); color: var(--bordo); }

@media (min-width: 700px) {
    body .latest-news__lead .news-slider__media { aspect-ratio: 16 / 9; }
    body .latest-news__lead .news-slider__content { padding: 22px 26px 24px; }
    body .latest-news__lead .news-slider__spot { display: -webkit-box; }
}

/* Masaüstü: sol sütunda 1. ve 2., sağ sütunda 3. ve 4. haber; büyük haber iki satırı da kaplar.
   Satırlar eşit yüksekliktedir, büyük haberin görseli kalan yüksekliği doldurur. */
@media (min-width: 1100px) {
    body .latest-news__grid:not(.latest-news__grid--solo) {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr) minmax(0, 1fr);
        grid-template-rows: 1fr;
    }

    body .latest-news__grid:not(.latest-news__grid--solo):has(.latest-news__item:nth-child(3)) {
        grid-template-rows: repeat(2, 1fr);
    }

    body .latest-news__grid:not(.latest-news__grid--solo) > .latest-news__lead {
        position: relative;
        grid-column: 2;
        grid-row: 1 / -1;
        min-height: 380px;
    }

    body .latest-news__item:nth-child(1) { grid-column: 1; grid-row: 1; }
    body .latest-news__item:nth-child(2) { grid-column: 3; grid-row: 1; }
    body .latest-news__grid:has(.latest-news__item:nth-child(3)) .latest-news__item:nth-child(2) { grid-column: 1; grid-row: 2; }
    body .latest-news__item:nth-child(3) { grid-column: 3; grid-row: 1; }
    body .latest-news__item:nth-child(4) { grid-column: 3; grid-row: 2; }

    /* Tek küçük haber: büyük haber solda, küçük haber sağda. */
    body .latest-news__grid:not(.latest-news__grid--solo):not(:has(.latest-news__item:nth-child(2))) {
        grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
    }
    body .latest-news__grid:not(:has(.latest-news__item:nth-child(2))) > .latest-news__lead { grid-column: 1; }
    body .latest-news__grid:not(:has(.latest-news__item:nth-child(2))) .latest-news__item { grid-column: 2; }

    body .latest-news__grid:not(.latest-news__grid--solo) .news-slider { position: absolute; inset: 0; }
    body .latest-news__grid:not(.latest-news__grid--solo) :is(.news-slider__stage, .news-slider__track) { height: 100%; }
    body .latest-news__grid:not(.latest-news__grid--solo) .news-slider__media { height: 100%; aspect-ratio: auto; }
}

/* Fare ile kullanılan ekranlarda büyük haber kayarak değil, yerinde yumuşakça solarak değişir: slaytlar üst üste durur,
   etkin olan (news-slider.js'in koyduğu .is-active) görünür. Gezinme açılmadıysa (betik çalışmadıysa) şerit elle kaydırılır;
   dokunmatik ekranda kaydırarak gezinme korunur. */
@media (hover: hover) and (pointer: fine) {
    body .latest-news__lead .news-slider__track:has(+ .news-slider__nav:not([hidden])) {
        display: grid;
        overflow: hidden;
    }

    body .latest-news__lead .news-slider__track:has(+ .news-slider__nav:not([hidden])) > .news-slider__slide {
        grid-area: 1 / 1;
        visibility: hidden;
        opacity: 0;
        transition: opacity 0.7s ease, visibility 0s linear 0.7s;
    }

    body .latest-news__lead .news-slider__track:has(+ .news-slider__nav:not([hidden])) > .news-slider__slide.is-active {
        visibility: visible;
        opacity: 1;
        transition: opacity 0.7s ease;
    }
}

@media (prefers-reduced-motion: reduce) {
    body .latest-news__lead .news-slider__slide { transition: none !important; }
}

/* Menü şeridi her sayfada aynı: kategori sayfalarındaki renkli şerit kullanılmaz. */
@media (min-width: 1280px) {
    body .site-nav__list::before { background: var(--paper); }
}

/* Son Haberler satırı: üstte kapak görseli, altında saat/kategori ve başlık. */
body .home-latest__link { padding: 14px 0 16px; border-left: 0; }
body .home-latest__link:hover,
body .home-latest__link:focus-visible { background: transparent; }

body .home-latest__thumb {
    display: block;
    margin-bottom: 11px;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    background: var(--empty);
}

body .home-latest__thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s cubic-bezier(0.2, 0.7, 0.2, 1);
}

body .home-latest__link:hover .home-latest__thumb img { transform: scale(1.035); }
body .home-latest__text { display: block; }

/* Mobil: görsel solda küçük, metin sağda; sütun yüksekliği kısa kalır. */
@media (max-width: 767px) {
    body .home-latest__link { display: grid; grid-template-columns: 116px minmax(0, 1fr); gap: 12px; align-items: start; }
    body .home-latest__thumb { margin-bottom: 0; aspect-ratio: 4 / 3; }
    /* Kapağı olmayan haberde metin tüm satırı kullanır. */
    body .home-latest__text:only-child { grid-column: 1 / -1; }
    body .home-latest__viewport { height: 340px; }
}

/* ------------------------------------------------------------------ pembe header */
/* Header zemini ikincil marka rengidir; logo Site Kimliği'nden gelir (seçilmemişse site adı yazıyla gösterilir).
   Logo dosyası yalnız görünümde değişir: Site Kimliği'ndeki açık zemin logosu (yapısal veri, paylaşım) aynı kalır. */
body .site-header {
    border-bottom-color: color-mix(in srgb, var(--bordo) 16%, transparent);
    background: var(--pink);
}

body .site-header .site-search {
    border-color: transparent;
    background: #fff;
}

body .site-header .site-search:focus-within { border-color: var(--bordo); }

@media (min-width: 1280px) {
    body .site-nav__list { border-top-color: color-mix(in srgb, var(--bordo) 20%, transparent); }
    body .site-nav__list::before { background: var(--pink); }

    body .site-nav__item > a { background-image: linear-gradient(#fff, #fff); }

    body .site-nav__item > a:hover,
    body .site-nav__item > a:focus-visible { color: #fff; }

    body .site-nav__item > a[aria-current="page"] {
        background-image: linear-gradient(var(--bordo), var(--bordo));
        color: var(--bordo);
    }
}

/* ------------------------------------------------------------------ son gelişmeler bandı */
/* Koyu bordo, ince bir haber bandı: solda eğik kesimli pembe etiket, ortada kategori + başlık (beyaz),
   sağda çerçevesiz küçük oklar. Yapı ve betik (quick-stories.js) aynıdır; yalnız görünüm değişir. */
body .site-quickbar {
    border-bottom: 0;
    background: var(--bordo);
}

body .site-quickbar__inner { min-height: 44px; }

body .site-quickbar__story { gap: 20px; }

body .site-quickbar__eyebrow {
    align-self: stretch;
    gap: 0;
    margin-left: -6px;
    padding: 0 26px 0 20px;
    background: var(--pink);
    color: var(--bordo);
    font-size: 0.875rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    clip-path: polygon(0 0, 100% 0, calc(100% - 14px) 100%, 0 100%);
}

body .site-quickbar__eyebrow::before { content: none; }

body .site-quickbar__item { align-items: center; gap: 0; font-size: 0.875rem; }

body .site-quickbar__item strong {
    color: var(--pink);
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

body .site-quickbar__item strong::after {
    content: "/";
    margin-inline: 12px;
    color: rgb(255 255 255 / 0.35);
    font-weight: 400;
}

body .site-quickbar__item span { color: #fff; font-weight: 500; }

body .site-quickbar__controls { gap: 0; }

body .site-quickbar__controls button {
    width: 34px;
    height: 44px;
    border: 0;
    background: transparent;
    color: rgb(255 255 255 / 0.75);
    font-size: 1.35rem;
}

body .site-quickbar__controls button + button { border-left: 1px solid rgb(255 255 255 / 0.2); }

body .site-quickbar__controls button:hover,
body .site-quickbar__controls button:focus-visible {
    border-color: rgb(255 255 255 / 0.2);
    background: transparent;
    color: var(--pink);
}

body .site-quickbar :focus-visible { outline-color: #fff; }

/* ------------------------------------------------------------------ tek yazı tipi */
/* Sitenin tamamı gövde yazı tipiyle (Site Kimliği: Montserrat) basılır: süsleme için kullanılan vurgu yazı tipi de
   (ilk harf, alıntı, baş harfler) ona bağlanır. */
:root { --font-accent: var(--font-sans); }

body :is(button, input, select, textarea) { font-family: inherit; }

/* ------------------------------------------------------------------ sağ panel bileşenleri */
/* Kutular zeminsiz ve çerçevesizdir: başlık bordo, yanında incelen pembe çizgi; sekmeler küçük etiket düğmeleridir
   (seçili olan dolu bordo); liste numaraları kutusuz, büyük pembe rakamlardır. Yapı ve betik (news-tabs.js) aynıdır. */
body .article-widget {
    padding: 0;
    border: 0;
    background: none;
}

body .article-widget__title {
    display: flex;
    gap: 12px;
    align-items: center;
    margin: 0 0 14px;
    padding: 0;
    color: var(--bordo);
    font-size: 1.0625rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: none;
}

body .article-widget__title::after {
    content: "";
    flex: 1 1 auto;
    height: 2px;
    background: linear-gradient(90deg, var(--pink), transparent);
}

body .article-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0 0 14px;
    padding: 0;
    border: 0;
}

body .article-tabs__tab {
    flex: 0 0 auto;
    padding: 6px 12px;
    border: 1px solid var(--line);
    background: #fff;
    box-shadow: none;
    color: var(--ink-2);
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
}

body .article-tabs__tab:hover { border-color: var(--bordo); color: var(--bordo); }

body .article-tabs__tab[aria-selected="true"] {
    border-color: var(--bordo);
    background: var(--bordo);
    box-shadow: none;
    color: #fff;
}

body .article-list__item { border-color: var(--line); }

body .article-list__number {
    width: auto;
    min-width: 22px;
    height: auto;
    background: none;
    color: var(--pink);
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 800;
    line-height: 1;
}

/* ------------------------------------------------------------------ süzgeç şeritleri (ortak) */
/* Haber arşivi ve profil dizini süzgeçleri tek kuraldan beslenir: küçük büyük harfli etiket, beyaz çerçeveli alan,
   dolu bordo "Uygula" düğmesi; süzgeç uygulanmışken çıkan "Filtreleri Temizle" çerçeveli düğmedir.
   Izgara (sütun sayısı, dar ekran dizilimi) site.css'teki ortak kurallarda kalır; burada yalnız görünüm vardır. */
body :is(.news-archive__filters, .profile-archive__filters) {
    gap: 14px;
    padding-block: 18px;
    border-color: var(--line);
}

body :is(.news-archive__field, .profile-archive__field) label {
    margin-bottom: 7px;
    color: var(--bordo);
    font-size: 0.875rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

body :is(.news-archive__field, .profile-archive__field) :is(input, select) {
    min-height: 46px;
    padding: 0 14px;
    border: 1px solid var(--line);
    background-color: #fff;
    font-size: 0.9375rem;
    transition: border-color 0.2s ease;
}

body :is(.news-archive__field, .profile-archive__field) :is(input, select):hover { border-color: color-mix(in srgb, var(--bordo) 40%, var(--line)); }

body :is(.news-archive__field, .profile-archive__field) :is(input, select):focus {
    border-color: var(--bordo);
    outline: 2px solid var(--blush);
    outline-offset: 0;
}

body :is(.news-archive__filters, .profile-archive__filters) :is(.news-archive__clear, .profile-archive__clear) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 24px;
    border: 1px solid var(--bordo);
    background: var(--bordo);
    color: #fff;
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

body :is(.news-archive__filters, .profile-archive__filters) :is(.news-archive__clear, .profile-archive__clear):is(:hover, :focus-visible) {
    border-color: var(--pink-ink);
    background: var(--pink-ink);
    color: #fff;
}

body :is(.news-archive__filters, .profile-archive__filters) a:is(.news-archive__clear, .profile-archive__clear) {
    background: #fff;
    color: var(--bordo);
}

/* Haber arşivindeki sabit "Sıralama" bilgisi de alanlarla aynı etiket ve kutu ölçüsünü kullanır. */
body .news-archive__sort span {
    margin-bottom: 7px;
    color: var(--bordo);
    font-size: 0.875rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

body .news-archive__sort strong {
    display: flex;
    align-items: center;
    min-height: 46px;
    padding: 0 14px;
    border: 1px solid var(--line);
    background: var(--paper-2);
    font-size: 0.9375rem;
    font-weight: 600;
}

/* Haber arşivinde alanlar satırı paylaşır: düğme alt satıra düşmez. */
body .news-archive__filters .news-archive__field { flex: 1 1 180px; }
body .news-archive__filters .news-archive__sort { flex: 0 0 auto; }

/* Header arama kutusu yumuşatıldı: tam yuvarlak uçlar, hafif saydam beyaz zemin, ince açık çerçeve ve yumuşak gölge
   (keskin köşe kuralının bilinçli istisnası). */
body .site-header .site-search {
    padding-inline: 20px 16px;
    border: 1px solid rgb(255 255 255 / 0.7);
    border-radius: 999px;
    background: rgb(255 255 255 / 0.82);
    box-shadow: 0 6px 18px rgb(30 30 30 / 0.08);
    transition: background-color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

body .site-header .site-search:hover { background: rgb(255 255 255 / 0.92); }

body .site-header .site-search:focus-within {
    border-color: #fff;
    background: #fff;
    box-shadow: 0 0 0 4px rgb(255 255 255 / 0.4), 0 8px 22px rgb(30 30 30 / 0.12);
}

body .site-header .site-search input { background: transparent; }
body .site-header .site-search input:focus { outline: 0; }

/* ------------------------------------------------------------------ ana sayfa "Son Haberler" başlığı */
/* Başlık, iki yanı çapraz kesimli bordo bir kutunun içinde durur (sitedeki eğik etiket diliyle aynı);
   sütunun üstündeki kalın çizgi ve başlığın yanındaki nokta kullanılmaz. */
body .home-latest { border-top: 0; }

body .home-latest__heading {
    align-self: flex-start;
    gap: 0;
    margin: 0 0 14px;
    padding: 10px 30px;
    border-bottom: 0;
    background: var(--bordo);
    color: #fff;
    clip-path: polygon(14px 0, 100% 0, calc(100% - 14px) 100%, 0 100%);
}

body .home-latest__heading::before { content: none; }

/* ------------------------------------------------------------------ header renkleri yer değiştirdi */
/* Header koyu bordo, altındaki "Son Gelişmeler" bandı açık pembedir (önceki düzenin tersi).
   Logo Site Kimliği'nden gelir (seçilmemişse site adı yazıyla); menü yazıları beyaz, etkin olan pembe;
   üst düğme pembe. Açılan mobil menü paneli açık zeminli kaldığı için oradaki yazılar bordo kalır. */
body .site-header {
    border-bottom-color: rgb(255 255 255 / 0.12);
    background: var(--bordo);
}

body .site-header .site-nav__actions .btn {
    border-color: var(--pink);
    background: var(--pink);
    color: var(--bordo);
}

body .site-header .site-nav__actions .btn:hover,
body .site-header .site-nav__actions .btn:focus-visible {
    border-color: #fff;
    background: #fff;
    color: var(--bordo);
}

@media (min-width: 1280px) {
    body .site-nav__list { border-top-color: rgb(255 255 255 / 0.16); }
    body .site-nav__list::before { background: var(--bordo); }

    body .site-nav__item > a {
        background-image: linear-gradient(var(--pink), var(--pink));
        color: #fff;
    }

    body .site-nav__item > a:hover,
    body .site-nav__item > a:focus-visible { color: var(--pink); }

    body .site-nav__item > a[aria-current="page"] {
        background-image: linear-gradient(var(--pink), var(--pink));
        color: var(--pink);
    }

    body .site-nav__item > a:focus-visible { outline-color: #fff; }
    body .site-nav__sub-toggle { color: #fff; }
}

@media (max-width: 1279px) {
    body .nav-burger span,
    body .nav-burger span::before,
    body .nav-burger span::after { background: #fff; }
    body .site-header .nav-search--mobile { color: #fff; }
}

/* Son Gelişmeler bandı: açık pembe zemin, bordo yazı; etiket bordo kutu içinde beyaz. */
body .site-quickbar { background: var(--pink); }

body .site-quickbar__eyebrow {
    background: var(--bordo);
    color: #fff;
}

body .site-quickbar__item strong { color: var(--bordo); }
body .site-quickbar__item strong::after { color: rgb(30 30 30 / 0.4); }
body .site-quickbar__item span { color: var(--bordo); font-weight: 600; }

body .site-quickbar__controls button { color: var(--bordo); }
body .site-quickbar__controls button + button { border-left-color: rgb(30 30 30 / 0.22); }

body .site-quickbar__controls button:hover,
body .site-quickbar__controls button:focus-visible {
    border-color: rgb(30 30 30 / 0.22);
    color: #fff;
}

body .site-quickbar :focus-visible { outline-color: var(--bordo); }

/* Koyu header üzerinde arama kutusu grileşmesin diye zemini daha opak beyazdır. */
body .site-header .site-search { border-color: transparent; background: rgb(255 255 255 / 0.94); }

/* ------------------------------------------------------------------ yumuşak köşeler */
/* Keskin köşe kuralı genel kural olarak kalır; aşağıdaki parçalar tek ve küçük bir yarıçapla (--radius-soft) yumuşatılır:
   düğmeler, form alanları, kart/haber/video görselleri ve beyaz bilgi kartları. Tam yuvarlak (hap) biçim yalnız header
   arama kutusundadır. Eğik kesimli etiketler, tam genişlikteki bantlar ve başlık şeritleri keskin kalır.
   Seçiciler sınıf taşıdığı için genel kuralın (yalnız etiket seçicili) önüne geçer. */
:root { --radius-soft: 8px; }

/* Düğmeler */
body :is(.btn, .news-archive__clear, .profile-archive__clear, .program-card__more, .program-showcase__cta, .article-tabs__tab,
    .video-archive__chip, .video-archive__clear, .article__share button, .site-pager a, .site-pager span, .not-found__actions a,
    .news-slider--mini .news-slider__page, .news-slider--mini .news-slider__arrow, .category-featured .news-slider__arrow,
    .site-quickbar__controls button, .news-archive__sort strong) {
    border-radius: var(--radius-soft) !important;
}

/* Form alanları (header araması hap biçimini korur) */
body :is(.news-archive__field, .profile-archive__field, .video-archive__search, .search-page__form, .newsletter__fields,
    .utility-form, .public-form, .sidebar-newsletter) :is(input:not([type="checkbox"], [type="radio"]), select, textarea) {
    border-radius: var(--radius-soft) !important;
}

/* Görseller */
body :is(.news-card__media, .video-archive__media, .program-detail__episode-media, .article-list__media, .article-list__thumb,
    .home-latest__thumb, .category-columns__lead-media, .category-columns__thumb, .news-hero__featured-media,
    .program-showcase__thumb, .article__cover, .article__cover .media, .news-card__media .media, .video-archive__media .media,
    .program-detail__episode-media .media, .news-hero__featured-media .media, .about-editorial__story-media img,
    .news-slider--mini .news-slider__media, .news-slider--latest .news-slider__media) {
    overflow: hidden;
    border-radius: var(--radius-soft) !important;
}

/* Bloklar: yalnız dış köşeler yuvarlanır (içerideki bitişik parçalar keskin kalır). */
body :is(.program-showcase__panel, .category-featured .news-slider, .programs-page .program-card__visual,
    .programs-page .program-card__body, .story-viewer__card) {
    overflow: hidden;
    border-radius: var(--radius-soft) !important;
}

@media (min-width: 900px) {
    body .news-archive > .container > .news-archive__grid > .news-card:first-child,
    body .video-archive .video-archive__grid > .video-archive__card:first-child {
        overflow: hidden;
        border-radius: var(--radius-soft) !important;
    }

    /* Öne çıkan şeritte görsel şeridin sol kenarını doldurur: kendi köşesi yuvarlanmaz. */
    body .news-archive > .container > .news-archive__grid > .news-card:first-child :is(.news-card__media, .news-card__media .media),
    body .video-archive .video-archive__grid > .video-archive__card:first-child :is(.video-archive__media, .video-archive__media .media) {
        border-radius: 0 !important;
    }
}

/* Programlar kartında "Program" etiketi kartın dışına taştığı için kart taşmayı kesmez. */
body .programs-page .program-card__body { overflow: visible; }

/* Header düğmesi: koyu zeminde dolu pembe yerine ince beyaz çerçeveli, zeminsiz düğme; menüyle aynı yazı dili
   (küçük, büyük harf, aralıklı). Üzerine gelince beyaza dolar. */
body .site-header .site-nav__actions .btn {
    padding: 11px 20px;
    border: 1px solid rgb(255 255 255 / 0.55);
    background: transparent;
    box-shadow: none;
    color: #fff;
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

body .site-header .site-nav__actions .btn:hover,
body .site-header .site-nav__actions .btn:focus-visible {
    border-color: #fff;
    background: #fff;
    color: var(--bordo);
}

/* ------------------------------------------------------------------ Köşe Yazıları (ana sayfa yazar yazıları bloğu) */
/* Koyu panel yerine açık bir düzen: üstte pembe bir bant, kartlar bandın üstüne binerek beyaz zemine iner.
   Başlık eğik kesimli bordo etikettir. Kartta önce yazar (büyük yuvarlak portre + ad), altında yazının başlığı ve girişi.
   Kartlar women-wrote.js ile birkaç saniyede bir kayar. */
body .women-wrote__panel {
    padding: 0 0 6px;
    border: 0;
    border-radius: 0;
    background: linear-gradient(180deg, var(--pink) 0, var(--pink) 190px, transparent 190px);
    color: var(--ink);
}

body .women-wrote__head {
    align-items: center;
    margin: 0;
    padding: 22px clamp(18px, 2.4vw, 36px) 20px;
    border: 0;
}

body .women-wrote__heading {
    padding: 10px 30px;
    background: var(--bordo);
    color: #fff;
    font-family: var(--font-sans) !important;
    font-size: 0.95rem;
    font-style: normal;
    font-weight: 800;
    letter-spacing: 0.14em;
    line-height: 1.3;
    text-transform: uppercase;
    clip-path: polygon(14px 0, 100% 0, calc(100% - 14px) 100%, 0 100%);
}

body .women-wrote__more,
body .women-wrote__more:hover,
body .women-wrote__more:focus-visible { margin: 0; color: var(--bordo); }

body .women-wrote__grid { padding-inline: clamp(18px, 2.4vw, 36px); }

body .women-wrote__item {
    padding: 24px 24px 26px;
    border: 1px solid var(--line);
    border-radius: var(--radius-soft) !important;
    background: #fff;
    box-shadow: 0 14px 34px rgb(30 30 30 / 0.1);
}

body .women-wrote__item:hover { transform: translateY(-4px); box-shadow: 0 22px 44px rgb(30 30 30 / 0.16); }

body .women-wrote__item::before { top: 10px; right: 20px; color: color-mix(in srgb, var(--pink) 45%, #fff); }

/* Yazar üstte: büyük portre ve adı; altında ince çizgi. */
body .women-wrote__byline {
    order: 0;
    gap: 16px;
    margin: 0 0 18px;
    padding: 0 0 18px;
    border-top: 0;
    border-bottom: 1px solid var(--line);
}

body .women-wrote__portrait {
    width: 72px;
    height: 72px;
    box-shadow: 0 0 0 3px #fff, 0 0 0 5px var(--pink);
}

body .women-wrote__author {
    color: var(--ink);
    font-size: 1.0625rem;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
}

body .women-wrote__title {
    font-family: var(--font-sans) !important;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.35;
}

body .women-wrote__excerpt {
    margin: 10px 0 0;
    font-size: 0.9375rem;
    font-style: normal;
}

@media (max-width: 699px) {
    body .women-wrote__panel { margin-inline: 0; padding: 0 0 6px; }
    body .women-wrote__head { flex-wrap: wrap; gap: 12px; }
}

/* Köşe yazısı kartlarının gölgesi kesilmesin: panel taşmayı kesmez ve kartların altında gölgeye yer bırakır. */
body .women-wrote__panel {
    overflow: visible;
    padding-bottom: 44px;
}

@media (max-width: 699px) {
    body .women-wrote__panel { padding-bottom: 36px; }
}

/* Köşe yazısı kartları ana renk zeminli, beyaz yazılıdır. */
body .women-wrote__item {
    border-color: transparent;
    background: var(--bordo);
    color: #fff;
    box-shadow: 0 14px 34px rgb(30 30 30 / 0.22);
}

body .women-wrote__item:hover { box-shadow: 0 22px 44px rgb(30 30 30 / 0.3); }
body .women-wrote__item::before { color: rgb(255 255 255 / 0.12); }
body .women-wrote__byline { border-bottom-color: rgb(255 255 255 / 0.18); }
body .women-wrote__portrait { box-shadow: 0 0 0 3px var(--bordo), 0 0 0 5px var(--pink); }

body .women-wrote__author,
body .women-wrote__author a,
body .women-wrote__title,
body .women-wrote__title a { color: #fff; }

body .women-wrote__excerpt { color: rgb(255 255 255 / 0.78); }

body .women-wrote__item :is(.women-wrote__author a, .women-wrote__title a):is(:hover, :focus-visible) { color: var(--pink); }
body .women-wrote__item :focus-visible { outline-color: #fff; }

/* ------------------------------------------------------------------ yazar sayfası */
/* Yazar kartı bordo bir tanıtım panelidir: solda büyük yuvarlak portre (pembe halka), sağda ad, görev, yazı sayısı,
   kısa özgeçmiş ve bağlantı etiketleri. Kartın öğeleri düz kardeşlerdir: ızgarada portre sol sütunu kaplar.
   Yazı listesi başlığı sitedeki çizgili başlık şeridini kullanır; yazı kartları yumuşak köşeli, sade kartlardır
   (tür rozeti görselin sol üstünde eğik etiket, kategori başlığın üstünde küçük yazı). */
body .author-detail__card {
    display: grid;
    grid-template-columns: 132px minmax(0, 1fr);
    gap: 0 var(--space-4);
    align-content: center;
    padding: clamp(22px, 2.6vw, 40px);
    border: 0;
    border-radius: var(--radius-soft) !important;
    background:
        radial-gradient(60% 120% at 100% 0%, color-mix(in srgb, var(--pink) 26%, transparent) 0%, transparent 70%),
        var(--bordo);
    color: #fff;
}

body .author-detail__card > * { grid-column: 2; }

body .author-detail__card > :is(.author-detail__portrait, .author-detail__initials) {
    grid-column: 1;
    grid-row: 1 / span 6;
    align-self: center;
    width: 132px;
    height: 132px;
    border: 0;
    box-shadow: 0 0 0 4px var(--bordo), 0 0 0 7px var(--pink);
    font-size: 2.4rem;
}

body .author-detail__card h1 {
    margin: 0;
    color: #fff;
    font-size: clamp(1.75rem, 1.2rem + 1.6vw, 2.5rem);
    font-weight: 800;
    line-height: 1.15;
}

body .author-detail__role { margin-top: 8px; color: var(--pink); }

body .author-detail__stats {
    margin-top: 8px;
    color: var(--pink);
    font-size: 0.9375rem;
    font-weight: 700;
    letter-spacing: 0.04em;
}

body .author-detail__bio {
    margin-top: 12px;
    color: rgb(255 255 255 / 0.86);
    font-size: 1.0625rem;
}

body .author-detail__tags { gap: 8px; margin-top: 18px; }

body .author-detail__tags li {
    padding: 5px 14px;
    border: 1px solid rgb(255 255 255 / 0.4);
    border-radius: var(--radius-soft) !important;
    background: transparent;
    color: #fff;
    font-size: 0.875rem;
    font-weight: 600;
}

body .author-detail__tags a { color: inherit; }
body .author-detail__tags a:hover,
body .author-detail__tags a:focus-visible { color: var(--pink); }

/* Liste başlığı: çizgili başlık şeridi. */
body .author-detail__heading {
    display: flex;
    gap: 14px;
    align-items: center;
    padding: 0;
    border: 0;
    color: var(--bordo);
    font-size: clamp(1.25rem, 1rem + 0.9vw, 1.75rem);
    font-weight: 800;
    line-height: 1.15;
    text-transform: uppercase;
}

body .author-detail__heading::after {
    content: "";
    flex: 1 1 auto;
    min-width: 60px;
    height: 10px;
    background:
        repeating-linear-gradient(90deg, currentColor 0 4px, transparent 4px 9px) left center / 41px 100% no-repeat,
        linear-gradient(currentColor, currentColor) 52px 0 / calc(100% - 52px) 100% no-repeat;
}

body .author-detail__grid { gap: var(--space-4) var(--space-3); margin-top: var(--space-3); }

/* Yazı kartı */
body .author-card,
body .author-card:hover {
    overflow: visible;
    border: 0;
    background: none;
    box-shadow: none;
}

body .author-card__media {
    overflow: hidden;
    border-radius: var(--radius-soft) !important;
}

body .author-card__badge {
    top: 12px;
    right: auto;
    left: 0;
    padding: 5px 20px 5px 12px;
    background: var(--pink);
    color: var(--bordo);
    font-size: 0.875rem;
    letter-spacing: 0.08em;
    clip-path: polygon(0 0, 100% 0, calc(100% - 10px) 100%, 0 100%);
}

body .author-card__body { padding: 14px 0 0; }

body .author-card__category,
body .author-card__category:hover,
body .author-card__category:focus-visible {
    position: static;
    display: inline-block;
    padding: 0;
    background: none;
    color: var(--pink-ink);
    font-size: 0.875rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    transform: none;
}

body .author-card h3 { margin-top: 6px; font-size: 1.125rem; -webkit-line-clamp: 3; line-clamp: 3; }
body .author-card time { margin-top: 8px; font-size: 0.875rem; font-weight: 600; }

@media (max-width: 699px) {
    body .author-detail__card { grid-template-columns: minmax(0, 1fr); row-gap: 0; }
    body .author-detail__card > * { grid-column: 1; }

    body .author-detail__card > :is(.author-detail__portrait, .author-detail__initials) {
        grid-row: auto;
        justify-self: start;
        width: 96px;
        height: 96px;
        margin-bottom: 18px;
    }
}

/* ------------------------------------------------------------------ yazar sayfası yerleşimi */
/* Sayfa tek sütundur (yan panel yoktur): üstte tam genişlikte yatay yazar paneli (solda portre, sağda bilgiler),
   altında yazarın yazıları üçlü kart ızgarasında, en altta panel bileşenleri yan yana (yazarın son yazıları ve
   diğer yazarlar; diğer yazarlar yan yana etiketler olarak dizilir). */
body .author-detail .article-page__layout {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-5);
}

body .author-detail .article-sidebar {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-4) var(--space-5);
    align-items: start;
    padding-top: var(--space-4);
    border-top: 1px solid var(--line);
}

body .author-detail .article-sidebar .people-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

body .author-detail .article-sidebar .people-list a {
    padding: 8px 16px;
    border: 1px solid var(--line);
    border-radius: var(--radius-soft) !important;
    background: #fff;
    transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

body .author-detail .article-sidebar .people-list a:hover,
body .author-detail .article-sidebar .people-list a:focus-visible {
    border-color: var(--bordo);
    background: var(--bordo);
    color: #fff;
}

body .author-detail .article-sidebar .people-list a:is(:hover, :focus-visible) .people-list__name { color: #fff; }

@media (max-width: 899px) {
    body .author-detail .article-sidebar { grid-template-columns: minmax(0, 1fr); }
}

/* Hakkımızda: profil portre kartları yuvarlak köşelidir (profil dizinindeki kartla aynı). */
body .about-editorial__woman { border-radius: 24px !important; }

/* ------------------------------------------------------------------ iletişim sayfası */
/* İki sütunlu sade düzen: solda büyük başlık, tanıtım cümlesi, ikili ızgarada iletişim bilgileri ve yönlendirme
   bağlantıları; sağda açık pembe, yuvarlak köşeli panelin içinde form. Sayfa zemini çok açık bir tondur.
   Form kutusu ile yan liste kaynakta aynı ızgara kutusunun içindedir; o kutu kendi kutusunu bırakır (display: contents)
   ve ikisi sayfa ızgarasına ayrı ayrı yerleşir. Dar ekranda sırayla alt alta iner. Yapı ve form aynıdır. */
body .contact-page {
    background: var(--paper-2);
}

body .contact-page > .container {
    padding-bottom: var(--space-6);
}

body .contact-page__head {
    max-width: none;
}

body .contact-page__head h1 {
    color: var(--ink);
    font-size: clamp(2.25rem, 1.5rem + 2.6vw, 3.5rem);
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.01em;
}

body .contact-page__head .utility-page__lead {
    max-width: 30em;
    margin-top: 18px;
    color: var(--ink);
    font-size: 1.125rem;
    line-height: 1.6;
}

/* İletişim bilgileri: kutusuz, ikili ızgara; başlık (etiket), kısa not ve kalın değer. */
body .contact-page .contact-cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-4) var(--space-4);
    margin-top: var(--space-5);
    border: 0;
}

body .contact-page .contact-card,
body .contact-page .contact-card:hover,
body .contact-page .contact-card:focus-visible {
    display: block;
    padding: 0;
    border: 0;
    border-radius: 0 !important;
    background: none;
    box-shadow: none;
    transform: none;
}

body .contact-page .contact-card__icon {
    display: none;
}

body .contact-page .contact-card > span:last-child {
    display: flex;
    flex-direction: column;
}

body .contact-page .contact-card__label {
    color: var(--ink);
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0;
    text-transform: none;
}

body .contact-page .contact-card__note {
    order: 1;
    margin-top: 6px;
    color: var(--ink-2);
    font-size: 1rem;
}

body .contact-page .contact-card__value {
    order: 2;
    margin-top: 6px;
    color: var(--ink);
    font-size: 1.0625rem;
    font-weight: 700;
    line-height: 1.4;
}

body .contact-page .contact-card:hover .contact-card__value,
body .contact-page .contact-card:focus-visible .contact-card__value {
    color: var(--bordo);
    text-decoration: underline;
    text-underline-offset: 4px;
}

/* Form paneli */
body .contact-page .contact-form-card {
    padding: clamp(22px, 2.6vw, 40px);
    border: 0;
    border-radius: 24px !important;
    background: color-mix(in srgb, var(--pink) 26%, #fff);
    box-shadow: none;
}

body .contact-page .contact-form-card h2 {
    margin: 0;
    padding: 0;
    border: 0;
    color: var(--ink);
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
}

body .contact-page .contact-form-card > p {
    margin-top: 6px;
    color: var(--ink-2);
    font-size: 1rem;
}

body .contact-page .form-steps__bar {
    gap: var(--space-3);
    margin-top: var(--space-3);
    padding: 0;
    border: 0;
    border-bottom: 1px solid rgb(30 30 30 / 0.15);
}

body .contact-page .form-steps__bar li {
    display: inline-flex;
    gap: 6px;
    align-items: baseline;
    margin-bottom: -1px;
    padding: 0 0 12px;
    border: 0;
    border-bottom: 2px solid transparent;
    border-radius: 0 !important;
    background: none;
    box-shadow: none;
    color: var(--ink-2);
    font-size: 1rem;
    font-weight: 600;
}

body .contact-page .form-steps__bar li span,
body .contact-page .form-steps__bar li[aria-current="step"] span,
body .contact-page .form-steps__bar li.is-done span {
    display: inline;
    width: auto;
    min-width: 0;
    height: auto;
    border: 0;
    background: none;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

body .contact-page .form-steps__bar li span::after {
    content: ".";
}

body .contact-page .form-steps__bar li[aria-current="step"] {
    border-bottom-color: var(--bordo);
    background: none;
    color: var(--bordo);
}

body .contact-page .form-steps__step {
    gap: var(--space-2);
    margin-top: var(--space-3);
}

body .contact-page .form-steps__topics > span {
    margin-bottom: 4px;
    color: var(--ink-2);
    font-size: 0.9375rem;
}

body .contact-page .form-steps__topics button {
    padding: 9px 18px;
    border: 0;
    border-radius: 999px !important;
    background: #fff;
    color: var(--ink);
    font-size: 0.9375rem;
    font-weight: 600;
}

body .contact-page .form-steps__topics button:hover,
body .contact-page .form-steps__topics button[aria-pressed="true"] {
    background: var(--bordo);
    color: #fff;
}

body .contact-page .utility-form label {
    margin-bottom: 6px;
    color: var(--ink);
    font-size: 0.9375rem;
    font-weight: 600;
}

body .contact-page .utility-form input,
body .contact-page .utility-form textarea {
    min-height: 54px;
    padding: 14px 20px;
    border: 1px solid transparent;
    border-radius: 16px !important;
    background: #fff;
    box-shadow: none;
    font-size: 1rem;
}

body .contact-page .utility-form textarea {
    min-height: 170px;
}

body .contact-page .utility-form input:focus,
body .contact-page .utility-form textarea:focus {
    border-color: var(--bordo);
    outline: 0;
    background: #fff;
    box-shadow: none;
}

body .contact-page .utility-form .btn {
    min-height: 54px;
    padding: 0 44px;
    border-radius: 999px !important;
    font-size: 1rem;
    font-weight: 700;
}

/* Yönlendirme bağlantıları: solda, iletişim bilgilerinin altında sade bir liste. */
body .contact-page .contact-panel {
    padding: 0;
    border: 0;
    border-radius: 0 !important;
    background: none;
    box-shadow: none;
}

body .contact-page .contact-panel h2 {
    margin: 0;
    padding: 0;
    border: 0;
    color: var(--ink);
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
}

body .contact-page .contact-panel ul {
    margin-top: var(--space-2);
    border: 0;
}

body .contact-page .contact-panel li + li {
    border-top: 1px solid var(--line);
}

body .contact-page .contact-panel a {
    padding-block: 14px;
}

body .contact-page .contact-panel a > span:first-child {
    color: var(--ink);
    font-size: 1.0625rem;
    font-weight: 700;
}

body .contact-page .contact-panel small {
    color: var(--ink-2);
    font-size: 0.9375rem;
}

body .contact-page .contact-panel a > span[aria-hidden] {
    width: auto;
    height: auto;
    border-radius: 0 !important;
    background: none;
    color: var(--bordo);
    transform: none;
}

body .contact-page .contact-panel a:hover > span:first-child,
body .contact-page .contact-panel a:focus-visible > span:first-child {
    color: var(--bordo);
}

body .contact-page .contact-map {
    overflow: hidden;
    border: 0;
    border-radius: 16px !important;
    box-shadow: none;
}

body .contact-page__layout {
    display: grid;
    gap: var(--space-4);
    align-items: stretch;
}

body .contact-page__copy {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

body .contact-page__copy .contact-side {
    margin-top: auto;
    padding-top: var(--space-5);
}

body .contact-page .contact-guidance {
    margin-top: var(--space-5);
    padding-top: var(--space-3);
    border-top: 1px solid var(--line);
}

body .contact-page .contact-guidance h2 {
    margin-bottom: var(--space-2);
    color: var(--bordo);
    font-size: 1.25rem;
    line-height: 1.3;
}

body .contact-page .contact-guidance ul {
    display: grid;
    gap: var(--space-2);
}

body .contact-page .contact-guidance li {
    display: grid;
    grid-template-columns: minmax(0, 150px) minmax(0, 1fr);
    gap: var(--space-2);
    align-items: baseline;
}

body .contact-page .contact-guidance strong {
    color: var(--ink);
    font-size: .95rem;
}

body .contact-page .contact-guidance span {
    color: var(--ink-2);
    font-size: .9rem;
    line-height: 1.45;
}

body .contact-page__layout > .contact-form-card {
    min-width: 0;
}

/* Başlık ve form aynı üst çizgiden başlar; iki sütun aynı alt çizgide biter. */
@media (min-width: 1000px) {
    body .contact-page__layout {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
        column-gap: var(--space-6);
    }

    body .contact-page .contact-panel li:last-child a {
        padding-bottom: 0;
    }
}

@media (max-width: 999px) {
    body .contact-page__copy .contact-side {
        margin-top: 0;
        padding-top: var(--space-4);
    }
}

@media (max-width: 559px) {
    body .contact-page .contact-guidance li {
        grid-template-columns: 1fr;
        gap: 2px;
    }
}

@media (max-width: 559px) {
    body .contact-page .contact-cards {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* İletişim: sol sütunun dili. Başlık bordo ve büyük; bilgi başlıkları bordo; yönlendirme listesinin üstünde kalın çizgi. */
body .contact-page__head h1 { color: var(--bordo); font-weight: 800; }
body .contact-page .contact-card__label { color: var(--bordo); }
body .contact-page .contact-panel h2 { color: var(--bordo); }
body .contact-page .contact-panel ul { border-top: 2px solid var(--bordo); }

/* İş Birliği: güçlü giriş, okunaklı teklif alanları ve davetkâr başvuru formu. */
body.page-is-birligi main { background: #fafafa; }

body .partnership-hero {
    background-color: #eeeeee;
    background-image:
        linear-gradient(90deg, #eeeeee 0%, rgb(238 238 238 / .96) 29%, rgb(238 238 238 / .75) 43%, transparent 61%),
        linear-gradient(120deg, #fff 45%, color-mix(in srgb, var(--brand-accent) 16%, #fff));
    background-size: 100% 100%, auto 100%;
    background-position: center, right center;
    background-repeat: no-repeat;
}

body .partnership-hero__inner {
    min-height: 520px;
    display: flex;
    align-items: center;
    padding-block: var(--space-4) var(--space-6);
}

body .partnership-hero__copy { max-width: 680px; }
body .partnership-hero .utility-page__breadcrumb { margin-bottom: var(--space-5); }
body .partnership-hero__kicker { color: var(--pink-ink); font-size: clamp(1.25rem, 1.6vw, 1.7rem); }
body .partnership-hero h1 {
    margin-top: 8px;
    color: var(--bordo);
    font-size: clamp(3.5rem, 5vw, 5.8rem);
    font-weight: 800;
    letter-spacing: -.055em;
}
body .partnership-hero .utility-page__lead {
    max-width: 530px;
    margin-top: var(--space-3);
    color: #474747;
    font-size: clamp(1rem, 1.15vw, 1.18rem);
    line-height: 1.65;
}
body .partnership-hero__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-3);
    margin-top: var(--space-4);
}
body .partnership-hero__actions .btn {
    min-height: 52px;
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    padding-inline: var(--space-3);
}
body .partnership-hero__actions > a:not(.btn) {
    color: var(--bordo);
    font-size: .9rem;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 5px;
}

body .partnership-offerings { padding-block: var(--space-6) calc(var(--space-6) + 28px); }
body .partnership-offerings__head { max-width: 1680px; }
body .partnership-offerings__head h2 {
    max-width: 760px;
    margin-top: var(--space-1);
    color: var(--bordo);
    font-size: clamp(2rem, 2.6vw, 3rem);
    line-height: 1.16;
}
body .partnership-offerings__head > p:last-child {
    margin-top: var(--space-2);
    color: var(--ink-2);
}
body .partnership-services {
    gap: var(--space-3);
    padding-top: var(--space-4);
}
body .partnership-services li {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 315px;
    padding: clamp(28px, 2.6vw, 42px);
    border: 2px solid #fff;
    background: #222222;
    box-shadow:
        inset 0 0 38px rgb(255 255 255 / .08),
        inset 0 -30px 60px rgb(0 0 0 / .2),
        0 14px 34px rgb(42 42 42 / .15);
    transition: transform .2s ease, box-shadow .2s ease;
}
body .partnership-services li::after {
    content: "";
    position: absolute;
    inset: 11px;
    border: 1px solid rgb(255 255 255 / .65);
    pointer-events: none;
}
body .partnership-services__mark {
    position: absolute;
    right: 1%;
    bottom: -3%;
    width: 77%;
    height: auto;
    filter: brightness(0) invert(1);
    opacity: .18;
    pointer-events: none;
    transition: transform .25s ease;
}
body .partnership-services li > h2,
body .partnership-services li > p,
body .partnership-services li > a {
    position: relative;
    z-index: 1;
}
body .partnership-services li:nth-child(2),
body .partnership-services li:nth-child(3) { transform: none; }
body .partnership-services h2 {
    max-width: 14ch;
    color: #fff;
    font-size: clamp(1.4rem, 1.7vw, 1.85rem);
}
body .partnership-services p {
    max-width: 25ch;
    color: rgb(255 255 255 / .84);
}
body .partnership-services li > a {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: auto;
    padding-top: var(--space-3);
    color: #fff;
    font-size: .9rem;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 5px;
}
body .partnership-services li > a span { transition: transform .2s ease; }
body .partnership-services li > a:hover span,
body .partnership-services li > a:focus-visible span { transform: translate(3px, -3px); }
body.page-is-birligi #partnership-options,
body.page-is-birligi #partnership-form-title { scroll-margin-top: 190px; }

body .partnership-main {
    gap: var(--space-4);
    padding-top: 0;
    padding-bottom: var(--space-6);
    align-items: stretch;
}
body .partnership-form-card {
    padding: clamp(28px, 3vw, 55px);
    border: 1px solid var(--line);
    background: #fff;
    box-shadow: 0 18px 60px rgb(42 42 42 / .06);
}
body .partnership-form-card > .partnership-kicker { margin-bottom: var(--space-1); }
body .partnership-form-card h2 { color: var(--bordo); }
body .partnership-form-card .utility-form input,
body .partnership-form-card .utility-form select,
body .partnership-form-card .utility-form textarea {
    min-height: 52px;
    border-color: #d9d5d4;
    background: #fff;
    color: var(--ink);
    box-shadow: none;
}
body .partnership-form-card .utility-form input::placeholder,
body .partnership-form-card .utility-form textarea::placeholder {
    color: #888184;
    opacity: 1;
}
body .partnership-form-card .utility-form input:hover,
body .partnership-form-card .utility-form select:hover,
body .partnership-form-card .utility-form textarea:hover {
    border-color: #b9b1b3;
}
body .partnership-form-card .utility-form input:focus,
body .partnership-form-card .utility-form select:focus,
body .partnership-form-card .utility-form textarea:focus {
    border-color: var(--bordo);
    background: #fff;
    box-shadow: 0 0 0 3px rgb(34 34 34 / .08);
}
body .partnership-form-card .utility-form .btn {
    min-height: 54px;
    padding-inline: var(--space-4);
}
body .partnership-process {
    padding: clamp(28px, 3vw, 55px);
    background: var(--bordo);
    color: #fff;
}
body .partnership-process .partnership-kicker { color: var(--skin-on-dark); }
body .partnership-process h2 { color: #fff; font-size: clamp(1.8rem, 2.3vw, 2.5rem); }
body .partnership-process__intro,
body .partnership-process li p { color: rgb(255 255 255 / .75); }
body .partnership-process ol { counter-reset: none; }
body .partnership-process li {
    grid-template-columns: 16px 1fr;
    gap: var(--space-3);
    border-top-color: rgb(255 255 255 / .22);
    counter-increment: none;
}
body .partnership-process li::before {
    content: "";
    width: 12px;
    height: 12px;
    margin-top: 5px;
    border: 2px solid var(--skin-on-dark);
    border-radius: 50%;
    background: transparent;
}
body .partnership-process h3 { color: #fff; }
body .partnership-process__quote {
    border-top-color: rgb(255 255 255 / .22);
    color: #fff;
}

@media (hover: hover) {
    body .partnership-services li:hover {
        transform: translateY(-5px);
        box-shadow:
            inset 0 0 42px rgb(255 255 255 / .1),
            inset 0 -30px 60px rgb(0 0 0 / .24),
            0 20px 42px rgb(42 42 42 / .22);
    }
    body .partnership-services li:hover .partnership-services__mark { transform: translateY(-7px) rotate(-3deg); }
}

@media (prefers-reduced-motion: reduce) {
    body .partnership-services li,
    body .partnership-services__mark { transition: none; }
}

@media (max-width: 760px) {
    body .partnership-hero {
        background-image:
            linear-gradient(rgb(238 238 238 / .87), rgb(238 238 238 / .92)),
            linear-gradient(120deg, #fff 45%, color-mix(in srgb, var(--brand-accent) 16%, #fff));
        background-size: 100% 100%, auto 100%;
        background-position: center, 72% center;
    }
    body .partnership-hero__inner { min-height: 0; padding-block: var(--space-4) var(--space-5); }
    body .partnership-hero .utility-page__breadcrumb { margin-bottom: var(--space-4); }
    body .partnership-offerings { padding-block: var(--space-5); }
    body .partnership-services li,
    body .partnership-services li:nth-child(2),
    body .partnership-services li:nth-child(3) { min-height: 0; transform: none; }
    body .partnership-main { padding-bottom: var(--space-5); }
    body.page-is-birligi #partnership-options,
    body.page-is-birligi #partnership-form-title { scroll-margin-top: 130px; }
}

/* İş Birliği sayfasında marka panellerine ve forma ölçülü yumuşak köşeler. */
body.page-is-birligi .partnership-services li,
body.page-is-birligi .partnership-form-card,
body.page-is-birligi .partnership-process {
    border-radius: 14px !important;
}
body.page-is-birligi .partnership-services li::after { border-radius: 9px; }
body.page-is-birligi .partnership-form-card .utility-form input,
body.page-is-birligi .partnership-form-card .utility-form select,
body.page-is-birligi .partnership-form-card .utility-form textarea {
    border-radius: 9px !important;
}
body.page-is-birligi .partnership-form-card .utility-form .btn,
body.page-is-birligi .partnership-hero__actions .btn {
    border-radius: 10px !important;
}

/* Masaüstü alt menüleri: daha ferah satırlar ve sakin editoryal vurgu. */
@media (min-width: 1280px) {
    body .site-nav__sub {
        left: -16px;
        min-width: 262px;
        padding: 9px;
        border: 1px solid #e3e3e3;
        border-top: 2px solid var(--pink);
        border-radius: 10px !important;
        background: #fff;
        box-shadow: 0 18px 42px rgb(24 24 24 / .18);
    }

    body .site-nav__sub a {
        position: relative;
        padding: 10px 13px;
        border-radius: 7px !important;
        color: var(--ink);
        font-size: .92rem;
        line-height: 1.35;
        white-space: nowrap;
        text-decoration: none;
        transition: background-color .18s ease, color .18s ease;
    }

    body .site-nav__sub a:hover,
    body .site-nav__sub a:focus-visible,
    body .site-nav__sub a[aria-current="page"] {
        background: #f2f2f2;
        color: var(--bordo);
        text-decoration: none;
    }

    body .site-nav__sub a:focus-visible {
        outline: 2px solid var(--bordo);
        outline-offset: -2px;
    }
}

/* ------------------------------------------------------------------ header: arama simgesi + iş birliği düğmesi */

/* Arama, düğmenin yanında yuvarlak bir simgedir; simgeye tıklanınca (alan odaklanınca) kutu sola doğru açılır. */
@media (min-width: 1280px) {
    body .site-header .site-search {
        overflow: hidden;
        gap: 0;
        padding: 0;
        border: 1px solid rgb(255 255 255 / 0.55);
        background: transparent;
        box-shadow: none;
        color: #fff;
    }

    body .site-header .site-search:hover { background: rgb(255 255 255 / 0.12); }

    body .site-header .site-search__toggle {
        display: grid;
        flex: none;
        place-items: center;
        width: 42px;
        height: 42px;
        cursor: pointer;
    }

    body .site-header .site-search input {
        width: 0;
        height: 42px;
        padding: 0;
        opacity: 0;
        transition: width 0.25s ease, opacity 0.2s ease;
    }

    body .site-header .site-search:focus-within,
    body .site-header .site-search:focus-within:hover {
        border-color: #fff;
        background: #fff;
        box-shadow: 0 0 0 4px rgb(255 255 255 / 0.25);
        color: var(--bordo);
    }

    body .site-header .site-search:focus-within input {
        width: 250px;
        padding-right: 18px;
        opacity: 1;
    }
}

/* İş birliği düğmesi: çerçeveli düğme yerine dolu pembe; üzerine gelince beyaz. */
body .site-header .site-nav__actions .btn {
    border-color: var(--pink);
    background: var(--pink);
    color: var(--bordo);
}

body .site-header .site-nav__actions .btn:hover,
body .site-header .site-nav__actions .btn:focus-visible {
    border-color: #fff;
    background: #fff;
    color: var(--bordo);
}

/* ------------------------------------------------------------------ header vitrini: dönen notlar, gündemdeki isimler */

@keyframes header-note-in {
    from { opacity: 0; transform: translateY(9px); }
    to { opacity: 1; transform: none; }
}

@keyframes header-pulse {
    0% { box-shadow: 0 0 0 0 rgb(195 195 195 / 0.65); }
    70%, 100% { box-shadow: 0 0 0 9px rgb(195 195 195 / 0); }
}

/* Üst şerit: tarihin yanında dönen kısa notlar (betik sırayla gösterir). */
body .site-topbar__notes { display: none; }

@media (min-width: 900px) {
    body .site-topbar__notes {
        display: flex;
        flex: 0 1 auto;
        min-width: 0;
        margin-right: auto;
        padding-left: var(--space-3);
        border-left: 1px solid rgb(255 255 255 / 0.22);
        overflow: hidden;
    }

    body .site-topbar__note {
        display: inline-flex;
        align-items: baseline;
        gap: 9px;
        min-width: 0;
        white-space: nowrap;
        animation: header-note-in 0.45s ease;
    }

    body .site-topbar__note[hidden] { display: none; }

    body .site-topbar__note b {
        flex: none;
        color: var(--pink);
        font-size: 0.6875rem;
        font-weight: 700;
        letter-spacing: 0.14em;
        text-transform: uppercase;
    }

    body .site-topbar__note span { overflow: hidden; text-overflow: ellipsis; }
}

/* Son Gelişmeler şeridi: başlık değişirken aşağıdan belirir. */
body .site-quickbar__item:not([hidden]) { animation: header-note-in 0.45s ease; }

/* Gündemde etiketindeki nokta. */
body .site-nav__trending-label i {
    width: 7px;
    height: 7px;
    border-radius: 50% !important;
    background: var(--pink);
    animation: header-pulse 2.2s ease-out infinite;
}

/* Gündemde: menü satırının sağında, son bölümlerin konukları. */
body .site-nav__list .site-nav__trending { display: none; }

@media (min-width: 1366px) {
    body .site-header .site-nav__list .site-nav__trending {
        display: flex;
        align-items: center;
        gap: 8px;
        min-width: 0;
        margin-left: auto;
    }

    body .site-nav__trending-label {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        margin-right: 4px;
        color: var(--pink);
        font-size: 0.6875rem;
        font-weight: 700;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        white-space: nowrap;
    }

    body .site-header .site-nav__list .site-nav__trending a {
        padding: 6px 15px;
        border: 1px solid rgb(255 255 255 / 0.14);
        border-radius: 999px !important; /* keskin köşe kuralının bilinçli istisnası */
        background: rgb(255 255 255 / 0.07);
        color: rgb(255 255 255 / 0.9);
        font-size: 0.8125rem;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 1.3;
        text-transform: none;
        white-space: nowrap;
        transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
    }

    body .site-header .site-nav__list .site-nav__trending a::after,
    body .site-header .site-nav__list .site-nav__trending a::before { content: none; }

    body .site-header .site-nav__list .site-nav__trending a:hover,
    body .site-header .site-nav__list .site-nav__trending a:focus-visible {
        border-color: var(--pink);
        background: var(--pink);
        color: var(--bordo);
    }
}

@media (prefers-reduced-motion: reduce) {
    body .site-topbar__note,
    body .site-quickbar__item:not([hidden]),
    body .site-nav__trending-label i { animation: none; }
}

/* ------------------------------------------------------------------ header: sosyal medya (logonun solunda) */

body .site-header__social { display: none; }

@media (min-width: 1280px) {
    body .site-header .site-header__social {
        grid-area: social;
        justify-self: start;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    body .site-header__social-label {
        margin-right: 6px;
        color: var(--pink);
        font-size: 0.6875rem;
        font-weight: 700;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        white-space: nowrap;
    }

    body .site-header .site-header__social a {
        display: grid;
        place-items: center;
        width: 40px;
        height: 40px;
        border: 1px solid rgb(255 255 255 / 0.18);
        border-radius: 50% !important; /* keskin köşe kuralının bilinçli istisnası */
        background: rgb(255 255 255 / 0.07);
        transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
    }

    body .site-header__social img {
        display: block;
        width: 17px;
        height: 17px;
        filter: brightness(0) invert(1);
        opacity: 0.9;
        transition: filter 0.2s ease, opacity 0.2s ease;
    }

    body .site-header .site-header__social a:hover,
    body .site-header .site-header__social a:focus-visible {
        border-color: var(--pink);
        background: var(--pink);
        transform: translateY(-2px);
    }

    body .site-header__social a:hover img,
    body .site-header__social a:focus-visible img { filter: brightness(0); opacity: 0.8; }

    /* Aynı hesaplar logonun solunda göründüğü için üst şeritteki ve menü satırındaki simgeler geniş ekranda gizlenir. */
    body .site-topbar__social,
    body .site-header .site-nav__list .site-nav__social { display: none; }
}

/* ------------------------------------------------------------------ story şeridi: dönen renkli halka, yörüngede parıltılar, tam genişlik */

@keyframes story-spin { to { transform: rotate(1turn); } }
@keyframes story-twinkle { from { opacity: 0.3; } to { opacity: 1; } }
@keyframes story-in {
    from { opacity: 0; transform: translateY(16px) scale(0.7); }
    to { opacity: 1; transform: none; }
}

body .home-story-strip { padding-top: var(--space-3); }

/* Story'ler satırı baştan sona doldurur: her öğe eşit pay alır; sığmadığında yatay kayar. */
body .home-story-strip__list {
    gap: var(--space-2);
    justify-content: space-between;
    overflow-y: hidden; /* parıltılar ve büyüyen halka dikey kaydırma çubuğu açmasın */
    padding: 24px 14px var(--space-2);
}

body .home-story-strip__list li {
    flex: 1 0 84px;
    min-width: 0;
    opacity: 0;
    animation: story-in 0.65s cubic-bezier(0.2, 0.8, 0.2, 1.25) forwards;
}

body .home-story-strip__list li:nth-child(2) { animation-delay: 0.07s; }
body .home-story-strip__list li:nth-child(3) { animation-delay: 0.14s; }
body .home-story-strip__list li:nth-child(4) { animation-delay: 0.21s; }
body .home-story-strip__list li:nth-child(5) { animation-delay: 0.28s; }
body .home-story-strip__list li:nth-child(6) { animation-delay: 0.35s; }
body .home-story-strip__list li:nth-child(7) { animation-delay: 0.42s; }
body .home-story-strip__list li:nth-child(8) { animation-delay: 0.49s; }
body .home-story-strip__list li:nth-child(9) { animation-delay: 0.56s; }
body .home-story-strip__list li:nth-child(10) { animation-delay: 0.63s; }
body .home-story-strip__list li:nth-child(11) { animation-delay: 0.7s; }
body .home-story-strip__list li:nth-child(n + 12) { animation-delay: 0.77s; }

body .home-story-strip__list a { gap: 10px; align-content: start; }

body .home-story-strip__image {
    position: relative;
    width: clamp(70px, 5.2vw, 92px);
    height: auto;
    aspect-ratio: 1;
    padding: 0;
    overflow: visible;
    border: 0;
    background: none;
    transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1.3), box-shadow 0.35s ease;
}

/* Halka: bir ucu tam dolu, diğer ucu tamamen saydam tek bir çizgi; dolu uç saydam ucu sürekli kovalar. */
body .home-story-strip__image::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: conic-gradient(from 0deg, rgb(124 124 124 / 0) 0%, var(--pink-ink) 100%);
    animation: story-spin 2.4s linear infinite;
}

body .home-story-strip__list li:nth-child(even) .home-story-strip__image::before { animation-delay: -1.2s; }

body .home-story-strip__image img {
    position: absolute;
    inset: 3px;
    z-index: 1;
    box-sizing: border-box;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    border: 3px solid var(--paper);
    background: var(--paper); /* görsel yüklenene kadar halkanın rengi içeri taşmasın */
}

/* Parıltı: çizginin dolu ucunda, halkanın tam üzerinde oturan tek bir yıldız; çizgiyle aynı hızda döner ve yanıp söner. */
body .home-story-strip__image::after {
    content: "✦";
    position: absolute;
    inset: -5px;
    z-index: 2;
    color: #e0ad4f;
    font-size: 13px;
    line-height: 13px;
    text-align: center;
    text-shadow: 0 0 6px rgb(224 173 79 / 0.95), 0 0 2px #fff;
    pointer-events: none;
    animation: story-spin 2.4s linear infinite, story-twinkle 0.8s ease-in-out infinite alternate;
}

body .home-story-strip__list li:nth-child(even) .home-story-strip__image::after { animation-delay: -1.2s, -0.3s; }

body .home-story-strip__list a:hover .home-story-strip__image,
body .home-story-strip__list a:focus-visible .home-story-strip__image {
    transform: translateY(-4px) scale(1.07);
    box-shadow: 0 12px 28px rgb(124 124 124 / 0.38);
}

body .home-story-strip__list a:hover .home-story-strip__image::before,
body .home-story-strip__list a:focus-visible .home-story-strip__image::before { animation-duration: 1.1s; }

body .home-story-strip__list a:hover .home-story-strip__image::after,
body .home-story-strip__list a:focus-visible .home-story-strip__image::after { animation-duration: 1.1s, 0.8s; }

/* Etiket iki satıra kadar kırılır (dar öğede kategori adı kesilmesin). */
body .home-story-strip__label {
    display: -webkit-box;
    font-size: 0.8125rem;
    line-height: 1.25;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    transition: color 0.2s ease;
}

@media (prefers-reduced-motion: reduce) {
    body .home-story-strip__list li { opacity: 1; animation: none; }
    body .home-story-strip__image::before,
    body .home-story-strip__image::after { animation: none; }
}

/* ------------------------------------------------------------------ kategori bloğu: editoryal kart düzeni */
/* Zemin sıcak açık gri; haberler beyaz kartlarda. İki büyük haber aynı kart yapısını paylaşır (görsel + etiket, başlık, yazar · tarih,
   özet); alttaki haberler küçük yatay kartlardır. Sekmeler: seçili olan dolu bordo, diğerleri düz metin ve ince alt çizgi. */
body .category-columns__col {
    --column-tint: #f2f2f2;
    --card-line: color-mix(in srgb, var(--bordo) 9%, transparent);
    gap: var(--space-3) var(--gap);
    align-items: stretch;
}

body .category-columns__head {
    margin-bottom: var(--space-1);
    border-bottom-width: 1px;
}

/* Sekmeler */
/* Sekmeler alt çizgiye yapışmaz: çizgiyle aralarında birkaç piksel boşluk kalır. */
body .category-columns__tabs { top: -9px; right: 0; gap: 4px; align-items: center; }

body .category-columns__tab {
    height: auto;
    padding: 4px 14px;
    color: var(--ink-2);
    font-weight: 600;
    letter-spacing: 0.01em;
}

body .category-columns__tab::before,
body .category-columns__tab:hover::before {
    border-radius: 999px;
    background: transparent;
    box-shadow: none;
    transform: none;
}

body .category-columns__tab::after {
    content: "";
    position: absolute;
    right: 14px;
    bottom: 1px;
    left: 14px;
    height: 1px;
    background: color-mix(in srgb, var(--pink-ink) 40%, transparent);
    transition: background-color 0.2s ease;
}

body .category-columns__tab:hover { color: var(--bordo); }
body .category-columns__tab:hover::after { background: var(--bordo); }

body .category-columns__tab[aria-selected="true"] { color: #fff; }
body .category-columns__tab[aria-selected="true"]::before,
body .category-columns__tab[aria-selected="true"]:hover::before { background: var(--bordo); box-shadow: none; }
body .category-columns__tab[aria-selected="true"]::after { content: none; }

/* İki büyük haber: aynı kart */
body .category-columns__lead,
body .category-columns__item:first-child {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--card-line);
    border-radius: var(--radius-soft) !important;
    background: #fff;
    box-shadow: 0 10px 30px rgb(30 30 30 / 0.06);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

body .category-columns__lead:hover,
body .category-columns__item:first-child:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 40px rgb(30 30 30 / 0.11);
}

body .category-columns__col .category-columns__lead-media,
body .category-columns__col .category-columns__item:first-child .category-columns__thumb {
    flex: none;
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 0 !important;
}

body .category-columns__lead-media img,
body .category-columns__item:first-child .category-columns__thumb img { transition: transform 0.7s ease; }
body .category-columns__lead:hover .category-columns__lead-media img,
body .category-columns__item:first-child:hover .category-columns__thumb img { transform: scale(1.04); }

/* Görselin altında hafif koyu geçiş ve üzerinde kategori etiketi. */
body .category-columns__lead-media::after,
body .category-columns__item:first-child .category-columns__thumb::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgb(30 30 30 / 0.5), rgb(30 30 30 / 0) 42%);
    pointer-events: none;
}

body .category-columns__chip {
    display: inline-block;
    bottom: 14px;
    left: 16px;
    z-index: 2;
    padding: 5px 11px 4px;
    border-radius: 999px !important;
    background: rgb(255 255 255 / 0.94);
    color: var(--column-color);
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.3;
    text-transform: uppercase;
}

/* Kapak görseli olmayan haber: boş alan yerine kategori tonunda marka zemini. */
body .category-columns__lead-media:not(:has(img)),
body .category-columns__thumb:not(:has(img)) {
    background:
        radial-gradient(circle at 82% 12%, rgb(255 255 255 / 0.3), transparent 46%),
        radial-gradient(circle at 12% 92%, rgb(255 255 255 / 0.16), transparent 40%),
        linear-gradient(135deg, var(--column-color), color-mix(in srgb, var(--column-color) 42%, var(--pink)));
}

body .category-columns__lead-media:not(:has(img))::before,
body .category-columns__item:first-child .category-columns__thumb:not(:has(img))::before {
    content: "";
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    color: rgb(255 255 255 / 0.26);
    font-family: var(--font-accent);
    font-size: clamp(2rem, 4.2vw, 3.6rem);
    font-style: italic;
    font-weight: 600;
    letter-spacing: -0.01em;
}

body .category-columns__lead-body,
body .category-columns__item:first-child .category-columns__body {
    flex: 1 1 auto;
    padding: 20px 24px 24px;
}

/* Tipografi hiyerarşisi: büyük haber 26px, küçük haber 17px. */
body .category-columns__lead-title,
body .category-columns__item:first-child .category-columns__title {
    font-size: clamp(1.375rem, 1.7vw, 1.625rem);
    font-weight: 700;
    line-height: 1.22;
    letter-spacing: -0.012em;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

body .category-columns__meta {
    margin-top: 10px;
    color: #8a7d80;
    font-size: 0.8125rem;
    letter-spacing: 0.01em;
}

body .category-columns__author { color: #5d5155; font-weight: 600; }
body .category-columns__author + time::before { content: " · "; }

body .category-columns__excerpt {
    max-width: 58ch;
    margin-top: 12px;
    color: #4f4549;
    font-size: 0.9375rem;
    line-height: 1.6;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

/* Küçük haberler: yatay mini kart (90×70 görsel, başlık, tarih). */
body .category-columns__item:not(:first-child) {
    grid-template-columns: 90px minmax(0, 1fr);
    gap: 16px;
    align-items: center;
    padding: 10px 16px 10px 10px;
    border: 1px solid var(--card-line);
    border-radius: var(--radius-soft) !important;
    background: #fff;
    transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

body .category-columns__item:not(:first-child):hover {
    border-color: var(--pink);
    box-shadow: 0 8px 20px rgb(30 30 30 / 0.07);
    transform: translateY(-2px);
}

body .category-columns__col .category-columns__item:not(:first-child) .category-columns__thumb {
    aspect-ratio: 9 / 7;
    border-radius: 6px !important;
}

body .category-columns__item:not(:first-child) .category-columns__title {
    font-size: 1.0625rem;
    font-weight: 600;
    line-height: 1.3;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

body .category-columns__body > time { margin-top: 6px; color: #8a7d80; font-size: 0.8125rem; }

@media (max-width: 699px) {
    body .category-columns__lead-body,
    body .category-columns__item:first-child .category-columns__body { padding: 16px 16px 18px; }
}

/* Kategori bloğu, büyük haberler: beyaz kutu yok; kart tamamen görseldir, etiket üstte, başlık/yazar/özet görselin
   altındaki koyu geçişin üzerinde beyaz yazıyla durur. */
body .category-columns__lead,
body .category-columns__item:first-child {
    position: relative;
    display: block;
    aspect-ratio: 16 / 10;
    border: 0;
    background: none;
}

body .category-columns__col .category-columns__lead-media,
body .category-columns__col .category-columns__item:first-child .category-columns__thumb {
    position: absolute;
    inset: 0;
    width: auto;
    height: 100%;
    aspect-ratio: auto;
}

body .category-columns__lead-media::after,
body .category-columns__item:first-child .category-columns__thumb::after {
    background: linear-gradient(to top, rgb(18 18 18 / 0.9) 0%, rgb(18 18 18 / 0.62) 28%, rgb(18 18 18 / 0.12) 58%, rgb(18 18 18 / 0) 75%);
}

body .category-columns__lead-media .category-columns__chip,
body .category-columns__item:first-child .category-columns__chip { top: 18px; bottom: auto; left: 20px; }

body .category-columns__lead-media:not(:has(img))::before,
body .category-columns__item:first-child .category-columns__thumb:not(:has(img))::before { padding-bottom: 22%; }

body .category-columns__lead-body,
body .category-columns__item:first-child .category-columns__body {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding: 0 28px 26px;
    pointer-events: none;
}

body .category-columns__lead-body a,
body .category-columns__item:first-child .category-columns__body a { pointer-events: auto; }

body .category-columns__lead-title a,
body .category-columns__item:first-child .category-columns__title a,
body .category-columns__lead-title a:hover,
body .category-columns__lead-title a:focus-visible,
body .category-columns__item:first-child .category-columns__title a:hover,
body .category-columns__item:first-child .category-columns__title a:focus-visible {
    color: #fff;
    text-shadow: 0 1px 14px rgb(0 0 0 / 0.35);
}

body .category-columns__lead .category-columns__meta,
body .category-columns__item:first-child .category-columns__meta { color: rgb(255 255 255 / 0.72); }

body .category-columns__lead .category-columns__author,
body .category-columns__item:first-child .category-columns__author { color: #fff; }

body .category-columns__lead .category-columns__excerpt,
body .category-columns__item:first-child .category-columns__excerpt { color: rgb(255 255 255 / 0.86); }

@media (max-width: 699px) {
    body .category-columns__lead,
    body .category-columns__item:first-child { aspect-ratio: 4 / 3; }

    body .category-columns__lead-body,
    body .category-columns__item:first-child .category-columns__body { padding: 0 18px 18px; }

    body .category-columns__lead .category-columns__excerpt,
    body .category-columns__item:first-child .category-columns__excerpt { display: none; }
}

/* ------------------------------------------------------------------ haber arşivi: manşet slider'ı */
body .news-archive__featured { margin-top: var(--space-4); margin-bottom: 0; }

/* Arşiv manşeti (news-slider--archive): tek parça koyu bordo kart. Görsel sağda durur ve sola doğru bordoya erir; kategori
   etiketi, büyük başlık, özet solda beyaz yazıyla; altında 1 2 3 4 numaralı gezinme. Dar ekranda slider'ın olağan
   (görsel üstte, yazı altta) düzeni geçerlidir. */
@media (min-width: 900px) {
    body .news-slider--archive .news-slider__stage {
        overflow: hidden;
        border-radius: var(--radius-soft) !important;
        background: var(--bordo);
        box-shadow: 0 22px 48px rgb(30 30 30 / 0.16);
    }

    body .news-slider--archive .news-slider__item {
        display: flex;
        align-items: center;
        min-height: clamp(400px, 32vw, 520px);
    }

    body .news-slider--archive .news-slider__media {
        position: absolute;
        inset: 0 0 0 auto;
        width: 64%;
        height: 100%;
        max-height: none;
        aspect-ratio: auto;
        background: var(--bordo);
    }

    body .news-slider--archive .news-slider__item::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        background:
            linear-gradient(to right, var(--bordo) 0%, var(--bordo) 38%, color-mix(in srgb, var(--bordo) 82%, transparent) 48%, color-mix(in srgb, var(--bordo) 0%, transparent) 74%),
            linear-gradient(to top, rgb(18 18 18 / 0.35) 0%, rgb(18 18 18 / 0) 40%);
        pointer-events: none;
    }

    body .news-slider--archive .news-slider__content {
        position: relative;
        z-index: 2;
        width: 46%;
        padding: 56px 0 104px 56px;
    }

    body .news-slider--archive .news-slider__meta { color: rgb(255 255 255 / 0.72); letter-spacing: 0.03em; }

    body .news-slider--archive .news-slider__category,
    body .news-slider--archive .news-slider__category:hover,
    body .news-slider--archive .news-slider__category:focus-visible {
        padding: 6px 14px 5px;
        border-radius: 999px !important;
        background: var(--pink);
        color: var(--bordo);
        font-size: 0.75rem;
        font-weight: 700;
        letter-spacing: 0.12em;
    }

    body .news-slider--archive .news-slider__title {
        margin-top: 16px;
        color: #fff;
        font-size: clamp(1.8rem, 1rem + 1.9vw, 2.75rem);
        font-weight: 800;
        line-height: 1.14;
        letter-spacing: -0.02em;
        text-shadow: 0 2px 18px rgb(0 0 0 / 0.35);
    }

    body .news-slider--archive .news-slider__title a,
    body .news-slider--archive .news-slider__title a:hover,
    body .news-slider--archive .news-slider__title a:focus-visible { color: #fff; }

    body .news-slider--archive .news-slider__spot {
        margin-top: 14px;
        color: rgb(255 255 255 / 0.88);
        font-size: 1.0625rem;
        line-height: 1.6;
    }

    /* 1 2 3 4: yazı sütununun altında, yuvarlak düğmeler; etkin olan pembe. */
    body .news-slider--archive .news-slider__nav {
        position: absolute;
        bottom: 36px;
        left: 56px;
        z-index: 3;
        gap: 8px;
        margin: 0;
    }

    body .news-slider--archive .news-slider__pages { gap: 8px; }

    body .news-slider--archive .news-slider__page,
    body .news-slider--archive .news-slider__arrow {
        width: 40px;
        height: 40px;
        border: 1px solid rgb(255 255 255 / 0.32);
        border-radius: 50% !important;
        background: rgb(255 255 255 / 0.06);
        color: #fff;
        font-size: 0.9375rem;
        font-weight: 700;
    }

    body .news-slider--archive .news-slider__page:hover,
    body .news-slider--archive .news-slider__arrow:hover,
    body .news-slider--archive .news-slider__page:focus-visible,
    body .news-slider--archive .news-slider__arrow:focus-visible {
        border-color: #fff;
        background: rgb(255 255 255 / 0.18);
        color: #fff;
    }

    body .news-slider--archive .news-slider__page[aria-current="true"],
    body .news-slider--archive .news-slider__page.is-active {
        border-color: var(--pink);
        background: var(--pink);
        color: var(--bordo);
    }
}

/* ------------------------------------------------------------------ tek yazı tipi */
/* Vurgu yazı tipi (alıntı, italik vurgular) ayrı bir aile değildir: paneldeki başlık yazı tipini, o seçilmediyse gövde yazı
   tipini kullanır. Böylece sitede panelde seçilenlerin dışında üçüncü bir yazı tipi görünmez. */
:root { --font-accent: var(--font-heading, var(--font-sans)); }

/* ------------------------------------------------------------------ ana sayfa bölümleri: haber vitrini + haber karuseli */
/* İki bileşen de kendi sınıflarını kullanır (home-section, news-showcase, news-carousel); mevcut blokların sınıflarına dokunmaz.
   Vitrin: koyu başlık şeridi + beyaz gövde (solda büyük haber, sağda iki sütunda dört küçük haber).
   Karusel: koyu panel, başlık + çizgi + "Tümünü Gör", dört kartlık yatay şerit, kenarlarda yuvarlak oklar, altta noktalar. */
body .home-section {
    --home-section-dark: var(--bordo);
    margin-block: var(--space-4);
}

body .home-section__more {
    display: inline-flex;
    flex: none;
    align-items: center;
    gap: 8px;
    color: #fff;
    font-size: 0.9375rem;
    font-weight: 500;
    white-space: nowrap;
    transition: color 0.2s ease;
}

body .home-section__more:hover,
body .home-section__more:focus-visible { color: var(--pink); }
body .home-section__more-arrow { stroke: var(--home-section-dark); }

/* ---- Haber vitrini ---- */
body .news-showcase {
    overflow: hidden;
    border-radius: var(--radius-soft) !important;
    background: #fff;
    box-shadow: 0 10px 30px rgb(30 30 30 / 0.07);
}

body .news-showcase__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
    padding: 14px 24px;
    background: var(--home-section-dark);
}

body .news-showcase__title,
body .news-carousel__title {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    color: var(--pink);
    font-size: 1.375rem;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.02em;
}

body .news-showcase__title svg,
body .news-carousel__title svg { flex: none; }

body .news-showcase__body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2.6fr);
    gap: 28px;
    padding: 20px;
}

body .news-showcase__body--single { grid-template-columns: minmax(0, 1fr); }

body .news-showcase__lead-media,
body .news-showcase__thumb,
body .news-carousel__media {
    position: relative;
    display: block;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    border-radius: var(--radius-soft) !important;
    background: linear-gradient(135deg, var(--bordo), color-mix(in srgb, var(--bordo) 42%, var(--pink)));
}

body .news-showcase__lead-media img,
body .news-showcase__thumb img,
body .news-carousel__media img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

body .news-showcase__lead:hover img,
body .news-showcase__item:hover img,
body .news-carousel__card:hover img { transform: scale(1.05); }

body .news-showcase__lead-title {
    margin-top: 12px;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.35;
}

body .news-showcase__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 28px;
    align-content: center;
    margin: 0;
    padding: 0;
    list-style: none;
}

body .news-showcase__item {
    display: grid;
    grid-template-columns: minmax(0, 160px) minmax(0, 1fr);
    gap: 16px;
    align-items: center;
}

body .news-showcase__item-body { min-width: 0; }

body .news-showcase__item-title {
    display: -webkit-box;
    overflow: hidden;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.35;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

/* Başlığın altındaki kısa açıklama (haberin özeti). */
body .news-showcase__excerpt {
    display: -webkit-box;
    margin-top: 6px;
    overflow: hidden;
    color: var(--ink-2);
    font-size: 0.875rem;
    line-height: 1.5;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

body .news-showcase__lead .news-showcase__excerpt { margin-top: 8px; font-size: 0.9375rem; -webkit-line-clamp: 3; line-clamp: 3; }

body .news-showcase__lead-title a,
body .news-showcase__item-title a { color: var(--ink); transition: color 0.2s ease; }

body .news-showcase__lead-title a:hover,
body .news-showcase__item-title a:hover,
body .news-showcase__lead-title a:focus-visible,
body .news-showcase__item-title a:focus-visible { color: var(--pink-ink); }

/* ---- Haber karuseli ---- */
body .news-carousel {
    position: relative;
    padding: 28px 32px 30px;
    border-radius: var(--radius-soft) !important;
    background: var(--home-section-dark);
    color: #fff;
}

body .news-carousel__head {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    margin-bottom: 28px;
}

body .news-carousel__rule {
    flex: 1 1 auto;
    height: 1px;
    background: rgb(255 255 255 / 0.2);
}

body .news-carousel__stage { position: relative; }

body .news-carousel__track {
    display: flex;
    gap: 24px;
    margin: 0;
    padding: 0;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    list-style: none;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
}

body .news-carousel__track::-webkit-scrollbar { display: none; }

body .news-carousel__card {
    flex: 0 0 calc((100% - 72px) / 4);
    min-width: 0;
    scroll-snap-align: start;
}

body .news-carousel__card-title {
    display: -webkit-box;
    margin-top: 14px;
    overflow: hidden;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.45;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
}

body .news-carousel__card-title a { color: #fff; transition: color 0.2s ease; }
body .news-carousel__card-title a:hover,
body .news-carousel__card-title a:focus-visible { color: var(--pink); }

/* Oklar panelin sol ve sağ kenarına oturur (yarısı dışarıda), kartların görsel hizasında. */
body .news-carousel__arrow {
    position: absolute;
    top: 34%;
    z-index: 2;
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    padding: 0;
    border: 3px solid #fff;
    border-radius: 50% !important;
    background: var(--home-section-dark);
    color: #fff;
    cursor: pointer;
    transform: translateY(-50%);
    transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

body .news-carousel__arrow[hidden] { display: none; }
body .news-carousel__arrow--prev { left: -56px; }
body .news-carousel__arrow--next { right: -56px; }

body .news-carousel__arrow:hover,
body .news-carousel__arrow:focus-visible {
    background: var(--pink);
    color: var(--bordo);
    transform: translateY(-50%) scale(1.06);
}

body .news-carousel__dots {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 26px;
}

body .news-carousel__dots[hidden] { display: none; }

body .news-carousel__dot {
    width: 9px;
    height: 9px;
    padding: 0;
    border: 0;
    border-radius: 50% !important;
    background: rgb(255 255 255 / 0.38);
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

body .news-carousel__dot[aria-current="true"] { background: #fff; transform: scale(1.15); }

@media (max-width: 1099px) {
    body .news-showcase__body { grid-template-columns: minmax(0, 1fr); }
    body .news-carousel { padding: 24px 22px 26px; }
    body .news-carousel__card { flex-basis: calc((100% - 24px) / 2); }
    body .news-carousel__arrow { width: 42px; height: 42px; }
    body .news-carousel__arrow--prev { left: -14px; }
    body .news-carousel__arrow--next { right: -14px; }
}

@media (max-width: 699px) {
    body .news-showcase__head { padding: 12px 16px; }
    body .news-showcase__title,
    body .news-carousel__title { font-size: 1.125rem; }
    body .news-showcase__list { grid-template-columns: minmax(0, 1fr); }
    body .news-showcase__item { grid-template-columns: minmax(0, 120px) minmax(0, 1fr); gap: 12px; }
    body .news-carousel__rule { display: none; }
    body .news-carousel__head { justify-content: space-between; margin-bottom: 20px; }
    body .news-carousel__card { flex-basis: 82%; }
}

/* İş birliği kartları: içteki ince beyaz çerçeve gösterilmez. */
body .partnership-services li::after { content: none; }

/* ------------------------------------------------------------------ videolar: manşet slider'ı */
/* Haber arşivindeki koyu manşet kartının (news-slider--archive) aynısı; sütun daha dar olduğu için ölçüler küçülür.
   Görselin ortasında büyük oynat düğmesi, etiket yanında süre, altta 1 2 3 4 gezinmesi. */
body .video-archive__featured { margin-bottom: var(--space-4); }

@media (min-width: 900px) {
    body .video-archive__featured .news-slider--archive .news-slider__item { min-height: clamp(340px, 26vw, 420px); }
    body .video-archive__featured .news-slider--archive .news-slider__media { width: 62%; }
    body .video-archive__featured .news-slider--archive .news-slider__content { width: 50%; padding: 40px 0 96px 40px; }

    body .video-archive__featured .news-slider--archive .news-slider__title {
        font-size: clamp(1.5rem, 0.9rem + 1.2vw, 2.125rem);
        line-height: 1.18;
    }

    body .video-archive__featured .news-slider--archive .news-slider__spot {
        font-size: 0.9375rem;
        -webkit-line-clamp: 2;
        line-clamp: 2;
    }

    body .video-archive__featured .news-slider--archive .news-slider__nav { bottom: 30px; left: 40px; }

    /* Oynat düğmesi: yüzü kapatmasın diye görselin sağ alt köşesinde; çevresinde nabız halkası. */
    body .video-archive__featured .news-slider--archive .news-slider__play {
        top: auto;
        right: 28px;
        bottom: 28px;
        left: auto;
        z-index: 2;
        display: grid;
        place-items: center;
        width: 60px;
        height: 60px;
        border: 2px solid rgb(255 255 255 / 0.85);
        border-radius: 50% !important;
        background: rgb(30 30 30 / 0.6);
        color: #fff;
        transform: none;
        animation: header-pulse 2.2s ease-out infinite;
        transition: background-color 0.25s ease, color 0.25s ease;
    }

    body .video-archive__featured .news-slider--archive .news-slider__slide:hover .news-slider__play {
        background: var(--pink);
        color: var(--bordo);
        transform: scale(1.08);
    }
}

body .video-archive__featured .news-slider__duration {
    padding: 3px 9px;
    border: 1px solid rgb(255 255 255 / 0.3);
    border-radius: 999px !important;
    color: #fff;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.04em;
}

@media (prefers-reduced-motion: reduce) {
    body .video-archive__featured .news-slider__play { animation: none; }
}

/* ------------------------------------------------------------------ kategori bloğu: beyaz zemin, solda büyük haber + sağda üst üste haberler */
/* Zemin beyazdır. Solda tam görselli büyük haber; sağda kalan haberler eşit yükseklikte yatay kartlar olarak üst üste durur
   (görsel solda, başlık ve varsa yazar · tarih ile özet sağda, dikeyde ortalı). Önceki düzendeki ikinci büyük kart ve alttaki
   mini kart satırı bu kuralların altında kalır; işaretleme (HTML) ve sınıflar değişmez. */
body .category-columns__col {
    --column-tint: #fff;
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
    align-items: stretch;
}

body .category-columns__col .category-columns__lead {
    grid-column: 1;
    aspect-ratio: 16 / 11;
    height: 100%;
}

body .category-columns .category-columns__col .category-columns__list {
    display: flex;
    flex-direction: column;
    grid-column: 2;
    gap: var(--space-2);
    min-width: 0;
    margin: 0;
    padding: 0;
}

body .category-columns .category-columns__frame .category-columns__col .category-columns__list > .category-columns__item {
    position: relative;
    display: grid;
    flex: 1 1 0;
    grid-template-columns: minmax(0, 0.42fr) minmax(0, 1fr);
    gap: 20px;
    align-items: center;
    aspect-ratio: auto;
    min-height: 0;
    padding: 12px 20px 12px 12px;
    overflow: hidden;
    border: 1px solid var(--card-line);
    border-radius: var(--radius-soft) !important;
    background: #fff;
    box-shadow: 0 6px 20px rgb(30 30 30 / 0.05);
    transform: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

body .category-columns .category-columns__frame .category-columns__col .category-columns__list > .category-columns__item:hover {
    border-color: var(--pink);
    box-shadow: 0 12px 28px rgb(30 30 30 / 0.1);
    transform: translateY(-2px);
}

body .category-columns .category-columns__frame .category-columns__col .category-columns__list > .category-columns__item .category-columns__thumb {
    position: relative;
    inset: auto;
    flex: none;
    width: 100%;
    height: 100%;
    min-height: 96px;
    aspect-ratio: 4 / 3;
    border-radius: 6px !important;
}

body .category-columns .category-columns__frame .category-columns__col .category-columns__list > .category-columns__item .category-columns__thumb::after,
body .category-columns .category-columns__frame .category-columns__col .category-columns__list > .category-columns__item .category-columns__thumb::before { content: none; }

body .category-columns .category-columns__frame .category-columns__col .category-columns__list > .category-columns__item .category-columns__chip { display: none; }

body .category-columns .category-columns__frame .category-columns__col .category-columns__list > .category-columns__item .category-columns__body {
    position: static;
    flex: none;
    min-width: 0;
    padding: 0;
    pointer-events: auto;
}

body .category-columns .category-columns__frame .category-columns__col .category-columns__list > .category-columns__item .category-columns__title {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

body .category-columns .category-columns__frame .category-columns__col .category-columns__list > .category-columns__item .category-columns__title a,
body .category-columns .category-columns__frame .category-columns__col .category-columns__list > .category-columns__item .category-columns__title a:focus-visible {
    color: var(--ink);
    text-shadow: none;
}

body .category-columns .category-columns__frame .category-columns__col .category-columns__list > .category-columns__item .category-columns__title a:hover { color: var(--pink-ink); text-shadow: none; }

body .category-columns .category-columns__frame .category-columns__col .category-columns__list > .category-columns__item .category-columns__meta { margin-top: 8px; color: #8a7d80; }
body .category-columns .category-columns__frame .category-columns__col .category-columns__list > .category-columns__item .category-columns__author { color: #5d5155; }

body .category-columns .category-columns__frame .category-columns__col .category-columns__list > .category-columns__item .category-columns__excerpt {
    margin-top: 8px;
    color: #4f4549;
    font-size: 0.875rem;
    line-height: 1.5;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

@media (max-width: 899px) {
    body .category-columns__col { grid-template-columns: minmax(0, 1fr); }
    body .category-columns__col .category-columns__lead { height: auto; aspect-ratio: 4 / 3; }
    body .category-columns .category-columns__col .category-columns__list { grid-column: 1; }
    body .category-columns .category-columns__frame .category-columns__col .category-columns__list > .category-columns__item { flex: none; grid-template-columns: 110px minmax(0, 1fr); gap: 14px; padding: 10px 14px 10px 10px; }
    body .category-columns .category-columns__frame .category-columns__col .category-columns__list > .category-columns__item .category-columns__thumb { min-height: 0; height: auto; }
    body .category-columns .category-columns__frame .category-columns__col .category-columns__list > .category-columns__item .category-columns__excerpt { display: none; }
}

/* Sağ sütunda en çok üç haber gösterilir (dördüncü ve sonrası bu düzende basılmaz). */
body .category-columns .category-columns__frame .category-columns__col .category-columns__list > .category-columns__item:nth-child(n + 4) { display: none; }

/* Kategori bloğu, altın oran (1,618 : 1): sütunlar (büyük haber : sağ sütun), büyük haberin ve sağdaki görsellerin
   en–boy oranı, sağdaki haberde yazı : görsel genişliği. Sağdaki haberler kutusuzdur (çerçeve, zemin, gölge yok);
   aralarında yalnız ince bir çizgi durur. */
@media (min-width: 900px) {
    body .category-columns__col { grid-template-columns: minmax(0, 1.618fr) minmax(0, 1fr); column-gap: var(--space-4); }
    body .category-columns__col .category-columns__lead { aspect-ratio: 1.618 / 1; }
}

body .category-columns .category-columns__col .category-columns__list { gap: 0; justify-content: space-between; }

body .category-columns .category-columns__frame .category-columns__col .category-columns__list > .category-columns__item {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.618fr);
    gap: 22px;
    padding: 18px 0;
    overflow: visible;
    border: 0;
    border-bottom: 1px solid var(--card-line);
    border-radius: 0 !important;
    background: none;
    box-shadow: none;
}

body .category-columns .category-columns__frame .category-columns__col .category-columns__list > .category-columns__item:first-child { padding-top: 0; }

body .category-columns .category-columns__frame .category-columns__col .category-columns__list > .category-columns__item:nth-child(3),
body .category-columns .category-columns__frame .category-columns__col .category-columns__list > .category-columns__item:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

body .category-columns .category-columns__frame .category-columns__col .category-columns__list > .category-columns__item:hover {
    border-color: var(--card-line);
    box-shadow: none;
    transform: none;
}

body .category-columns .category-columns__frame .category-columns__col .category-columns__list > .category-columns__item .category-columns__thumb {
    height: auto;
    min-height: 0;
    aspect-ratio: 1.618 / 1;
    border-radius: var(--radius-soft) !important;
}

body .category-columns .category-columns__frame .category-columns__col .category-columns__list > .category-columns__item .category-columns__thumb img { transition: transform 0.6s ease; }
body .category-columns .category-columns__frame .category-columns__col .category-columns__list > .category-columns__item:hover .category-columns__thumb img { transform: scale(1.05); }

@media (max-width: 899px) {
    body .category-columns .category-columns__frame .category-columns__col .category-columns__list > .category-columns__item { padding: 14px 0; }
    body .category-columns .category-columns__col .category-columns__list { margin-top: var(--space-2); }
}

/* Videolar manşeti, haber manşetinden ayrışan "oynatıcı" görünümü: görsel kartın tamamını kaplar (sinema perdesi), ortada büyük
   oynat düğmesi, başlık ve özet altta koyu geçişin üzerinde, en altta numaralı zaman çizgisi (1 2 3 4 şeritleri; etkin olan pembe). */
@media (min-width: 900px) {
    body .video-archive__featured .news-slider--archive .news-slider__stage { background: #0a0a0a; }

    body .video-archive__featured .news-slider--archive .news-slider__item {
        align-items: flex-end;
        min-height: 0;
        aspect-ratio: 16 / 8.2;
    }

    body .video-archive__featured .news-slider--archive .news-slider__media {
        inset: 0;
        width: 100%;
        background: #0a0a0a;
    }

    body .video-archive__featured .news-slider--archive .news-slider__item::after {
        background:
            linear-gradient(to top, rgb(7 7 7 / 0.94) 0%, rgb(7 7 7 / 0.7) 26%, rgb(7 7 7 / 0.12) 56%, rgb(7 7 7 / 0.28) 100%);
    }

    body .video-archive__featured .news-slider--archive .news-slider__content {
        width: auto;
        max-width: 68%;
        padding: 0 0 78px 36px;
    }

    body .video-archive__featured .news-slider--archive .news-slider__category,
    body .video-archive__featured .news-slider--archive .news-slider__category:hover,
    body .video-archive__featured .news-slider--archive .news-slider__category:focus-visible {
        border: 1px solid rgb(255 255 255 / 0.55);
        background: rgb(7 7 7 / 0.35);
        color: #fff;
    }

    body .video-archive__featured .news-slider--archive .news-slider__title {
        margin-top: 12px;
        font-size: clamp(1.625rem, 0.9rem + 1.5vw, 2.375rem);
    }

    body .video-archive__featured .news-slider--archive .news-slider__spot {
        margin-top: 8px;
        -webkit-line-clamp: 1;
        line-clamp: 1;
    }

    /* Büyük oynat düğmesi: perdenin ortasında. */
    body .video-archive__featured .news-slider--archive .news-slider__play {
        top: 40%;
        right: auto;
        bottom: auto;
        left: 50%;
        width: 84px;
        height: 84px;
        border: 0;
        background: var(--pink);
        color: var(--bordo);
        transform: translate(-50%, -50%);
    }

    body .video-archive__featured .news-slider--archive .news-slider__play svg { width: 32px; height: 32px; margin-left: 4px; }

    body .video-archive__featured .news-slider--archive .news-slider__slide:hover .news-slider__play {
        background: #fff;
        color: var(--bordo);
        transform: translate(-50%, -50%) scale(1.08);
    }

    /* Zaman çizgisi: oklar yok; her bölüm bir şerit, üstünde numarası. */
    body .video-archive__featured .news-slider--archive .news-slider__nav {
        right: 36px;
        bottom: 22px;
        left: 36px;
        gap: 0;
    }

    body .video-archive__featured .news-slider--archive .news-slider__arrow { display: none; }

    body .video-archive__featured .news-slider--archive .news-slider__pages { flex: 1 1 auto; gap: 10px; }
    body .video-archive__featured .news-slider--archive .news-slider__pages li { flex: 1 1 0; }

    body .video-archive__featured .news-slider--archive .news-slider__page,
    body .video-archive__featured .news-slider--archive .news-slider__page:hover,
    body .video-archive__featured .news-slider--archive .news-slider__page:focus-visible {
        display: block;
        width: 100%;
        height: auto;
        padding: 8px 0 0;
        border: 0;
        border-top: 3px solid rgb(255 255 255 / 0.28);
        border-radius: 0 !important;
        background: none;
        color: rgb(255 255 255 / 0.6);
        font-size: 0.75rem;
        font-weight: 700;
        letter-spacing: 0.1em;
        text-align: left;
    }

    body .video-archive__featured .news-slider--archive .news-slider__page:hover,
    body .video-archive__featured .news-slider--archive .news-slider__page:focus-visible { border-top-color: rgb(255 255 255 / 0.7); color: #fff; }

    body .video-archive__featured .news-slider--archive .news-slider__page[aria-current="true"],
    body .video-archive__featured .news-slider--archive .news-slider__page.is-active {
        border-top-color: var(--pink);
        background: none;
        color: var(--pink);
    }

    /* Otomatik geçiş süre çizgisi kartın en üstünde kalır; alttaki zaman çizgisiyle üst üste binmez. */
    body .video-archive__featured .news-slider--archive .news-slider__stage::after { top: 0; bottom: auto; }
}

/* ------------------------------------------------------------------ başlık kalınlığı */
/* Başlık yazı tipi sitenin tamamında bir kademe ince basılır: 700–800 yerine 600. Serif başlıklar (Fraunces) koyu
   kalınlıkta ağır duruyordu; 600 hâlâ net okunur. */
body :is(h1, h2, h3, h4, h5, h6),
body :is(h1, h2, h3, h4, h5, h6) a { font-weight: 600 !important; }

/* Ana menü: haber kategorileri alt menü yerine şeritte yan yana durur; şerit ortalanır ve tek satıra sığacak şekilde ölçeklenir. */
@media (min-width: 1280px) {
    body .site-header .site-nav__list {
        justify-content: center;
        flex-wrap: nowrap;
        gap: clamp(10px, 1.05vw, 22px);
    }

    body .site-header .site-nav__item > a {
        font-size: clamp(11.5px, 0.86vw, 15.2px);
        letter-spacing: 0.06em;
        white-space: nowrap;
    }
}

/* ================================================================== marka katmanı
   Önceki görünüm katmanı; Patron Yolu görünümü dosyanın sonundaki bölümde bunun üzerine yazar.
   Renkler tema değişkenlerinden gelir (Görünüm → Tema); burada sabit marka rengi yazılmaz. Yalnız görünüm değişir:
   sınıf adları, yerleşim ve bileşen mantığı aynen durur. */
:root {
    /* Dekoratif serif italik yerine başlık yazı tipi: vurgular da güçlü sans-serif kalır. */
    --font-accent: var(--font-heading);
    --blush: color-mix(in srgb, var(--brand-accent) 14%, #fff);
    --paper-2: color-mix(in srgb, var(--brand-accent) 6%, #fff);
    --empty: color-mix(in srgb, var(--brand-text) 6%, #fff);
    --line: color-mix(in srgb, var(--brand-text) 12%, #fff);
}

body :is(h1, h2, h3, .section__title, .hero__title, .card-title) { font-family: var(--font-heading); letter-spacing: -0.02em; }
body :is(h1, .section__title, .hero__title) { font-weight: 800; }
body :is(.hero__title-accent, .partnership-hero__kicker) { font-style: normal; color: var(--brand-accent); }

/* Yazı logosu: siyah, kalın; önünde altın sarısı işaret. Koyu zeminde (footer) beyaz. */
body .logo-text {
    display: inline-flex;
    align-items: center;
    gap: 0.45em;
    color: var(--brand-text);
    font-family: var(--font-heading);
    font-weight: 800;
    letter-spacing: -0.03em;
    text-transform: none;
}
body .logo-text::before {
    content: "";
    width: 0.55em;
    height: 0.55em;
    background: var(--brand-accent);
    flex: none;
}
/* Header ve footer ana renk (koyu) zeminlidir: yazı logosu beyaz. */
body :is(.logo--light, .site-header) .logo-text { color: #fff; }

/* Bölüm başlıklarının altında kısa altın çizgi. */
body .section__title::after {
    content: "";
    display: block;
    width: 48px;
    height: 4px;
    margin-top: 12px;
    background: var(--brand-accent);
}

/* Giriş (bölüm girişi): metin ve portre yaklaşık eşit iki alan; dar ekranda başlık + izleme düğmesi önce, portre hemen altında. */
body .hero { background: #fff; }
body .hero--solo .hero__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: stretch; }
body .hero--solo .hero__portrait { min-height: clamp(320px, 42vw, 620px); }
body .hero--solo .hero__portrait :is(img, .media) { width: 100%; height: 100%; object-fit: cover; }
body .hero__eyebrow {
    display: inline-block;
    margin-bottom: var(--space-2);
    padding: 4px 10px;
    background: var(--brand-text);
    color: var(--brand-accent);
    font-size: 0.8125rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}
body .hero__byline { border-top-color: var(--brand-accent); }
body .hero__byline strong a { color: inherit; text-decoration: none; border-bottom: 2px solid var(--brand-accent); }
@media (max-width: 760px) {
    body .hero--solo .hero__grid { grid-template-columns: minmax(0, 1fr); }
    body .hero--solo .hero__portrait { min-height: 0; aspect-ratio: 4 / 5; }
}

/* Ana sayfa: program bölümleri ve profiller blokları. */
body .home-episodes__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
body .home-profiles__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 1099px) {
    body :is(.home-episodes__grid, .home-profiles__grid) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
    body .home-episodes__grid { grid-template-columns: minmax(0, 1fr); }
}

/* Görsel yerine tipografik panel (Hakkımızda, İş Birliği): siyah zemin, altın harf ya da sıra numarası. */
body .about-editorial__mark {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    min-height: 220px;
    background: var(--brand-text);
    color: var(--brand-accent);
    font-family: var(--font-heading);
    font-size: clamp(3.5rem, 9vw, 8rem);
    font-weight: 800;
    letter-spacing: -0.04em;
}
body .about-editorial .about-editorial__hero-visual::before { background: var(--brand-accent); }
body .partnership-services__mark--num {
    display: block;
    width: auto;
    height: auto;
    color: var(--brand-accent);
    font-family: var(--font-heading);
    font-size: 2.75rem;
    font-weight: 800;
    line-height: 1;
}

/* Profil dizini süzgeç şeridi: dört alan + düğmeler. */
body .profile-archive__filters { margin-bottom: var(--space-4); }
body .profile-archive__actions { display: flex; gap: 10px; align-items: end; }
@media (max-width: 760px) {
    body .profile-archive__filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    body .profile-archive__actions { grid-column: 1 / -1; }
}
body .hero__brand-mark {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    min-height: 280px;
    background: var(--brand-primary);
}
body .hero .hero__portrait .hero__brand-mark img { width: 32%; max-width: 180px; height: auto; aspect-ratio: 1; object-fit: contain; position: static; }
/* Hakkımızda: portre yoksa logo simgesi; dekoratif kaydırılmış blok panelin arkasında kalır. */
body .about-editorial .about-editorial__hero-visual .about-editorial__mark { position: relative; z-index: 1; }
body .about-editorial .about-editorial__hero-visual .about-editorial__mark--logo img { width: 26%; max-width: 160px; height: auto; object-fit: contain; }
body.page-is-birligi main { background: #fff; }
body .partnership-hero { background-color: #fff; }

/* ================================================================== Patron Yolu görünümü
   Sakin, güçlü, prestijli ve editoryal: krem / kırık beyaz yüzeyler, siyah güçlü başlıklar, logodaki taupe vurgular,
   geniş sinematik portreler ve sakin boşluk ritmi. Site koyu temaya çevrilmez: yalnız üst ince bant ve alt bölüm koyudur.
   Renkler tema değişkenlerinden gelir (Görünüm → Tema); sınıf adları, yerleşim ve bileşen mantığı aynen durur. */
:root {
    --paper-2: color-mix(in srgb, var(--brand-secondary) 10%, var(--brand-bg));
    --line: color-mix(in srgb, var(--brand-primary) 14%, var(--brand-bg));
    --empty: color-mix(in srgb, var(--brand-secondary) 20%, var(--brand-bg));
    --py-surface: color-mix(in srgb, #fff 62%, var(--brand-bg));
}

body { background: var(--brand-bg); color: var(--brand-text); }
@media (min-width: 900px) {
    body.page-home > main { background-color: var(--brand-bg); background-image: none; }
}
body :is(h1, .section__title, .hero__title) { font-weight: 700; letter-spacing: -0.01em; }
body .section { padding-block: clamp(56px, 6.5vw, 104px); }
body .section__title::after { width: 56px; height: 2px; margin-top: 16px; }

/* Üst bölüm: açık krem zemin, siyah menü yazısı, taupe alt çizgi. */
body .site-header {
    border-bottom: 1px solid var(--line);
    background: var(--brand-bg);
}
body .site-header .logo-text { color: var(--brand-text); }
body .logo-svg { aspect-ratio: 702 / 258; }
@media (min-width: 1280px) {
    body .site-nav__list { border-top-color: var(--line); }
    body .site-nav__list::before { background: var(--brand-bg); }
    body .site-nav__item > a {
        background-image: linear-gradient(var(--brand-accent), var(--brand-accent));
        color: var(--brand-text);
    }
    body .site-nav__item > a:hover,
    body .site-nav__item > a:focus-visible { color: var(--brand-accent); }
    body .site-nav__item > a[aria-current="page"] {
        background-image: linear-gradient(var(--brand-accent), var(--brand-accent));
        color: var(--brand-text);
    }
    body .site-nav__item > a:focus-visible { outline-color: var(--brand-text); }
    body .site-nav__sub-toggle { color: var(--brand-text); }
}
@media (max-width: 1279px) {
    body .nav-burger span,
    body .nav-burger span::before,
    body .nav-burger span::after { background: var(--brand-text); }
    body .site-header .nav-search--mobile { color: var(--brand-text); }
}
body .site-header .nav-search { color: var(--brand-text); }
body .site-header .site-search { border-color: var(--line); background: var(--py-surface); }
body .site-header .site-search:hover { background: #fff; }
body .site-header .site-nav__actions .btn {
    border: 1px solid var(--brand-primary);
    background: var(--brand-primary);
    color: var(--brand-bg);
}
body .site-header .site-nav__actions .btn:hover,
body .site-header .site-nav__actions .btn:focus-visible {
    border-color: var(--brand-accent);
    background: var(--brand-accent);
    color: #fff;
}

/* Son gelişmeler bandı: krem üzerinde ince, sakin bir şerit. */
body .site-quickbar { border-bottom: 1px solid var(--line); background: var(--paper-2); }
body .site-quickbar__eyebrow { background: var(--brand-primary); color: var(--brand-bg); }
body .site-quickbar__item strong { color: var(--brand-accent); }
body .site-quickbar__item span { color: var(--brand-text); font-weight: 500; }
body .site-quickbar__controls button { color: var(--brand-text); }

/* Giriş: solda metin, sağda geniş sinematik görsel. */
body .hero { background: var(--brand-bg); }
body .hero--solo .hero__grid { grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr); gap: clamp(28px, 4.5vw, 80px); align-items: center; }
body .hero--solo .hero__portrait { min-height: 0; aspect-ratio: 16 / 10; }
body .hero__title { font-size: clamp(2.25rem, 1.4rem + 3.1vw, 4.25rem); line-height: 1.06; }
body .hero__title-accent { display: block; margin-top: 0.3em; font-size: 0.5em; font-weight: 500; line-height: 1.25; letter-spacing: 0; }
body .hero__lead { max-width: 46ch; color: var(--ink-2); font-size: clamp(1.02rem, 0.96rem + 0.3vw, 1.2rem); line-height: 1.65; }
body .hero__eyebrow { padding: 0 0 6px; border-bottom: 1px solid var(--brand-accent); background: transparent; color: var(--brand-accent); font-weight: 700; letter-spacing: 0.18em; }
body .hero__brand-mark { min-height: 0; height: 100%; background: var(--brand-primary); }
@media (max-width: 760px) {
    body .hero--solo .hero__grid { grid-template-columns: minmax(0, 1fr); }
    body .hero--solo .hero__portrait { aspect-ratio: 4 / 3; }
}

/* Yüzeyler: beyaz bloklar yerine krem; kartlar kırık beyaz. */
body :is(.partnership-hero, .newsletter, .home-episodes, .home-profiles) { background-color: transparent; }
body.page-is-birligi main { background: var(--brand-bg); }
body .section.newsletter,
body .newsletter { background: var(--paper-2); border-top: 1px solid var(--line); border-bottom: 0; }
body .home-episodes--secki { background: var(--paper-2); }
body .archive-empty { padding: clamp(28px, 4vw, 56px); border: 1px solid var(--line); background: var(--py-surface); color: var(--ink-2); text-align: center; }

/* Alt bölüm: siyah zemin, taupe çizgi. */
body .site-footer { border-top: 2px solid var(--brand-secondary); background: var(--brand-primary); }
body .site-header .site-search__toggle { color: var(--brand-text); }
body .site-header .site-search input { color: var(--brand-text); }

/* ================================================================== manşet üçlü yerleşim (home-lead--trio)
   Ortada manşet slider'ı, solda bir büyük kart, sağda alt alta iki kart. Slider işaretlemesi ve betiği aynen durur;
   yalnız bu sarmalayıcıda görünüşü değişir: görsel kutuyu doldurur, başlık görselin üstünde, numaralar altta ortada. */
body .home-lead--trio { align-items: start; }

body .home-side { display: grid; gap: var(--space-3); min-width: 0; }
body .home-side__card { min-width: 0; }
body .home-side__media { display: block; overflow: hidden; border-radius: 6px; background: var(--empty); aspect-ratio: 16 / 9; }
body .home-side__media img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }
body .home-side__card:hover .home-side__media img { transform: scale(1.03); }
body .home-side__title { margin: 14px 0 0; font-family: var(--font-body); font-size: 1.15rem; font-weight: 700; line-height: 1.4; letter-spacing: 0; }
body .home-side__title a { color: var(--brand-text); text-decoration: none; }
body .home-side__title a:hover,
body .home-side__title a:focus-visible { color: var(--pink-ink); }
body .home-side__excerpt {
    display: -webkit-box;
    margin: 10px 0 0;
    overflow: hidden;
    color: var(--ink-2);
    font-size: 0.95rem;
    line-height: 1.6;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
}
body .home-side--left .home-side__excerpt { -webkit-line-clamp: 4; line-clamp: 4; }

/* Orta manşet: koyu kutu, görsel tam dolu; başlık görselin altında perdeli; numaralar altta ortada, yuvarlak. */
body .home-lead--trio .news-slider--hero { overflow: hidden; border-radius: 6px; background: #111; }
body .home-lead--trio .news-slider--hero .news-slider__media { position: relative; max-height: none; aspect-ratio: 26 / 25; }
body .home-lead--trio .news-slider--hero .news-slider__media img { width: 100%; height: 100%; object-fit: cover; }
body .home-lead--trio .news-slider--hero .news-slider__media::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgb(17 17 17 / 0.92) 0%, rgb(17 17 17 / 0.55) 30%, rgb(17 17 17 / 0) 60%);
    pointer-events: none;
}
body .home-lead--trio .news-slider--hero .news-slider__content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    padding: 0 clamp(18px, 2.4vw, 34px) 76px;
    border-top: 0;
    background: none;
    color: #fff;
    pointer-events: none;
}
body .home-lead--trio .news-slider--hero .news-slider__content a { pointer-events: auto; color: inherit; }
body .home-lead--trio .news-slider--hero .news-slider__meta { color: rgb(255 255 255 / 0.88); }
body .home-lead--trio .news-slider--hero .news-slider__title { font-size: clamp(1.35rem, 0.8rem + 1.3vw, 2.1rem); line-height: 1.15; }
body .home-lead--trio .news-slider--hero .news-slider__spot { display: none; }
body .home-lead--trio .news-slider--hero .news-slider__nav {
    top: auto;
    right: 0;
    bottom: 18px;
    left: 0;
    justify-content: center;
    padding: 0;
    border-radius: 0;
    background: none;
    transform: none;
}
body .home-lead--trio .news-slider--hero .news-slider__pages { flex-direction: row; gap: 14px; }
body .home-lead--trio .news-slider--hero .news-slider__page {
    width: 36px;
    height: 36px;
    border: 1px solid transparent;
    background: #d9d9d9;
    color: #111;
    font-size: 0.95rem;
}
body .home-lead--trio .news-slider--hero .news-slider__page[aria-current="true"] { border-color: rgb(255 255 255 / 0.55); background: #111; color: #fff; }
body .home-lead--trio .news-slider--hero .news-slider__page:hover,
body .home-lead--trio .news-slider--hero .news-slider__page:focus-visible { background: #fff; color: #111; }

/* Yerleşim: geniş ekranda sol kart | manşet | sağ iki kart; tablette manşet üstte, üç kart altta; telefonda alt alta. */
body .home-lead--trio > .news-hero { grid-area: hero; }
body .home-lead--trio > .home-side--left { grid-area: left; }
body .home-lead--trio > .home-side--right { grid-area: right; }
body .home-lead--trio > .news-hero__featured { grid-area: featured; }
body .home-lead--trio { grid-template-columns: minmax(0, 1fr); grid-template-areas: "hero" "left" "right" "featured"; }

@media (min-width: 640px) and (max-width: 1023px) {
    body .home-lead--trio { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); grid-template-areas: "hero hero" "left right" "featured featured"; column-gap: var(--space-3); }
    body .home-lead--trio .home-side--right { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
}

@media (min-width: 1024px) {
    body .home-lead--trio {
        grid-template-columns: minmax(0, 1fr) minmax(0, 2.05fr) minmax(0, 1fr);
        grid-template-areas: "left hero right" "featured featured featured";
        column-gap: clamp(16px, 1.6vw, 24px);
    }

    body .home-lead--trio .home-side--left .home-side__media { aspect-ratio: 3 / 4; }
}

/* ================================================================== Son Haberler: solda büyük + sağda alt alta küçükler
   İşaretleme ve betik aynen durur (home/latest.php, news-slider.js); yalnız geniş ekran yerleşimi değişir. Büyük haber
   (slider) solda, başlık ve spot görselin altında; küçük haberler sağ sütunda alt alta ve sütun büyük haberle aynı boydadır.
   Yukarıdaki "2 küçük + büyük + 2 küçük" kurallarının üzerine yazar; dar ekran ve tek haber (--solo) düzeni değişmez. */
@media (min-width: 1100px) {
    body .latest-news .latest-news__grid:not(.latest-news__grid--solo) {
        grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr);
        grid-template-rows: minmax(0, 1fr);
        column-gap: clamp(20px, 1.8vw, 32px);
        row-gap: var(--space-3);
    }
    body .latest-news .latest-news__grid:not(.latest-news__grid--solo):has(.latest-news__item:nth-child(2)) { grid-template-rows: repeat(2, minmax(0, 1fr)); }
    body .latest-news .latest-news__grid:not(.latest-news__grid--solo):has(.latest-news__item:nth-child(3)) { grid-template-rows: repeat(3, minmax(0, 1fr)); }
    body .latest-news .latest-news__grid:not(.latest-news__grid--solo):has(.latest-news__item:nth-child(4)) { grid-template-rows: repeat(4, minmax(0, 1fr)); }

    body .latest-news .latest-news__grid:not(.latest-news__grid--solo) > .latest-news__lead { position: relative; grid-column: 1; grid-row: 1 / -1; min-height: 0; }
    body .latest-news .latest-news__grid:not(.latest-news__grid--solo) .latest-news__item:nth-child(n) { grid-column: 2; }
    body .latest-news .latest-news__grid:not(.latest-news__grid--solo) .latest-news__item:nth-child(1) { grid-row: 1; }
    body .latest-news .latest-news__grid:not(.latest-news__grid--solo) .latest-news__item:nth-child(2) { grid-row: 2; }
    body .latest-news .latest-news__grid:not(.latest-news__grid--solo) .latest-news__item:nth-child(3) { grid-row: 3; }
    body .latest-news .latest-news__grid:not(.latest-news__grid--solo) .latest-news__item:nth-child(4) { grid-row: 4; }

    /* Büyük haber: görsel üstte (köşeleri yumuşak), metin altında beyaz zeminde. */
    body .latest-news .latest-news__grid:not(.latest-news__grid--solo) .news-slider { position: relative; inset: auto; }
    body .latest-news .latest-news__grid:not(.latest-news__grid--solo) :is(.news-slider__stage, .news-slider__track) { height: auto; }
    body .latest-news .latest-news__grid:not(.latest-news__grid--solo) .news-slider__media { height: auto; aspect-ratio: 16 / 9; max-height: clamp(240px, 42vh, 440px); overflow: hidden; border-radius: 6px; }
    body .latest-news .latest-news__grid:not(.latest-news__grid--solo) .news-slider__media img { width: 100%; height: 100%; object-fit: cover; }
    body .latest-news .latest-news__grid:not(.latest-news__grid--solo) .news-slider__content {
        position: static;
        padding: 18px 0 0;
        border-top: 0;
        background: none;
        color: var(--brand-text);
        pointer-events: auto;
    }
    body .latest-news .latest-news__grid:not(.latest-news__grid--solo) .news-slider__content a { color: inherit; }
    body .latest-news .latest-news__grid:not(.latest-news__grid--solo) .news-slider__content a:focus-visible { outline-color: var(--brand-text); }
    body .latest-news .latest-news__grid:not(.latest-news__grid--solo) .news-slider__meta { color: var(--ink-2); }
    body .latest-news .latest-news__grid:not(.latest-news__grid--solo) .news-slider__title { font-size: clamp(1.3rem, 0.9rem + 0.6vw, 1.7rem); line-height: 1.2; }
    body .latest-news .latest-news__grid:not(.latest-news__grid--solo) .news-slider__title a:hover { color: var(--pink-ink); }
    body .latest-news .latest-news__grid:not(.latest-news__grid--solo) .news-slider__spot { display: -webkit-box; margin-top: 10px; color: var(--ink-2); font-size: 1.02rem; line-height: 1.6; }

    /* Küçük haber: görsel satırın kalan boyunu doldurur, altında kategori ve başlık; zemin beyaz. */
    body .latest-news .latest-news__grid:not(.latest-news__grid--solo) .latest-news__item { min-height: 0; background: transparent; }
    body .latest-news .latest-news__grid:not(.latest-news__grid--solo) .latest-news__thumb { flex: 1 1 auto; min-height: 0; aspect-ratio: auto; overflow: hidden; border-radius: 6px; }
    body .latest-news .latest-news__grid:not(.latest-news__grid--solo) .latest-news__thumb img { width: 100%; height: 100%; object-fit: cover; }
    body .latest-news .latest-news__grid:not(.latest-news__grid--solo) .latest-news__body { flex: none; padding: 10px 0 0; }
    body .latest-news .latest-news__grid:not(.latest-news__grid--solo) .latest-news__title { font-size: 1.08rem; line-height: 1.32; }
}

/* Sağ sütunda dört haber varsa dikey kartın görseli şeride döner: kartlar yatay dizilir (görsel solda 16:10, metin sağda). */
@media (min-width: 1100px) {
    body .latest-news .latest-news__grid:not(.latest-news__grid--solo):has(.latest-news__item:nth-child(4)) .latest-news__item {
        flex-direction: row;
        align-items: center;
        gap: 16px;
    }
    body .latest-news .latest-news__grid:not(.latest-news__grid--solo):has(.latest-news__item:nth-child(4)) .latest-news__thumb { flex: 0 0 34%; aspect-ratio: 16 / 10; }
    body .latest-news .latest-news__grid:not(.latest-news__grid--solo):has(.latest-news__item:nth-child(4)) .latest-news__body { flex: 1 1 auto; min-width: 0; padding: 0; }
}

/* Son Haberler ince ayar: büyük haberin kategorisi sağdaki kartlarla aynı çizgili etiket; sade yuvarlak gezinme;
   sağ kartlar ince çizgiyle ayrılır ve metin görselle ortalanır. */
@media (min-width: 1100px) {
    body .latest-news .latest-news__grid:not(.latest-news__grid--solo) .news-slider__meta { align-items: center; gap: 12px; margin-bottom: 8px; font-size: 0.875rem; }
    body .latest-news .latest-news__grid:not(.latest-news__grid--solo) .news-slider__category,
    body .latest-news .latest-news__grid:not(.latest-news__grid--solo) .news-slider__category:hover,
    body .latest-news .latest-news__grid:not(.latest-news__grid--solo) .news-slider__category:focus-visible {
        padding: 0 0 0 8px;
        border-left: 3px solid var(--pink-ink);
        background: none;
        color: var(--pink-ink);
        font-weight: 700;
        letter-spacing: 0.08em;
        line-height: 1.1;
        text-transform: uppercase;
    }
    body .latest-news .latest-news__grid:not(.latest-news__grid--solo) .news-slider__category:hover { color: var(--brand-text); }
    body .latest-news .latest-news__grid:not(.latest-news__grid--solo) .news-slider__meta time { color: var(--ink-2); font-weight: 500; }
    body .latest-news .latest-news__grid:not(.latest-news__grid--solo) .news-slider__title { margin-top: 0; }

    body .latest-news .latest-news__lead .news-slider__nav { top: 14px; right: 14px; gap: 6px; padding: 5px; border-radius: 999px; background: rgb(255 255 255 / 0.82); backdrop-filter: blur(4px); }
    body .latest-news .latest-news__lead .news-slider__pages { gap: 4px; }
    body .latest-news .latest-news__lead .news-slider__page,
    body .latest-news .latest-news__lead .news-slider__arrow { width: 28px; height: 28px; border-radius: 50%; background: transparent; color: var(--brand-text); font-size: 0.8125rem; font-weight: 700; }
    body .latest-news .latest-news__lead .news-slider__page[aria-current="true"] { background: var(--brand-primary); color: #fff; }
    body .latest-news .latest-news__lead .news-slider__page:hover,
    body .latest-news .latest-news__lead .news-slider__arrow:hover,
    body .latest-news .latest-news__lead .news-slider__page:focus-visible,
    body .latest-news .latest-news__lead .news-slider__arrow:focus-visible { background: var(--pink); color: var(--brand-text); }

    body .latest-news .latest-news__grid:not(.latest-news__grid--solo):has(.latest-news__item:nth-child(4)) { row-gap: 0; }
    body .latest-news .latest-news__grid:not(.latest-news__grid--solo):has(.latest-news__item:nth-child(4)) .latest-news__item { padding-block: 12px; border-bottom: 1px solid var(--line); }
    body .latest-news .latest-news__grid:not(.latest-news__grid--solo):has(.latest-news__item:nth-child(4)) .latest-news__item:first-child { padding-top: 0; }
    body .latest-news .latest-news__grid:not(.latest-news__grid--solo):has(.latest-news__item:nth-child(4)) .latest-news__item:last-child { padding-bottom: 0; border-bottom: 0; }
    body .latest-news .latest-news__grid:not(.latest-news__grid--solo) .latest-news__title a:hover,
    body .latest-news .latest-news__grid:not(.latest-news__grid--solo) .latest-news__title a:focus-visible { color: var(--pink-ink); }
}
@media (min-width: 1100px) and (prefers-reduced-motion: no-preference) {
    /* Otomatik geçiş çizgisi metnin altına düşmesin: görselin üst kenarında durur. */
    body .latest-news .latest-news__grid:not(.latest-news__grid--solo) .news-slider__stage::after { top: 0; bottom: auto; }
}

/* ================================================================== Kategori Haberleri: yan yana kategori kartları
   Her kategori bir kart: üstte kategori renginde başlık şeridi (kategori sayfasına gider), altında büyük haber (görsel
   tam genişlik, başlık ve tarih görselin üstünde koyu geçişte), en altta küçük görselli haber satırları (kategori · başlık
   · tarih). Kartlar yan yana durur (geniş ekranda kategori sayısı kadar sütun). Sınıflar ve haber seçimi aynen durur. */
#kategori-haberleri .category-columns__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-3);
    align-items: start;
}
@media (min-width: 700px) {
    #kategori-haberleri .category-columns__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1100px) {
    #kategori-haberleri .category-columns__grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
#kategori-haberleri .category-columns__grid--1 { grid-template-columns: minmax(0, 1fr); }

/* Kart */
#kategori-haberleri .category-columns__col {
    display: block;
    min-width: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: #fff;
    box-shadow: none;
}
#kategori-haberleri .category-columns__col:nth-child(3n + 1) { --cc-color: var(--brand-primary); }
#kategori-haberleri .category-columns__col:nth-child(3n + 2) { --cc-color: var(--brand-accent); }
#kategori-haberleri .category-columns__col:nth-child(3n) { --cc-color: #4a4440; }

/* Başlık şeridi */
#kategori-haberleri .category-columns__head {
    position: static;
    margin: 0;
    padding: 0;
    border: 0;
    background: var(--cc-color);
}
#kategori-haberleri .category-columns__head::before,
#kategori-haberleri .category-columns__head::after { content: none; }
#kategori-haberleri .category-columns__head a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 15px 20px;
    background: none;
    color: #fff;
    font-family: var(--font-body);
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.2;
    text-transform: none;
    text-decoration: none;
}
#kategori-haberleri .category-columns__head a::after { content: "\2192"; font-weight: 400; opacity: 0.75; transition: transform 0.2s ease; }
#kategori-haberleri .category-columns__head a:hover::after,
#kategori-haberleri .category-columns__head a:focus-visible::after { transform: translateX(3px); opacity: 1; }

/* Büyük haber: görselin üstünde başlık ve tarih */
#kategori-haberleri .category-columns__lead {
    position: relative;
    display: block;
    height: auto;
    margin: 0;
    padding: 0;
    overflow: hidden;
    aspect-ratio: 16 / 11;
    border: 0;
    border-radius: 0 !important;
    background: #222;
    box-shadow: none;
    transform: none;
}
#kategori-haberleri .category-columns__lead .category-columns__lead-media {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-height: none;
    aspect-ratio: auto;
    border-radius: 0 !important;
}
#kategori-haberleri .category-columns__lead .category-columns__lead-media img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; }
#kategori-haberleri .category-columns__lead:hover .category-columns__lead-media img { transform: scale(1.03); }
#kategori-haberleri .category-columns__lead .category-columns__lead-media::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgb(17 17 17 / 0.88) 0%, rgb(17 17 17 / 0.55) 32%, rgb(17 17 17 / 0) 62%);
    pointer-events: none;
}
#kategori-haberleri .category-columns__lead .category-columns__chip { display: none; }
#kategori-haberleri .category-columns__lead .category-columns__lead-body {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding: 0 20px 18px;
    pointer-events: none;
}
#kategori-haberleri .category-columns__lead .category-columns__lead-body a { pointer-events: auto; }
#kategori-haberleri .category-columns__lead .category-columns__lead-title { margin: 0; font-size: clamp(1.1rem, 0.95rem + 0.35vw, 1.3rem); line-height: 1.28; }
#kategori-haberleri .category-columns__lead .category-columns__lead-title a,
#kategori-haberleri .category-columns__lead .category-columns__lead-title a:hover,
#kategori-haberleri .category-columns__lead .category-columns__lead-title a:focus-visible { color: #fff; text-shadow: 0 1px 12px rgb(0 0 0 / 0.3); }
#kategori-haberleri .category-columns__lead .category-columns__meta { margin-top: 6px; color: rgb(255 255 255 / 0.82); font-size: 0.8125rem; }
#kategori-haberleri .category-columns__lead .category-columns__author { color: #fff; }
#kategori-haberleri .category-columns__lead .category-columns__excerpt { display: none; }

/* Küçük haber satırları */
#kategori-haberleri .category-columns__col .category-columns__list {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}
#kategori-haberleri .category-columns__col .category-columns__list > .category-columns__item {
    position: relative;
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 14px 20px;
    overflow: visible;
    aspect-ratio: auto;
    border: 0;
    border-top: 1px solid var(--line);
    border-radius: 0 !important;
    background: #fff;
    box-shadow: none;
    transform: none;
}
#kategori-haberleri .category-columns__col .category-columns__list > .category-columns__item:first-child { border-top: 0; }
#kategori-haberleri .category-columns__col .category-columns__list > .category-columns__item:hover { background: var(--paper-2); transform: none; box-shadow: none; }
#kategori-haberleri .category-columns__col .category-columns__list > .category-columns__item:nth-child(n + 4) { display: none; }
#kategori-haberleri .category-columns__col .category-columns__list > .category-columns__item .category-columns__thumb {
    position: relative;
    inset: auto;
    width: 112px;
    height: auto;
    min-height: 0;
    aspect-ratio: 16 / 11;
    overflow: hidden;
    border-radius: 4px !important;
}
#kategori-haberleri .category-columns__col .category-columns__list > .category-columns__item .category-columns__thumb img { width: 100%; height: 100%; object-fit: cover; }
#kategori-haberleri .category-columns__col .category-columns__list > .category-columns__item .category-columns__thumb::before,
#kategori-haberleri .category-columns__col .category-columns__list > .category-columns__item .category-columns__thumb::after,
#kategori-haberleri .category-columns__col .category-columns__list > .category-columns__item .category-columns__chip,
#kategori-haberleri .category-columns__col .category-columns__list > .category-columns__item .category-columns__excerpt,
#kategori-haberleri .category-columns__col .category-columns__list > .category-columns__item .category-columns__author { display: none; }
#kategori-haberleri .category-columns__col .category-columns__list > .category-columns__item .category-columns__body { position: static; min-width: 0; padding: 0; pointer-events: auto; }
#kategori-haberleri .category-columns__col .category-columns__list > .category-columns__item .category-columns__label {
    display: block;
    margin: 0 0 3px;
    color: var(--brand-accent);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.06em;
}
#kategori-haberleri .category-columns__col .category-columns__list > .category-columns__item .category-columns__title {
    margin: 0;
    font-size: 0.98rem;
    font-weight: 600;
    line-height: 1.32;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}
#kategori-haberleri .category-columns__col .category-columns__list > .category-columns__item .category-columns__title a { color: var(--brand-text); text-shadow: none; }
#kategori-haberleri .category-columns__col .category-columns__list > .category-columns__item .category-columns__title a:hover { color: var(--brand-accent); }
#kategori-haberleri .category-columns__col .category-columns__list > .category-columns__item :is(.category-columns__meta, .category-columns__body > time) {
    display: block;
    margin-top: 4px;
    color: #8a7d80;
    font-size: 0.8125rem;
}
#kategori-haberleri .category-columns__col .category-columns__list > .category-columns__item .category-columns__meta time::before { content: none; }

/* ================================================================== Story şeridi: dikey story kartları
   Yuvarlak + halka yerine görselin kartı doldurduğu kartlar: üstte ince "story" çizgisi ve kategori etiketi, altta koyu geçiş
   üzerinde haber başlığı ve tarih. Geniş ekranda kartlar satırı eşit paylaşır; telefonda dikey kartlar yatay kayar.
   Haber seçimi, panel ayarları ve tıklayınca açılan görüntüleyici (story-viewer.js, data-story-*) aynen durur. */
body .home-story-strip { padding-top: var(--space-3); }

body .home-story-strip .home-story-strip__list {
    display: flex;
    gap: clamp(10px, 1vw, 16px);
    justify-content: flex-start;
    margin: 0;
    padding: 4px 0 10px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
}
body .home-story-strip .home-story-strip__list::-webkit-scrollbar { display: none; }

body .home-story-strip .home-story-strip__list li {
    flex: 1 1 0;
    min-width: 150px;
    scroll-snap-align: start;
}

body .home-story-strip .home-story-strip__list a {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 6px;
    height: clamp(230px, 17vw, 290px);
    padding: 16px 16px 15px;
    overflow: hidden;
    border-radius: 8px;
    background: var(--brand-primary);
    color: #fff;
    text-align: left;
    text-decoration: none;
    isolation: isolate;
}

/* Görsel kartın tamamını doldurur; altta okunurluk için koyu geçiş. */
body .home-story-strip .home-story-strip__image {
    position: absolute;
    inset: 0;
    z-index: -1;
    width: auto;
    height: auto;
    aspect-ratio: auto;
    padding: 0;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    background: var(--empty);
    box-shadow: none;
    transform: none;
}
body .home-story-strip .home-story-strip__image::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    border-radius: 0;
    background: linear-gradient(to top, rgb(17 17 17 / 0.9) 0%, rgb(17 17 17 / 0.55) 38%, rgb(17 17 17 / 0.05) 65%, rgb(17 17 17 / 0.35) 100%);
    animation: none;
}
body .home-story-strip .home-story-strip__image::after { content: none; animation: none; }
body .home-story-strip .home-story-strip__image img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 0;
    background: var(--empty);
    object-fit: cover;
    transition: transform 0.6s ease;
}

/* Üstte story çizgisi: ince, yarı saydam; kartın üzerine gelince marka rengiyle dolar. */
body .home-story-strip .home-story-strip__list a::before,
body .home-story-strip .home-story-strip__list a::after {
    content: "";
    position: absolute;
    top: 12px;
    left: 14px;
    right: 14px;
    height: 3px;
    border-radius: 2px;
}
body .home-story-strip .home-story-strip__list a::before { background: rgb(255 255 255 / 0.35); }
body .home-story-strip .home-story-strip__list a::after {
    background: #fff;
    transform: scaleX(0.18);
    transform-origin: left center;
    transition: transform 0.6s ease;
}

/* Kategori etiketi: üst köşede. */
body .home-story-strip .home-story-strip__label {
    position: absolute;
    top: 26px;
    left: 14px;
    display: inline-block;
    max-width: calc(100% - 28px);
    padding: 4px 9px;
    overflow: hidden;
    border-radius: 999px;
    background: rgb(255 255 255 / 0.92);
    color: var(--brand-text);
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 1.2;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
    -webkit-line-clamp: unset;
}

body .home-story-strip .home-story-strip__title {
    display: -webkit-box;
    overflow: hidden;
    color: #fff;
    font-family: var(--font-heading);
    font-size: clamp(0.98rem, 0.85rem + 0.3vw, 1.15rem);
    font-weight: 600;
    line-height: 1.28;
    text-shadow: 0 1px 10px rgb(0 0 0 / 0.3);
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
}
body .home-story-strip .home-story-strip__date { color: rgb(255 255 255 / 0.78); font-size: 0.8125rem; font-weight: 500; }

body .home-story-strip .home-story-strip__list a:hover .home-story-strip__image,
body .home-story-strip .home-story-strip__list a:focus-visible .home-story-strip__image { transform: none; box-shadow: none; }
body .home-story-strip .home-story-strip__list a:hover .home-story-strip__image img,
body .home-story-strip .home-story-strip__list a:focus-visible .home-story-strip__image img { transform: scale(1.05); }
body .home-story-strip .home-story-strip__list a:hover::after,
body .home-story-strip .home-story-strip__list a:focus-visible::after { transform: scaleX(1); }
body .home-story-strip .home-story-strip__list a:hover .home-story-strip__label,
body .home-story-strip .home-story-strip__list a:focus-visible .home-story-strip__label { color: var(--brand-text); }
body .home-story-strip .home-story-strip__list a:focus-visible { outline: 2px solid var(--brand-accent); outline-offset: 3px; }

/* Telefon ve dar tablet: dikey story kartları yatay kayar. */
@media (max-width: 899px) {
    body .home-story-strip .home-story-strip__list li { flex: 0 0 clamp(140px, 40vw, 180px); min-width: 0; }
    body .home-story-strip .home-story-strip__list a { height: auto; aspect-ratio: 9 / 15; }
}

@media (prefers-reduced-motion: reduce) {
    body .home-story-strip .home-story-strip__image img,
    body .home-story-strip .home-story-strip__list a::after { transition: none; }
}
body .home-story-strip .home-story-strip__image img { z-index: 0; }
body .home-story-strip .home-story-strip__label { width: auto; right: auto; }

/* ================================================================== Program sayfası: yayın oynatıcısı görünümü
   Vitrin (program-showcase) koyu bir yayın bandında durur: solda geniş bölüm oynatıcısı (görsel, ortada büyük beyaz oynat
   düğmesi, altta başlık ve özet), sağda "Son Bölümler" sütunu (görsel üstte, başlık altta; oynatıcının boyunda kayar).
   Altında "Bölümler" başlığı ve sezonlar koyu bir sekme şeridindedir. İşaretleme, program-showcase.js ve veri aynen durur. */
body .program-showcase {
    margin-bottom: var(--space-4);
    padding-block: clamp(20px, 2.4vw, 32px);
    background: #111;
}
body .program-showcase .program-showcase__frame {
    gap: clamp(16px, 1.6vw, 24px);
    overflow: visible;
    border-radius: 0;
    background: none;
}
body .program-showcase .program-showcase__stage { overflow: hidden; border-radius: 8px; background: #000; }
body .program-showcase .program-showcase__media { aspect-ratio: 16 / 9; min-height: 0; background: #1b1b1b; }
body .program-showcase .program-showcase__media::after {
    background: linear-gradient(180deg, rgb(0 0 0 / 0) 40%, rgb(0 0 0 / 0.55) 68%, rgb(0 0 0 / 0.9) 100%);
}

/* Oynat düğmesi: büyük beyaz daire, koyu simge, yumuşak gölge. */
body .program-showcase .program-showcase__play {
    width: clamp(64px, 5.6vw, 84px);
    height: clamp(64px, 5.6vw, 84px);
    background: #fff;
    color: #111;
    box-shadow: 0 10px 30px rgb(0 0 0 / 0.35), 0 0 0 8px rgb(255 255 255 / 0.18);
}
body .program-showcase .program-showcase__play svg { width: 40%; height: 40%; margin-left: 6%; }
body .program-showcase .program-showcase__panel:hover .program-showcase__play,
body .program-showcase .program-showcase__play:hover { background: #fff; color: var(--brand-accent); }

body .program-showcase .program-showcase__caption { gap: 8px; padding: 0 clamp(20px, 2.6vw, 40px) clamp(20px, 2.4vw, 34px); }
body .program-showcase .program-showcase__chip { padding: 4px 10px; border-radius: 4px; background: rgb(255 255 255 / 0.92); color: #111; font-size: 0.75rem; }
body .program-showcase .program-showcase__title { max-width: 28em; font-family: var(--font-body); font-size: clamp(1.3rem, 0.9rem + 1vw, 2rem); font-weight: 700; letter-spacing: 0; }
body .program-showcase .program-showcase__excerpt {
    display: -webkit-box;
    max-width: 62em;
    margin: 0;
    overflow: hidden;
    color: rgb(255 255 255 / 0.88);
    font-size: 0.95rem;
    line-height: 1.5;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
body .program-showcase .program-showcase__guest { color: rgb(255 255 255 / 0.75); font-size: 0.875rem; }
body .program-showcase .program-showcase__cta { background: #fff; color: #111; }

/* Son Bölümler sütunu */
body .program-showcase .program-showcase__aside { display: flex; flex-direction: column; min-width: 0; min-height: 0; }
body .program-showcase .program-showcase__aside-title {
    margin: 0 0 14px;
    color: #fff;
    font-size: clamp(1.1rem, 0.9rem + 0.5vw, 1.45rem);
    font-weight: 800;
    letter-spacing: 0.02em;
    line-height: 1.1;
    text-transform: uppercase;
}
body .program-showcase .program-showcase__list {
    display: grid;
    gap: 18px;
    padding-right: 10px;
    overflow-y: auto;
    scrollbar-color: rgb(255 255 255 / 0.55) transparent;
    scrollbar-width: thin;
}
body .program-showcase .program-showcase__list li + li { border-top: 0; }
body .program-showcase .program-showcase__item { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; padding: 0; background: none; }
body .program-showcase .program-showcase__item:hover,
body .program-showcase .program-showcase__item:focus-visible,
body .program-showcase .program-showcase__item.is-active { background: none; }
body .program-showcase .program-showcase__thumb { position: relative; aspect-ratio: 16 / 9; border-radius: 6px; background: #222; }
body .program-showcase .program-showcase__thumb::after {
    content: "";
    position: absolute;
    inset: 0;
    border: 2px solid transparent;
    border-radius: inherit;
    transition: border-color 0.2s ease;
}
body .program-showcase .program-showcase__item.is-active .program-showcase__thumb::after,
body .program-showcase .program-showcase__item:hover .program-showcase__thumb::after { border-color: #fff; }
body .program-showcase .program-showcase__item-body strong { color: #fff; font-size: 1rem; line-height: 1.3; }
body .program-showcase .program-showcase__item-body small { color: rgb(255 255 255 / 0.62); font-size: 0.8125rem; }

/* Geniş ekran: oynatıcı geniş, sağ sütun oynatıcının boyunda kalır ve kendi içinde kayar. */
@media (min-width: 1024px) {
    body .program-showcase .program-showcase__frame { grid-template-columns: minmax(0, 3fr) minmax(240px, 1fr); }
    body .program-showcase .program-showcase__media { height: auto; min-height: 0; aspect-ratio: 16 / 9; }
    body .program-showcase .program-showcase__aside { contain: size; }
    body .program-showcase .program-showcase__list { flex: 1 1 auto; min-height: 0; }
}

/* Dar ekran: sütun oynatıcının altında, kartlar yatay kayar. */
@media (max-width: 1023px) {
    body .program-showcase .program-showcase__media { aspect-ratio: 16 / 10; min-height: 0; }
    body .program-showcase .program-showcase__aside { margin-top: 4px; }
    body .program-showcase .program-showcase__list { grid-auto-flow: column; grid-auto-columns: minmax(200px, 42%); padding: 0 0 8px; overflow-x: auto; overflow-y: hidden; }
}

/* Bölümler başlığı: koyu sekme şeridi (başlık + sezonlar). */
body :is(.program-detail__episodes-head, .inside-detail__episodes-head) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 28px;
    margin-bottom: var(--space-3);
    padding: 18px 24px;
    border: 0;
    border-radius: 6px;
    background: #111;
}
body :is(.program-detail__episodes-head, .inside-detail__episodes-head) h2 {
    margin: 0;
    color: #fff;
    font-family: var(--font-body);
    font-size: clamp(1.1rem, 0.95rem + 0.5vw, 1.45rem);
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
body :is(.program-detail__episodes-head, .inside-detail__episodes-head) h2::after { content: none; }
body :is(.program-detail__episodes-head, .inside-detail__episodes-head) .program-detail__seasons { display: flex; flex-wrap: wrap; gap: 6px 22px; margin: 0; }
body :is(.program-detail__episodes-head, .inside-detail__episodes-head) .program-detail__seasons a {
    padding: 4px 0;
    border: 0;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    background: none;
    color: rgb(255 255 255 / 0.7);
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
body :is(.program-detail__episodes-head, .inside-detail__episodes-head) .program-detail__seasons a:hover,
body :is(.program-detail__episodes-head, .inside-detail__episodes-head) .program-detail__seasons [aria-current] { border-bottom-color: #fff; background: none; color: #fff; }

/* Oynatıcı görünümü: site.css sonundaki "renkli metin kutusu + alt kart sırası" vitrin kurallarını geri alır. */
body .program-showcase .program-showcase__frame { display: grid; color: #fff; }
body .program-showcase .program-showcase__panel { display: block; min-height: 0; }
body .program-showcase .program-showcase__media { height: auto; min-height: 0; aspect-ratio: 16 / 9; }
body .program-showcase .program-showcase__media::after { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; }
body .program-showcase .program-showcase__media img { z-index: 0; }
body .program-showcase .program-showcase__play { z-index: 1; inset: 0; margin: auto; transform: none; }
body .program-showcase .program-showcase__panel:hover .program-showcase__play { transform: scale(1.06); }
body .program-showcase .program-showcase__caption {
    position: absolute;
    inset: auto 0 0 0;
    z-index: 2;
    order: 0;
    justify-content: flex-end;
    background: none;
    pointer-events: none;
}
body .program-showcase .program-showcase__caption a { pointer-events: auto; }
body .program-showcase .program-showcase__excerpt { -webkit-line-clamp: 2; line-clamp: 2; }
body .program-showcase .program-showcase__list { grid-template-columns: minmax(0, 1fr); margin: 0; }
body .program-showcase .program-showcase__list li:first-child { display: block; }
body .program-showcase .program-showcase__item { color: #fff; }
body .program-showcase .program-showcase__item-body { flex-direction: column; gap: 4px; padding: 0; }
body .program-showcase .program-showcase__item-body strong { color: #fff; -webkit-line-clamp: 2; line-clamp: 2; }
body .program-showcase .program-showcase__item:hover strong,
body .program-showcase .program-showcase__item:focus-visible strong,
body .program-showcase .program-showcase__item.is-active strong { color: #fff; }
body .program-showcase .program-showcase__item-body small { color: rgb(255 255 255 / 0.62); font-weight: 500; }
body .program-showcase .program-showcase__thumb { border-radius: 6px; }
@media (min-width: 900px) {
    body .program-showcase .program-showcase__panel { grid-template-columns: none; min-height: 0; }
    body .program-showcase .program-showcase__media { height: auto; min-height: 0; aspect-ratio: 16 / 9; }
    body .program-showcase .program-showcase__list { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 1023px) {
    body .program-showcase .program-showcase__list { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(200px, 42%); }
}
body :is(.program-detail__episodes-head, .inside-detail__episodes-head) { justify-content: flex-start; }
/* Telefonda görsel alçak kalır: başlık ve özet görselin altına, koyu zemine iner; oynat düğmesi görselin ortasında kalır. */
@media (max-width: 699px) {
    body .program-showcase .program-showcase__media { aspect-ratio: 16 / 9; }
    body .program-showcase .program-showcase__caption { position: static; padding: 16px 16px 18px; background: #000; }
    body .program-showcase .program-showcase__title { font-size: 1.2rem; }
}

/* ================================================================== Program sayfası, bölüm yokken: oynatıcı görünümlü giriş
   Programda yayında bölüm yoksa vitrin (program-showcase) basılmaz; giriş de aynı koyu yayın bandında, geniş bir sahne olarak
   durur: program kapağı (yoksa marka tonlarında koyu zemin), ortada oynat simgesi, altta program adı ve açıklaması.
   İlk bölüm yayımlanınca vitrin kendiliğinden gelir ve bu giriş eski kısa başlık düzenine döner. Yalnız görünüm değişir. */
body :is(.program-detail, .inside-detail):not(:has(.program-showcase)) :is(.program-detail__hero, .inside-detail__hero) {
    margin-bottom: var(--space-4);
    padding-block: clamp(20px, 2.4vw, 32px);
    background: #111;
}
body :is(.program-detail, .inside-detail):not(:has(.program-showcase)) :is(.program-detail__hero-grid, .inside-detail__hero-grid) {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    min-height: 0;
    overflow: hidden;
    border-radius: 8px;
    background: linear-gradient(135deg, #1d1b19 0%, #2b2622 55%, #3a322b 100%);
}
body :is(.program-detail, .inside-detail):not(:has(.program-showcase)) :is(.program-detail__hero-media, .inside-detail__hero-media),
body :is(.program-detail, .inside-detail):not(:has(.program-showcase)) :is(.program-detail__hero-copy, .inside-detail__hero-copy) { grid-area: 1 / 1; min-width: 0; }

/* Sahne: geniş oran, ekran yüksekliğiyle sınırlı. */
body :is(.program-detail, .inside-detail):not(:has(.program-showcase)) :is(.program-detail__hero-media, .inside-detail__hero-media) {
    position: relative;
    display: block;
    height: clamp(300px, 52vh, 540px);
}
body :is(.program-detail, .inside-detail):not(:has(.program-showcase)) :is(.program-detail__hero-media, .inside-detail__hero-media) .media {
    width: 100%;
    height: 100%;
    aspect-ratio: auto;
    border-radius: 0;
    background: none;
}
body :is(.program-detail, .inside-detail):not(:has(.program-showcase)) :is(.program-detail__hero-media, .inside-detail__hero-media) .media img { width: 100%; height: 100%; object-fit: cover; }

/* Alt geçiş (metin okunurluğu) ve ortada oynat simgesi: beyaz daire, koyu üçgen. */
body :is(.program-detail, .inside-detail):not(:has(.program-showcase)) :is(.program-detail__hero-media, .inside-detail__hero-media)::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgb(0 0 0 / 0) 35%, rgb(0 0 0 / 0.5) 65%, rgb(0 0 0 / 0.88) 100%);
    pointer-events: none;
}
body :is(.program-detail, .inside-detail):not(:has(.program-showcase)) :is(.program-detail__hero-media, .inside-detail__hero-media)::before {
    content: "";
    position: absolute;
    top: 42%;
    left: 50%;
    z-index: 2;
    width: clamp(64px, 5.6vw, 84px);
    height: clamp(64px, 5.6vw, 84px);
    border-radius: 50%;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5.5v13l11-6.5z' fill='%23111'/%3E%3C/svg%3E") 56% 50% / 40% no-repeat;
    box-shadow: 0 10px 30px rgb(0 0 0 / 0.35), 0 0 0 8px rgb(255 255 255 / 0.18);
    transform: translate(-50%, -50%);
}

/* Program adı ve açıklaması: sahnenin altında, sola yaslı, beyaz. */
body :is(.program-detail, .inside-detail):not(:has(.program-showcase)) :is(.program-detail__hero-copy, .inside-detail__hero-copy) {
    position: relative;
    z-index: 3;
    align-self: end;
    padding: 0 clamp(20px, 2.6vw, 40px) clamp(20px, 2.4vw, 34px);
    color: #fff;
}
body :is(.program-detail, .inside-detail):not(:has(.program-showcase)) :is(.program-detail__hero-copy, .inside-detail__hero-copy) h1 {
    margin: 0;
    color: #fff;
    font-size: clamp(2rem, 1.2rem + 2.4vw, 3.4rem);
    line-height: 1.05;
}
body :is(.program-detail, .inside-detail):not(:has(.program-showcase)) :is(.program-detail__lead, .inside-detail__lead) {
    max-width: 46em;
    margin-top: 10px;
    color: rgb(255 255 255 / 0.86);
    font-size: clamp(0.98rem, 0.9rem + 0.3vw, 1.15rem);
    line-height: 1.5;
}

@media (max-width: 699px) {
    body :is(.program-detail, .inside-detail):not(:has(.program-showcase)) :is(.program-detail__hero-media, .inside-detail__hero-media) { height: 300px; }
    body :is(.program-detail, .inside-detail):not(:has(.program-showcase)) :is(.program-detail__hero-media, .inside-detail__hero-media)::before { top: 36%; }
}

/* Ana sayfa — ortak program alanı ("Yol Hikâyeleri"): tek siyah gövde. Solda iki programın karması (büyük kartlı kayan şerit),
   sağda her programın kendi listesi alt alta. Oran altın orandır (1,618 : 1). Dar ekranda alt alta durur.
   Renkler logodan: siyah zemin, krem yazı, taupe vurgu. */
body .home-stage { padding-block: clamp(56px, 6.5vw, 104px); background: #111111; color: #f7f3ec; }
body .home-stage__grid { display: grid; grid-template-columns: minmax(0, 1.618fr) minmax(0, 1fr); gap: clamp(32px, 4.5vw, 72px); align-items: start; }
body .home-stage__main { min-width: 0; }
body .home-stage__eyebrow { margin: 0 0 14px; color: #c4ae97; font-size: 0.8125rem; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; }
body .home-stage__title { margin: 0; color: #f7f3ec; font-size: clamp(2rem, 1.4rem + 2.2vw, 3.25rem); line-height: 1.08; }
body .home-stage__title::after { content: ""; display: block; width: 56px; height: 2px; margin-top: 18px; background: #c4ae97; }
body .home-stage__intro { max-width: 52ch; margin: 18px 0 clamp(24px, 2.6vw, 36px); color: rgb(247 243 236 / 0.78); font-size: 1.02rem; line-height: 1.6; }
body .home-stage__stage { position: relative; container-type: inline-size; }
body .home-stage__track { display: flex; gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
body .home-stage__track::-webkit-scrollbar { display: none; }
body .home-stage__track > .video-archive__card { flex: 0 0 100%; min-width: 0; scroll-snap-align: start; }
body .home-stage__track .video-archive__media { aspect-ratio: 16 / 9; }
body .home-stage__track .video-archive__media :is(img, .media) { width: 100%; height: 100%; object-fit: cover; }
body .home-stage__track .video-archive__card .meta { margin-top: 16px; color: #c4ae97; }
body .home-stage__track .video-archive__card h3 { font-size: clamp(1.5rem, 1.15rem + 1.2vw, 2.2rem); line-height: 1.18; }
body .home-stage__track .video-archive__card :is(h3, h3 a) { color: #f7f3ec; }
body .home-stage__track .video-archive__card :is(.video-archive__guest, .video-archive__meta, .video-archive__meta :is(span, time)) { color: rgb(247 243 236 / 0.72); }
body .home-stage__arrow {
    position: absolute;
    top: calc(28.125cqw - 22px);
    z-index: 2;
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border: 1px solid #f7f3ec;
    background: #111111;
    color: #f7f3ec;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
body .home-stage__arrow[hidden] { display: none; }
body .home-stage__arrow--prev { left: 12px; }
body .home-stage__arrow--next { right: 12px; }
body .home-stage__arrow:hover,
body .home-stage__arrow:focus-visible { border-color: #c4ae97; background: #c4ae97; color: #111111; }
body .home-stage__dots { display: flex; gap: 8px; margin-top: 20px; }
body .home-stage__dots[hidden] { display: none; }
body .home-stage__dots .news-carousel__dot { width: 28px; height: 3px; padding: 0; border: 0; border-radius: 0; background: rgb(247 243 236 / 0.26); transform: none; cursor: pointer; }
body .home-stage__dots .news-carousel__dot[aria-current="true"] { background: #c4ae97; transform: none; }

body .home-stage__side { display: grid; gap: clamp(28px, 3vw, 44px); min-width: 0; }
body .home-stage__list { padding: 0; border: 0; background: transparent; }
body .home-stage__list-head { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; padding-bottom: 12px; border-bottom: 1px solid rgb(196 174 151 / 0.55); }
body .home-stage__list-title { margin: 0; color: #f7f3ec; font-size: clamp(1.25rem, 1.05rem + 0.6vw, 1.6rem); line-height: 1.2; }
body .home-stage__more { color: #c4ae97; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.12em; text-decoration: none; text-transform: uppercase; white-space: nowrap; }
body .home-stage__more::after { content: " →"; }
body .home-stage__more:hover,
body .home-stage__more:focus-visible { color: #f7f3ec; }
body .home-stage__items { display: grid; margin: 0; padding: 0; list-style: none; }
body .home-stage__item { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 14px; align-items: center; padding-block: 14px; border-bottom: 1px solid rgb(247 243 236 / 0.12); }
body .home-stage__item:last-child { border-bottom: 0; padding-bottom: 0; }
body .home-stage__thumb { display: block; aspect-ratio: 16 / 9; overflow: hidden; background: #1d1d1d; }
body .home-stage__thumb :is(img, .media) { display: block; width: 100%; height: 100%; object-fit: cover; }
body .home-stage__item-body h4 { margin: 0; font-family: var(--font-heading); font-size: 1.02rem; font-weight: 700; line-height: 1.3; }
body .home-stage__item-body h4 a { color: #f7f3ec; text-decoration: none; }
body .home-stage__item-body h4 a:hover,
body .home-stage__item-body h4 a:focus-visible,
body .home-stage__track .video-archive__card h3 a:hover { color: #c4ae97; }
body .home-stage__item-meta { display: flex; flex-wrap: wrap; gap: 4px 12px; margin: 6px 0 0; color: rgb(247 243 236 / 0.62); font-size: 0.8125rem; }
body .home-stage :focus-visible { outline-color: #c4ae97; }
@media (max-width: 899px) {
    body .home-stage__grid { grid-template-columns: minmax(0, 1fr); }
}
/* Sağ sütun sol sütunla aynı yüksekliğe oturur: iki liste alanı eşit paylaşır, satırlar aradaki boşluğu eşit dağıtır;
   üstü sol başlıkla, altı sol şeridin noktalarıyla aynı hizada biter. */
@media (min-width: 900px) {
    body .home-stage__grid { align-items: stretch; }
    body .home-stage__side { grid-template-rows: minmax(0, 1fr) minmax(0, 1fr); height: 100%; }
    body .home-stage__list { display: flex; flex-direction: column; min-height: 0; }
    body .home-stage__items { flex: 1 1 auto; grid-auto-rows: 1fr; }
    body .home-stage__item { grid-template-columns: clamp(112px, 9.5vw, 150px) minmax(0, 1fr); gap: 18px; padding-block: 0; }
    body .home-stage__item:last-child { padding-bottom: 0; }
    body .home-stage__item-body h4 { font-size: clamp(1.02rem, 0.95rem + 0.3vw, 1.2rem); }
}

/* Yol Hikâyeleri — büyük kart: yazı görselin altında değil, üstünde durur; görselin alt yarısına siyah geçiş biner.
   Oynat düğmesi ve süre üst köşelere çıkar (yazıyla çakışmasın). */
body .home-stage__track > .video-archive__card { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: 1fr auto auto auto auto; overflow: hidden; }
body .home-stage__track .video-archive__media { position: relative; grid-area: 1 / 1 / -1 / -1; display: block; }
body .home-stage__track .video-archive__media::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgb(0 0 0 / 0.92) 0%, rgb(0 0 0 / 0.72) 24%, rgb(0 0 0 / 0.28) 46%, transparent 64%);
    pointer-events: none;
}
body .home-stage__track .video-archive__card > :is(.meta, h3, .video-archive__guest, .video-archive__meta) {
    position: relative;
    z-index: 1;
    grid-column: 1;
    margin: 0;
    padding-inline: clamp(18px, 2.4vw, 36px);
    pointer-events: none;
}
body .home-stage__track .video-archive__card > .meta { grid-row: 2; margin-top: 0; }
body .home-stage__track .video-archive__card > h3 { grid-row: 3; margin-top: 8px; }
body .home-stage__track .video-archive__card > h3 a { pointer-events: auto; }
body .home-stage__track .video-archive__card > .video-archive__guest { grid-row: 4; margin-top: 8px; }
body .home-stage__track .video-archive__card > .video-archive__meta { grid-row: 5; margin-top: 6px; padding-bottom: clamp(18px, 2.4vw, 32px); }
body .home-stage__track .video-archive__card :is(.video-archive__guest, .video-archive__meta, .video-archive__meta :is(span, time)) { color: rgb(247 243 236 / 0.86); }
body .home-stage__track .video-archive__media .media__play { top: 16px; bottom: auto; left: 16px; z-index: 1; }
body .home-stage__track .video-archive__duration { top: 16px; right: 16px; bottom: auto; left: auto; z-index: 1; }

/* Sağ listeler: her bölüm tek satır — küçük görsel, başlık (sığmazsa üç nokta), sağda konuk ve süre. */
@media (min-width: 900px) {
    body .home-stage__item { grid-template-columns: 84px minmax(0, 1fr); gap: 14px; }
    body .home-stage__item-body { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; min-width: 0; }
    body .home-stage__item-body h4 { flex: 1 1 auto; min-width: 0; overflow: hidden; font-size: clamp(0.98rem, 0.9rem + 0.25vw, 1.1rem); text-overflow: ellipsis; white-space: nowrap; }
    body .home-stage__item-meta { flex: 0 0 auto; flex-wrap: nowrap; gap: 0; margin: 0; white-space: nowrap; }
    body .home-stage__item-meta span + span::before { content: "·"; margin-inline: 7px; opacity: 0.6; }
}

/* Sağ sütun: iki program listesi alt alta değil YAN YANA durur; her listede üç küçük kart (görsel üstte, başlık ve konuk altında).
   Boş satır aralığı kalmaz: kartlar sütunu kendi yükseklikleriyle doldurur. Daha dar ekranda listeler alt alta tek satırlık düzende kalır. */
@media (min-width: 1100px) {
    body .home-stage__side { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: none; gap: clamp(18px, 1.8vw, 28px); }
    body .home-stage__list-head { flex-direction: column; align-items: flex-start; gap: 6px; padding-bottom: 12px; }
    body .home-stage__list-title { font-size: clamp(1.15rem, 1rem + 0.45vw, 1.4rem); }
    body .home-stage__more { font-size: 0.6875rem; }
    body .home-stage__items { grid-auto-rows: auto; align-content: space-between; gap: 16px; padding-top: 16px; }
    body .home-stage__item { grid-template-columns: minmax(0, 1fr); gap: 10px; align-items: start; padding-block: 0; border-bottom: 0; }
    body .home-stage__item-body { display: block; }
    body .home-stage__item-body h4 {
        display: -webkit-box;
        overflow: hidden;
        font-size: clamp(0.95rem, 0.88rem + 0.22vw, 1.05rem);
        line-height: 1.28;
        white-space: normal;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-clamp: 2;
    }
    body .home-stage__item-meta { margin-top: 5px; font-size: 0.78rem; }
}
@media (min-width: 1100px) {
    /* Küçük kart görseli biraz basık tutulur: sağ sütun sol sütunu aşmaz, ikisi aynı hizada biter. */
    body .home-stage__thumb { aspect-ratio: 2 / 1; }
}

/* Asansör: sağdaki iki liste kendi penceresinde yavaşça yukarı aşağı kayar (biri yukarıdan, diğeri aşağıdan başlar).
   Pencere yüksekliği sol sütundan gelir; üzerine gelince ya da odaklanınca durur. Hareket azaltma tercihinde ve
   listelerin alt alta durduğu dar ekranda hareket yoktur (bütün bölümler görünür). */
@media (min-width: 1100px) {
    body .home-stage__viewport { flex: 1 1 auto; min-height: 0; margin-top: 16px; overflow: hidden; container-type: size; }
    body .home-stage__viewport .home-stage__items { align-content: start; padding-top: 0; animation: home-stage-lift 16s ease-in-out infinite alternate; will-change: transform; }
    body .home-episodes--secki .home-stage__viewport .home-stage__items { animation-direction: alternate-reverse; }
    body .home-stage__viewport:hover .home-stage__items,
    body .home-stage__viewport:focus-within .home-stage__items { animation-play-state: paused; }
}
@keyframes home-stage-lift {
    0%, 12% { transform: translateY(0); }
    88%, 100% { transform: translateY(min(0px, calc(100cqh - 100%))); }
}
@media (prefers-reduced-motion: reduce) {
    body .home-stage__viewport .home-stage__items { animation: none; }
}

/* Rötuş: büyük kartta geçiş alt bölümde tam kapatır (kapağın kendi yazısı başlığın arkasından görünmez);
   asansör penceresinin üst ve alt kenarı yumuşak solar (kartlar kenarda sert kesilmez). */
body .home-stage__track .video-archive__media::after {
    background: linear-gradient(to top, #000 0%, rgb(0 0 0 / 0.97) 30%, rgb(0 0 0 / 0.6) 46%, rgb(0 0 0 / 0.15) 62%, transparent 74%);
}
@media (min-width: 1100px) {
    body .home-stage__viewport {
        -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 28px, #000 calc(100% - 44px), transparent 100%);
        mask-image: linear-gradient(to bottom, transparent 0, #000 28px, #000 calc(100% - 44px), transparent 100%);
    }
}

/* ================================================================== Patron kartı ve ana sayfa "Patronlar" şeridi
   Yönetici listelerindeki sade "liderlik kartı" dili: üstte koyu portre alanı (portre yoksa taupe monogram), altında krem
   bilgi bandı (ad serif, görev ve şirket). Mor geçiş, yuvarlak köşe ve yuvarlak "+" düğmesi kalkar; kartın tamamı bağlantıdır.
   Kart işaretlemesi ve sınıflar aynıdır; profil arşivinde ve aramada da aynı kart kullanılır. */
body .profile-archive__tile,
body .profile-archive__frame,
body .profile-archive__tile h3 a::after { border-radius: 0; }
body .profile-archive__frame {
    aspect-ratio: 3 / 4.1;
    border: 1px solid var(--line);
    background: var(--py-surface);
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
body .profile-archive__tile:hover .profile-archive__frame,
body .profile-archive__tile:focus-within .profile-archive__frame { border-color: var(--brand-secondary); box-shadow: 0 18px 36px rgb(17 17 17 / 0.1); }
body .profile-archive__tile .profile-archive__portrait {
    position: relative;
    inset: auto;
    flex: 1 1 auto;
    min-height: 0;
    background: #111111;
}
body .profile-archive__tile .profile-archive__portrait::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 3px;
    background: linear-gradient(90deg, #c4ae97, #7e6e5f);
    transform: scaleX(0.18);
    transform-origin: left;
    transition: transform 0.35s ease;
}
body .profile-archive__tile:hover .profile-archive__portrait::after,
body .profile-archive__tile:focus-within .profile-archive__portrait::after { transform: scaleX(1); }
body .profile-archive__tile .profile-archive__portrait img { position: absolute; inset: 0; object-position: center 20%; }
body .profile-archive__placeholder {
    background: linear-gradient(135deg, #c4ae97 0%, #968372 55%, #7e6e5f 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-family: var(--font-heading);
    font-size: clamp(2.6rem, 2rem + 2.6vw, 4.4rem);
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.04em;
}
body .profile-archive__body { order: 2; gap: 6px; padding: 16px 18px 18px; }
body .profile-archive__tile h3 { font-family: var(--font-heading) !important; font-size: clamp(1.05rem, 0.98rem + 0.3vw, 1.25rem); letter-spacing: -0.005em; white-space: normal; }
body .profile-archive__tile:hover h3 a,
body .profile-archive__tile:focus-within h3 a { color: var(--brand-accent); }
body .profile-archive__tile p.profile-archive__role { min-height: 2.7em; color: var(--ink-2); font-size: 0.8125rem; line-height: 1.35; }
body .profile-archive__foot { display: none; }

/* Ana sayfa: patronlar TEK SATIR. Geniş ekranda beş kart görünür; diğerleri mevcut kayan şerit betiğiyle sırayla gelir.
   Dar ekranda şerit elle yana kaydırılır. */
body .home-profiles__grid {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: calc((100% - 4 * 20px) / 5);
    grid-template-columns: none;
    gap: 20px;
    overflow: hidden;
    padding-block: 6px 28px;
}
@media (max-width: 1199px) {
    body .home-profiles__grid { grid-auto-columns: calc((100% - 3 * 18px) / 4); grid-template-columns: none; gap: 18px; }
}
@media (max-width: 899px) {
    body .home-profiles__grid { grid-auto-columns: 44%; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
    body .home-profiles__grid::-webkit-scrollbar { display: none; }
    body .home-profiles__grid > * { scroll-snap-align: start; }
}

/* Patron kartı: ad ve görev görselin ALTINDA değil ÜSTÜNDE durur; görselin alt bölümüne siyah geçiş biner.
   Portre (ya da monogram) kartın tamamını kaplar. */
body .profile-archive__frame { border-color: #111111; background: #111111; }
body .profile-archive__tile .profile-archive__portrait { position: absolute; inset: 0; flex: none; }
body .profile-archive__tile .profile-archive__portrait::after { z-index: 2; }
body .profile-archive__placeholder { padding-bottom: 26%; }
body .profile-archive__body {
    position: relative;
    z-index: 1;
    order: 0;
    margin-top: auto;
    padding: 64px 18px 20px;
    background: linear-gradient(to top, #000 0%, rgb(0 0 0 / 0.9) 42%, rgb(0 0 0 / 0.55) 70%, transparent 100%);
    color: #f7f3ec;
    pointer-events: none;
}
body .profile-archive__tile h3,
body .profile-archive__tile h3 a { color: #f7f3ec; }
body .profile-archive__tile h3 a { pointer-events: auto; }
body .profile-archive__tile:hover h3 a,
body .profile-archive__tile:focus-within h3 a { color: #c4ae97; }
body .profile-archive__tile p.profile-archive__role { min-height: 0; color: rgb(247 243 236 / 0.8); }

/* ================================================================== Haber detayı — Patron Yolu yerleşimi
   Yalnız görsel sıra ve stil değişir; işaretleme, sınıflar ve betikler aynıdır.
   Sıra: yol → başlık + spot → künye satırı → kapak → "haberde geçenler | ilgili işletmeler" bandı (yan yana) → metin → sonraki/önceki.
   Paylaş çubuğu sayfada yer tutmaz: kenarda yüzen bir baloncuktur. */
body .news-detail .article { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: clamp(14px, 1.6vw, 24px); }
body .news-detail .article > *,
body .news-detail .article__header > * { grid-column: 1 / -1; }
body .news-detail .article__breadcrumb { order: -4; }
body .news-detail .article__header > * { order: -3; }
body .news-detail .article__header > :first-child { margin-top: var(--space-2); }
body .news-detail .article__title { font-size: clamp(2rem, 1.4rem + 2.3vw, 3.25rem); line-height: 1.08; }
body .news-detail .article__spot { margin-top: 14px; padding-left: 16px; border-left: 2px solid var(--brand-secondary); color: var(--ink-2); font-size: clamp(1.05rem, 1rem + 0.35vw, 1.25rem); line-height: 1.55; }
body .news-detail .article__header > .article__byline { order: -2; margin-top: var(--space-3); padding-block: 12px; }
body .news-detail .article__cover { order: -1; margin-top: var(--space-3); }
body .news-detail :is(.article__people, .article__businesses) { order: 0; }
body .news-detail .article-content { order: 1; margin-top: var(--space-4); }
body .news-detail :is(.article__author-box, .article__episode) { order: 2; }
body .news-detail .article__adjacent { order: 3; }

/* Haberde geçenler | İlgili işletmeler: kapağın hemen altında, yan yana iki küçük kart. Yalnız biri varsa tam genişlik alır. */
body .news-detail .article__people { grid-column: 1; }
body .news-detail .article__businesses { grid-column: 2; }
body .news-detail .article:not(:has(.article__businesses)) .article__people,
body .news-detail .article:not(:has(.article__people)) .article__businesses { grid-column: 1 / -1; }
body .news-detail :is(.article__people, .article__businesses) {
    margin-top: var(--space-3);
    padding: 14px 18px 16px;
    border: 1px solid var(--line);
    border-left: 3px solid var(--brand-secondary);
    background: var(--paper-2);
}
body .news-detail :is(.article__people, .article__businesses) .article__section-title { margin: 0; color: var(--brand-accent); font-size: 0.75rem; letter-spacing: 0.16em; }
body .news-detail :is(.article__people, .article__businesses) ul { gap: 10px 28px; margin-top: 10px; }
body .news-detail .article__businesses li { display: flex; flex-direction: column; }
body .news-detail .article__businesses strong { font-family: var(--font-heading); font-size: 1.1rem; }
body .news-detail .article__person strong { font-family: var(--font-heading); font-size: 1.1rem; }
body .news-detail .article__person-portrait { background: #111111; }
@media (max-width: 699px) {
    body .news-detail :is(.article__people, .article__businesses) { grid-column: 1 / -1; }
}

/* Paylaş baloncuğu: geniş ekranda makalenin solunda dikey, dar ekranda altta ortada yatay; siyah hap, yuvarlak düğmeler. */
body .news-detail .article__share {
    position: fixed;
    z-index: 40;
    bottom: 18px;
    left: 50%;
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 8px 10px;
    border: 1px solid rgb(247 243 236 / 0.14);
    border-radius: 999px !important;
    background: #111111;
    box-shadow: 0 14px 34px rgb(17 17 17 / 0.28);
    transform: translateX(-50%);
}
body .news-detail .article__share-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
body .news-detail .article__share .share-links__icon { width: 40px; height: 40px; border-color: transparent; }
body .news-detail .article__share button {
    position: relative;
    width: 40px;
    height: 40px;
    padding: 0;
    overflow: hidden;
    border: 1px solid rgb(247 243 236 / 0.3);
    border-radius: 50% !important;
    background: transparent;
    color: #f7f3ec;
    font-size: 0;
}
body .news-detail .article__share button::before {
    content: "";
    position: absolute;
    inset: 0;
    background: currentColor;
    -webkit-mask: var(--share-icon) center / 18px 18px no-repeat;
    mask: var(--share-icon) center / 18px 18px no-repeat;
}
body .news-detail .article__share [data-share-copy] { --share-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.070 0l3-3a5 5 0 0 0-7.070-7.070l-1.500 1.500'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.070 0l-3 3a5 5 0 0 0 7.070 7.070l1.500-1.500'/%3E%3C/svg%3E"); }
body .news-detail .article__share [data-share-native] { --share-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='19' r='3'/%3E%3Cpath d='M8.600 13.500l6.800 4M15.400 6.500l-6.800 4'/%3E%3C/svg%3E"); }
body .news-detail .article__share button:hover,
body .news-detail .article__share button:focus-visible { border-color: #c4ae97; background: #c4ae97; color: #111111; }
body .news-detail .article__share-status:not(:empty) {
    position: absolute;
    bottom: calc(100% + 10px);
    left: 50%;
    padding: 6px 12px;
    background: #111111;
    color: #f7f3ec;
    font-size: 0.8125rem;
    white-space: nowrap;
    transform: translateX(-50%);
}
/* Dikey kenar baloncuğu yalnız makalenin solunda yeterli boşluk olan çok geniş ekranda; daha dar ekranda altta ortada durur (metni örtmez). */
@media (min-width: 1700px) {
    body .news-detail .article__share {
        top: 50%;
        bottom: auto;
        left: 18px;
        flex-direction: column;
        padding: 10px 8px;
        transform: translateY(-50%);
    }
    body .news-detail .article__share-status:not(:empty) { bottom: auto; top: 50%; left: calc(100% + 10px); transform: translateY(-50%); }
}
@media print {
    body .news-detail .article__share { display: none; }
}

/* Sağ panel: küçük rötuş — panel kaydırırken görünür kalır, başlıklar ince taupe çizgili, kartlar keskin köşeli. */
@media (min-width: 1100px) {
    body .news-detail .article-sidebar { position: sticky; top: 96px; align-self: start; }
}
body .news-detail .article-sidebar .article-widget { border: 0; background: transparent; }
body .news-detail .article-sidebar .article-widget + .article-widget { margin-top: var(--space-4); padding-top: var(--space-3); border-top: 1px solid var(--line); }
body .news-detail .article-sidebar .article-widget__title { font-family: var(--font-heading); font-size: 1.25rem; letter-spacing: -0.005em; }
body .news-detail .article-sidebar .article-widget__title::after { background: var(--brand-secondary); }

/* Paylaş baloncuğu ekrana değil MAKALEYE bağlanır: makalenin solunda kendine ait dar bir sütunda durur ve metinle birlikte
   yapışkan kayar (ekran genişliği ya da yakınlaştırma ne olursa olsun yazının üstüne binmez). Dar ekranda altta ortada yüzer. */
@media (min-width: 900px) {
    body .news-detail .article { grid-template-columns: 56px minmax(0, 1fr) minmax(0, 1fr); }
    body .news-detail .article > *,
    body .news-detail .article__header > * { grid-column: 2 / -1; }
    body .news-detail .article__people { grid-column: 2; }
    body .news-detail .article__businesses { grid-column: 3; }
    body .news-detail .article:not(:has(.article__businesses)) .article__people,
    body .news-detail .article:not(:has(.article__people)) .article__businesses { grid-column: 2 / -1; }
    body .news-detail .article > .article__share {
        position: sticky;
        top: 176px;
        bottom: auto;
        left: auto;
        order: -10;
        grid-column: 1;
        grid-row: 1 / span 16;
        align-self: start;
        justify-self: start;
        flex-direction: column;
        margin-top: var(--space-2);
        padding: 10px 8px;
        transform: none;
        box-shadow: 0 10px 24px rgb(17 17 17 / 0.18);
    }
    body .news-detail .article__share-status:not(:empty) { top: 50%; bottom: auto; left: calc(100% + 10px); transform: translateY(-50%); }
}

/* Mobil paylaş baloncuğu: tek satır, tam ortada, daha küçük düğmeler. (left: 50% genişliği yarıya indirip düğmeleri iki
   satıra kırıyordu.) Sayfanın sonunda baloncuğun altında kalmasın diye makaleye alt boşluk verilir. */
@media (max-width: 899px) {
    body .news-detail .article__share {
        right: 0;
        bottom: max(14px, env(safe-area-inset-bottom));
        left: 0;
        flex-wrap: nowrap;
        gap: 6px;
        width: max-content;
        max-width: calc(100vw - 24px);
        margin-inline: auto;
        padding: 6px 8px;
        transform: none;
    }
    body .news-detail .article__share .share-links__icon,
    body .news-detail .article__share button { flex: 0 0 auto; width: 38px; height: 38px; }
    body .news-detail .article__share-status:not(:empty) { bottom: calc(100% + 8px); }
    body .news-detail .article { padding-bottom: 72px; }
}

/* ================================================================== Program sayfası girişi — "billboard" (dizi platformu) düzeni
   Bölümü olan programda: tam genişlikte sinematik sahne; solda koyu geçişin üstünde program adı, tanımı, seçili bölüm ve
   izleme düğmesi; sahnenin altına binen yatay "Son Bölümler" şeridi. Kartın üzerine gelince sahne o bölüme geçer (mevcut betik).
   İşaretleme, sınıflar ve betik aynıdır; yalnız yerleşim ve stil değişir. Dar ekranda mevcut düzen korunur. */
@media (min-width: 900px) {
    body :is(.program-detail, .inside-detail):has(.program-showcase) :is(.program-detail__hero, .inside-detail__hero) {
        position: relative;
        z-index: 3;
        height: 0;
        margin: 0;
        padding: 0;
        border: 0;
        background: transparent;
        pointer-events: none;
    }
    body :is(.program-detail, .inside-detail):has(.program-showcase) :is(.program-detail__hero-grid, .inside-detail__hero-grid) {
        position: absolute;
        top: clamp(36px, 4.6vw, 76px);
        right: 0;
        left: 0;
        display: block;
        margin-inline: auto;
    }
    body :is(.program-detail, .inside-detail):has(.program-showcase) :is(.program-detail__hero-copy, .inside-detail__hero-copy) {
        max-width: min(46%, 620px);
        padding-left: clamp(24px, 3vw, 52px);
    }
    body :is(.program-detail, .inside-detail):has(.program-showcase) :is(.program-detail__hero, .inside-detail__hero) h1 {
        margin: 0;
        color: #f7f3ec;
        font-size: clamp(2.6rem, 1.6rem + 3.4vw, 4.75rem);
        line-height: 1.02;
        text-shadow: 0 2px 24px rgb(0 0 0 / 0.55);
    }
    body :is(.program-detail, .inside-detail):has(.program-showcase) :is(.program-detail__lead, .inside-detail__lead) {
        margin-top: 14px;
        color: rgb(247 243 236 / 0.86);
        font-size: clamp(1rem, 0.95rem + 0.3vw, 1.2rem);
        line-height: 1.5;
        text-shadow: 0 1px 14px rgb(0 0 0 / 0.6);
    }

    body .program-showcase { display: block; padding-block: 0 clamp(28px, 3vw, 44px); background: #111111; }
    body .program-showcase .program-showcase__frame { grid-template-columns: minmax(0, 1fr); gap: 0; }
    body .program-showcase .program-showcase__stage { background: #111111; }
    body .program-showcase .program-showcase__media { aspect-ratio: 21 / 9; min-height: 540px; }
    body .program-showcase .program-showcase__media img { width: 100%; height: 100%; object-fit: cover; }
    body .program-showcase .program-showcase__media::after {
        background:
            linear-gradient(90deg, rgb(0 0 0 / 0.94) 0%, rgb(0 0 0 / 0.72) 30%, rgb(0 0 0 / 0.25) 56%, transparent 74%),
            linear-gradient(to top, #111111 0%, rgb(17 17 17 / 0.7) 16%, transparent 40%);
    }
    body .program-showcase .program-showcase__play { display: none; }
    body .program-showcase .program-showcase__caption {
        right: auto;
        bottom: clamp(150px, 13vw, 190px);
        left: clamp(24px, 3vw, 52px);
        width: min(46%, 620px);
        padding: 0;
        background: none;
    }
    body .program-showcase .program-showcase__chip { background: transparent; padding: 0; color: #c4ae97; font-size: 0.8125rem; letter-spacing: 0.16em; }
    body .program-showcase .program-showcase__title { font-size: clamp(1.35rem, 1.1rem + 0.9vw, 1.9rem); line-height: 1.2; }
    body .program-showcase .program-showcase__title a { color: #f7f3ec; }
    body .program-showcase .program-showcase__excerpt { color: rgb(247 243 236 / 0.78); }
    body .program-showcase .program-showcase__cta {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        margin-top: 14px;
        padding: 13px 26px;
        border: 0;
        background: #f7f3ec;
        color: #111111;
        font-size: 1rem;
        font-weight: 700;
        letter-spacing: 0.01em;
        text-decoration: none;
    }
    body .program-showcase .program-showcase__cta::before { content: ""; width: 0; height: 0; border-block: 8px solid transparent; border-left: 13px solid currentColor; }
    body .program-showcase .program-showcase__cta svg { display: none; }
    body .program-showcase .program-showcase__cta:hover,
    body .program-showcase .program-showcase__cta:focus-visible { background: #c4ae97; }

    /* "Son Bölümler": sahnenin altına binen yatay şerit. */
    body .program-showcase .program-showcase__aside {
        position: relative;
        z-index: 2;
        display: block;
        margin-top: clamp(-150px, -10.5vw, -112px);
        padding: 0 clamp(24px, 3vw, 52px);
        background: none;
    }
    body .program-showcase .program-showcase__aside-title { margin: 0 0 10px; color: #f7f3ec; font-size: 0.875rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; }
    body .program-showcase .program-showcase__list {
        display: flex;
        grid-template-columns: none;
        gap: 12px;
        max-height: none;
        height: auto;
        margin: 0;
        padding: 0 0 6px;
        overflow: auto hidden;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
    }
    body .program-showcase .program-showcase__list::-webkit-scrollbar { display: none; }
    body .program-showcase .program-showcase__list > li { flex: 0 0 clamp(190px, 16.5vw, 250px); min-width: 0; scroll-snap-align: start; }
    body .program-showcase .program-showcase__item { display: block; padding: 0; border: 0; background: none; }
    body .program-showcase .program-showcase__thumb { display: block; aspect-ratio: 16 / 9; overflow: hidden; border: 2px solid transparent; background: #1d1d1d; transition: border-color 0.2s ease, transform 0.2s ease; }
    body .program-showcase .program-showcase__thumb img { width: 100%; height: 100%; object-fit: cover; }
    body .program-showcase .program-showcase__item:is(.is-active, :hover, :focus-visible) .program-showcase__thumb { border-color: #f7f3ec; transform: translateY(-3px); }
    body .program-showcase .program-showcase__item-body { display: block; padding-top: 8px; }
    body .program-showcase .program-showcase__item-body strong { display: -webkit-box; overflow: hidden; color: #f7f3ec; font-size: 0.875rem; font-weight: 600; line-height: 1.3; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; }
    body .program-showcase .program-showcase__item-body small { display: block; margin-top: 3px; color: rgb(247 243 236 / 0.6); font-size: 0.75rem; }
}
@media (min-width: 900px) {
    /* Sahne biraz daha yüksek; program tanımı en çok iki satır: üstteki program adı ile alttaki bölüm bilgisi çakışmaz.
       Bölüm şeridi kendi yüksekliğini alır (sahnenin dışına taşmaz). */
    body .program-showcase .program-showcase__media { min-height: clamp(600px, 46vw, 760px); }
    body .program-showcase .program-showcase__frame { grid-template-rows: auto auto; align-items: start; }
    body .program-showcase .program-showcase__aside { height: auto; max-height: none; overflow: visible; align-self: start; }
    body :is(.program-detail, .inside-detail):has(.program-showcase) :is(.program-detail__hero-grid, .inside-detail__hero-grid) { top: clamp(28px, 3.4vw, 56px); }
    body :is(.program-detail, .inside-detail):has(.program-showcase) :is(.program-detail__lead, .inside-detail__lead) {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-clamp: 2;
    }
}
@media (min-width: 900px) {
    body .program-showcase .program-showcase__aside { contain: none; }
}

/* Billboard rötuşu: sahne kutu gibi durmaz, bandın tamamını kenardan kenara kaplar; yazılar ve bölüm şeridi sitenin içerik
   hizasında kalır. Sahne biraz alçalır (program adı ile bölüm bilgisi arasındaki boşluk kapanır) ve şerit satırı doldurur. */
@media (min-width: 900px) {
    body .program-showcase { --stage-pad: max(var(--gutter), calc((100vw - var(--container-max)) / 2)); padding-bottom: clamp(24px, 2.6vw, 40px); overflow: hidden; }
    body .program-showcase > .container { width: 100%; max-width: none; margin: 0; }
    body .program-showcase .program-showcase__media { min-height: clamp(520px, 37vw, 660px); aspect-ratio: auto; height: clamp(520px, 37vw, 660px); }
    body .program-showcase .program-showcase__media::after {
        background:
            linear-gradient(90deg, #111111 0%, rgb(17 17 17 / 0.9) 22%, rgb(17 17 17 / 0.45) 48%, transparent 72%),
            linear-gradient(to top, #111111 0%, rgb(17 17 17 / 0.75) 18%, transparent 46%);
    }
    body .program-showcase .program-showcase__caption { left: var(--stage-pad); bottom: clamp(190px, 15.5vw, 250px); width: min(44vw, 620px); }
    body .program-showcase .program-showcase__aside { margin-top: clamp(-230px, -14.5vw, -170px); padding-inline: var(--stage-pad); }
    body .program-showcase .program-showcase__list > li { flex: 1 0 clamp(180px, 15vw, 240px); }
    body :is(.program-detail, .inside-detail):has(.program-showcase) :is(.program-detail__hero-copy, .inside-detail__hero-copy) { padding-left: 0; max-width: min(44vw, 620px); }
    body :is(.program-detail, .inside-detail):has(.program-showcase) :is(.program-detail__hero-grid, .inside-detail__hero-grid) { top: clamp(32px, 3.6vw, 60px); }
    body :is(.program-detail, .inside-detail):has(.program-showcase) :is(.program-detail__hero, .inside-detail__hero) h1 { font-size: clamp(2.6rem, 1.6rem + 3vw, 4.25rem); }
}
@media (min-width: 900px) {
    /* Sahne yüksekliği, üstteki program adı + tanımı ile alttaki bölüm bilgisi her genişlikte çakışmadan sığacak kadardır;
       yazı hizası sitenin içerik kenarıyla birebir aynıdır (kaydırma çubuğu payı dahil). */
    body .program-showcase { --stage-pad: max(var(--gutter), calc((100% - var(--container-max)) / 2)); }
    body .program-showcase .program-showcase__media { height: clamp(620px, 47vw, 720px); min-height: 0; }
}
@media (min-width: 900px) {
    body .program-showcase .program-showcase__caption { bottom: clamp(204px, 16.4vw, 270px); }
}

/* Billboard şeridi rötuşu: kartlar keskin köşeli; üzerine gelince yükselmez (şeridin üst kenarında kesilip sıkışmasın),
   yalnız çerçevesi belirir ve görsel hafifçe yakınlaşır. Program tanımı ile bölüm bilgisi arasında nefes payı. */
@media (min-width: 900px) {
    body .program-showcase .program-showcase__list { padding-top: 4px; }
    body .program-showcase .program-showcase__thumb,
    body .program-showcase .program-showcase__thumb img,
    body .program-showcase .program-showcase__item { border-radius: 0 !important; }
    body .program-showcase .program-showcase__item:is(.is-active, :hover, :focus-visible) .program-showcase__thumb { transform: none; }
    body .program-showcase .program-showcase__thumb img { transition: transform 0.35s ease; }
    body .program-showcase .program-showcase__item:is(:hover, :focus-visible) .program-showcase__thumb img { transform: scale(1.05); }
    body .program-showcase .program-showcase__media { height: clamp(660px, 50vw, 780px); }
    body .program-showcase .program-showcase__title { max-width: 22ch; }
}

/* Manşet yazı paneli: düz koyu kutu yerine alttan yukarı siyah geçiş; panel soldaki kutuda bitmez, slaytın sağ kenarına
   kadar uzanır (sağdaki numara şeridinin altından geçer). Ana sayfa manşeti ve haber arşivi manşeti aynı görünür. */
body .home-lead .news-slider--hero .news-slider__content {
    right: 0;
    left: 0;
    width: auto;
    max-width: none;
    padding: clamp(64px, 7vw, 120px) clamp(84px, 7vw, 120px) clamp(22px, 2.4vw, 36px) clamp(22px, 2.6vw, 40px);
    border: 0;
    background: linear-gradient(to top, rgb(0 0 0 / 0.94) 0%, rgb(0 0 0 / 0.82) 38%, rgb(0 0 0 / 0.45) 72%, transparent 100%);
    box-shadow: none;
}
body .home-lead .news-slider--hero .news-slider__content::before,
body .home-lead .news-slider--hero .news-slider__content::after { content: none; }
body .home-lead .news-slider--hero .news-slider__title { max-width: 26ch; }
body .home-lead .news-slider--hero .news-slider__spot { max-width: 68ch; }
body .home-lead.home-lead--trio .news-slider--hero .news-slider__content,
body .home-lead.home-lead--rail .news-slider--hero .news-slider__content {
    right: 0;
    left: 0;
    width: auto;
    max-width: none;
    padding: clamp(64px, 7vw, 120px) clamp(84px, 7vw, 120px) clamp(22px, 2.4vw, 36px) clamp(22px, 2.6vw, 40px);
    border: 0;
    background: linear-gradient(to top, rgb(0 0 0 / 0.94) 0%, rgb(0 0 0 / 0.82) 38%, rgb(0 0 0 / 0.45) 72%, transparent 100%);
}
/* Ana sayfa manşetinde alt kenarda küçük görsel şeridi vardır: yazı onun üstünde kalır. */
body .home-lead.home-lead--trio .news-slider--hero .news-slider__content { padding-bottom: 76px; }

/* Kategori manşeti: ortada tek büyük slayt, numaralı manşet dizini (01-02-03-04) slaytın ALTINDA yan yana durur. */
@media (min-width: 1000px) {
    body .category-featured .news-slider:has(> .news-slider__thumbs:not([hidden])) {
        display: block;
    }

    body .category-featured .news-slider--category .news-slider__media {
        max-height: none;
        aspect-ratio: 21 / 9;
    }

    body .category-featured .news-slider:has(> .news-slider__thumbs:not([hidden])) > .news-slider__thumbs {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: minmax(0, 1fr);
        border: 1px solid var(--line);
        border-top: 0;
    }

    body .category-featured .news-slider__thumbs .news-slider__thumb,
    body .category-featured .news-slider__thumbs .news-slider__thumb:hover,
    body .category-featured .news-slider__thumbs .news-slider__thumb.is-active {
        grid-template-columns: 44px minmax(0, 1fr) 84px;
        padding: 16px 18px;
        border-bottom: 0;
        border-right: 1px solid var(--line);
    }

    body .category-featured .news-slider__thumbs .news-slider__thumb:last-child {
        border-right: 0;
    }

    body .category-featured .news-slider__thumbs .news-slider__thumb::after {
        font-size: 0.9375rem;
    }
}

/* Slayt ile altındaki dizin aynı ekrana sığsın diye slayt yüksekliği ekran yüksekliğine göre sınırlanır. */
@media (min-width: 1000px) {
    body .category-featured .news-slider--category .news-slider__media {
        height: clamp(360px, 52vh, 600px);
        aspect-ratio: auto;
    }
}

/* İş Birliği girişi: sağda hiç durmadan basamak tırmanan figür (süs; logodaki fikir).
   Figür yerinde durur, merdiven altından sol-aşağı akar: döngü kesintisizdir (iki basamak = bir tur). Bacak açıları
   ayak basamağa bastığı sürece basamakla birlikte hareket edecek biçimde hesaplanmıştır (diz ve bilek eklemli).
   Dar ekranda basılmaz; hareket azaltma tercihinde figür adım atmış hâlde sabit durur. */
body .partnership-hero__climb { display: none; }

@media (min-width: 1000px) {
    body .partnership-hero__inner { justify-content: space-between; gap: clamp(24px, 4vw, 80px); }
    body .partnership-hero__copy { flex: 0 1 680px; }

    body .partnership-hero__climb {
        display: block;
        flex: 0 1 620px;
        width: min(620px, 40vw);
        height: auto;
        color: var(--brand-accent);
        -webkit-mask-image: radial-gradient(ellipse 52% 52% at 50% 50%, #000 62%, transparent 100%);
        mask-image: radial-gradient(ellipse 52% 52% at 50% 50%, #000 62%, transparent 100%);
    }

    body .climb__stairs { animation: climb-stairs 1.5s linear infinite; }
    body .climb__risers { fill: none; stroke: color-mix(in srgb, var(--brand-accent) 55%, transparent); stroke-width: 2; }
    body .climb__treads { fill: none; stroke: var(--ink); stroke-width: 6; stroke-linecap: square; }

    body .climb__body { fill: none; stroke: var(--ink); stroke-width: 9; stroke-linecap: round; stroke-linejoin: round; animation: climb-bob 1.5s linear infinite; }
    body .climb__head { fill: var(--ink); stroke: none; }
    body .climb__far { stroke: var(--brand-accent-dark, #7e6e5f); }
    body .climb__far rect { fill: var(--brand-accent-dark, #7e6e5f); stroke-width: 3; }
    body .climb__handle { stroke-width: 3; }

    /* Sabit duruş (hareket kapalıyken görünen adım): açılar döngünün iki anından alınmıştır. */
    body .climb__thigh--a { transform: rotate(-31.2deg); }
    body .climb__shin--a { transform: translate(0, 46px) rotate(67.7deg); }
    body .climb__thigh--b { transform: rotate(-34.7deg); }
    body .climb__shin--b { transform: translate(0, 46px) rotate(117.5deg); }
    body .climb__thigh { animation: climb-thigh 1.5s linear infinite; }
    body .climb__shin { animation: climb-shin 1.5s linear infinite; }
    body .climb__thigh--b, body .climb__shin--b { animation-delay: -0.75s; }

    body .climb__arm { transform: translate(9px, -56px); }
    body .climb__arm--free { animation: climb-arm 1.5s ease-in-out infinite; }
    body .climb__fore { transform: translate(0, 30px) rotate(-52deg); }
    body .climb__arm--case { animation: climb-case 1.5s ease-in-out infinite; }
}

@keyframes climb-stairs { to { transform: translate(-128px, 72px); } }
@keyframes climb-arm {
    0%, 100% { transform: translate(9px, -56px) rotate(26deg); }
    50% { transform: translate(9px, -56px) rotate(-30deg); }
}
@keyframes climb-case {
    0%, 100% { transform: translate(9px, -56px) rotate(10deg); }
    50% { transform: translate(9px, -56px) rotate(24deg); }
}
@keyframes climb-bob {
    0% { transform: translateY(1.69px); }
    4.17% { transform: translateY(2.7px); }
    8.33% { transform: translateY(2.99px); }
    12.5% { transform: translateY(2.48px); }
    16.67% { transform: translateY(1.3px); }
    20.83% { transform: translateY(-0.23px); }
    25% { transform: translateY(-1.69px); }
    29.17% { transform: translateY(-2.7px); }
    33.33% { transform: translateY(-2.99px); }
    37.5% { transform: translateY(-2.48px); }
    41.67% { transform: translateY(-1.3px); }
    45.83% { transform: translateY(0.23px); }
    50% { transform: translateY(1.69px); }
    54.17% { transform: translateY(2.7px); }
    58.33% { transform: translateY(2.99px); }
    62.5% { transform: translateY(2.48px); }
    66.67% { transform: translateY(1.3px); }
    70.83% { transform: translateY(-0.23px); }
    75% { transform: translateY(-1.69px); }
    79.17% { transform: translateY(-2.7px); }
    83.33% { transform: translateY(-2.99px); }
    87.5% { transform: translateY(-2.48px); }
    91.67% { transform: translateY(-1.3px); }
    95.83% { transform: translateY(0.23px); }
    100% { transform: translateY(1.69px); }
}
@keyframes climb-thigh {
    0% { transform: rotate(-65.8deg); }
    4.17% { transform: rotate(-60.5deg); }
    8.33% { transform: rotate(-54.1deg); }
    12.5% { transform: rotate(-46.6deg); }
    16.67% { transform: rotate(-38.3deg); }
    20.83% { transform: rotate(-29.3deg); }
    25% { transform: rotate(-19.6deg); }
    29.17% { transform: rotate(-8.7deg); }
    33.33% { transform: rotate(6.3deg); }
    37.5% { transform: rotate(9.9deg); }
    41.67% { transform: rotate(12.6deg); }
    45.83% { transform: rotate(15.2deg); }
    50% { transform: rotate(17.6deg); }
    54.17% { transform: rotate(18.3deg); }
    58.33% { transform: rotate(-3.8deg); }
    62.5% { transform: rotate(-15.5deg); }
    66.67% { transform: rotate(-25.9deg); }
    70.83% { transform: rotate(-37deg); }
    75% { transform: rotate(-49.4deg); }
    79.17% { transform: rotate(-61.8deg); }
    83.33% { transform: rotate(-71.1deg); }
    87.5% { transform: rotate(-75.8deg); }
    91.67% { transform: rotate(-75.8deg); }
    95.83% { transform: rotate(-72.2deg); }
    100% { transform: rotate(-65.8deg); }
}
@keyframes climb-shin {
    0% { transform: translate(0, 46px) rotate(91.5deg); }
    4.17% { transform: translate(0, 46px) rotate(91deg); }
    8.33% { transform: translate(0, 46px) rotate(88.3deg); }
    12.5% { transform: translate(0, 46px) rotate(83.2deg); }
    16.67% { transform: translate(0, 46px) rotate(75.6deg); }
    20.83% { transform: translate(0, 46px) rotate(65.5deg); }
    25% { transform: translate(0, 46px) rotate(53.1deg); }
    29.17% { transform: translate(0, 46px) rotate(37.7deg); }
    33.33% { transform: translate(0, 46px) rotate(13.5deg); }
    37.5% { transform: translate(0, 46px) rotate(12deg); }
    41.67% { transform: translate(0, 46px) rotate(12deg); }
    45.83% { transform: translate(0, 46px) rotate(12deg); }
    50% { transform: translate(0, 46px) rotate(12deg); }
    54.17% { transform: translate(0, 46px) rotate(16.5deg); }
    58.33% { transform: translate(0, 46px) rotate(65.1deg); }
    62.5% { transform: translate(0, 46px) rotate(89.7deg); }
    66.67% { transform: translate(0, 46px) rotate(107.2deg); }
    70.83% { transform: translate(0, 46px) rotate(119.6deg); }
    75% { transform: translate(0, 46px) rotate(127.2deg); }
    79.17% { transform: translate(0, 46px) rotate(129.6deg); }
    83.33% { transform: translate(0, 46px) rotate(127.1deg); }
    87.5% { transform: translate(0, 46px) rotate(120.9deg); }
    91.67% { transform: translate(0, 46px) rotate(112.2deg); }
    95.83% { transform: translate(0, 46px) rotate(102.2deg); }
    100% { transform: translate(0, 46px) rotate(91.5deg); }
}

@media (prefers-reduced-motion: reduce) {
    body .climb__stairs, body .climb__body, body .climb__thigh, body .climb__shin, body .climb__arm--free, body .climb__arm--case { animation: none; }
}

/* İş Birliği: süreç adımları formun ÜSTÜNDE ince bir şerittir (01-02-03), form sade ve tek sütundur.
   Siyah yan kutu ve kart çerçevesi yoktur; alanlar yalnız alt çizgilidir. İşaretleme değişmez (yalnız görünüm). */
body.page-is-birligi .partnership-main {
    grid-template-columns: minmax(0, 1fr);
    gap: clamp(40px, 5vw, 72px);
    max-width: 1080px;
    padding-top: var(--space-5);
}

body.page-is-birligi .partnership-process {
    order: -1;
    padding: 0;
    border-radius: 0 !important;
    background: none;
    color: var(--ink);
}
body.page-is-birligi .partnership-process .partnership-kicker { color: var(--brand-accent-dark, #7e6e5f); }
body.page-is-birligi .partnership-process h2,
body.page-is-birligi .partnership-process__intro,
body.page-is-birligi .partnership-process__quote { display: none; }
body.page-is-birligi .partnership-process ol {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(20px, 3vw, 48px);
    margin-top: var(--space-3);
    counter-reset: partnership-step;
}
body.page-is-birligi .partnership-process li {
    display: block;
    padding: 18px 0 0;
    border-top: 2px solid var(--ink);
    counter-increment: partnership-step;
}
body.page-is-birligi .partnership-process li::before {
    content: counter(partnership-step, decimal-leading-zero);
    display: block;
    width: auto;
    height: auto;
    margin: 0 0 10px;
    border: 0;
    border-radius: 0;
    color: var(--brand-accent);
    font-family: var(--font-sans);
    font-size: 0.8125rem;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.14em;
}
body.page-is-birligi .partnership-process h3 { color: var(--ink); font-size: 1.0625rem; }
body.page-is-birligi .partnership-process li p { color: var(--ink-2); }

body.page-is-birligi .partnership-form-card {
    width: 100%;
    max-width: 760px;
    margin-inline: auto;
    padding: 0;
    border: 0;
    border-radius: 0 !important;
    background: none;
    box-shadow: none;
}
body.page-is-birligi .partnership-form-card h2 { font-size: clamp(1.9rem, 2.6vw, 2.75rem); }
body.page-is-birligi .partnership-form-card .utility-form { gap: 28px; margin-top: var(--space-5); }
body.page-is-birligi .partnership-form-card .utility-form__row { gap: 28px 36px; }
body.page-is-birligi .partnership-form-card .utility-form label {
    display: block;
    margin-bottom: 2px;
    color: var(--ink-2);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}
body.page-is-birligi .partnership-form-card .utility-form label span { letter-spacing: 0; text-transform: none; }
body.page-is-birligi .partnership-form-card .utility-form input,
body.page-is-birligi .partnership-form-card .utility-form select,
body.page-is-birligi .partnership-form-card .utility-form textarea {
    width: 100%;
    min-height: 46px;
    padding: 10px 0;
    border: 0;
    border-bottom: 1px solid color-mix(in srgb, var(--ink) 28%, transparent);
    border-radius: 0 !important;
    outline: 0;
    background-color: transparent;
    box-shadow: none;
    color: var(--ink);
    font-size: 1.0625rem;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
body.page-is-birligi .partnership-form-card .utility-form textarea { min-height: 120px; resize: vertical; }
body.page-is-birligi .partnership-form-card .utility-form input::placeholder,
body.page-is-birligi .partnership-form-card .utility-form textarea::placeholder { color: color-mix(in srgb, var(--ink) 38%, transparent); }
body.page-is-birligi .partnership-form-card .utility-form input:hover,
body.page-is-birligi .partnership-form-card .utility-form select:hover,
body.page-is-birligi .partnership-form-card .utility-form textarea:hover { border-bottom-color: var(--ink); }
body.page-is-birligi .partnership-form-card .utility-form input:focus,
body.page-is-birligi .partnership-form-card .utility-form select:focus,
body.page-is-birligi .partnership-form-card .utility-form textarea:focus {
    border-bottom-color: var(--ink);
    box-shadow: 0 1px 0 0 var(--ink);
}
body.page-is-birligi .partnership-form-card .utility-form .btn {
    min-width: 200px;
    min-height: 54px;
    margin-top: 6px;
    border-radius: 999px !important;
    font-size: 0.9375rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

@media (max-width: 760px) {
    body.page-is-birligi .partnership-process ol { grid-template-columns: minmax(0, 1fr); gap: 0; }
    body.page-is-birligi .partnership-process li { padding: 14px 0 16px; border-top-width: 1px; }
    body.page-is-birligi .partnership-form-card .utility-form .btn { width: 100%; }
}

/* İş Birliği alanları: numara yerine adım adım ilerleyen bir dizi. Üç kart basamak gibi yükselir (geniş ekranda);
   üst kenardaki ince çizgi sırayla dolar ve sırası gelen kart öne çıkar, tur bitince baştan başlar.
   Hareket azaltma tercihinde çizgiler dolu, kartlar sabittir. */
body.page-is-birligi .partnership-services li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 4px;
    background: var(--brand-accent);
    transform-origin: left center;
}

@media (min-width: 900px) {
    body.page-is-birligi .partnership-services { align-items: stretch; }
    body.page-is-birligi .partnership-services li:nth-child(1) { margin-top: 72px; }
    body.page-is-birligi .partnership-services li:nth-child(2) { margin-block: 36px; }
    body.page-is-birligi .partnership-services li:nth-child(3) { margin-bottom: 72px; }
}

@media (prefers-reduced-motion: no-preference) {
    body.page-is-birligi .partnership-services li { animation: 9s ease-in-out infinite both; }
    body.page-is-birligi .partnership-services li::before { animation: 9s linear infinite both; }
    body.page-is-birligi .partnership-services li:nth-child(1) { animation-name: partnership-step-1; }
    body.page-is-birligi .partnership-services li:nth-child(2) { animation-name: partnership-step-2; }
    body.page-is-birligi .partnership-services li:nth-child(3) { animation-name: partnership-step-3; }
    body.page-is-birligi .partnership-services li:nth-child(1)::before { animation-name: partnership-bar-1; }
    body.page-is-birligi .partnership-services li:nth-child(2)::before { animation-name: partnership-bar-2; }
    body.page-is-birligi .partnership-services li:nth-child(3)::before { animation-name: partnership-bar-3; }
    body.page-is-birligi .partnership-services:hover li,
    body.page-is-birligi .partnership-services:hover li::before { animation-play-state: paused; }
}

@keyframes partnership-bar-1 {
    0% { transform: scaleX(0); opacity: 1; }
    31%, 95% { transform: scaleX(1); opacity: 1; }
    100% { transform: scaleX(1); opacity: 0; }
}
@keyframes partnership-bar-2 {
    0%, 32% { transform: scaleX(0); opacity: 1; }
    63%, 95% { transform: scaleX(1); opacity: 1; }
    100% { transform: scaleX(1); opacity: 0; }
}
@keyframes partnership-bar-3 {
    0%, 64% { transform: scaleX(0); opacity: 1; }
    94%, 95% { transform: scaleX(1); opacity: 1; }
    100% { transform: scaleX(1); opacity: 0; }
}
@keyframes partnership-step-1 {
    0%, 36%, 100% { transform: none; background-color: #222222; }
    4%, 30% { transform: translateY(-10px); background-color: #2f2a26; }
}
@keyframes partnership-step-2 {
    0%, 30%, 68%, 100% { transform: none; background-color: #222222; }
    36%, 62% { transform: translateY(-10px); background-color: #2f2a26; }
}
@keyframes partnership-step-3 {
    0%, 62%, 100% { transform: none; background-color: #222222; }
    68%, 94% { transform: translateY(-10px); background-color: #2f2a26; }
}

/* İletişim: İş Birliği sayfasıyla aynı dil. Üstte giriş bandı (başlık + tırmanan figür); form kartsız ve sadedir,
   alanlar yalnız alt çizgilidir. */
body .contact-page { background: #fff; }
body .contact-page > .container { padding-top: var(--space-5); }
body .contact-page .contact-form-card {
    padding: 0;
    border-radius: 0 !important;
    background: none;
}
body .contact-page .contact-form-card h2 { font-size: clamp(1.9rem, 2.6vw, 2.75rem); }
body .contact-page .contact-form-card .utility-form { gap: 28px; }
body .contact-page .contact-form-card .utility-form__row { gap: 28px 36px; }
body .contact-page .contact-form-card .utility-form label {
    display: block;
    margin-bottom: 2px;
    color: var(--ink-2);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}
body .contact-page .contact-form-card .utility-form input,
body .contact-page .contact-form-card .utility-form textarea {
    width: 100%;
    min-height: 46px;
    padding: 10px 0;
    border: 0;
    border-bottom: 1px solid color-mix(in srgb, var(--ink) 28%, transparent);
    border-radius: 0 !important;
    outline: 0;
    background: transparent;
    box-shadow: none;
    color: var(--ink);
    font-size: 1.0625rem;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
body .contact-page .contact-form-card .utility-form textarea { min-height: 120px; resize: vertical; }
body .contact-page .contact-form-card .utility-form input::placeholder,
body .contact-page .contact-form-card .utility-form textarea::placeholder { color: color-mix(in srgb, var(--ink) 38%, transparent); }
body .contact-page .contact-form-card .utility-form input:hover,
body .contact-page .contact-form-card .utility-form textarea:hover { border-bottom-color: var(--ink); }
body .contact-page .contact-form-card .utility-form input:focus,
body .contact-page .contact-form-card .utility-form textarea:focus {
    border-color: transparent;
    border-bottom-color: var(--ink);
    background: transparent;
    box-shadow: 0 1px 0 0 var(--ink);
}
body .contact-page .contact-form-card .form-steps__topics button {
    border: 1px solid color-mix(in srgb, var(--ink) 28%, transparent);
    background: transparent;
}
body .contact-page .contact-form-card .utility-form .btn {
    min-width: 200px;
    font-size: 0.9375rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

/* Patronlar arşivi: süzgeç şeridi (ad, sektör, şehir, sıralama) gösterilmez. Arşiv varsayılan A–Z sırasıyla listelenir. */
body .profile-archive__filters { display: none; }

/* Patron detayı: koyu, sade bir giriş bandı. Yuvarlak portre (yoksa baş harfler), ad, görev, kısa özet ve paylaşım;
   altında künye satırı (işletme, sektör, şehir, program) ve sayfa içi kısa yollar. Sayfanın geri kalanı açık kalır.
   Veri ve sınıflar aynıdır; künye satırı yalnız giriş bandının içine taşınmıştır. */
body .profile-detail .profile-detail__hero {
    padding: var(--space-3) 0 0;
    background:
        radial-gradient(ellipse 60% 120% at 88% 0%, color-mix(in srgb, var(--brand-accent) 34%, transparent), transparent 70%),
        #111;
    color: #fff;
}
body .profile-detail .profile-detail__breadcrumb,
body .profile-detail .profile-detail__breadcrumb a,
body .profile-detail .profile-detail__breadcrumb li { color: rgb(255 255 255 / .62); }
body .profile-detail .profile-detail__breadcrumb a:hover { color: #fff; }

body .profile-detail .profile-detail__intro {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: clamp(20px, 3vw, 48px);
    align-items: center;
    min-height: 0;
    margin: 0;
    padding: clamp(28px, 4vw, 64px) 0 clamp(24px, 3vw, 44px);
    border: 0;
    background: none;
}
body .profile-detail .profile-detail__portrait {
    width: clamp(112px, 12vw, 184px);
    height: auto;
    max-width: none;
    margin: 0;
    padding: 6px;
    border: 1px solid color-mix(in srgb, var(--brand-accent) 70%, transparent);
    border-radius: 50% !important;
    aspect-ratio: 1;
}
body .profile-detail .profile-detail__portrait::before { content: none; }
body .profile-detail .profile-detail__portrait .media,
body .profile-detail .profile-detail__initials {
    width: 100%;
    height: 100%;
    border-radius: 50% !important;
    aspect-ratio: 1;
}
body .profile-detail .profile-detail__portrait .media img { border-radius: 50% !important; }
body .profile-detail .profile-detail__initials {
    background: #1d1b19;
    color: var(--brand-accent);
    font-size: clamp(1.8rem, 3.4vw, 3.2rem);
}
body .profile-detail .profile-detail__identity { padding: 0; }
body .profile-detail .profile-detail__identity h1 {
    margin: 0;
    color: #fff;
    font-size: clamp(2.1rem, 1.3rem + 2.8vw, 3.75rem);
    line-height: 1.06;
    letter-spacing: -0.015em;
}
body .profile-detail .profile-detail__role {
    order: -1;
    margin: 0 0 12px;
    color: var(--brand-accent);
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}
body .profile-detail .profile-detail__identity { display: flex; flex-direction: column; align-items: flex-start; }
body .profile-detail .profile-detail__lead {
    max-width: 60ch;
    margin-top: 16px;
    color: rgb(255 255 255 / .8);
    font-size: 1.0625rem;
    line-height: 1.6;
}
body .profile-detail .profile-detail__actions { margin-top: 20px; }
body .profile-detail .profile-detail__share-label { color: rgb(255 255 255 / .6); }
body .profile-detail .profile-detail__website { color: #fff; border-color: rgb(255 255 255 / .4); }

body .profile-detail .profile-detail__hero .profile-detail__facts {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    margin: 0;
    padding: 0;
    border: 0;
    border-top: 1px solid rgb(255 255 255 / .16);
    border-radius: 0 !important;
    background: none;
    box-shadow: none;
}
body .profile-detail .profile-detail__hero .profile-detail__facts div {
    flex: 1 1 200px;
    padding: 20px 28px 22px 0;
    border: 0;
}
body .profile-detail .profile-detail__hero .profile-detail__facts div + div { padding-left: 28px; border-left: 1px solid rgb(255 255 255 / .16); }
body .profile-detail .profile-detail__hero .profile-detail__facts div::before { content: none; }
body .profile-detail .profile-detail__hero .profile-detail__facts dt {
    color: rgb(255 255 255 / .55);
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}
body .profile-detail .profile-detail__hero .profile-detail__facts dd,
body .profile-detail .profile-detail__hero .profile-detail__facts dd a { margin-top: 6px; color: #fff; font-size: 1.0625rem; font-weight: 600; }

body .profile-detail__jump {
    display: flex;
    gap: clamp(18px, 2.4vw, 36px);
    overflow-x: auto;
    border-top: 1px solid rgb(255 255 255 / .16);
    scrollbar-width: none;
}
body .profile-detail__jump a {
    flex: none;
    padding: 16px 0 14px;
    border-bottom: 2px solid transparent;
    color: rgb(255 255 255 / .7);
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-decoration: none;
    text-transform: uppercase;
    transition: color 0.2s ease, border-color 0.2s ease;
}
body .profile-detail__jump a:hover,
body .profile-detail__jump a:focus-visible { border-bottom-color: var(--brand-accent); color: #fff; }

body .profile-detail .profile-detail__layout { padding-top: var(--space-5); }
body .profile-detail :is(#profile-story-title, #profile-videos-title, #profile-news-title, #profile-business-news-title) { scroll-margin-top: 110px; }

@media (max-width: 559px) {
    body .profile-detail .profile-detail__intro { grid-template-columns: minmax(0, 1fr); justify-items: start; }
    body .profile-detail .profile-detail__hero .profile-detail__facts div,
    body .profile-detail .profile-detail__hero .profile-detail__facts div + div { flex-basis: 100%; padding: 14px 0; border-left: 0; border-top: 1px solid rgb(255 255 255 / .1); }
    body .profile-detail .profile-detail__hero .profile-detail__facts div:first-child { border-top: 0; }
}

/* Program detayı (geniş ekran sahnesi): üstte program adı, altta bölüm başlığı iki ayrı başlık gibi durmasın diye
   tek blok hâline gelir. Program adı bölüm bilgisinin başındaki etikettir ("PORTRE — 1. SEZON · 25 DK"), ardından
   bölüm başlığı gelir. Sayfanın h1'i ve program tanımı işaretlemede durur (ekran okuyucu ve arama motoru için),
   yalnız görsel olarak gizlenir. */
@media (min-width: 900px) {
    body :is(.program-detail, .inside-detail):has(.program-showcase) :is(.program-detail__hero-copy, .inside-detail__hero-copy) {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip-path: inset(50%);
        white-space: nowrap;
    }

    body .program-showcase .program-showcase__chip[data-program]::before {
        content: attr(data-program);
        margin-right: 14px;
        padding-right: 14px;
        border-right: 1px solid rgb(247 243 236 / 0.4);
        color: #c4ae97;
        font-weight: 800;
    }

    body .program-showcase .program-showcase__title { font-size: clamp(2.2rem, 1.2rem + 2.6vw, 3.6rem); line-height: 1.08; }
}

/* ---- kesintisiz okuma: alta eklenen sıradaki haber (news-continue.js) */
body .article-continue { margin-top: var(--space-5); padding-top: var(--space-4); border-top: 1px solid var(--line); }
body .article-continue__label {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 22px;
    color: var(--brand-accent);
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}
body .article-continue__label::after { content: ""; flex: 1; height: 1px; background: linear-gradient(90deg, color-mix(in srgb, var(--brand-accent) 55%, transparent), transparent); }
body .article-continue__sentinel { height: 1px; }
body .article-continue__status { margin-top: var(--space-4); color: var(--ink-2); font-size: 0.9rem; text-align: center; }

/* Öne Çıkan Bölüm: manşetle aynı dilde koyu bir bant. Solda bölüm görseli (oynat simgesiyle), sağda taupe etiket,
   program adı, büyük beyaz başlık, özet ve "Bölümü İzle" düğmesi. Veri ve işaretleme aynıdır (yalnız düğme eklendi). */
body .home-lead > .news-hero__featured {
    margin-top: var(--space-3);
    padding: 0;
    background:
        radial-gradient(ellipse 55% 140% at 100% 0%, color-mix(in srgb, var(--brand-accent) 30%, transparent), transparent 70%),
        #111;
    color: #fff;
}
body .home-lead > .news-hero__featured .news-hero__featured-card {
    grid-template-columns: minmax(0, 42%) minmax(0, 1fr);
    gap: 0;
    align-items: stretch;
    padding: 0;
    border: 0;
}
body .home-lead > .news-hero__featured .news-hero__featured-media { display: block; height: 100%; }
body .home-lead > .news-hero__featured .news-hero__featured-media .media { height: 100%; min-height: 260px; aspect-ratio: 16 / 9; border-radius: 0 !important; }
body .home-lead > .news-hero__featured .news-hero__featured-media img { border-radius: 0 !important; }
body .home-lead > .news-hero__featured .news-hero__featured-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: clamp(24px, 3.4vw, 56px);
}
/* Bölüm başlığı (h2) kartın gövdesinin üstünde, etiket olarak durur. */
body .home-lead > .news-hero__featured { position: relative; }
body .home-lead > .news-hero__featured .news-hero__featured-heading {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 10px 16px;
    border: 0;
    background: var(--brand-accent);
    color: #111;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}
body .home-lead > .news-hero__featured .news-hero__featured-heading::before {
    content: "";
    width: 0;
    height: 0;
    border-block: 5px solid transparent;
    border-left: 8px solid currentColor;
}
body .home-lead > .news-hero__featured .news-hero__featured-body .meta {
    color: var(--brand-accent);
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}
body .home-lead > .news-hero__featured .card-title { margin-top: 10px; font-size: clamp(1.6rem, 1rem + 1.8vw, 2.6rem); line-height: 1.12; }
body .home-lead > .news-hero__featured .card-title a { color: #fff; }
body .home-lead > .news-hero__featured .news-hero__featured-excerpt { max-width: 56ch; margin-top: 12px; color: rgb(255 255 255 / .78); font-size: 1.0625rem; }
body .home-lead > .news-hero__featured .byline,
body .home-lead > .news-hero__featured .byline * { color: rgb(255 255 255 / .6); }
body .home-lead > .news-hero__featured .news-hero__featured-cta {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 22px;
    padding: 14px 26px;
    background: #f7f3ec;
    color: #111;
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color 0.2s ease;
}
body .home-lead > .news-hero__featured .news-hero__featured-cta::before {
    content: "";
    width: 0;
    height: 0;
    border-block: 6px solid transparent;
    border-left: 10px solid currentColor;
}
body .home-lead > .news-hero__featured .news-hero__featured-cta:hover,
body .home-lead > .news-hero__featured .news-hero__featured-cta:focus-visible { background: var(--brand-accent); }

@media (max-width: 767px) {
    body .home-lead > .news-hero__featured .news-hero__featured-card { grid-template-columns: minmax(0, 1fr); }
    body .home-lead > .news-hero__featured .news-hero__featured-media .media { min-height: 0; }
}

/* Ana menünün üstündeki çizgi: daha kalın ve logodaki taupe degradeyle (açık → koyu → açık). */
@media (min-width: 1280px) {
    body .site-header .site-nav__list {
        border-top: 3px solid transparent;
        border-image: linear-gradient(90deg, #c4ae97 0%, #7e6e5f 50%, #c4ae97 100%) 1;
    }
}
/* Görsel sütununu taşırmaz: sütunun tamamını kaplar, oranı sütun belirler. */
body .home-lead > .news-hero__featured .news-hero__featured-media { position: relative; min-width: 0; overflow: hidden; }
body .home-lead > .news-hero__featured .news-hero__featured-media .media { width: 100%; aspect-ratio: auto; }
body .home-lead > .news-hero__featured .news-hero__featured-media .media img { width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 767px) {
    body .home-lead > .news-hero__featured .news-hero__featured-media .media { aspect-ratio: 16 / 9; }
}
body .home-lead > .news-hero__featured,
body .home-lead > .news-hero__featured .news-hero__featured-card,
body .home-lead > .news-hero__featured .news-hero__featured-media { border-radius: 0 !important; }

/* Piyasa Özeti bandı (açık tema): yapısal yerleşim Genç Patronlar ile aynı; renkler marka değişkenlerinden türetilir. */
.site-market { background: var(--paper); border-bottom: 1px solid var(--line); color: var(--ink-2); font-size: 0.78rem; line-height: 1; }
.site-market__inner { display: flex; align-items: center; gap: 22px; min-height: 34px; }
.site-market__label { flex: none; color: var(--brand-accent); font-weight: 800; letter-spacing: 0.16em; text-transform: uppercase; }
.site-market__list { display: flex; flex: 1 1 auto; align-items: center; gap: 0; min-width: 0; margin: 0; padding: 0; list-style: none; overflow-x: auto; scrollbar-width: none; white-space: nowrap; }
.site-market__list::-webkit-scrollbar { display: none; }
.site-market__item { display: inline-flex; align-items: baseline; gap: 8px; padding: 0 20px; border-left: 1px solid var(--line); }
.site-market__item:first-child { padding-left: 0; border-left: 0; }
.site-market__name { color: var(--ink-2); font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; }
.site-market__value { color: var(--brand-text); font-weight: 700; font-variant-numeric: tabular-nums; }
.site-market__change { font-weight: 600; font-variant-numeric: tabular-nums; }
.site-market__change--up { color: #177245; }
.site-market__change--down { color: #b3372f; }
.site-market__change--flat { color: var(--ink-2); }
.site-market__updated { flex: none; color: var(--ink-2); }
@media (max-width: 767px) {
    .site-market__inner { gap: 14px; }
    .site-market__item { padding: 0 14px; }
    .site-market__updated { display: none; }
}