/* Public site stilleri (ilk görsel tur).
   Tek geometrik sistem: ortak container, 12 kolonla uyumlu kart gridleri,
   altın oran bölmeleri (1.618 : 1) ve Fibonacci spacing ölçeği. */

/* ---------- Tokens ---------- */
:root {
    /* Container: her bölüm aynı sol/sağ çizgiye oturur */
    --container-max: 1680px;
    --gutter: var(--space-5);

    /* Spacing (Fibonacci) */
    --space-1: 8px;
    --space-2: 13px;
    --space-3: 21px;
    --space-4: 34px;
    --space-5: 55px;
    --space-6: 89px;
    --space-7: 144px;

    /* Grid */
    --gap: var(--space-4);
    --phi: 1.618fr;

    /* Tipografi ölçeği: oran ~1.272 (altın oranın karekökü), iki adımda 1.618 */
    --fs-0: 0.875rem; /* 14: sitede bundan küçük yazı kullanılmaz */
    --fs-1: 1rem;      /* 16 */
    --fs-2: 1.25rem;   /* 20 */
    --fs-3: 1.625rem;  /* 26 */
    --fs-4: 2.0625rem; /* 33 */
    --fs-5: 2.625rem;  /* 42 */
    --fs-6: 3.3125rem; /* 53 */
    --fs-7: 4.25rem;   /* 68 */
    /* Marka (panel: Görünüm → Tema). Buradakiler varsayılandır; panelde seçim yapılırsa /tema.css bunların üzerine yazar. */
    --brand-primary: #111111;
    --brand-primary-dark: #000000;
    --brand-secondary: #968372;
    --brand-accent: #7e6e5f;
    --brand-bg: #f7f3ec;
    --brand-text: #000000;
    --font-body: "Red Hat Display", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-heading: var(--font-body);

    --font-accent: "Playfair Display", "Palatino Linotype", Georgia, serif;
    /* Ana yazı tipi gövde yazı tipidir. Playfair Display yalnız vurgulanan birkaç yerde (alıntı, hero vurgusu). */
    --font-sans: var(--font-body);

    /* Renk */
    --paper: var(--brand-bg);
    --paper-2: #f4eee7;
    --ink: var(--brand-text);
    --ink-2: #5d5053;
    --line: #d6d6d6;
    --bordo: var(--brand-primary); /* ana marka rengi */
    --bordo-dark: var(--brand-primary-dark);
    --empty: #ece5dd; /* görseli henüz konmamış alan */
    --pink: var(--brand-secondary);
    --pink-ink: var(--brand-accent);
    --blush: #ececec;

    /* Radius: sınırlı kullanım (buton, input, menü paneli) */
    --radius-1: 8px;
    --radius-2: 13px;
    --radius-3: 21px;
}

/* ---------- Base ---------- */
*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    /* Geniş ekranda tüm rem ölçeği birlikte büyür: 16px (mobil) → 18px (1920) */
    font-size: clamp(16px, 13px + 0.26vw, 18px);
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
    scroll-padding-top: var(--space-6); /* sabit header çapa hedeflerini örtmesin */
}

body {
    margin: 0;
    background: var(--paper);
    color: var(--ink);
    font-family: var(--font-sans);
    font-size: var(--fs-1);
    line-height: 1.6;
}

h1,
h2,
h3,
p,
ul {
    margin: 0;
}

ul {
    padding: 0;
    list-style: none;
}

a {
    color: inherit;
    text-decoration: none;
}

a:hover {
    color: var(--bordo);
}

:focus-visible {
    outline: 2px solid var(--bordo);
    outline-offset: 3px;
}

img,
svg {
    display: block;
    max-width: 100%;
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

.skip-link {
    position: absolute;
    left: var(--gutter);
    top: -89px;
    z-index: 20;
    padding: var(--space-2) var(--space-3);
    background: var(--ink);
    color: var(--paper);
}

.skip-link:focus {
    top: var(--space-1);
    color: var(--paper);
}

/* ---------- Layout sistemi ---------- */
.container {
    width: min(100% - 2 * var(--gutter), var(--container-max));
    margin-inline: auto;
}

/* Eşit kolonlu kart gridleri: 12 kolonun 3'lü / 4'lü bölünmesi */
.grid {
    display: grid;
    gap: var(--space-5) var(--gap);
}

.grid--4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* Altın oran bölmesi: %61.8 / %38.2 */
.split {
    display: grid;
    gap: var(--gap);
}

.split--major-minor {
    grid-template-columns: minmax(0, var(--phi)) minmax(0, 1fr);
}

.split--minor-major {
    grid-template-columns: minmax(0, 1fr) minmax(0, var(--phi));
}

/* ---------- Ortak parçalar ---------- */
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-1);
    padding: var(--space-2) var(--space-3);
    border: 1px solid transparent;
    border-radius: 999px;
    font-family: var(--font-sans);
    font-size: var(--fs-0);
    font-weight: 600;
    letter-spacing: 0.01em;
    line-height: 1.3;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.btn:hover,
.btn:focus-visible {
    transform: translateY(-1px);
}

.btn svg {
    flex-shrink: 0;
    transition: transform 0.2s ease;
}

.btn--primary {
    background: var(--bordo);
    color: #fff;
}

.btn--primary:hover {
    background: var(--bordo-dark);
    color: #fff;
}

.btn--primary:hover svg,
.btn--primary:focus-visible svg {
    transform: translateX(2px);
}

.btn--outline {
    border-color: var(--bordo);
    color: var(--bordo);
}

.btn--outline:hover {
    background: var(--blush);
    color: var(--bordo-dark);
}

.btn--outline:hover svg,
.btn--outline:focus-visible svg {
    transform: translate(2px, -2px);
}

/* İş Birliği butonunun mevcut marka renkleri sabit kalır. */
.btn--flow {
    padding-inline: var(--space-4) var(--space-3);
    border: 0;
    color: var(--bordo);
    background: linear-gradient(100deg, #c5c5c5 0%, #d8d8d8 48%, #e5e5e5 100%);
}

.btn--flow:hover,
.btn--flow:focus-visible {
    color: var(--bordo-dark);
}

.btn--flow:hover svg,
.btn--flow:focus-visible svg {
    transform: translate(2px, -2px);
}

.meta {
    font-size: var(--fs-0);
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--ink-2);
}

.card-title {
    font-family: var(--font-sans);
    font-size: var(--fs-2);
    font-weight: 600;
    line-height: 1.25;
}

.card-title--lg {
    font-size: var(--fs-3);
    line-height: 1.2;
}

.text-link {
    display: inline-block;
    border-bottom: 1px solid currentColor;
    color: var(--bordo);
    font-weight: 600;
    transition: color 0.2s ease;
}

.text-link:hover,
.text-link:focus-visible {
    color: var(--bordo-dark);
}

/* Görsel blokları: görsel gelene kadar boş alan */
.media {
    position: relative;
    overflow: hidden;
    background: var(--empty);
}

.media--portrait,
.media--tall {
    aspect-ratio: 4 / 5;
}

.media--landscape {
    aspect-ratio: 3 / 2;
}

.media--wide {
    aspect-ratio: 16 / 9;
}

.media img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.media__play {
    position: absolute;
    left: var(--space-2);
    bottom: var(--space-2);
    display: grid;
    place-items: center;
    width: var(--space-5);
    height: var(--space-5);
    border-radius: 50%;
    background: var(--paper);
    color: var(--bordo);
}

.media__play svg {
    transition: transform 0.2s ease;
}

.card__media:hover .media__play svg,
.hero__featured-media:hover .media__play svg {
    transform: translateX(2px);
}

/* ---------- Header ---------- */
/* Panelden yüklenen logo: yerleşik SVG logonun yüksekliğinde gösterilir. */
.logo-img { display: block; height: 56px; width: auto; max-width: 260px; object-fit: contain; }
.site-footer .logo-img, .logo--light .logo-img { height: 96px; }
@media (min-width: 1280px) {
    .logo-img { height: 80px; margin-block: 8px; }
    .site-footer .logo-img, .logo--light .logo-img { height: 110px; margin-block: 0; }
}
.site-footer__contact { display: grid; gap: 4px; margin-top: var(--space-3); font-style: normal; font-size: var(--fs-0); overflow-wrap: anywhere; }
.site-footer__contact a { color: inherit; }
/* Duyuru bandı: tek satırlık düz metin; uzun metin taşmadan alt satıra iner. */
.site-announcement {
    background: var(--ink);
    color: #fafafa;
}

.site-announcement__inner {
    padding-block: 7px;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.4;
    text-align: center;
    overflow-wrap: anywhere;
}

.site-announcement__inner p {
    margin: 0;
}

.site-announcement__inner a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.site-topbar {
    background: var(--bordo);
    color: #fafafa;
}

.site-topbar__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
    min-height: 30px;
}

.site-topbar__email {
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0.035em;
    white-space: nowrap;
}

.site-topbar__email:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.site-topbar__social {
    display: flex;
    align-items: center;
    gap: var(--space-1);
}

.site-topbar__social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    padding: 5px;
    border: 1px solid rgb(255 255 255 / 0.38);
    border-radius: 999px;
    background: rgb(255 255 255 / 0.94);
    transition: background-color 0.2s, border-color 0.2s, transform 0.2s;
}

.site-topbar__social img {
    display: block;
    width: 15px;
    height: 15px;
    opacity: 0.85;
}

.site-topbar__social a:hover,
.site-topbar__social a:focus-visible {
    transform: translateY(-1px);
    border-color: #fff;
    background: #fff;
}

.site-header {
    position: sticky;
    top: 0;
    z-index: 10;
    border-bottom: 1px solid #e2e2e2;
    background: var(--paper);
    box-shadow: 0 7px 20px rgb(37 37 37 / 0.035);
}

.site-header__inner {
    display: flex;
    align-items: center;
    gap: var(--space-5);
    min-height: 82px;
}

.logo {
    display: block;
}

.logo-svg {
    width: auto;
    height: var(--space-5);
}

/* Logo seçilmemişse site adı yazıyla gösterilir. */
.logo-text {
    display: block;
    color: var(--bordo);
    font-family: var(--font-heading);
    font-size: var(--fs-3);
    font-weight: 800;
    line-height: var(--space-5);
    letter-spacing: -0.01em;
    white-space: nowrap;
}

.logo--light .logo-text {
    color: #fff;
}

/* Logo renkleri marka kılavuzundaki dört kullanıma göredir ("Logo 2.pdf"); zemin → Miss / Boss:
     beyaz (#fff)            → pembe #acacac / bordo #2a2a2a   (varsayılan)
     açık pembe (#d1d1d1)    → pembe #acacac / bordo #2a2a2a   (varsayılanla aynı)
     bordo (#2a2a2a)         → açık pembe #d1d1d1 / pembe #acacac   (.logo--light: koyu zemin)
     pembe (#acacac)         → beyaz / bordo #2a2a2a           (.logo--on-pink) */
.logo-miss {
    fill: #acacac;
}

.logo-boss {
    fill: #2a2a2a;
}

.logo--light .logo-miss {
    fill: #d1d1d1;
}

.logo--light .logo-boss {
    fill: #acacac;
}

.logo--on-pink .logo-miss {
    fill: #fff;
}

.logo--on-pink .logo-boss {
    fill: #2a2a2a;
}

.nav-toggle,
.nav-burger {
    display: none;
}

.site-nav {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
}

/* Menü ortada: logo sol çizgide, eylemler sağ çizgide kalır */
.site-nav__list {
    display: flex;
    gap: var(--space-4);
    margin-inline: auto;
}

/* Alt çizgi soldan büyür; aktif sayfada sabit durur */
.site-nav__item > a {
    display: block;
    padding-block: var(--space-2);
    background: linear-gradient(currentColor, currentColor) no-repeat left 0 bottom var(--space-1) / 0 2px;
    font-family: var(--font-sans);
    font-size: var(--fs-1);
    font-weight: 500;
    letter-spacing: -0.005em;
    white-space: nowrap;
    transition: background-size 0.22s ease, color 0.2s ease;
}

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

.site-nav__item > a[aria-current="page"] {
    font-weight: 600;
}

.has-sub {
    position: relative;
}

.has-sub > a::after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-left: var(--space-1);
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: translateY(-3px) rotate(45deg);
}

.has-sub > a::after {
    transition: transform 0.2s ease;
}

.has-sub:hover > a::after,
.has-sub:focus-within > a::after {
    transform: translateY(1px) rotate(225deg);
}

.site-nav__sub {
    position: absolute;
    top: 100%;
    left: calc(-1 * var(--space-3));
    min-width: 233px;
    padding: var(--space-1);
    border: 1px solid var(--line);
    border-radius: var(--radius-2);
    background: var(--paper);
    box-shadow: 0 13px 34px rgb(24 24 24 / 0.08);
    opacity: 0;
    visibility: hidden;
    transform: translateY(var(--space-1));
    transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s;
}

.has-sub:hover .site-nav__sub,
.has-sub:focus-within .site-nav__sub {
    opacity: 1;
    visibility: visible;
    transform: none;
}

.site-nav__sub a {
    display: block;
    padding: var(--space-2) var(--space-3);
    border-radius: var(--radius-1);
    font-family: var(--font-sans);
    font-weight: 500;
}

.site-nav__sub a:hover {
    background: var(--blush);
}

.site-nav__sub a[aria-current="page"] {
    color: var(--bordo);
    text-decoration: underline;
    text-underline-offset: 4px;
}

.site-nav__actions {
    display: flex;
    align-items: center;
    gap: var(--space-3);
}

.nav-search {
    display: inline-flex;
    padding: var(--space-2);
    border-radius: 50%;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.nav-search--mobile,
.site-nav__sub-toggle {
    display: none;
}

.nav-search:hover,
.nav-search:focus-visible {
    background: var(--blush);
}

.nav-search svg {
    transition: transform 0.2s ease;
}

.nav-search:hover svg,
.nav-search:focus-visible svg {
    transform: scale(1.03);
}

/* Güncel hikâyeler ve hızlı portre seçimi. */
.site-quickbar {
    border-bottom: 1px solid #e1e1e1;
    background: linear-gradient(100deg, #fafafa 0%, #f6f6f6 56%, #fbfbfb 100%);
}

.site-quickbar__inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: var(--space-3);
    min-height: 62px;
}

.site-quickbar__story {
    display: flex;
    align-items: center;
    gap: 18px;
    min-width: 0;
}

.site-quickbar__eyebrow {
    flex: none;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 8px 12px;
    border-radius: 999px;
    background: var(--bordo);
    color: #fff;
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    white-space: nowrap;
}

.site-quickbar__eyebrow::before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #d3d3d3;
}

.site-quickbar__items {
    min-width: 0;
}

.site-quickbar__item {
    display: flex;
    align-items: baseline;
    gap: 12px;
    min-width: 0;
    white-space: nowrap;
    font-size: 0.875rem;
}

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

.site-quickbar__item strong {
    flex: none;
    color: var(--bordo);
    font-weight: 700;
}

.site-quickbar__item span {
    overflow: hidden;
    color: var(--ink-2);
    text-overflow: ellipsis;
}

.site-quickbar__controls,
.site-quickbar__people {
    display: flex;
    align-items: center;
    gap: 6px;
}

.site-quickbar__controls button,
.site-quickbar__people button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid var(--line);
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
}

.site-quickbar__controls button {
    width: 44px;
    height: 44px;
    border-color: #dcdcdc;
    color: var(--bordo);
    font: inherit;
    font-size: 1.25rem;
    line-height: 1;
}

.site-quickbar__controls button:hover,
.site-quickbar__people button:hover {
    border-color: var(--bordo);
    background: var(--blush);
}

.site-quickbar__people {
    padding-left: 0;
}

.site-quickbar__people button {
    width: 44px;
    height: 44px;
    padding: 2px;
    border-color: #d3d3d3;
    box-shadow: 0 2px 7px rgb(37 37 37 / 0.08);
    transition: border-color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
}

.site-quickbar__people button:hover,
.site-quickbar__people button:focus-visible,
.site-quickbar__people button[aria-pressed="true"] {
    border-color: var(--bordo);
    transform: scale(1.03);
}

.site-quickbar__people img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
}

/* ---------- Hero ---------- */
.hero {
    padding-top: var(--space-4);
    padding-bottom: var(--space-5);
    background-color: #fff;
    background-image:
        linear-gradient(to bottom, rgb(255 255 255 / 0.72), rgb(255 255 255 / 0.66) 55%, rgb(255 255 255 / 0.92)),
        linear-gradient(120deg, #fff 45%, color-mix(in srgb, var(--brand-accent) 16%, #fff));
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* Recursive altın bölme: %38.2 metin / %38.2 portre / %23.6 öne çıkan bölüm */
.hero__grid {
    display: grid;
    grid-template-columns: minmax(0, var(--phi)) minmax(0, var(--phi)) minmax(0, 1fr);
    gap: var(--gap);
}

.hero__text {
    align-self: center;
    padding-block: var(--space-4);
}

.hero__title {
    font-family: var(--font-sans);
    font-size: clamp(var(--fs-5), 3.6vw, var(--fs-7));
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -0.02em;
    text-wrap: balance;
}

.hero__title-accent {
    font-family: var(--font-accent);
    color: var(--pink-ink);
    font-style: italic;
    font-weight: 600;
    letter-spacing: -0.01em;
}

.hero__lead {
    max-width: 34em;
    margin-top: var(--space-3);
    font-size: var(--fs-2);
    line-height: 1.5;
    color: var(--ink-2);
}

.hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    margin-top: var(--space-4);
}

/* İki buton aynı yükseklik ve biçimde: dolu (izle) + çerçeveli (profil) */
.hero__actions .btn {
    padding: var(--space-3) var(--space-4);
    border-radius: 12px;
    font-size: var(--fs-1);
}

.hero__byline {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: var(--space-4);
    padding-top: var(--space-3);
    border-top: 1px solid var(--line);
    color: var(--ink-2);
}

.hero__avatar {
    flex: none;
    width: 56px;
    height: 56px;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #d8d8d8, 0 3px 12px rgb(37 37 37 / 0.1);
    object-fit: cover;
}

.hero__byline-text {
    min-width: 0;
    line-height: 1.45;
}

.hero__byline strong {
    display: block;
    font-family: var(--font-sans);
    font-size: var(--fs-2);
    color: var(--ink);
}

.hero__featured {
    align-self: end;
    padding-top: var(--space-3);
    border-top: 1px solid var(--ink);
}

.hero__featured-heading {
    margin-bottom: var(--space-3);
    font-family: var(--font-sans);
    font-size: var(--fs-3);
    font-weight: 600;
    line-height: 1.2;
}

.hero__featured-media {
    display: block;
}

.hero__featured-media .media img {
    transition: transform 0.22s ease;
}

.hero__featured-media:hover img {
    transform: scale(1.015);
}

.hero__featured-body .meta {
    margin-top: var(--space-3);
    margin-bottom: var(--space-1);
}

.hero__featured-excerpt {
    margin-top: var(--space-1);
    color: var(--ink-2);
}

/* ---------- Bölümler ---------- */
.section {
    padding-top: var(--space-6);
}

.section--band {
    padding-bottom: var(--space-6);
    background: var(--paper);
}

.section--band + .section {
    padding-top: 0;
}

.section--blush {
    background: var(--blush);
}

.section__head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--space-3);
    margin-bottom: var(--space-4);
    padding-top: var(--space-3);
    border-top: 1px solid var(--ink);
}

.section__title {
    font-family: var(--font-sans);
    font-size: var(--fs-5);
    font-weight: 600;
    line-height: 1.12;
    letter-spacing: -0.01em;
}

.section__intro {
    margin-top: var(--space-1);
    font-size: var(--fs-2);
    line-height: 1.5;
    color: var(--ink-2);
}

/* Benim İşim kenarlarında hafifçe salınan fotoğrafik palmiye dokusu. */
:is(#benim-isim, .home-stories) {
    position: relative;
    overflow: hidden;
}

:is(#benim-isim, .home-stories) > .container {
    position: relative;
    z-index: 1;
}

:is(#benim-isim, .home-stories)::before,
:is(#benim-isim, .home-stories)::after {
    position: absolute;
    z-index: 0;
    top: 115px;
    width: clamp(220px, 18vw, 340px);
    height: clamp(360px, 31vw, 540px);
    background: none center / contain no-repeat;
    content: "";
    opacity: 0.29;
    pointer-events: none;
    transform-origin: center bottom;
}

:is(#benim-isim, .home-stories)::before {
    left: clamp(-150px, -8vw, -90px);
    animation: palm-sway-left 22s ease-in-out infinite alternate;
}

:is(#benim-isim, .home-stories)::after {
    right: clamp(-150px, -8vw, -90px);
    animation: palm-sway-right 26s ease-in-out infinite alternate;
}

@keyframes palm-sway-left {
    from { transform: rotate(-1deg); }
    to { transform: rotate(1deg); }
}

@keyframes palm-sway-right {
    from { transform: scaleX(-1) rotate(-1deg); }
    to { transform: scaleX(-1) rotate(1deg); }
}

.section__more {
    flex-shrink: 0;
    border-bottom: 1px solid currentColor;
    color: var(--bordo);
    font-weight: 600;
    transition: color 0.2s ease;
}

.section__more:hover,
.section__more:focus-visible {
    color: var(--bordo-dark);
}

/* Kartlar: kutu, gölge, radius yok — görsel + tipografi */
.card__media {
    display: block;
    margin-bottom: var(--space-3);
}

/* Benim İşim: dört eşit portre kartı, ortak 4:5 kırpma. */
:is(#benim-isim, .home-stories) {
    --ratio-portrait: 4 / 5;
}

:is(#benim-isim, .home-stories) .card--story {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

:is(#benim-isim, .home-stories) .card--story .media {
    aspect-ratio: var(--ratio-portrait);
}

:is(#benim-isim, .home-stories) .card--story .media img {
    object-position: center 40%;
    transition: transform 0.22s ease;
}

:is(#benim-isim, .home-stories) .card--story .card__media:hover img,
:is(#benim-isim, .home-stories) .card--story .card__media:focus-visible img {
    transform: scale(1.02);
}

:is(#benim-isim, .home-stories) .card--story .card-title a:hover,
:is(#benim-isim, .home-stories) .card--story .card-title a:focus-visible {
    color: var(--bordo);
}

:is(#benim-isim, .home-stories) .card--story .byline {
    margin-top: auto;
    padding-top: var(--space-2);
}

.card .meta {
    margin-bottom: var(--space-1);
}

.card__text {
    margin-top: var(--space-1);
    color: var(--ink-2);
}

/* İşin İçinden */
:is(#isin-icinden, .home-split) {
    --ratio-landscape: 16 / 10;
    --ratio-feature: 16 / 9;
}

:is(#isin-icinden, .home-split) .inside-layout {
    gap: var(--space-3);
}

:is(#isin-icinden, .home-split) .feature .media {
    aspect-ratio: var(--ratio-feature);
}

:is(#isin-icinden, .home-split) .row .media {
    aspect-ratio: var(--ratio-landscape);
}

:is(#isin-icinden, .home-split) .feature .card__media,
:is(#isin-icinden, .home-split) .row__media {
    overflow: hidden;
}

:is(#isin-icinden, .home-split) .feature .media img,
:is(#isin-icinden, .home-split) .row .media img {
    transition: transform 0.22s ease;
}

:is(#isin-icinden, .home-split) .feature .card__media:hover img,
:is(#isin-icinden, .home-split) .row__media:hover img {
    transform: scale(1.015);
}

:is(#isin-icinden, .home-split) .feature a:hover,
:is(#isin-icinden, .home-split) .feature a:focus-visible,
:is(#isin-icinden, .home-split) .row .card-title a:hover,
:is(#isin-icinden, .home-split) .row .card-title a:focus-visible {
    color: var(--bordo);
}

.feature .meta {
    margin-bottom: var(--space-1);
}

.feature__title {
    font-family: var(--font-sans);
    font-size: var(--fs-4);
    font-weight: 600;
    line-height: 1.15;
}

.feature__excerpt {
    max-width: 38em;
    margin-top: var(--space-2);
    font-size: var(--fs-2);
    line-height: 1.5;
    color: var(--ink-2);
}

/* Künye satırı: yazar · tarih · süre (ikonlu) */
.byline {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-1) var(--space-3);
    margin-top: var(--space-3);
    font-size: var(--fs-0);
    color: var(--ink-2);
}

.byline li {
    position: relative; /* gizli etiketler kaydırmalı sıradan dışarı taşmasın */
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
}

.byline svg {
    flex-shrink: 0;
    color: var(--bordo);
}

/* Liste, soldaki büyük bölümle aynı yükseklikte biter */
.rows {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.row__excerpt {
    margin-top: var(--space-1);
    color: var(--ink-2);
}

:is(#isin-icinden, .home-split) .row__excerpt {
    line-height: 1.5;
}

.row .byline,
.card .byline,
.hero__featured .byline {
    margin-top: var(--space-2);
}

.editor__text .byline {
    margin-top: 0;
    margin-bottom: var(--space-3);
}

.row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, var(--phi));
    gap: var(--space-3);
    align-items: start;
    padding-block: var(--space-3);
    border-top: 1px solid var(--line);
}

:is(#isin-icinden, .home-split) .row {
    grid-template-columns: minmax(0, 0.7fr) minmax(0, 1fr);
    gap: var(--space-2);
}

.row:first-child {
    padding-top: 0;
    border-top: 0;
}

.row .meta {
    margin-bottom: var(--space-1);
}

.row__media {
    display: block;
}

.row .media__play {
    width: var(--space-4);
    height: var(--space-4);
    left: var(--space-1);
    bottom: var(--space-1);
}

.row .media__play svg {
    width: 13px;
    height: 13px;
}

/* Şehir ve sektör keşfi */
.discover__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, var(--phi));
    gap: var(--space-5);
}

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

.discover__layout--single .discover__group--sectors {
    padding-left: 0;
    border-left: 0;
}

.discover__group {
    min-width: 0;
}

.discover__group--sectors {
    padding-left: var(--space-4);
    border-left: 1px solid var(--line);
}

.discover__heading {
    margin-bottom: var(--space-3);
    font-size: var(--fs-3);
    font-weight: 600;
    line-height: 1.2;
}

.discover__list--sectors {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--space-4);
}

.discover__list li {
    min-width: 0;
    border-bottom: 1px solid var(--line);
}

.discover__list a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-2);
    min-height: var(--space-5);
    color: var(--ink);
    line-height: 1.3;
    transition: color 0.2s ease;
}

.discover__list a:hover,
.discover__list a:focus-visible,
.discover__list a[aria-current="page"] {
    color: var(--bordo);
}

.discover__list--cities a {
    font-size: var(--fs-3);
    font-weight: 500;
}

.discover__list--cities a::after {
    content: "↗";
    flex: none;
    color: var(--ink-2);
    font-size: var(--fs-1);
    transition: color 0.2s ease, transform 0.2s ease;
}

.discover__list--cities a:hover::after,
.discover__list--cities a:focus-visible::after {
    color: var(--bordo);
    transform: translate(3px, -3px);
}

.discover__list--sectors a {
    font-size: var(--fs-2);
    text-decoration: underline transparent;
    text-decoration-thickness: 1px;
    text-underline-offset: 5px;
    transition: color 0.2s ease, text-decoration-color 0.2s ease;
}

.discover__list--sectors a:hover,
.discover__list--sectors a:focus-visible,
.discover__list--sectors a[aria-current="page"] {
    text-decoration-color: var(--bordo);
}

/* Editörün Seçimi */
.editor {
    align-items: center;
}

.editor__text .meta {
    margin-bottom: var(--space-2);
}

.editor__title {
    font-family: var(--font-sans);
    font-size: var(--fs-5);
    font-weight: 600;
    line-height: 1.12;
    letter-spacing: -0.01em;
    text-wrap: balance;
}

.editor__excerpt {
    margin-block: var(--space-3);
    font-size: var(--fs-2);
    line-height: 1.5;
    color: var(--ink-2);
}

.editor__more {
    margin-top: var(--space-4);
}

.editor__more a {
    display: block;
    padding-block: var(--space-2);
    border-top: 1px solid var(--line);
    font-family: var(--font-sans);
    font-size: var(--fs-2);
    line-height: 1.25;
}

.editor__more a:hover,
.editor__more a:focus-visible {
    color: var(--bordo);
}

.editor__media {
    display: block;
}

.editor__media .media img {
    transition: transform 0.22s ease;
}

.editor__media:hover img {
    transform: scale(1.01);
}

.card--news .media img {
    transition: transform 0.22s ease;
}

.card--news .card__media:hover img {
    transform: scale(1.015);
}

.card-title a,
.feature__title a,
.editor__title a,
.hero__featured-body a {
    transition: color 0.2s ease;
}

.card-title a:hover,
.card-title a:focus-visible,
.feature__title a:hover,
.feature__title a:focus-visible,
.editor__title a:hover,
.editor__title a:focus-visible,
.hero__featured-body a:hover,
.hero__featured-body a:focus-visible {
    color: var(--bordo);
}

/* Bülten: abonelik altyapısı bağlanana kadar gönderim kapalı. */
.newsletter {
    margin-top: var(--space-6);
    padding-block: var(--space-5);
    background: #f8f8f8;
}

.newsletter__inner {
    display: grid;
    grid-template-columns: minmax(0, var(--phi)) minmax(0, 1fr);
    align-items: center;
    gap: var(--space-5);
}

.newsletter__copy h2 {
    font-size: var(--fs-5);
    font-weight: 600;
    line-height: 1.16;
    letter-spacing: -0.02em;
}

.newsletter__copy p {
    max-width: 35em;
    margin-top: var(--space-2);
    color: var(--ink-2);
    font-size: var(--fs-1);
    line-height: 1.6;
}

.newsletter__signup {
    min-width: 0;
}

.newsletter__fields {
    display: flex;
    gap: var(--space-2);
}

.newsletter__fields input {
    min-width: 0;
    flex: 1;
    padding: var(--space-2) var(--space-3);
    border: 1px solid var(--line);
    border-radius: var(--radius-1);
    background: #fff;
    color: var(--ink);
    font: inherit;
    font-size: var(--fs-1);
}

.newsletter__fields input:focus {
    border-color: var(--bordo);
    outline: 2px solid var(--bordo);
    outline-offset: 1px;
}

.newsletter__fields button {
    flex: none;
    padding: var(--space-2) var(--space-3);
    border: 1px solid var(--bordo);
    border-radius: var(--radius-1);
    background: var(--bordo);
    color: #fff;
    font: inherit;
    font-size: var(--fs-1);
    font-weight: 600;
    opacity: 1;
    cursor: pointer;
}

.newsletter__note {
    margin-top: var(--space-2);
    color: var(--ink-2);
    font-size: var(--fs-0);
}

/* ---------- Programlar arşivi ---------- */
.programs-intro {
    padding-block: var(--space-5) var(--space-4);
}

.programs-intro h1 {
    font-size: clamp(var(--fs-5), 5vw, var(--fs-7));
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.035em;
}

.programs-intro p {
    max-width: 48em;
    margin-top: var(--space-3);
    color: var(--ink-2);
    font-size: var(--fs-2);
    line-height: 1.5;
}

.programs-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-5);
    padding: var(--space-4);
    background: var(--paper-2);
}

.program-showcase {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.program-showcase__copy {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0;
    padding-top: var(--space-3);
}

.program-showcase__copy h2 {
    font-size: var(--fs-5);
    font-weight: 600;
    line-height: 1.13;
    letter-spacing: -0.025em;
}

.program-showcase__copy h2 a {
    transition: color 0.2s ease;
}

.program-showcase__copy h2 a:hover,
.program-showcase__copy h2 a:focus-visible {
    color: var(--bordo);
}

.program-showcase__copy p {
    max-width: 38em;
    margin-top: var(--space-2);
    color: var(--ink-2);
    font-size: var(--fs-1);
    line-height: 1.55;
}

.program-showcase__copy .program-showcase__latest {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-1) var(--space-2);
    margin-top: auto;
    padding-top: var(--space-2);
    border-top: 1px solid var(--line);
    font-size: var(--fs-1);
}

.program-showcase__latest span {
    color: var(--bordo);
    font-size: var(--fs-0);
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.program-showcase__latest a {
    color: var(--ink);
    text-decoration: underline transparent;
    text-underline-offset: 4px;
    transition: color 0.2s ease, text-decoration-color 0.2s ease;
}

.program-showcase__latest a:hover,
.program-showcase__latest a:focus-visible {
    color: var(--bordo);
    text-decoration-color: currentColor;
}

.program-showcase__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-3);
    margin-top: var(--space-3);
}

.program-showcase__actions .btn {
    min-height: 44px;
    border-radius: var(--radius-2);
}

.program-showcase__visual {
    min-width: 0;
    overflow: hidden;
}

.program-showcase__visual .media {
    aspect-ratio: 16 / 9;
    background: var(--blush);
}

.program-showcase__visual img {
    transition: transform 0.22s ease;
}

.program-showcase__visual:hover img {
    transform: scale(1.015);
}

@media (max-width: 899px) {
    .programs-grid {
        gap: var(--space-4);
    }

    .program-showcase__copy h2 {
        font-size: var(--fs-4);
    }
}

@media (max-width: 699px) {
    .programs-intro {
        padding-block: var(--space-5) var(--space-4);
    }

    .programs-intro p {
        font-size: var(--fs-1);
    }

    .programs-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--space-5);
        padding: var(--space-3);
    }

    .program-showcase__copy h2 {
        font-size: var(--fs-5);
    }

    .program-showcase__copy .program-showcase__latest {
        margin-top: var(--space-4);
    }
}

/* ---------- Benim İşim program detayı ---------- */
.program-detail__hero {
    padding-block: var(--space-5);
}

.program-detail__hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.22fr);
    align-items: center;
    gap: var(--space-5);
}

.program-detail__hero-copy h1 {
    font-size: clamp(var(--fs-5), 5vw, var(--fs-7));
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -0.035em;
}

.program-detail__lead {
    max-width: 32em;
    margin-top: var(--space-3);
    font-size: var(--fs-2);
    line-height: 1.5;
}

.program-detail__format-note {
    max-width: 38em;
    margin-top: var(--space-3);
    color: var(--ink-2);
}

.program-detail__hero-media .media {
    aspect-ratio: 4 / 3;
    background: var(--paper-2);
}

.program-detail__format {
    padding-block: var(--space-5) var(--space-6);
}

.program-detail__section-heading {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.618fr);
    gap: var(--space-5);
    align-items: baseline;
}

.program-detail__section-heading h2,
.program-detail__section-title {
    font-size: var(--fs-5);
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: -0.025em;
}

.program-detail__section-heading p {
    max-width: 45em;
    color: var(--ink-2);
    font-size: var(--fs-2);
    line-height: 1.55;
}

.program-detail__format-points {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-4);
    margin-top: var(--space-5);
}

.program-detail__format-points > div {
    padding-top: var(--space-3);
    border-top: 1px solid var(--line);
}

.program-detail__format-points h3 {
    font-size: var(--fs-3);
    font-weight: 600;
    line-height: 1.2;
}

.program-detail__format-points p {
    max-width: 30em;
    margin-top: var(--space-2);
    color: var(--ink-2);
}

.program-detail__featured {
    padding-block: var(--space-6);
    background: var(--paper);
}

.program-detail__featured .program-detail__section-title {
    margin-bottom: var(--space-4);
}

.program-detail__featured-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.618fr) minmax(0, 1fr);
    align-items: center;
    gap: var(--space-5);
}

.program-detail__featured-media,
.program-detail__episode-media {
    display: block;
    overflow: hidden;
}

.program-detail__featured-media .media,
.program-detail__episode-media .media {
    aspect-ratio: 16 / 9;
    background: var(--blush);
}

.program-detail__featured-media img,
.program-detail__episode-media img {
    transition: transform 0.22s ease;
}

.program-detail__featured-media:hover img,
.program-detail__episode-media:hover img {
    transform: scale(1.015);
}

.program-detail__featured-copy h3 {
    margin-top: var(--space-2);
    font-size: var(--fs-4);
    font-weight: 600;
    line-height: 1.2;
}

.program-detail__featured-copy h3 a,
.program-detail__episode h3 a {
    transition: color 0.2s ease;
}

.program-detail__featured-copy h3 a:hover,
.program-detail__featured-copy h3 a:focus-visible,
.program-detail__episode h3 a:hover,
.program-detail__episode h3 a:focus-visible {
    color: var(--bordo);
}

.program-detail__featured-guest {
    margin-top: var(--space-2);
    font-weight: 600;
}

.program-detail__featured-summary {
    max-width: 36em;
    margin-top: var(--space-3);
    color: var(--ink-2);
}

.program-detail__featured-duration {
    margin-top: var(--space-2);
    color: var(--ink-2);
    font-size: var(--fs-0);
}

.program-detail__featured-copy .btn {
    min-height: 44px;
    margin-top: var(--space-4);
    border-radius: var(--radius-2);
}

.program-detail__episodes {
    padding-top: var(--space-6);
}

.program-detail__episodes-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--space-4);
    margin-bottom: var(--space-4);
}

.program-detail__seasons {
    display: flex;
    gap: var(--space-3);
    color: var(--bordo);
    font-weight: 600;
}

.program-detail__seasons [aria-current] {
    border-bottom: 2px solid currentColor;
}

.program-detail__episode-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-5) var(--space-4);
}

.program-detail__episode h3 {
    margin-top: var(--space-3);
    font-size: var(--fs-3);
    font-weight: 600;
    line-height: 1.25;
}

.program-detail__episode-guest {
    margin-top: var(--space-2);
    color: var(--ink-2);
}

.program-detail__episode-meta {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    margin-top: var(--space-2);
    color: var(--ink-2);
    font-size: var(--fs-0);
}

@media (max-width: 899px) {
    .program-detail__hero-grid,
    .program-detail__featured-grid {
        gap: var(--space-4);
    }

    .program-detail__featured-copy h3 {
        font-size: var(--fs-3);
    }
}

@media (max-width: 699px) {
    .program-detail__hero-grid,
    .program-detail__section-heading,
    .program-detail__featured-grid,
    .program-detail__format-points,
    .program-detail__episode-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .program-detail__hero,
    .program-detail__format,
    .program-detail__featured {
        padding-block: var(--space-5);
    }

    .program-detail__lead,
    .program-detail__section-heading p {
        font-size: var(--fs-1);
    }

    .program-detail__section-heading h2,
    .program-detail__section-title {
        font-size: var(--fs-4);
    }

    .program-detail__format-points {
        margin-top: var(--space-4);
    }

    .program-detail__episodes {
        padding-top: var(--space-5);
    }

    .program-detail__episode-grid {
        gap: var(--space-4);
    }
}

/* ---------- İşin İçinden program detayı ---------- */
.inside-detail__hero {
    padding-block: var(--space-5);
    background: var(--paper);
}

.inside-detail__hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.618fr) minmax(0, 1fr);
    align-items: center;
    gap: var(--space-5);
}

.inside-detail__hero-copy h1 {
    font-size: clamp(var(--fs-5), 5vw, var(--fs-7));
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -0.035em;
}

.inside-detail__lead {
    max-width: 32em;
    margin-top: var(--space-3);
    font-size: var(--fs-2);
    line-height: 1.5;
}

.inside-detail__format-note {
    max-width: 38em;
    margin-top: var(--space-3);
    color: var(--ink-2);
}

.inside-detail__hero-media .media {
    aspect-ratio: 4 / 3;
    background: var(--blush);
}

.inside-detail__approach {
    padding-block: var(--space-6);
}

.inside-detail__approach-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.618fr);
    gap: var(--space-5);
}

.inside-detail__approach-intro h2,
.inside-detail__section-title {
    font-size: var(--fs-5);
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: -0.025em;
}

.inside-detail__approach-intro p {
    max-width: 36em;
    margin-top: var(--space-3);
    color: var(--ink-2);
}

.inside-detail__axes > div {
    display: grid;
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
    gap: var(--space-4);
    padding-block: var(--space-3);
    border-top: 1px solid var(--line);
}

.inside-detail__axes > div:last-child {
    border-bottom: 1px solid var(--line);
}

.inside-detail__axes dt {
    font-size: var(--fs-2);
    font-weight: 600;
    line-height: 1.25;
}

.inside-detail__axes dd {
    margin: 0;
    color: var(--ink-2);
}

.inside-detail__featured {
    padding-block: var(--space-6);
    border-top: 1px solid var(--line);
}

.inside-detail__featured .inside-detail__section-title {
    margin-bottom: var(--space-4);
}

.inside-detail__featured-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.618fr);
    align-items: center;
    gap: var(--space-5);
}

.inside-detail__featured-copy h3 {
    margin-top: var(--space-2);
    font-size: var(--fs-4);
    font-weight: 600;
    line-height: 1.2;
}

.inside-detail__featured-copy h3 a,
.inside-detail__episode h3 a {
    transition: color 0.2s ease;
}

.inside-detail__featured-copy h3 a:hover,
.inside-detail__featured-copy h3 a:focus-visible,
.inside-detail__episode h3 a:hover,
.inside-detail__episode h3 a:focus-visible {
    color: var(--bordo);
}

.inside-detail__featured-author {
    margin-top: var(--space-2);
    font-weight: 600;
}

.inside-detail__featured-excerpt {
    max-width: 34em;
    margin-top: var(--space-3);
    color: var(--ink-2);
}

.inside-detail__featured-duration {
    margin-top: var(--space-2);
    color: var(--ink-2);
    font-size: var(--fs-0);
}

.inside-detail__featured-copy .btn {
    min-height: 44px;
    margin-top: var(--space-4);
    border-radius: var(--radius-2);
}

.inside-detail__featured-media,
.inside-detail__episode-media {
    display: block;
    overflow: hidden;
}

.inside-detail__featured-media .media,
.inside-detail__episode-media .media {
    aspect-ratio: 16 / 9;
    background: var(--paper-2);
}

.inside-detail__featured-media img,
.inside-detail__episode-media img {
    transition: transform 0.22s ease;
}

.inside-detail__featured-media:hover img,
.inside-detail__episode-media:hover img {
    transform: scale(1.015);
}

.inside-detail__topics {
    padding-block: var(--space-5);
    background: var(--paper);
}

.inside-detail__topics ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 var(--space-4);
    margin-top: var(--space-4);
}

.inside-detail__topics li {
    padding-block: var(--space-2);
    border-top: 1px solid var(--line);
    font-size: var(--fs-2);
}

.inside-detail__episodes {
    padding-top: var(--space-6);
}

.inside-detail__episodes-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--space-4);
    margin-bottom: var(--space-4);
}

.inside-detail__episode-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-5) var(--space-4);
}

.inside-detail__episode-copy {
    padding-top: var(--space-3);
}

.inside-detail__episode h3 {
    margin-top: var(--space-1);
    font-size: var(--fs-3);
    font-weight: 600;
    line-height: 1.25;
}

.inside-detail__episode-author {
    margin-top: var(--space-2);
    color: var(--ink-2);
}

.inside-detail__episode-meta {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    margin-top: var(--space-2);
    color: var(--ink-2);
    font-size: var(--fs-0);
}

@media (max-width: 899px) {
    .inside-detail__hero-grid,
    .inside-detail__approach-grid,
    .inside-detail__featured-grid {
        gap: var(--space-4);
    }

    .inside-detail__featured-copy h3 {
        font-size: var(--fs-3);
    }
}

@media (max-width: 699px) {
    .inside-detail__hero-grid,
    .inside-detail__approach-grid,
    .inside-detail__featured-grid,
    .inside-detail__episode-grid,
    .inside-detail__topics ul {
        grid-template-columns: minmax(0, 1fr);
    }

    .inside-detail__hero,
    .inside-detail__approach,
    .inside-detail__featured {
        padding-block: var(--space-5);
    }

    .inside-detail__lead {
        font-size: var(--fs-1);
    }

    .inside-detail__approach-intro h2,
    .inside-detail__section-title {
        font-size: var(--fs-4);
    }

    .inside-detail__axes > div {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--space-1);
    }

    .inside-detail__episodes {
        padding-top: var(--space-5);
    }

    .inside-detail__episode-grid {
        gap: var(--space-4);
    }
}

/* ---------- Video arşivi ---------- */
.video-archive {
    margin-top: var(--space-3);
    padding-bottom: var(--space-6);
    background: var(--paper);
    color: var(--ink);
}

.video-archive .newsletter {
    margin-top: var(--space-6);
}

.video-archive__intro {
    padding-block: var(--space-5) var(--space-3);
}

.video-archive__eyebrow {
    color: var(--pink-ink);
    font-size: var(--fs-0);
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.video-archive__intro h1 {
    margin-top: var(--space-1);
    font-size: clamp(var(--fs-5), 6vw, var(--fs-7));
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.035em;
}

.video-archive__intro p {
    max-width: 56em;
    margin-top: var(--space-2);
    color: var(--ink-2);
    font-size: var(--fs-2);
}

.video-archive__search {
    position: relative;
    max-width: 34rem;
    margin-bottom: var(--space-3);
    color: var(--ink-2);
}

.video-archive__search svg {
    position: absolute;
    top: 50%;
    left: 1rem;
    transform: translateY(-50%);
    pointer-events: none;
}

.video-archive__search input {
    width: 100%;
    min-height: 48px;
    padding: 0.6rem 1.1rem 0.6rem 2.9rem;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: var(--paper);
    color: var(--ink);
    font: inherit;
    font-size: var(--fs-1);
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.video-archive__search input::placeholder {
    color: var(--ink-2);
}

.video-archive__search input:hover {
    border-color: var(--pink);
}

.video-archive__search input:focus-visible {
    border-color: var(--bordo);
    outline: 0;
    box-shadow: 0 0 0 3px var(--blush);
}

.video-archive__filters {
    display: flex;
    gap: 0.65rem;
    overflow-x: auto;
    padding-block: var(--space-3);
    border-block: 1px solid var(--line);
    scrollbar-width: thin;
}

.video-archive__chip {
    flex: 0 0 auto;
    min-height: 34px;
    padding: 0.45rem 0.95rem;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: var(--paper);
    color: var(--ink);
    font: inherit;
    font-size: var(--fs-0);
    font-weight: 700;
    cursor: pointer;
    transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease;
}

.video-archive__chip:hover,
.video-archive__chip:focus-visible {
    background: var(--blush);
    border-color: var(--pink);
}

.video-archive__chip:is([aria-pressed="true"], [aria-current="true"]) {
    background: var(--bordo);
    color: #fff;
    border-color: var(--bordo);
}

.video-archive__clear,
.video-archive__empty button {
    min-height: 44px;
    padding: 0.45rem 0.95rem;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: var(--pink-ink);
    font: inherit;
    font-size: var(--fs-0);
    font-weight: 700;
    cursor: pointer;
    transition: color 0.2s ease;
}

.video-archive__clear:hover,
.video-archive__clear:focus-visible,
.video-archive__empty button:hover,
.video-archive__empty button:focus-visible {
    color: var(--bordo);
}

.video-archive__bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
    margin-block: var(--space-4) var(--space-3);
    color: var(--ink-2);
    font-size: var(--fs-0);
}

.video-archive__count {
    color: inherit;
}

.video-archive__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-5) var(--space-3);
}

.video-archive__media {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 16px;
    background: var(--empty);
}

.video-archive__media .media {
    aspect-ratio: 16 / 9;
    background: linear-gradient(135deg, var(--blush), var(--paper-2));
}

.video-archive__media img {
    transition: transform 0.22s ease;
}

.video-archive__media:hover img {
    transform: scale(1.015);
}

.video-archive__duration,
.video-shorts__media span {
    position: absolute;
    right: 0.5rem;
    bottom: 0.5rem;
    padding: 0.2rem 0.45rem;
    border-radius: 6px;
    background: rgb(0 0 0 / 0.82);
    color: #fff;
    font-size: 0.875rem;
    font-weight: 800;
}

.video-archive__body {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) 30px;
    gap: 0.75rem;
    align-items: start;
    margin-top: 0.85rem;
}

.video-archive__avatar {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    overflow: hidden;
    border-radius: 50%;
    background: var(--bordo);
    color: #fff;
    font-size: var(--fs-1);
    font-weight: 800;
}

.video-archive__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video-archive__copy {
    min-width: 0;
}

.video-archive__card h2,
.video-archive__card h3 {
    display: -webkit-box;
    overflow: hidden;
    color: var(--ink);
    font-size: var(--fs-1);
    font-weight: 800;
    line-height: 1.32;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.video-archive__card h2 a,
.video-archive__card h3 a {
    transition: color 0.2s ease;
}

.video-archive__card h2 a:hover,
.video-archive__card h2 a:focus-visible,
.video-archive__card h3 a:hover,
.video-archive__card h3 a:focus-visible {
    color: var(--bordo);
}

.video-archive__guest {
    display: -webkit-box;
    overflow: hidden;
    margin-top: 0.35rem;
    color: var(--ink-2);
    font-size: var(--fs-0);
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.video-archive__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem 0.65rem;
    margin-top: 0.2rem;
    color: var(--ink-2);
    font-size: var(--fs-0);
}

.video-archive__more {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--ink-2);
    font: inherit;
    font-size: 1.4rem;
    line-height: 1;
    cursor: pointer;
}

.video-archive__more:hover,
.video-archive__more:focus-visible {
    background: var(--blush);
}

.video-shorts {
    margin-top: var(--space-6);
    padding-top: var(--space-4);
    border-top: 1px solid var(--line);
}

.video-shorts__head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: var(--space-3);
    margin-bottom: var(--space-3);
}

.video-shorts__head span {
    color: var(--pink-ink);
    font-size: var(--fs-0);
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.video-shorts__head h2 {
    margin-top: 0.25rem;
    color: var(--ink);
    font-size: var(--fs-4);
    font-weight: 800;
    letter-spacing: -0.03em;
}

.video-shorts__head a {
    color: var(--bordo);
    font-size: var(--fs-0);
    font-weight: 800;
}

.video-shorts__rail {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: var(--space-3);
}

.video-shorts__media {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 18px;
    background: var(--empty);
}

.video-shorts__media .media {
    aspect-ratio: 9 / 16;
}

.video-shorts__media img {
    transition: transform 0.22s ease;
}

.video-shorts__media:hover img {
    transform: scale(1.02);
}

.video-shorts__card h3 {
    display: -webkit-box;
    overflow: hidden;
    margin-top: 0.65rem;
    color: var(--ink);
    font-size: var(--fs-1);
    font-weight: 800;
    line-height: 1.28;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.video-shorts__card p {
    margin-top: 0.25rem;
    color: var(--ink-2);
    font-size: var(--fs-0);
}

.video-archive__empty {
    padding-block: var(--space-5);
    border-top: 1px solid var(--line);
}

.video-archive__empty[hidden] {
    display: none;
}

.video-archive__empty p {
    color: var(--ink);
    font-size: var(--fs-2);
}

.video-archive__empty button {
    margin-top: var(--space-3);
}

@media (max-width: 1099px) {
    .video-archive__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .video-shorts__rail {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 899px) {
    .video-shorts__rail {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 699px) {
    .video-archive__intro {
        padding-block: var(--space-5) var(--space-4);
    }

    .video-archive__intro h1 {
        font-size: var(--fs-5);
    }

    .video-archive__intro p {
        font-size: var(--fs-1);
    }

    .video-archive__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .video-archive__grid {
        gap: var(--space-4);
    }

    .video-archive__bar,
    .video-shorts__head {
        align-items: start;
        flex-direction: column;
    }

    .video-shorts__rail {
        display: flex;
        gap: var(--space-3);
        overflow-x: auto;
        padding-bottom: var(--space-2);
        scroll-snap-type: x proximity;
    }

    .video-shorts__card {
        flex: 0 0 min(68vw, 260px);
        scroll-snap-align: start;
    }
}

/* ---------- Program sezon detayı + Video / bölüm detayı ---------- */
.program-season__breadcrumb,
.video-detail__breadcrumb {
    padding-top: var(--space-4);
    color: var(--ink-2);
    font-size: var(--fs-0);
}

.program-season__breadcrumb ol,
.video-detail__breadcrumb ol {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-1);
    margin: 0;
    padding: 0;
    list-style: none;
}

.program-season__breadcrumb li + li::before,
.video-detail__breadcrumb li + li::before {
    content: "/";
    margin-right: var(--space-1);
    color: var(--line);
}

.program-season__breadcrumb a:hover,
.program-season__breadcrumb a:focus-visible,
.video-detail__breadcrumb a:hover,
.video-detail__breadcrumb a:focus-visible {
    color: var(--bordo);
}

.program-season__header {
    max-width: 820px;
    padding-block: var(--space-5) var(--space-4);
}

.program-season__header h1 {
    margin-top: var(--space-1);
    font-size: clamp(var(--fs-5), 5vw, var(--fs-6));
    font-weight: 600;
    line-height: 1.12;
    letter-spacing: -0.035em;
}

.program-season__header > p:not(.meta) {
    margin-top: var(--space-2);
    color: var(--ink-2);
    font-size: var(--fs-2);
    line-height: 1.55;
}

.program-season__nav {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3);
    padding-bottom: var(--space-3);
    border-bottom: 1px solid var(--line);
}

.program-season__nav a {
    padding-bottom: 0.45rem;
    color: var(--ink-2);
    font-weight: 700;
}

.program-season__nav a:hover,
.program-season__nav a:focus-visible {
    color: var(--bordo);
}

.program-season__nav a[aria-current="page"] {
    color: var(--ink);
    border-bottom: 2px solid var(--bordo);
}

.program-season__episodes {
    padding-block: var(--space-4) var(--space-6);
}

.program-season__episodes-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--space-3);
    margin-bottom: var(--space-3);
}

.program-season__episodes-head h2 {
    font-size: var(--fs-4);
    font-weight: 600;
    line-height: 1.2;
}

.program-season__episodes-head span {
    color: var(--ink-2);
    font-size: var(--fs-0);
    font-weight: 700;
}

.program-season .video-archive__card h3 {
    color: var(--ink);
}

.program-season .video-archive__guest,
.program-season .video-archive__meta {
    color: var(--ink-2);
}

.program-season .video-archive__media {
    border-radius: 14px;
}

.program-season__empty {
    padding: var(--space-5);
    border: 1px solid var(--line);
    background: var(--paper-2);
    color: var(--ink-2);
}

.video-detail__header {
    padding-top: var(--space-4);
}

.video-detail__header .meta a {
    color: var(--bordo);
}

.video-detail__header h1 {
    max-width: 25ch;
    margin-top: var(--space-2);
    font-size: clamp(var(--fs-4), 4vw, var(--fs-6));
    font-weight: 600;
    line-height: 1.14;
    letter-spacing: -0.025em;
    overflow-wrap: break-word;
}

.video-detail__byline {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-1);
    margin-top: var(--space-3);
    color: var(--ink-2);
    font-size: var(--fs-1);
}

.video-detail__player {
    margin-top: var(--space-4);
}

.video-detail__player .media,
.video-detail__player iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
    background: var(--paper-2);
}

.video-detail__player iframe {
    display: block;
    border: 0;
}

.video-detail__episode-nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: var(--space-3);
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
}

.video-detail__episode-nav a {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    min-width: 0;
    min-height: 94px;
    padding: var(--space-2) var(--space-3);
    color: var(--ink);
    text-decoration: none;
}

.video-detail__episode-nav a + a {
    border-left: 1px solid var(--line);
}

.video-detail__episode-nav a[rel="next"] {
    justify-content: flex-end;
    text-align: right;
}

.video-detail__episode-nav a:only-child[rel="next"] {
    grid-column: 1 / -1;
    justify-content: space-between;
    text-align: left;
}

.video-detail__episode-nav a:hover,
.video-detail__episode-nav a:focus-visible {
    background: var(--paper-2);
}

.video-detail__episode-nav a:hover .video-detail__episode-icon,
.video-detail__episode-nav a:focus-visible .video-detail__episode-icon {
    border-color: var(--bordo);
    background: var(--bordo);
    color: #fff;
}

.video-detail__episode-nav a:hover strong,
.video-detail__episode-nav a:focus-visible strong {
    color: var(--bordo);
}

.video-detail__episode-nav .video-detail__episode-icon {
    display: grid;
    place-items: center;
    width: 39px;
    height: 39px;
    flex: 0 0 39px;
    border: 1px solid var(--line);
    border-radius: 50%;
    color: var(--bordo);
    font-size: var(--fs-2);
    line-height: 1;
}

.video-detail__episode-copy {
    display: block;
    min-width: 0;
}

.video-detail__episode-copy > span {
    display: block;
    color: var(--ink-2);
    font-size: var(--fs-0);
    font-weight: 600;
}

.video-detail__episode-copy strong {
    display: -webkit-box;
    overflow: hidden;
    margin-top: 3px;
    font-size: var(--fs-2);
    line-height: 1.35;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.video-detail__summary,
.video-detail__optional,
.video-detail__transcript,
.video-detail__profile,
.video-detail__shorts {
    padding-top: var(--space-5);
}

.video-detail__summary h2,
.video-detail__optional h2,
.video-detail__transcript h2,
.video-detail__profile h2,
.video-detail__shorts h2,
.video-detail__related h2,
.video-detail__related-news h2 {
    font-size: var(--fs-5);
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: -0.025em;
}

.video-detail__summary p,
.video-detail__transcript > div {
    max-width: 72ch;
    margin-top: var(--space-3);
    color: var(--ink-2);
    font-size: var(--fs-2);
    line-height: 1.65;
}

.video-detail__optional ul,
.video-detail__related-news ul {
    max-width: 72ch;
    margin-top: var(--space-4);
}

.video-detail__optional li,
.video-detail__related-news li {
    display: flex;
    gap: var(--space-3);
    padding-block: var(--space-2);
    border-top: 1px solid var(--line);
}

.video-detail__optional li time {
    flex: none;
    color: var(--bordo);
}

.video-detail__profile-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.618fr) minmax(0, 1fr);
    align-items: center;
    gap: var(--space-4);
    max-width: 950px;
    margin-top: var(--space-4);
}

.video-detail__profile-grid .media {
    background: var(--paper-2);
}

.video-detail__profile-grid h3 {
    font-size: var(--fs-4);
    font-weight: 600;
}

.video-detail__profile-grid p {
    margin-top: var(--space-2);
    color: var(--ink-2);
}

.video-detail__profile-grid .text-link {
    margin-top: var(--space-3);
}

.video-detail__short-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-4);
    margin-top: var(--space-4);
}

.video-detail__short-grid .media {
    aspect-ratio: 9 / 16;
    background: var(--paper-2);
}

.video-detail__short-grid h3 {
    margin-top: var(--space-2);
    font-size: var(--fs-2);
}

.video-detail__share {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--space-2) var(--space-3);
    margin-top: var(--space-5);
    padding-top: var(--space-3);
    border-top: 1px solid var(--line);
    font-size: var(--fs-0);
}

.video-detail__share > span:first-child {
    color: var(--ink-2);
    font-weight: 600;
}

.video-detail__share a,
.video-detail__share button {
    padding: 0;
    border: 0;
    border-bottom: 1px solid currentColor;
    background: transparent;
    color: var(--bordo);
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}
.video-detail__share button {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
}

.video-detail__share-status {
    color: var(--ink-2);
}

.video-detail__related,
.video-detail__related-news {
    padding-top: var(--space-6);
}

.video-detail__related h2,
.video-detail__related-news h2 {
    margin-bottom: var(--space-4);
}

@media (max-width: 699px) {
    .video-detail__breadcrumb {
        padding-top: var(--space-3);
    }

    .video-detail__header {
        padding-top: var(--space-3);
    }

    .video-detail__header h1 {
        font-size: var(--fs-4);
    }

    .video-detail__summary h2,
    .video-detail__optional h2,
    .video-detail__transcript h2,
    .video-detail__profile h2,
    .video-detail__shorts h2,
    .video-detail__related h2,
    .video-detail__related-news h2 {
        font-size: var(--fs-4);
    }

    .video-detail__summary p,
    .video-detail__transcript > div {
        font-size: var(--fs-1);
    }

    .video-detail__profile-grid,
    .video-detail__short-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .video-detail__related,
    .video-detail__related-news {
        padding-top: var(--space-5);
    }
}

/* ---------- Profil arşivi ve detay ---------- */
.profile-archive__intro {
    padding-block: var(--space-5) var(--space-4);
}

.profile-archive__intro h1 {
    font-size: var(--fs-6);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.035em;
}

.profile-archive__intro p {
    max-width: 48em;
    margin-top: var(--space-2);
    color: var(--ink-2);
    font-size: var(--fs-2);
}

.profile-archive__filters {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr)) auto;
    align-items: end;
    gap: var(--space-3);
    padding-block: var(--space-3);
    border-block: 1px solid var(--line);
}

.profile-archive__field {
    min-width: 0;
}

.profile-archive__field label {
    display: block;
    color: var(--ink-2);
    font-size: var(--fs-0);
    font-weight: 600;
}

.profile-archive__field input,
.profile-archive__field select {
    display: block;
    width: 100%;
    min-height: 44px;
    padding: var(--space-1) var(--space-2) var(--space-1) 0;
    border: 0;
    border-bottom: 1px solid var(--line);
    border-radius: 0;
    background: transparent;
    color: var(--ink);
    font: inherit;
    font-size: var(--fs-1);
}

.profile-archive__field select {
    cursor: pointer;
}

.profile-archive__clear,
.profile-archive__empty button {
    min-height: 44px;
    padding: var(--space-1) 0;
    border: 0;
    border-bottom: 1px solid currentColor;
    background: transparent;
    color: var(--bordo);
    font: inherit;
    font-size: var(--fs-0);
    font-weight: 600;
    cursor: pointer;
}

.profile-archive__clear:hover,
.profile-archive__empty button:hover {
    color: var(--bordo-dark);
}

.profile-archive__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--space-5) var(--space-4);
    padding-top: var(--space-5);
}

.profile-archive__tile {
    position: relative;
    min-width: 0;
}

.profile-archive__tile[hidden],
.profile-archive__empty[hidden] {
    display: none;
}

.profile-archive__portrait .media,
.profile-detail__portrait .media {
    aspect-ratio: 4 / 5;
    background: var(--paper-2);
}

.profile-archive__tile h2 {
    margin-top: var(--space-3);
    font-size: var(--fs-3);
    font-weight: 600;
    line-height: 1.25;
}

.profile-archive__tile h2 a::after {
    position: absolute;
    inset: 0;
    content: "";
}

.profile-archive__tile:hover h2 a,
.profile-archive__tile:focus-within h2 a {
    color: var(--bordo);
    text-decoration: underline;
    text-underline-offset: 4px;
}

.profile-archive__tile p {
    margin-top: var(--space-1);
    color: var(--ink-2);
    font-size: var(--fs-1);
}

.profile-archive__empty {
    padding-block: var(--space-5);
}

.profile-archive__empty p {
    font-size: var(--fs-2);
}

.profile-archive__empty button {
    margin-top: var(--space-3);
}

/* Profil sayfası: tam genişlikte açık tonlu kapak (kemerli portre + serif ad), kapağın alt kenarına binen künye şeridi, altında içerik + sağ panel. */
.profile-detail__hero {
    position: relative;
    overflow: hidden;
    padding-bottom: calc(var(--space-5) + var(--space-4));
    background:
        radial-gradient(60% 120% at 100% 0%, color-mix(in srgb, var(--pink) 34%, transparent) 0%, transparent 62%),
        linear-gradient(180deg, var(--paper-2), var(--blush));
}

.profile-detail__breadcrumb {
    padding-top: var(--space-3);
    color: var(--ink-2);
    font-size: var(--fs-1);
}

.profile-detail__breadcrumb ol {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-1);
    margin: 0;
    padding: 0;
    list-style: none;
}

.profile-detail__breadcrumb li + li::before {
    content: "/";
    margin-right: var(--space-1);
    color: color-mix(in srgb, var(--bordo) 35%, transparent);
}

.profile-detail__breadcrumb a:hover {
    color: var(--bordo);
}

.profile-detail__intro {
    display: grid;
    grid-template-columns: clamp(220px, 24vw, 340px) minmax(0, 1fr);
    align-items: center;
    gap: var(--space-5);
    margin-top: var(--space-4);
}

/* Kemerli portre; arkasında bir adım kaydırılmış ince çerçeve. */
.profile-detail__portrait {
    position: relative;
    margin: 0 var(--space-2) var(--space-2) 0;
}

.profile-detail__portrait::before {
    position: absolute;
    inset: 0;
    border: 1px solid var(--bordo);
    border-radius: 999px 999px 0 0;
    content: "";
    transform: translate(var(--space-2), var(--space-2));
}

.profile-detail__portrait .media,
.profile-detail__initials {
    position: relative;
    overflow: hidden;
    border-radius: 999px 999px 0 0;
}

.profile-detail__initials {
    display: grid;
    place-items: center;
    aspect-ratio: 4 / 5;
    background: var(--bordo);
    color: var(--pink);
    font-family: var(--font-accent);
    font-size: clamp(var(--fs-6), 7vw, 6rem);
    font-style: italic;
    font-weight: 600;
    letter-spacing: 0.02em;
}

.profile-detail__identity {
    min-width: 0;
}

.profile-detail__identity h1 {
    color: var(--bordo);
    font-family: var(--font-accent);
    font-size: clamp(var(--fs-5), 5.4vw, 5.25rem);
    font-weight: 600;
    line-height: 1.02;
    letter-spacing: -0.02em;
    overflow-wrap: break-word;
}

.profile-detail__role {
    margin-top: var(--space-2);
    font-size: var(--fs-2);
    font-weight: 600;
}

.profile-detail__lead {
    max-width: 58ch;
    margin-top: var(--space-3);
    color: var(--ink-2);
    font-size: var(--fs-2);
    line-height: 1.55;
}

.profile-detail__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-3);
    margin-top: var(--space-4);
}

.profile-detail__website {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    min-height: 44px;
    padding: 0 var(--space-3);
    background: var(--bordo);
    color: #fff;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.profile-detail__website:hover,
.profile-detail__website:focus-visible {
    background: var(--bordo-dark);
}

.profile-detail__share {
    display: flex;
    align-items: center;
    gap: var(--space-1);
}

.profile-detail__share-label {
    margin-right: var(--space-1);
    color: var(--ink-2);
    font-size: var(--fs-0);
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

/* Künye şeridi: kapağın alt kenarına biner. Köşeleri portre kemeriyle aynı dilde yumuşaktır (skin.css'teki keskin köşe kuralının bilinçli istisnası). */
body .profile-detail__facts {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    margin: calc(var(--space-4) * -1) 0 0;
    padding: var(--space-1) 0;
    border-radius: 20px !important;
    background: var(--paper);
    box-shadow: 0 10px 40px color-mix(in srgb, var(--bordo) 7%, transparent);
}

.profile-detail__facts div {
    position: relative;
    flex: 1 1 180px;
    min-width: 0;
    padding: var(--space-2) var(--space-3);
}

.profile-detail__facts div::before {
    position: absolute;
    top: 25%;
    bottom: 25%;
    left: -1px;
    width: 1px;
    background: var(--line);
    content: "";
}

.profile-detail__facts dt {
    color: var(--ink-2);
    font-size: var(--fs-0);
    font-weight: 500;
}

.profile-detail__facts dd {
    margin: 4px 0 0;
    font-size: 1.125rem;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.profile-detail__facts dd a {
    color: var(--bordo);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.profile-detail__facts dd a + a::before {
    content: ", ";
    color: var(--ink-2);
}

.profile-detail__story,
.profile-detail__videos {
    padding-top: var(--space-5);
}

.profile-detail__main > :first-child {
    padding-top: 0;
}

.profile-detail__story h2,
.profile-detail__videos h2 {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    margin-bottom: var(--space-4);
    color: var(--bordo);
    font-family: var(--font-accent);
    font-size: var(--fs-4);
    font-weight: 600;
    line-height: 1.15;
}

.profile-detail__story h2::after,
.profile-detail__videos h2::after {
    flex: 1;
    height: 1px;
    background: var(--line);
    content: "";
}

.profile-detail__story p {
    max-width: 70ch;
    font-size: 1.125rem;
    line-height: 1.75;
}

.profile-detail__story p + p {
    margin-top: var(--space-3);
}

.profile-detail__story h2 + p::first-letter {
    float: left;
    margin: 0.08em 0.12em 0 0;
    color: var(--bordo);
    font-family: var(--font-accent);
    font-size: 3.6em;
    font-weight: 600;
    line-height: 0.82;
}

.profile-detail__videos .video-archive__grid {
    gap: var(--space-3);
}

.profile-detail__videos .video-archive__card {
    padding: var(--space-2);
    border: 1px solid var(--line);
    border-radius: var(--radius-1);
}

.profile-detail__quote {
    position: relative;
    margin: var(--space-5) 0 0;
    padding: var(--space-4) var(--space-4) var(--space-4) calc(var(--space-5) + var(--space-4));
    background: var(--bordo);
    color: #fff;
}

.profile-detail__quote::before {
    position: absolute;
    top: var(--space-2);
    left: var(--space-3);
    color: var(--pink);
    font-family: var(--font-accent);
    font-size: 6rem;
    line-height: 1;
    content: "\201C";
}

.profile-detail__quote p {
    max-width: 60ch;
    font-family: var(--font-accent);
    font-size: var(--fs-3);
    font-style: italic;
    line-height: 1.35;
}

@media (max-width: 1099px) {
    .profile-archive__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 899px) {
    .profile-archive__filters,
    .profile-archive__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .profile-archive__clear {
        justify-self: start;
    }
}

@media (max-width: 699px) {
    .profile-archive__intro h1 {
        font-size: var(--fs-5);
    }

    .profile-archive__intro p {
        font-size: var(--fs-1);
    }

    .profile-archive__filters,
    .profile-archive__grid,
    .profile-detail__intro {
        grid-template-columns: minmax(0, 1fr);
    }

    .profile-archive__grid {
        gap: var(--space-4);
    }

    .profile-detail__hero {
        padding-bottom: calc(var(--space-4) + var(--space-4));
    }

    .profile-detail__intro {
        gap: var(--space-4);
        margin-top: var(--space-3);
    }

    .profile-detail__portrait {
        max-width: 240px;
    }

    .profile-detail__facts div {
        flex-basis: 50%;
        padding: var(--space-2);
    }

    .profile-detail__lead {
        font-size: 1.125rem;
    }

    .profile-detail__story h2,
    .profile-detail__videos h2 {
        font-size: var(--fs-3);
    }

    .profile-detail__quote {
        padding: var(--space-5) var(--space-3) var(--space-3);
    }

    .profile-detail__quote p {
        font-size: var(--fs-2);
    }
}

/* ---------- İş Dünyası arşivi ve içerik detayı ---------- */
.news-archive__intro {
    padding-block: var(--space-5) var(--space-4);
}

.news-archive__intro h1 {
    font-size: var(--fs-6);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.035em;
}

.news-archive__intro > p:not(.news-archive__fixture-note) {
    max-width: 48em;
    margin-top: var(--space-2);
    color: var(--ink-2);
    font-size: var(--fs-2);
}

.news-archive__fixture-note,
.news-detail__fixture-note,
.news-card__fixture {
    color: var(--ink-2);
    font-size: var(--fs-0);
}

.news-archive__fixture-note {
    margin-top: var(--space-3);
}

.news-archive__filters {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: var(--space-3);
    padding-block: var(--space-3);
    border-block: 1px solid var(--line);
}

.news-archive__field {
    flex: 0 1 300px;
    min-width: 0;
}

.news-archive__field label,
.news-archive__sort span {
    display: block;
    color: var(--ink-2);
    font-size: var(--fs-0);
    font-weight: 600;
}

.news-archive__field select {
    display: block;
    width: 100%;
    min-height: 44px;
    padding: var(--space-1) var(--space-2) var(--space-1) 0;
    border: 0;
    border-bottom: 1px solid var(--line);
    border-radius: 0;
    background: transparent;
    color: var(--ink);
    font: inherit;
    cursor: pointer;
}

.news-archive__sort strong {
    display: block;
    min-height: 44px;
    padding: var(--space-1) 0;
    border-bottom: 1px solid var(--line);
    font-weight: 600;
}

.news-archive__clear,
.news-archive__empty button {
    min-height: 44px;
    padding: var(--space-1) 0;
    border: 0;
    border-bottom: 1px solid currentColor;
    background: transparent;
    color: var(--bordo);
    font: inherit;
    font-size: var(--fs-0);
    font-weight: 600;
    cursor: pointer;
}

.news-archive__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-5) var(--space-4);
    padding-top: var(--space-5);
}

.news-card[hidden],
.news-archive__empty[hidden] {
    display: none;
}

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

.news-card__media {
    display: block;
    overflow: hidden;
}

.news-card__media .media {
    aspect-ratio: 16 / 10;
    background: var(--paper-2);
}

.news-card__category,
.news-detail__category {
    color: var(--bordo);
    font-size: var(--fs-0);
    font-weight: 700;
}

.news-card__category {
    margin-top: var(--space-3);
}

.news-card h2,
.news-card h3 {
    margin-top: var(--space-1);
    font-size: var(--fs-3);
    font-weight: 600;
    line-height: 1.25;
}

.news-card h2 a:hover,
.news-card h2 a:focus-visible,
.news-card h3 a:hover,
.news-card h3 a:focus-visible {
    color: var(--bordo);
    text-decoration: underline;
    text-underline-offset: 4px;
}

.news-card__excerpt {
    margin-top: var(--space-2);
    color: var(--ink-2);
}

.news-card time,
.news-card__fixture {
    display: block;
    margin-top: var(--space-2);
}

.news-archive__empty {
    padding-block: var(--space-5);
}

.news-archive__empty button {
    margin-top: var(--space-3);
}

.news-detail__breadcrumb {
    padding-top: var(--space-4);
    color: var(--ink-2);
    font-size: var(--fs-0);
}

.news-detail__breadcrumb ol {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-1);
    margin: 0;
    padding: 0;
    list-style: none;
}

.news-detail__breadcrumb li + li::before {
    content: "/";
    margin-right: var(--space-1);
    color: var(--line);
}

.news-detail__breadcrumb a:hover {
    color: var(--bordo);
}

.news-detail__header {
    max-width: 800px;
    padding-top: var(--space-4);
}

.news-detail__header h1 {
    margin-top: var(--space-2);
    font-size: clamp(var(--fs-4), 4vw, var(--fs-6));
    font-weight: 600;
    line-height: 1.12;
    letter-spacing: -0.03em;
    overflow-wrap: break-word;
}

.news-detail__spot {
    margin-top: var(--space-3);
    color: var(--ink-2);
    font-size: var(--fs-2);
}

.news-detail__dates {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3);
    margin-top: var(--space-3);
    color: var(--ink-2);
    font-size: var(--fs-0);
}

.news-detail__author,
.news-detail__disclosure,
.news-detail__fixture-note {
    margin-top: var(--space-2);
}

.news-detail__cover {
    max-width: 1200px;
    margin: var(--space-4) 0 0;
}

.news-detail__cover .media {
    aspect-ratio: 16 / 10;
    background: var(--paper-2);
}

.news-detail figcaption {
    margin-top: var(--space-1);
    color: var(--ink-2);
    font-size: var(--fs-0);
}

.news-detail__reading {
    width: min(100%, 780px);
    padding-top: var(--space-5);
}

.news-detail__body {
    font-size: var(--fs-2);
    line-height: 1.7;
}

.news-detail__body > * + * {
    margin-top: var(--space-3);
}

.news-detail__body h2 {
    font-size: var(--fs-4);
    line-height: 1.2;
}

.news-detail__body ul {
    padding-left: var(--space-3);
    list-style: disc;
}

.news-detail__body blockquote {
    margin-inline: 0;
    padding-left: var(--space-3);
    border-left: 2px solid var(--bordo);
    font-family: var(--font-accent);
    font-style: italic;
}

.news-detail__body img {
    width: 100%;
    height: auto;
}

.news-detail__gallery {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-3);
}

.news-detail__video iframe {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    border: 0;
}

.news-detail__related-profile,
.news-detail__related-episode,
.news-detail__similar {
    padding-top: var(--space-6);
}

.news-detail__related-profile h2,
.news-detail__related-episode h2,
.news-detail__similar h2 {
    margin-bottom: var(--space-4);
    font-size: var(--fs-5);
    font-weight: 600;
}

.news-detail__related-profile .video-detail__profile-grid {
    margin-top: 0;
}

.news-detail__similar .news-archive__grid {
    padding-top: 0;
}

/* ---------- Yazar detayı (author-detail.php) ----------
   Düzen haber sayfasınınkidir (.article-page: beyaz zemin, solda içerik, sağda .article-widget kutuları).
   Solda beyaz yazar kartı ve yazıların üçlü kart ızgarası; kartta kategori etiketi görselin üzerindedir. */
.author-detail .article-page__layout {
    padding-bottom: var(--space-5);
}

.author-detail__main {
    min-width: 0;
}

.author-detail__main:only-child {
    grid-column: 1 / -1;
}

.author-detail__card,
.author-card {
    border: 1px solid var(--line);
    border-radius: var(--radius-1);
    background: var(--paper);
}

.author-detail__card {
    padding: var(--space-3);
}

.author-detail__portrait,
.author-detail__initials {
    position: relative;
    display: grid;
    place-items: center;
    width: 72px;
    height: 72px;
    overflow: hidden;
    border-radius: 6px;
    background: var(--blush);
    font-size: var(--fs-2);
    font-weight: 700;
    color: var(--bordo);
}

.author-detail__portrait img,
.author-card__media img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.author-detail__card h1 {
    margin-top: var(--space-2);
    font-family: var(--font-sans);
    font-size: var(--fs-2);
    font-weight: 700;
    line-height: 1.3;
}

.author-detail__stats {
    margin-top: 6px;
    font-size: 1rem;
    color: var(--ink-2);
}

.author-detail__bio {
    max-width: 46em;
    margin-top: var(--space-1);
    font-size: 1.0625rem;
    line-height: 1.6;
    color: var(--ink-2);
}

.author-detail__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: var(--space-2) 0 0;
    padding: 0;
    list-style: none;
}

.author-detail__tags li {
    padding: 2px 9px;
    border: 1px solid var(--line);
    border-radius: 4px;
    background: var(--paper-2);
    font-size: 1rem;
    font-weight: 700;
    color: var(--ink);
}

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

.news-detail__author a {
    color: var(--bordo);
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 4px;
}

.author-detail__news {
    margin-top: var(--space-4);
}

.author-detail__heading {
    padding-left: 12px;
    border-left: 3px solid var(--bordo);
    font-family: var(--font-sans);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
}

.author-detail__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-3);
    margin-top: var(--space-2);
}

.author-detail__news .site-pager {
    margin-top: var(--space-4);
}

.author-detail__empty {
    margin-top: var(--space-2);
    padding: var(--space-3);
    border: 1px solid var(--line);
    border-radius: var(--radius-1);
    background: var(--paper);
    color: var(--ink-2);
}

/* Yazı kartı: görsel üstte; kategori etiketi görselin sol alt köşesine, tür rozeti sağ üst köşesine oturur. */
.author-card {
    position: relative;
    min-width: 0;
    overflow: hidden;
    transition: box-shadow 0.2s ease;
}

.author-card:hover {
    box-shadow: 0 6px 18px rgb(24 24 24 / 0.1);
}

.author-card__media {
    position: relative;
    display: block;
    aspect-ratio: 3 / 2;
    background: var(--empty) linear-gradient(135deg, var(--brand-primary), color-mix(in srgb, var(--brand-accent) 55%, var(--brand-primary))) center / cover no-repeat;
}

.author-card__badge,
.author-card__category {
    padding: 2px 7px;
    border-radius: 4px;
    background: var(--bordo);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.4;
    color: #fff;
}

.author-card__badge {
    position: absolute;
    top: var(--space-1);
    right: var(--space-1);
    background: var(--pink-ink);
}

.author-card__body {
    position: relative;
    padding: var(--space-3) var(--space-2) var(--space-2);
}

.author-card__category {
    position: absolute;
    top: 0;
    left: var(--space-1);
    transform: translateY(-50%);
}

.author-card__category:hover,
.author-card__category:focus-visible {
    background: var(--bordo-dark);
}

.author-card h3 {
    display: -webkit-box;
    overflow: hidden;
    font-family: var(--font-sans);
    font-size: 1.0625rem;
    font-weight: 700;
    line-height: 1.35;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.author-card h3 a {
    color: var(--ink);
}

.author-card h3 a:hover,
.author-card h3 a:focus-visible {
    color: var(--bordo);
}

.author-card time {
    display: block;
    margin-top: 6px;
    font-size: 1rem;
    font-weight: 700;
    color: var(--ink-2);
}

/* Sağ panel: zaman çizgili yazı listesi */
.author-timeline {
    margin: 0;
    padding: var(--space-2) 0 0;
    border-top: 1px solid var(--line);
    list-style: none;
}

.author-timeline li {
    position: relative;
    padding: 0 0 var(--space-2) var(--space-3);
    border-left: 1px solid var(--line);
}

.author-timeline li:last-child {
    padding-bottom: 0;
}

.author-timeline li::before {
    content: "";
    position: absolute;
    top: 6px;
    left: -4px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--line);
}

.author-timeline time {
    display: block;
    font-size: 1rem;
    color: var(--ink-2);
}

.author-timeline h3 {
    font-family: var(--font-sans);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.4;
}

.author-timeline h3 a {
    color: var(--ink);
}

.author-timeline h3 a:hover,
.author-timeline h3 a:focus-visible {
    color: var(--bordo);
}

@media (max-width: 767px) {
    .author-detail__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: var(--space-2);
    }
}

@media (max-width: 479px) {
    .author-detail__grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 1099px) {
    .news-archive__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 699px) {
    .news-archive__intro h1 {
        font-size: var(--fs-5);
    }

    .news-archive__intro > p:not(.news-archive__fixture-note),
    .news-detail__spot,
    .news-detail__body {
        font-size: var(--fs-1);
    }

    .news-archive__field {
        flex-basis: 100%;
    }

    .news-archive__grid,
    .news-detail__gallery {
        grid-template-columns: minmax(0, 1fr);
    }

    .news-archive__grid {
        gap: var(--space-4);
    }

    .news-detail__breadcrumb {
        padding-top: var(--space-3);
    }

    .news-detail__header {
        padding-top: var(--space-3);
    }

    .news-detail__header h1 {
        font-size: var(--fs-4);
    }

    .news-detail__reading {
        padding-top: var(--space-4);
    }

    .news-detail__related-profile,
    .news-detail__related-episode,
    .news-detail__similar {
        padding-top: var(--space-5);
    }
}

/* ---------- Yardımcı sayfalar ---------- */
.utility-page {
    padding-block: var(--space-5) var(--space-6);
}
.utility-page__reading {
    max-width: 780px;
}
.utility-page h1 {
    font-size: clamp(var(--fs-5), 4vw, var(--fs-7));
    line-height: 1.1;
    letter-spacing: -0.04em;
}
.utility-page__intro {
    max-width: 900px;
    margin-bottom: var(--space-5);
}
.utility-page__intro p,
.utility-page__lead,
.not-found p {
    margin-top: var(--space-3);
    color: var(--ink-2);
    font-size: var(--fs-2);
}
.utility-page__breadcrumb {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    margin-bottom: var(--space-5);
    color: var(--ink-2);
    font-size: var(--fs-0);
}
.utility-page__breadcrumb a:hover,
.info-page a:hover { color: var(--bordo); }
.utility-page__empty {
    margin-block: var(--space-5);
    padding-block: var(--space-4);
    border-top: 1px solid var(--line);
    color: var(--ink-2);
}
.utility-page__empty a,
.info-page section a {
    color: var(--bordo);
    text-decoration: underline;
    text-underline-offset: 4px;
}
.info-page section {
    padding-block: var(--space-4);
    border-top: 1px solid var(--line);
}
.info-page .utility-page__lead + section { margin-top: var(--space-5); }
.info-page section h2,
.search-page__results > h2 {
    margin-bottom: var(--space-3);
    font-size: var(--fs-3);
    line-height: 1.25;
}
.info-page section p + p { margin-top: var(--space-3); }

/* ---------- Hakkımızda ---------- */
.about-hero {
    overflow: hidden;
    background: linear-gradient(180deg, var(--paper) 0%, var(--blush) 100%);
}
.about-hero__inner {
    display: grid;
    grid-template-columns: minmax(0, var(--phi)) minmax(0, 1fr);
    align-items: end;
    gap: var(--gap);
}
.about-hero__copy {
    max-width: 780px;
    padding-block: var(--space-5) var(--space-6);
}
.about-hero h1 {
    font-size: clamp(var(--fs-5), 4vw, var(--fs-7));
    line-height: 1.1;
    letter-spacing: -0.04em;
}
.about-hero__palms {
    position: relative;
    align-self: stretch;
    min-height: 420px;
}
.about-hero__palms img {
    position: absolute;
    bottom: -4%;
    width: auto;
    max-width: none;
    transform-origin: 50% 100%;
    animation: about-palm-sway 9s ease-in-out infinite alternate;
}
.about-hero__palms img:first-child {
    right: 4%;
    height: 112%;
}
.about-hero__palms img:last-child {
    right: 46%;
    height: 78%;
    opacity: 0.7;
    scale: -1 1;
    animation-duration: 11s;
    animation-delay: -4s;
}
@keyframes about-palm-sway {
    from { rotate: -1.5deg; }
    to { rotate: 1.5deg; }
}
.about-women {
    padding-block: var(--space-5);
    overflow: hidden;
}
.about-women__head h2 {
    font-size: var(--fs-4);
    line-height: 1.15;
    letter-spacing: -0.03em;
}
.about-women__marquee {
    margin-top: var(--space-4);
    overflow: hidden;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
    mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}
.about-women__track {
    display: flex;
    width: max-content;
    animation: about-women-scroll 40s linear infinite;
}
.about-women__marquee:hover .about-women__track,
.about-women__marquee:focus-within .about-women__track {
    animation-play-state: paused;
}
@keyframes about-women-scroll {
    to { transform: translateX(-50%); }
}
.about-women__list {
    display: flex;
    gap: var(--space-3);
    margin: 0;
    padding: 0 var(--space-3) 0 0;
    list-style: none;
}
.about-women__card {
    display: grid;
    position: relative;
    grid-template-columns: minmax(0, 1fr);
    align-items: end;
    width: 250px;
    aspect-ratio: 9 / 16;
    overflow: hidden;
    border-radius: var(--radius-3);
    background: var(--blush);
    color: #fff;
}
.about-women__card:hover,
.about-women__card:focus-visible {
    color: #fff;
}
.about-women__card:focus-visible {
    outline: 2px solid var(--bordo);
    outline-offset: -2px;
}
.about-women__photo {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    background: linear-gradient(160deg, var(--blush), var(--pink));
    color: var(--bordo);
    font-family: var(--font-accent);
    font-size: 7rem;
    font-weight: 700;
}
.about-women__photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 15%;
    transition: transform 0.3s ease;
}
.about-women__card:hover .about-women__photo img {
    transform: scale(1.04);
}
.about-women__copy {
    position: relative;
    display: grid;
    gap: 0.25rem;
    min-width: 0;
    padding: var(--space-6) var(--space-3) var(--space-3);
    background: linear-gradient(180deg, transparent, rgb(28 28 28 / 0.88) 62%);
}
.about-women__copy strong {
    font-size: var(--fs-2);
    font-weight: 700;
    line-height: 1.2;
}
.about-women__meta {
    color: var(--blush);
    font-size: var(--fs-0);
    font-weight: 600;
}
.about-women__story {
    display: -webkit-box;
    overflow: hidden;
    color: rgb(255 255 255 / 0.85);
    font-size: var(--fs-0);
    line-height: 1.35;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.info-page--about {
    padding-top: 0;
}
.info-page--about section {
    padding-block: var(--space-5);
    border-top: 0;
}
.about-story__row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    gap: var(--space-6);
}
.about-story__row--reverse .about-story__media {
    order: -1;
}
.about-story__copy {
    max-width: 620px;
}
.about-story__row--reverse .about-story__copy {
    justify-self: end;
}
.about-story__index {
    display: block;
    margin-bottom: var(--space-1);
    color: var(--pink);
    font-family: var(--font-accent);
    font-size: var(--fs-5);
    font-style: italic;
    line-height: 1;
}
.info-page--about .about-story__copy h2 {
    font-size: var(--fs-5);
    line-height: 1.12;
    letter-spacing: -0.035em;
}
.about-story__copy > p {
    color: var(--ink-2);
    font-size: 1.0625rem;
    line-height: 1.7;
}
.about-story__copy > p:first-of-type {
    color: var(--ink);
    font-size: var(--fs-2);
    line-height: 1.5;
}
.about-story__copy > p + p,
.about-story__programs + p {
    margin-top: var(--space-3);
}
.about-story__points {
    display: grid;
    gap: var(--space-2);
    margin: var(--space-4) 0 0;
    padding: 0;
    list-style: none;
}
.about-story__points li {
    position: relative;
    padding-left: var(--space-4);
    font-weight: 600;
}
.about-story__points li::before {
    content: "";
    position: absolute;
    top: 0.5em;
    left: 0;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: var(--pink);
    box-shadow: 0 0 0 5px var(--blush);
}
.about-story__programs {
    display: grid;
    gap: var(--space-2);
    margin-top: var(--space-3);
}
.info-page--about .about-story__programs a {
    display: grid;
    gap: 0.3rem;
    padding: var(--space-3);
    border: 1px solid var(--line);
    border-radius: var(--radius-2);
    color: var(--ink);
    text-decoration: none;
    transition: border-color 0.18s ease, background 0.18s ease;
}
.info-page--about .about-story__programs a:hover,
.info-page--about .about-story__programs a:focus-visible {
    border-color: var(--pink);
    background: var(--blush);
    color: var(--ink);
}
.about-story__programs strong {
    color: var(--bordo);
    font-size: var(--fs-2);
}
.about-story__programs span {
    color: var(--ink-2);
    line-height: 1.5;
}
.about-story__actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    margin-top: var(--space-4);
}
.info-page--about .about-story__actions a {
    text-decoration: none;
}
.info-page--about .about-story__actions .btn--primary,
.info-page--about .about-story__actions .btn--primary:hover {
    color: #fff;
}
.about-story__media {
    position: relative;
    aspect-ratio: 4 / 5;
    max-height: 640px;
    width: 100%;
    overflow: hidden;
    border-radius: var(--radius-3);
    background: var(--blush);
}
.about-story__media img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.about-story__media--palm {
    background: linear-gradient(135deg, var(--brand-primary), color-mix(in srgb, var(--brand-accent) 55%, var(--brand-primary))) center / cover;
}
.about-story__media--palm img {
    top: 6%;
    height: 100%;
    object-fit: contain;
    object-position: 50% 100%;
}
@media (max-width: 899px) {
    .about-story__row {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--space-4);
    }
    .about-story__row .about-story__media {
        order: -1;
        aspect-ratio: 4 / 3;
    }
    .about-story__row--reverse .about-story__copy {
        justify-self: start;
    }
    .info-page--about .about-story__copy h2 {
        font-size: var(--fs-4);
    }
}
@media (max-width: 899px) {
    .about-hero__inner {
        grid-template-columns: minmax(0, 1fr);
    }
    .about-hero__copy {
        padding-bottom: var(--space-3);
    }
    .about-hero__palms {
        min-height: 260px;
    }
    .about-hero__palms img:first-child {
        right: 8%;
    }
    .about-women__card {
        width: 200px;
    }
}
@media (prefers-reduced-motion: reduce) {
    .about-women__marquee {
        overflow-x: auto;
    }
    .about-women__list[aria-hidden="true"] {
        display: none;
    }
}
.utility-page__notice {
    margin-block: var(--space-4);
    color: var(--ink-2);
    font-size: var(--fs-0);
}
.search-page__form { max-width: 780px; margin-bottom: var(--space-4); }
.search-page__form label,
.utility-form label {
    display: block;
    margin-bottom: var(--space-1);
    font-weight: 600;
}
.search-page__form > div { display: flex; gap: var(--space-2); }
.search-page__form input { flex: 1; min-width: 0; }
.search-page__form input,
.utility-form input,
.utility-form select,
.utility-form textarea {
    width: 100%;
    min-height: 44px;
    padding: var(--space-2);
    border: 1px solid var(--line);
    border-radius: var(--radius-1);
    background: var(--paper);
    color: var(--ink);
    font: inherit;
}
.search-page__form input:focus,
.utility-form input:focus,
.utility-form select:focus,
.utility-form textarea:focus {
    border-color: var(--bordo);
}
.search-page__tabs {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-4);
    border-bottom: 1px solid var(--line);
    margin-bottom: var(--space-5);
}
.search-page__tabs a {
    min-height: 44px;
    padding-block: var(--space-2);
    border-bottom: 2px solid transparent;
    white-space: nowrap;
}
.search-page__tabs a[aria-current="page"] {
    border-color: var(--bordo);
    color: var(--bordo);
    font-weight: 700;
}
.search-page__results + .search-page__results {
    margin-top: var(--space-6);
}
.search-page__results > h2 {
    padding-top: var(--space-3);
    border-top: 1px solid var(--line);
}
.search-page__results .profile-archive__tile h3 {
    margin-top: var(--space-2);
    font-size: var(--fs-3);
    line-height: 1.25;
}
.utility-form { display: grid; gap: var(--space-3); margin-top: var(--space-4); }
.utility-form__row { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--space-3); }
.utility-form label span { font-size: var(--fs-0); color: var(--ink-2); font-weight: 400; }
.utility-form textarea { resize: vertical; }
.utility-form .btn { justify-self: start; min-height: 44px; border-radius: var(--radius-2); }
.utility-form__status { min-height: 1.5em; font-size: var(--fs-0); color: var(--ink-2); }
/* Form sonucu (başarı / hata) ve alan hatası. */
.utility-form__result { margin-top: var(--space-4); padding: var(--space-2) var(--space-3); border: 1px solid; border-radius: var(--radius-2); font-size: var(--fs-1); font-weight: 500; }
.utility-form__result--ok { border-color: #b7d8c0; background: #eef7f0; color: #1e5a31; }
.utility-form__result--error { border-color: #cecece; background: #f4f4f4; color: #545454; }
.utility-form__error { margin-top: 4px; font-size: var(--fs-0); color: #545454; }
.utility-form [aria-invalid="true"] { border-color: #545454; }
#form-durum { scroll-margin-top: 120px; }
/* Tuzak alan: insanlar görmez ve klavyeyle ulaşamaz; form dolduran botlar doldurur. */
.form-trap { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.newsletter__note a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.not-found__actions { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-top: var(--space-4); }
.not-found__actions .btn { border-radius: var(--radius-2); min-height: 44px; }
@media (max-width: 699px) {
    .utility-page { padding-block: var(--space-4) var(--space-5); }
    .utility-page h1 { font-size: var(--fs-5); }
    .utility-page__intro p, .utility-page__lead, .not-found p { font-size: var(--fs-1); }
    .utility-form__row { grid-template-columns: minmax(0,1fr); }
    .search-page__form > div { flex-direction: column; }
    .search-page__tabs { gap: var(--space-3); }
}

/* ---------- Footer ---------- */
.site-footer {
    position: relative;
    overflow: hidden;
    padding-block: var(--space-6) var(--space-4);
    /* Zemin marka bordosudur: logonun koyu zemin kullanımı kılavuzda bu renk üzerinde tanımlıdır. */
    background: var(--bordo);
    color: #e0e0e0;
}

.site-footer .container {
    position: relative;
    z-index: 1;
}

.site-footer::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 12% 18%, rgb(238 238 238 / 0.2), transparent 28%),
        linear-gradient(90deg, rgb(232 232 232 / 0.12), transparent 45%);
    mix-blend-mode: screen;
    opacity: 0.75;
}

.site-footer a:hover {
    color: var(--pink);
}

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

.site-footer :focus-visible {
    outline-color: var(--pink);
}

.site-footer__brand p {
    max-width: 30em;
    margin-top: var(--space-3);
}

.site-footer__nav {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--gap);
}

.site-footer__heading {
    margin-bottom: var(--space-2);
    font-family: var(--font-sans);
    font-size: var(--fs-0);
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #a8999c;
}

.site-footer__nav li a {
    display: block;
    padding-block: var(--space-1);
    color: var(--paper);
    transition: color 0.2s ease;
}

.site-footer__nav li a:hover,
.site-footer__nav li a:focus-visible {
    color: var(--pink);
}

.site-footer__legal {
    margin-top: var(--space-5);
    padding-top: var(--space-3);
    border-top: 1px solid #3a2f32;
    font-size: 1.25rem; /* 20 */
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-2) var(--space-4);
}

/* Ajans imzası: tek satır; "Reklam Ajansı" bağlantısı yerinde durur ama görünmez. */
.medyahors-copyright {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #fff;
    white-space: nowrap;
}

.medyahors-copyright img { display: block; height: 28px; width: auto; }

.medyahors-copyright__agency,
.site-footer .medyahors-copyright__agency:hover { color: transparent; }

.medyahors-copyright__agency::selection { color: #fff; }

@media (max-width: 899px) {
    .medyahors-copyright { flex-wrap: wrap; white-space: normal; }
}

/* ---------- Responsive ---------- */
@media (max-width: 1279px) {
    :root {
        --gutter: var(--space-4);
        --gap: var(--space-3);
    }
}

/* Dar masaüstü / tablet: hero iki kolon, öne çıkan bölüm hero'nun altına iner */
@media (max-width: 1099px) {
    .hero__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hero__featured {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, var(--phi));
        column-gap: var(--gap);
        align-items: start;
        margin-top: var(--space-3);
    }

    .hero__featured-heading {
        grid-column: 1 / -1;
    }

    .hero__featured-body .meta {
        margin-top: 0;
    }

    .grid--4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    :is(#isin-icinden, .home-split) .inside-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .card--news .card-title--lg {
        font-size: var(--fs-2);
    }
}

@media (max-width: 1439px) {
    .site-header__inner {
        gap: var(--space-4);
    }

    .site-nav__list {
        gap: var(--space-3);
    }
}

/* Mobil menü (JS yok: checkbox ile açılır) */
@media (max-width: 1279px) {
    .site-header__inner {
        justify-content: space-between;
        min-height: var(--space-5);
        padding-block: var(--space-2);
    }

    .logo-svg {
        height: var(--space-4);
    }

    .nav-toggle {
        display: block;
        position: absolute;
        right: var(--gutter);
        width: var(--space-5);
        height: var(--space-5);
        margin: 0;
        opacity: 0;
        cursor: pointer;
        z-index: 2;
    }

    .nav-search--mobile {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: var(--space-5);
        height: var(--space-5);
        padding: 0;
        margin-left: auto;
    }

    .nav-burger {
        display: grid;
        place-items: center;
        width: var(--space-5);
        height: var(--space-5);
        margin-right: calc(-1 * var(--space-2));
    }

    .nav-burger span,
    .nav-burger span::before,
    .nav-burger span::after {
        display: block;
        width: 26px;
        height: 2px;
        background: var(--ink);
    }

    .nav-burger span {
        position: relative;
    }

    .nav-burger span::before,
    .nav-burger span::after {
        content: "";
        position: absolute;
        left: 0;
    }

    .nav-burger span::before {
        top: -8px;
    }

    .nav-burger span::after {
        top: 8px;
    }

    .nav-toggle:focus-visible + .nav-burger {
        outline: 2px solid var(--bordo);
        outline-offset: 3px;
    }

    .nav-toggle:checked + .nav-burger span {
        background: transparent;
    }

    .nav-toggle:checked + .nav-burger span::before {
        top: 0;
        transform: rotate(45deg);
    }

    .nav-toggle:checked + .nav-burger span::after {
        top: 0;
        transform: rotate(-45deg);
    }

    .site-nav {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        display: none;
        padding: var(--space-3) var(--gutter) var(--space-4);
        border-bottom: 1px solid var(--line);
        background: var(--paper);
        max-height: calc(100dvh - 89px);
        overflow-y: auto;
    }

    .nav-toggle:checked ~ .site-nav {
        display: block;
    }

    .site-nav__list {
        display: block;
    }

    .site-nav__item > a {
        padding-block: var(--space-2);
        border-top: 1px solid var(--line);
        background: none;
        font-size: var(--fs-2);
    }

    .site-nav__item:first-child > a {
        border-top: 0;
    }

    .has-sub > a::after {
        display: none;
    }

    .has-sub > a {
        padding-right: var(--space-5);
    }

    .site-nav__sub-toggle {
        display: grid;
        place-items: center;
        position: absolute;
        top: 0;
        right: 0;
        width: var(--space-5);
        height: var(--space-5);
        border: 0;
        background: transparent;
        color: var(--ink);
        font: inherit;
        font-size: var(--fs-2);
        cursor: pointer;
    }

    .site-nav__sub-toggle[aria-expanded="true"] {
        color: var(--bordo);
        transform: rotate(180deg);
    }

    .site-nav__sub {
        position: static;
        min-width: 0;
        padding: 0 0 var(--space-2) var(--space-3);
        border: 0;
        box-shadow: none;
        opacity: 1;
        visibility: visible;
        transform: none;
        display: none;
    }

    .has-sub[data-open="true"] .site-nav__sub {
        display: block;
    }

    .site-nav__actions .nav-search {
        display: none;
    }

    .site-nav__sub a {
        padding: var(--space-1) 0;
    }

    .site-nav__actions {
        margin-top: var(--space-3);
        padding-top: var(--space-3);
        border-top: 1px solid var(--line);
        justify-content: space-between;
    }
}

@media (max-width: 899px) {
    .newsletter__inner {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--space-4);
    }

    .discover__layout {
        gap: var(--space-4);
    }

    .discover__group--sectors {
        padding-left: var(--space-3);
    }

    .discover__list--sectors {
        column-gap: var(--space-3);
    }

    .split--major-minor,
    .split--minor-major {
        grid-template-columns: minmax(0, 1fr);
        row-gap: var(--space-4);
    }

    .editor__media {
        order: -1;
    }

    .section__title,
    .editor__title {
        font-size: var(--fs-4);
    }

    .site-footer__top {
        row-gap: var(--space-5);
    }
}

/* Mobil: tek ana hikâye — metin + CTA, sonra portre, sonra öne çıkan bölüm */
@media (max-width: 699px) {
    :root {
        --gutter: var(--space-3);
    }

    .newsletter {
        margin-top: var(--space-5);
        padding-block: var(--space-5);
    }

    .newsletter__copy h2 {
        font-size: var(--fs-4);
    }

    .newsletter__fields {
        flex-direction: column;
    }

    .newsletter__fields input,
    .newsletter__fields button {
        width: 100%;
    }

    .discover__layout {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--space-5);
    }

    .discover__group--sectors {
        padding-left: 0;
        border-left: 0;
    }

    .discover__heading {
        margin-bottom: var(--space-2);
    }

    .discover__list--cities a {
        font-size: var(--fs-2);
    }

    .discover__list--sectors a {
        font-size: var(--fs-1);
    }

    .site-topbar__inner {
        min-height: 36px;
    }

    .site-topbar__email {
        font-size: var(--fs-0);
    }

    .site-topbar__social {
        gap: 5px;
    }

    .site-topbar__social a {
        width: 27px;
        height: 27px;
    }

    .site-quickbar__inner {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 6px var(--space-2);
        padding-block: var(--space-1);
    }

    .site-quickbar__eyebrow,
    .site-quickbar__item span {
        display: none;
    }

    .site-quickbar__people {
        grid-column: 1 / -1;
        justify-content: center;
        padding: 0;
        border: 0;
    }

    :is(#benim-isim, .home-stories)::before,
    :is(#benim-isim, .home-stories)::after {
        display: none;
    }

    .hero {
        padding-top: var(--space-3);
        background-position: 25% center;
    }

    .hero__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .hero__text {
        padding-block: 0 var(--space-2);
    }

    .hero__title {
        font-size: var(--fs-5);
    }

    /* İki buton yan yana, eşit genişlikte */
    .hero__actions {
        flex-wrap: nowrap;
    }

    .hero__actions .btn {
        flex: 1;
        padding: var(--space-3) var(--space-2);
        font-size: var(--fs-0);
    }

    .hero__featured {
        display: block;
        margin-top: var(--space-4);
    }

    .hero__featured-body .meta {
        margin-top: var(--space-3);
    }

    .section {
        padding-top: var(--space-5);
    }

    .section--band {
        padding-bottom: var(--space-5);
    }

    .section__intro,
    .feature__excerpt,
    .editor__excerpt,
    .hero__lead {
        font-size: var(--fs-1);
        line-height: 1.6;
    }

    .feature__title {
        font-size: var(--fs-3);
    }

    :is(#benim-isim, .home-stories) .grid--stories {
        grid-template-columns: minmax(0, 1fr);
        row-gap: var(--space-4);
    }

    :is(#isin-icinden, .home-split) .row {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--space-3);
    }

    :is(#isin-icinden, .home-split) .row__media {
        max-width: 100%;
    }

    /* Haberler: görsel solda, metin sağda */
    .grid--3 {
        grid-template-columns: minmax(0, 1fr);
        row-gap: var(--space-3);
    }

    .card--news {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, var(--phi));
        gap: var(--space-3);
        padding-top: var(--space-3);
        border-top: 1px solid var(--line);
    }

    .card--news:first-child {
        padding-top: 0;
        border-top: 0;
    }

    .card--news .card__media {
        margin-bottom: 0;
    }

    .card--news .card-title--lg {
        font-size: var(--fs-2);
    }

    .card--news .card__text {
        display: none;
    }

    .site-footer {
        padding-top: var(--space-5);
    }

    .site-footer__nav {
        grid-template-columns: minmax(0, 1fr);
        row-gap: var(--space-4);
    }

    .program-season__header h1 {
        font-size: var(--fs-5);
    }

    .program-season__episodes-head,
    .video-detail__episode-nav {
        grid-template-columns: minmax(0, 1fr);
    }

    .program-season__episodes-head {
        align-items: start;
        flex-direction: column;
    }

    .video-detail__episode-nav a:only-child[rel="next"] {
        grid-column: 1 / -1;
    }

    .video-detail__episode-nav a + a {
        border-left: 0;
        border-top: 1px solid var(--line);
    }
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
        animation: none !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }

    .btn:hover,
    .btn:focus-visible,
    .btn:hover svg,
    .btn:focus-visible svg,
    .nav-search:hover svg,
    .nav-search:focus-visible svg,
    .site-topbar__social a:hover,
    .site-topbar__social a:focus-visible,
    .site-quickbar__people button:hover,
    .site-quickbar__people button:focus-visible,
    .site-quickbar__people button[aria-pressed="true"],
    .card__media:hover img,
    .row__media:hover img,
    .editor__media:hover img,
    .hero__featured-media:hover img,
    .card__media:hover .media__play svg,
    .hero__featured-media:hover .media__play svg,
    .program-showcase__visual:hover img,
    .program-detail__featured-media:hover img,
    .program-detail__episode-media:hover img,
    .inside-detail__featured-media:hover img,
    .inside-detail__episode-media:hover img,
    .video-archive__media:hover img {
        transform: none;
    }
}

/* ---- Veritabanı içeriği: boş durumlar, gerçek oynatıcı, adres tabanlı süzgeçler ---- */
.archive-empty {
    padding: var(--space-4) 0;
    color: var(--ink-2);
    font-size: var(--fs-2);
}

.media iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.video-detail__player .media {
    position: relative;
}

.site-quickbar__people button span {
    font-weight: 600;
    font-size: var(--fs-0);
}

a.video-archive__chip,
a.video-archive__clear,
a.profile-archive__clear {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.video-archive__search form {
    display: contents;
}

.profile-archive__filters {
    margin: 0;
}

.program-detail__format-text {
    max-width: 70ch;
    white-space: pre-line;
}

/* ---- Haberler: sayfalama, kaynak satırı ---- */
.site-pager {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-3);
    padding-block: var(--space-4);
}

.site-pager__status {
    color: var(--ink-2);
    font-size: var(--fs-0);
}

.news-detail__source {
    color: var(--ink-2);
    font-size: var(--fs-0);
}

a.news-archive__clear {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.news-archive__filters {
    margin: 0;
}

/* ---- Kısa kesitler: 9:16 kart ızgarası (geniş 5, masaüstü 4, tablet 3, mobil 2) ---- */
.video-archive__views {
    display: flex;
    gap: var(--space-3);
    margin-block: var(--space-3);
    border-bottom: 1px solid var(--line);
}

.video-archive__views a {
    padding: var(--space-1) 0 var(--space-2);
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    color: var(--ink-2);
    font-weight: 600;
    text-decoration: none;
}

.video-archive__views a[aria-current="page"] {
    color: var(--bordo);
    border-bottom-color: var(--bordo);
}

.video-archive__note {
    color: var(--ink-2);
    font-size: var(--fs-0);
    margin-bottom: var(--space-3);
}

.short-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: var(--space-3);
}

.short-card {
    min-width: 0;
    max-width: 300px;
}

.short-card__link {
    display: grid;
    gap: var(--space-1);
    color: var(--ink);
    text-decoration: none;
}

.short-card__media {
    display: block;
    aspect-ratio: 9 / 16;
    overflow: hidden;
    border-radius: var(--radius-1);
    background: var(--empty);
}

.short-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.short-card__platform {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--pink-ink);
    font-size: var(--fs-0);
    font-weight: 600;
}

.short-card__title {
    font-weight: 600;
    overflow-wrap: anywhere;
}

.short-card__link:hover .short-card__title,
.short-card__link:focus-visible .short-card__title {
    text-decoration: underline;
}

.short-card__episode {
    margin-top: 4px;
    font-size: var(--fs-0);
}

.short-card__episode a {
    color: var(--ink-2);
}

@media (max-width: 1279px) {
    .short-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 899px) {
    .short-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 599px) {
    .short-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-2); }
}

/* Önizleme şeridi: taslak/revizyon önizlemesinde sayfanın en üstünde (yalnız yetkili ya da bağlantı sahibi görür). */
.preview-banner { margin: 0; padding: 10px 16px; background: #1e1e1e; color: #fff; font-size: 0.875rem; font-weight: 600; text-align: center; }

/* ---------- Ana Manşet: haber slider'ı (partials/news-slider.php + news-slider.js) ----------
   Slaytlar yatay kaydırılan bir şerittir (scroll-snap): dokunarak kaydırılır, betik olmadan da gezilir.
   Görsel kutusu oranı önceden ayırır; geniş ekranda metin görselin üzerinde, dar ekranda altındadır. */
.home-story-strip {
    padding-top: var(--space-3);
}

.home-story-strip__list {
    display: flex;
    gap: var(--space-2);
    overflow-x: auto;
    padding: 2px 2px var(--space-2);
    scrollbar-width: thin;
    scroll-snap-type: x proximity;
}

.home-story-strip__list li {
    flex: 0 0 84px;
    scroll-snap-align: start;
}

.home-story-strip__list a {
    display: grid;
    justify-items: center;
    gap: var(--space-1);
    color: var(--ink);
    text-align: center;
}

.home-story-strip__image {
    display: block;
    width: 72px;
    height: 72px;
    padding: 3px;
    overflow: hidden;
    border: 2px solid var(--pink-ink);
    border-radius: 50%;
    background: var(--paper);
}

.home-story-strip__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.home-story-strip__label {
    display: block;
    width: 100%;
    overflow: hidden;
    font-size: var(--fs-0);
    font-weight: 600;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home-story-strip__list a:hover .home-story-strip__image,
.home-story-strip__list a:focus-visible .home-story-strip__image {
    border-color: var(--bordo);
}

.home-story-strip__list a:hover .home-story-strip__label,
.home-story-strip__list a:focus-visible .home-story-strip__label {
    color: var(--bordo);
}

.news-hero {
    padding-top: var(--space-3);
}

.news-slider,
.news-slider__stage {
    position: relative;
}

.news-slider__track {
    position: relative;
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
}

.news-slider__track::-webkit-scrollbar {
    display: none;
}

.news-slider__slide {
    flex: 0 0 100%;
    min-width: 0;
    scroll-snap-align: start;
    scroll-snap-stop: always;
}

.news-slider__item {
    position: relative;
}

.news-slider__media {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    background: var(--empty) linear-gradient(135deg, var(--brand-primary), color-mix(in srgb, var(--brand-accent) 55%, var(--brand-primary))) center / cover no-repeat;
}

.news-slider__media img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news-slider__content {
    padding-top: var(--space-3);
}

.news-slider__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-1) var(--space-2);
    font-size: var(--fs-0);
    font-weight: 600;
    color: var(--ink-2);
}

.news-slider__category {
    padding: 5px 10px;
    border-radius: var(--radius-1);
    background: var(--blush);
    color: var(--bordo);
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.news-slider__category:hover,
.news-slider__category:focus-visible {
    background: var(--bordo);
    color: #fff;
}

.news-slider__title {
    display: -webkit-box;
    margin-top: var(--space-2);
    overflow: hidden;
    font-family: var(--font-sans);
    font-size: var(--fs-3);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -0.02em;
    text-wrap: balance;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
}

.news-slider__title a {
    color: inherit;
}

.news-slider__title a:hover,
.news-slider__title a:focus-visible {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}

.news-slider__spot {
    display: -webkit-box;
    margin-top: var(--space-2);
    overflow: hidden;
    font-size: var(--fs-1);
    line-height: 1.5;
    color: var(--ink-2);
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
}

/* Gezinme: ← 1 2 3 4 5 → */
.news-slider__nav {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: var(--space-3);
}

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

.news-slider__pages {
    display: flex;
    gap: 5px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.news-slider__page,
.news-slider__arrow {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 1px solid var(--line);
    border-radius: var(--radius-1);
    background: var(--paper);
    color: var(--ink);
    font-family: var(--font-sans);
    font-size: var(--fs-1);
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.news-slider__page:hover,
.news-slider__arrow:hover {
    border-color: var(--bordo);
    color: var(--bordo);
}

.news-slider__page[aria-current="true"] {
    border-color: var(--bordo);
    background: var(--bordo);
    color: #fff;
}

@media (min-width: 900px) {
    :is(.news-slider--hero, .news-slider--category) .news-slider__media {
        max-height: clamp(420px, 66vh, 680px);
    }

    /* Metnin okunması için görselin altına doğru koyulaşan perde. */
    :is(.news-slider--hero, .news-slider--category) .news-slider__media::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(to top, rgb(24 24 24 / 0.9) 0%, rgb(24 24 24 / 0.62) 32%, rgb(24 24 24 / 0) 70%);
        pointer-events: none;
    }

    /* Metin kutusu tıklamayı geçirir: boş alana tıklayan görseldeki bağlantıya gider. */
    :is(.news-slider--hero, .news-slider--category) .news-slider__content {
        position: absolute;
        left: 0;
        bottom: 0;
        width: min(100% - 380px, 62rem);
        padding: var(--space-4) var(--space-5);
        color: #fff;
        pointer-events: none;
    }

    :is(.news-slider--hero, .news-slider--category) .news-slider__content a {
        pointer-events: auto;
    }

    :is(.news-slider--hero, .news-slider--category) .news-slider__content a:focus-visible {
        outline-color: #fff;
    }

    :is(.news-slider--hero, .news-slider--category) .news-slider__meta {
        color: rgb(255 255 255 / 0.88);
    }

    :is(.news-slider--hero, .news-slider--category) .news-slider__title {
        font-size: clamp(var(--fs-4), 2.7vw, var(--fs-6));
        line-height: 1.1;
    }

    :is(.news-slider--hero, .news-slider--category) .news-slider__spot {
        max-width: 46em;
        font-size: clamp(var(--fs-1), 1.15vw, var(--fs-2));
        color: rgb(255 255 255 / 0.9);
        -webkit-line-clamp: 2;
        line-clamp: 2;
    }

    :is(.news-slider--hero, .news-slider--category) .news-slider__nav {
        position: absolute;
        right: var(--space-5);
        bottom: var(--space-4);
        margin-top: 0;
    }

    :is(.news-slider--hero, .news-slider--category) .news-slider__page,
    :is(.news-slider--hero, .news-slider--category) .news-slider__arrow {
        width: 44px;
        height: 44px;
        border-color: transparent;
    }

    :is(.news-slider--hero, .news-slider--category) .news-slider__page[aria-current="true"] {
        border-color: #fff;
    }

    :is(.news-slider--hero, .news-slider--category) .news-slider__nav :focus-visible {
        outline-color: #fff;
    }
}

/* Manşetin altındaki küçük görsel şeridi: her slaytın kapağı; etkin olan bordo çerçeveli. */
.news-slider__thumbs {
    display: flex;
    gap: 6px;
    margin-top: var(--space-2);
}

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

.news-slider__thumb {
    position: relative;
    flex: 1 1 0;
    min-width: 0;
    max-width: 132px;
    height: 48px;
    padding: 0;
    overflow: hidden;
    border: 2px solid transparent;
    border-radius: var(--radius-1);
    background: var(--empty) linear-gradient(135deg, var(--brand-primary), color-mix(in srgb, var(--brand-accent) 55%, var(--brand-primary))) center / cover no-repeat;
    cursor: pointer;
    opacity: 0.78;
    transition: border-color 0.2s ease, opacity 0.2s ease;
}

.news-slider__thumb img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news-slider__thumb:hover,
.news-slider__thumb.is-active {
    opacity: 1;
}

.news-slider__thumb.is-active {
    border-color: var(--bordo);
}

@media (max-width: 699px) {
    .news-slider__thumb {
        height: 38px;
    }
}

/* ---------- Son Haberler: solda büyük haber slider'ı, sağda kompakt haber listesi ---------- */
.latest-news__grid {
    display: grid;
    grid-template-columns: minmax(0, var(--phi)) minmax(0, 1fr);
    gap: var(--gap);
    align-items: start;
}

.latest-news__grid--solo {
    grid-template-columns: minmax(0, 1fr);
}

.latest-news__grid--solo .news-slider__media {
    max-height: clamp(360px, 60vh, 620px);
}

.latest-news__rail {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
}

.latest-news__item {
    display: grid;
    grid-template-columns: 136px minmax(0, 1fr);
    gap: var(--space-3);
    align-items: start;
    padding-block: var(--space-3);
    border-top: 1px solid var(--line);
}

.latest-news__item:first-child {
    padding-top: 0;
    border-top: 0;
}

.latest-news__thumb {
    position: relative;
    display: block;
    overflow: hidden;
    aspect-ratio: 16 / 10;
    background: var(--empty) linear-gradient(135deg, var(--brand-primary), color-mix(in srgb, var(--brand-accent) 55%, var(--brand-primary))) center / cover no-repeat;
}

.latest-news__thumb img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.latest-news__item:hover .latest-news__thumb img {
    transform: scale(1.04);
}

.latest-news__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 4px var(--space-2);
    font-size: var(--fs-0);
    font-weight: 600;
    color: var(--ink-2);
}

.latest-news__meta a {
    color: var(--bordo);
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.latest-news__title {
    display: -webkit-box;
    margin-top: 6px;
    overflow: hidden;
    font-family: var(--font-sans);
    font-size: 1.0625rem;
    font-weight: 600;
    line-height: 1.3;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
}

.latest-news__title a {
    color: inherit;
}

.latest-news__title a:hover,
.latest-news__title a:focus-visible {
    text-decoration: underline;
    text-underline-offset: 3px;
}

@media (max-width: 899px) {
    .latest-news__grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 699px) {
    .latest-news__item {
        grid-template-columns: 104px minmax(0, 1fr);
        gap: var(--space-2);
    }
}

/* ---------- Köşe Yazıları (home/opinion.php + partials/women-wrote.php) ----------
   Üstte marka renginde bant ve bölüm başlığı; bandın üzerine oturan eşit yazar kartları.
   Kart: yuvarlak portre + yazar adı, ince çizgi, yazının başlığı (2 satır) ve kısa girişi (3 satır). */
.women-wrote__panel {
    position: relative;
    padding: var(--space-3);
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: var(--radius-2);
    background: var(--paper);
}

.women-wrote__panel::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 176px;
    background: linear-gradient(to bottom, #474747, var(--bordo) 55%, var(--bordo-dark));
}

.women-wrote__head {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
    margin: 0 0 var(--space-3) calc(-1 * var(--space-3));
    padding-left: calc(var(--space-3) - 5px);
    border-left: 5px solid #fff;
}

.women-wrote__heading {
    font-family: var(--font-sans);
    font-size: var(--fs-2);
    font-weight: 700;
    line-height: 1.6;
    color: #fff;
}

.women-wrote__more {
    border-bottom: 1px solid currentColor;
    font-size: var(--fs-0);
    font-weight: 600;
    color: #fff;
}

.women-wrote__more:hover,
.women-wrote__more:focus-visible {
    color: var(--blush);
}

.women-wrote__head :focus-visible {
    outline-color: #fff;
}

.women-wrote__grid {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--space-3);
}

.women-wrote__grid--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.women-wrote__grid--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.women-wrote__grid--1 {
    grid-template-columns: minmax(0, 1fr);
}

.women-wrote__item {
    min-width: 0;
    padding: var(--space-3);
    border: 1px solid var(--line);
    border-radius: var(--radius-2);
    background: var(--paper);
}

.women-wrote__byline {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    margin-bottom: var(--space-3);
    padding-bottom: var(--space-3);
    border-bottom: 1px solid var(--line);
}

.women-wrote__portrait {
    position: relative;
    display: grid;
    flex: none;
    place-items: center;
    width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: 50%;
    background: var(--blush);
}

.women-wrote__portrait img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.women-wrote__initials {
    font-family: var(--font-accent);
    font-size: var(--fs-3);
    font-style: italic;
    font-weight: 600;
    color: var(--bordo);
}

.women-wrote__author {
    min-width: 0;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.women-wrote__author a,
.women-wrote__title a {
    color: var(--ink);
    transition: color 0.2s ease;
}

.women-wrote__author a:hover,
.women-wrote__author a:focus-visible,
.women-wrote__title a:hover,
.women-wrote__title a:focus-visible {
    color: var(--bordo);
}

.women-wrote__title {
    display: -webkit-box;
    overflow: hidden;
    font-family: var(--font-sans);
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.45;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.women-wrote__excerpt {
    display: -webkit-box;
    margin-top: 4px;
    overflow: hidden;
    font-size: 0.9375rem;
    line-height: 1.45;
    color: var(--ink-2);
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
}

@media (max-width: 1099px) {
    .women-wrote__grid--3,
    .women-wrote__grid--4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 599px) {
    .women-wrote__panel {
        padding: var(--space-2);
    }

    .women-wrote__head {
        margin-left: calc(-1 * var(--space-2));
        padding-left: calc(var(--space-2) - 5px);
    }

    .women-wrote__grid,
    .women-wrote__grid--2,
    .women-wrote__grid--3,
    .women-wrote__grid--4 {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--space-2);
    }

    .women-wrote__portrait {
        width: 64px;
        height: 64px;
    }
}

/* ---------- Kategori sayfası: başlık → kategori manşeti (haber slider'ı) → diğer haberler ---------- */
.category-featured {
    margin-bottom: var(--space-5);
}

.category-news__heading {
    margin-bottom: var(--space-4);
    padding-top: var(--space-3);
    border-top: 1px solid var(--ink);
    font-family: var(--font-sans);
    font-size: var(--fs-4);
    font-weight: 600;
    line-height: 1.15;
}

/* Akışın ilk haberi: yatay büyük kart (görsel solda, metin sağda). */
.category-news__lead {
    margin-bottom: var(--space-5);
    padding-bottom: var(--space-5);
    border-bottom: 1px solid var(--line);
}

.category-news__lead .news-card {
    display: grid;
    grid-template-columns: minmax(0, var(--phi)) minmax(0, 1fr);
    column-gap: var(--gap);
    align-content: center;
}

.category-news__lead .news-card__media {
    grid-row: 1 / span 6;
}

.category-news__lead .news-card__category {
    align-self: end;
}

.category-news__lead .news-card h3 {
    font-size: clamp(var(--fs-3), 2.2vw, var(--fs-4));
    line-height: 1.15;
}

@media (max-width: 699px) {
    .category-news__heading {
        font-size: var(--fs-3);
    }

    .category-news__lead .news-card {
        display: block;
    }
}

/* ---------- Kategori Haberleri (home/categories.php): ana kategoriler tek blokta, sekmelerle ----------
   Sekme (başlık satırının sağında) kategorinin kolonunu açar; betik çalışmazsa kolonlar alt alta görünür.
   Kolon iki sütunlu ızgaradır: başlık etiketi tam genişlikte, altında iki büyük görselli haber (lead + listenin ilk satırı),
   onların altında küçük görselli haber satırları. Liste display: contents ile satırlarını kolon ızgarasına verir. */
.category-columns__frame {
    position: relative;
}

.category-columns__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-5) var(--gap);
    align-items: start;
}

.category-columns__tabs {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    display: flex;
    gap: var(--space-3);
    align-items: center;
    height: 1.9rem;
}

.category-columns:not(.is-tabbed) .category-columns__tabs {
    display: none;
}

/* Her sekme kendi kategorisinin rengini taşır (--tab-color, kolonun --column-color değeriyle aynı sıra). Sekmenin arkasında
   hafif çapraz (eğik) bir kare zemin durur: seçili değilken rengin açık tonu, seçiliyken rengin kendisi ve beyaz yazı. */
/* Sekmeler soldaki başlık etiketiyle aynı yükseklikte olur ve alt çizginin tam üstüne oturur; eğik kesim sağ kenardan taşmasın
   diye şerit çizginin ucundan birkaç piksel içeride biter. */
.category-columns__tabs {
    right: 4px;
    gap: 8px;
    align-items: flex-start;
    height: auto;
}

.category-columns__tab {
    --tab-color: var(--bordo);
    position: relative;
    z-index: 0;
    display: inline-flex;
    align-items: center;
    height: calc(0.86rem * 1.5 + 8px);
    padding: 1px 14px 0;
    border: 0;
    background: none;
    color: var(--tab-color);
    font: inherit;
    font-size: 0.875rem;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
    transition: color 0.2s ease;
}

.category-columns__tab::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: color-mix(in srgb, var(--tab-color) 14%, #fff);
    transform: skewX(-14deg);
    transition: background-color 0.2s ease;
}

.category-columns__tab:nth-child(2) {
    --tab-color: #b9803a;
}

.category-columns__tab:nth-child(3) {
    --tab-color: #58735c;
}

.category-columns__tab:hover::before {
    background: color-mix(in srgb, var(--tab-color) 26%, #fff);
}

.category-columns__tab[aria-selected="true"] {
    color: #fff;
    font-weight: 700;
}

.category-columns__tab[aria-selected="true"]::before {
    background: var(--tab-color);
}

/* Kategori rengi zemine de işler: açık kolonun arkasında, sayfa genişliğinde, o rengin çok açık tonunda bir bant durur. */
.category-columns {
    isolation: isolate;
    overflow-x: clip;
    padding-bottom: var(--space-5);
}

.category-columns__col {
    --column-color: var(--bordo);
    --column-tint: color-mix(in srgb, var(--column-color) 9%, #fff);
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-3) var(--gap);
    align-items: start;
    min-width: 0;
}

.category-columns__col[hidden] {
    display: none;
}

.category-columns__col::before {
    content: "";
    position: absolute;
    inset: calc(var(--space-4) * -1) -100vmax calc(var(--space-5) * -1);
    z-index: -1;
    background: var(--column-tint);
}

.category-columns__col:nth-child(2) {
    --column-color: #b9803a;
}

.category-columns__col:nth-child(3) {
    --column-color: #58735c;
}

.category-columns__head {
    display: flex;
    grid-column: 1 / -1;
    border-bottom: 2px solid var(--column-color);
    font-family: var(--font-sans);
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.5;
    text-transform: uppercase;
}

.category-columns__head a {
    padding: 5px 12px 3px;
    background: var(--column-color);
    color: #fff;
}

.category-columns__lead {
    position: relative;
}

.category-columns__lead-media {
    position: relative;
    display: block;
    overflow: hidden;
    aspect-ratio: 2 / 1;
    background: var(--empty) linear-gradient(135deg, var(--brand-primary), color-mix(in srgb, var(--brand-accent) 55%, var(--brand-primary))) center / cover no-repeat;
}

.category-columns__lead-media img,
.category-columns__thumb img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.category-columns__lead-body {
    padding-top: var(--space-2);
}

.category-columns__lead-body a {
    color: var(--ink);
}

/* Görseldeki kategori etiketi gösterilmez: kategori zaten kolon başlığında ve sekmede yazıyor. */
.category-columns__chip {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    padding: 3px 7px;
    background: var(--column-color);
    color: #fff;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.4;
}

.category-columns__lead-title {
    display: -webkit-box;
    overflow: hidden;
    font-family: var(--font-sans);
    font-size: 1.375rem;
    font-weight: 600;
    line-height: 1.25;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
}

.category-columns__meta {
    margin-top: 8px;
    color: var(--ink-2);
    font-size: 0.875rem;
}

.category-columns__author {
    color: var(--ink);
    font-weight: 700;
}

.category-columns__author + time::before {
    content: " - ";
}

.category-columns__excerpt {
    display: -webkit-box;
    margin-top: 10px;
    overflow: hidden;
    color: var(--ink-2);
    font-size: 0.875rem;
    line-height: 1.7;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
}

.category-columns__body time {
    display: block;
    margin-top: 6px;
    color: var(--ink-2);
    font-size: 0.875rem;
}

.category-columns__body .category-columns__meta time {
    display: inline;
    margin-top: 0;
}

.category-columns__list {
    display: contents;
    list-style: none;
}

.category-columns__item {
    display: grid;
    grid-template-columns: 100px minmax(0, 1fr);
    gap: var(--space-2);
    align-items: start;
}

.category-columns__thumb {
    position: relative;
    display: block;
    overflow: hidden;
    aspect-ratio: 10 / 7;
    background: var(--empty) linear-gradient(135deg, var(--brand-primary), color-mix(in srgb, var(--brand-accent) 55%, var(--brand-primary))) center / cover no-repeat;
}

/* Listenin ilk satırı ikinci büyük haberdir: lead ile aynı ölçülerde, yanında durur. */
.category-columns__item:first-child {
    display: block;
}

.category-columns__item:first-child .category-columns__thumb {
    aspect-ratio: 2 / 1;
}

.category-columns__item:first-child .category-columns__body {
    padding-top: var(--space-2);
}

.category-columns__item:first-child .category-columns__title {
    font-size: 1.375rem;
    line-height: 1.25;
}

/* Satırda kategori etiketi gösterilmez: kolon başlığı zaten kategoriyi söyler. */
.category-columns__label {
    display: none;
}

.category-columns__title {
    display: -webkit-box;
    overflow: hidden;
    font-family: var(--font-sans);
    font-size: var(--fs-1);
    font-weight: 600;
    line-height: 1.35;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
}

.category-columns__title a {
    color: var(--ink);
}

.category-columns__title a:hover,
.category-columns__title a:focus-visible,
.category-columns__lead-title a:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* Dar ekranda sekmeler başlığın üstünde, yatay kaydırılabilir bir satırdır; kolon tek sütuna iner. */
@media (max-width: 699px) {
    .category-columns__tabs {
        position: static;
        height: auto;
        margin-bottom: var(--space-2);
        padding-bottom: 4px;
        overflow-x: auto;
    }

    .category-columns__col {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 599px) {
    .category-columns__lead-media,
    .category-columns__item:first-child .category-columns__thumb {
        aspect-ratio: 3 / 2;
    }

    .category-columns__item {
        grid-template-columns: 96px minmax(0, 1fr);
    }
}

/* ---------- Haber sayfası (news-detail.php): beyaz kartta makale + sağda haber paneli ----------
   Zemin beyaz; makale ve panel kutuları beyaz, ince çizgili. Köşe yazısı aynı şablonun article--opinion sunumudur. */
.article-page {
    padding-block: var(--space-4) 0;
    background: var(--paper);
}

.article-page__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 348px;
    gap: var(--space-4);
    align-items: start;
}

.article,
.article-widget {
    min-width: 0;
    border: 1px solid var(--line);
    border-radius: var(--radius-2);
    background: var(--paper);
}

.article {
    padding: var(--space-4);
}

/* Yol: hap biçiminde; kategori etiketi marka renginde, haber başlığı tek satırda kısalır. */
.article__breadcrumb ol {
    display: flex;
    align-items: center;
    gap: var(--space-1);
    margin: 0;
    padding: 5px var(--space-2);
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 999px;
    list-style: none;
    font-size: var(--fs-0);
    font-weight: 500;
    color: var(--ink-2);
}

.article__breadcrumb li {
    flex: none;
}

.article__breadcrumb li + li::before {
    content: "›";
    margin-right: var(--space-1);
    color: var(--ink-2);
}

.article__breadcrumb li:last-child {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.article__breadcrumb a {
    color: var(--ink-2);
}

.article__breadcrumb a:hover {
    color: var(--bordo);
}

.article__breadcrumb .article__chip {
    padding: 2px 10px;
    border-radius: 999px;
    background: var(--bordo);
    font-weight: 700;
    color: #fff;
}

.article__breadcrumb .article__chip:hover,
.article__breadcrumb .article__chip:focus-visible {
    background: var(--bordo-dark);
    color: #fff;
}

.article__header {
    margin-top: var(--space-3);
}

.article__kicker {
    margin-bottom: var(--space-1);
    font-size: var(--fs-0);
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.article__kicker a {
    color: var(--pink-ink);
}

.article__title {
    font-family: var(--font-sans);
    font-size: clamp(var(--fs-3), 2.4vw, var(--fs-5));
    font-weight: 700;
    line-height: 1.18;
    letter-spacing: -0.02em;
    text-wrap: balance;
}

.article__spot {
    margin-top: var(--space-2);
    font-size: var(--fs-2);
    line-height: 1.5;
    color: var(--ink-2);
}

.article__disclosure {
    display: inline-block;
    margin-top: var(--space-2);
    padding: 2px 10px;
    border: 1px solid var(--line);
    border-radius: 999px;
    font-size: var(--fs-0);
    font-weight: 600;
    color: var(--ink-2);
}

.article__byline {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    margin-top: var(--space-3);
    padding-top: var(--space-3);
    border-top: 1px solid var(--line);
}

.article__avatar {
    position: relative;
    display: grid;
    flex: none;
    place-items: center;
    width: 48px;
    height: 48px;
    overflow: hidden;
    border-radius: 50%;
    background: var(--bordo);
    font-size: var(--fs-1);
    font-weight: 700;
    color: #fff;
}

.article__avatar img,
.article__author-portrait img,
.article__person-portrait img,
.article-list__media img,
.article-list__thumb img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.article__byline-text {
    flex: 1 1 auto;
    min-width: 0;
    font-size: var(--fs-0);
    line-height: 1.5;
    color: var(--ink-2);
}

.article__author a,
.article__author strong {
    border-bottom: 1px solid currentColor;
    font-weight: 700;
    color: var(--ink);
}

.article__reading {
    display: flex;
    flex: none;
    align-items: center;
    gap: 5px;
    font-size: var(--fs-0);
    font-weight: 600;
    color: var(--ink-2);
}

.article__cover {
    margin: var(--space-3) 0 0;
}

.article__cover .media {
    max-height: min(72vh, 680px);
    border-radius: var(--radius-2);
}

.article__cover figcaption {
    margin-top: var(--space-1);
    font-size: var(--fs-0);
    color: var(--ink-2);
}

.article__share {
    margin-top: var(--space-3);
}

.article__share-label {
    margin-right: 4px;
    font-size: var(--fs-0);
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--ink-2);
}

.article__share button {
    padding: 6px 14px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: var(--paper);
    font-family: var(--font-sans);
    font-size: var(--fs-0);
    font-weight: 600;
    color: var(--ink);
    cursor: pointer;
    transition: border-color 0.2s ease, color 0.2s ease;
}

.article__share button:hover {
    border-color: var(--bordo);
    color: var(--bordo);
}

.article__share-status {
    font-size: var(--fs-0);
    font-weight: 600;
    color: var(--pink-ink);
}

/* Makale metni: yalnız bu sınıfın içinde geçerli okuma tipografisi. */
.article-content {
    margin-top: var(--space-4);
    font-size: 1.0625rem;
    line-height: 1.75;
    color: var(--ink);
}

.article-content > * {
    max-width: 54rem;
}

.article-content > * + * {
    margin-top: var(--space-3);
}

.article-content > p:first-child {
    font-weight: 600;
}

.article-content h2 {
    margin-top: var(--space-4);
    font-family: var(--font-sans);
    font-size: var(--fs-3);
    font-weight: 700;
    line-height: 1.25;
}

.article-content ul {
    padding-left: 1.25em;
    list-style: disc;
}

.article-content li + li {
    margin-top: 6px;
}

.article-content blockquote {
    margin-inline: 0;
    padding: var(--space-1) 0 var(--space-1) var(--space-3);
    border-left: 3px solid var(--bordo);
    font-family: var(--font-accent);
    font-size: var(--fs-2);
    font-style: italic;
    font-weight: 600;
    line-height: 1.5;
    color: var(--bordo);
}

.article-content a {
    border-bottom: 1px solid currentColor;
    color: var(--bordo);
}

.article-content__source {
    font-size: var(--fs-0);
    color: var(--ink-2);
}

.article__section-title,
.article__author-heading {
    font-family: var(--font-sans);
    font-size: var(--fs-0);
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--ink-2);
}

.article__author-box,
.article__people,
.article__businesses,
.article__episode,
.article__adjacent {
    margin-top: var(--space-4);
    padding-top: var(--space-3);
    border-top: 1px solid var(--line);
}

/* Yazar Hakkında (Köşe Yazısı) */
.article__author-box {
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr);
    gap: var(--space-3);
    align-items: start;
    padding: var(--space-3);
    border: 1px solid var(--line);
    border-radius: var(--radius-2);
    background: var(--paper-2);
}

.article__author-portrait {
    position: relative;
    display: grid;
    place-items: center;
    overflow: hidden;
    aspect-ratio: 1;
    border-radius: 50%;
    background: var(--blush);
    font-family: var(--font-accent);
    font-size: var(--fs-4);
    font-style: italic;
    font-weight: 600;
    color: var(--bordo);
}

.article__author-name {
    margin-top: 4px;
    font-size: var(--fs-2);
    font-weight: 700;
}

.article__author-name a {
    color: var(--ink);
}

.article__author-bio {
    margin: 6px 0 var(--space-2);
    line-height: 1.6;
    color: var(--ink-2);
}

/* Köşe yazısı sunumu: yazar daha belirgin, başlık editoryal serif. */
.article--opinion .article__title {
    font-family: var(--font-accent);
    font-style: italic;
    font-weight: 600;
    letter-spacing: -0.01em;
}

.article--opinion .article__avatar {
    width: 64px;
    height: 64px;
    background: var(--blush);
    color: var(--bordo);
}

.article--opinion .article__author {
    font-size: var(--fs-1);
}

/* Haberde Geçenler / İlgili İşletmeler: küçük, sade satırlar */
.article__people ul,
.article__businesses ul {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2) var(--space-4);
    margin: var(--space-2) 0 0;
    padding: 0;
    list-style: none;
}

.article__person {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    color: var(--ink);
}

.article__person:hover strong {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.article__person-portrait {
    position: relative;
    flex: none;
    width: 48px;
    height: 48px;
    overflow: hidden;
    border-radius: 50%;
    background: var(--empty);
}

.article__person strong,
.article__businesses strong {
    display: block;
    font-weight: 600;
}

.article__person small,
.article__businesses small {
    display: block;
    font-size: var(--fs-0);
    color: var(--ink-2);
}

.article__episode-card {
    max-width: 22rem;
    margin-top: var(--space-2);
}

/* Önceki / sonraki içerik */
.article__adjacent {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-3);
}

.article__adjacent-link {
    color: var(--ink);
}

.article__adjacent-link--next {
    text-align: right;
}

.article__adjacent-link span {
    display: block;
    font-size: var(--fs-0);
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--ink-2);
}

.article__adjacent-link strong {
    display: block;
    margin-top: 4px;
    font-weight: 600;
    line-height: 1.35;
}

.article__adjacent-link:hover strong {
    color: var(--bordo);
}

/* ---------- Sağ haber paneli ---------- */
.article-sidebar {
    display: grid;
    gap: var(--space-4);
    min-width: 0;
}

.article-widget {
    padding: var(--space-3);
}

.article-widget__title {
    margin: 0 0 var(--space-2) calc(-1 * var(--space-3));
    padding-left: calc(var(--space-3) - 4px);
    border-left: 4px solid var(--bordo);
    font-family: var(--font-sans);
    font-size: var(--fs-1);
    font-weight: 700;
    line-height: 1.5;
}

.article-tabs {
    display: flex;
    gap: 4px;
    margin-bottom: var(--space-2);
    border-bottom: 1px solid var(--line);
}

.article-tabs__tab {
    flex: 1 1 0;
    margin-bottom: -1px;
    padding: 8px 4px;
    border: 0;
    border-bottom: 2px solid transparent;
    background: none;
    font-family: var(--font-sans);
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--ink-2);
    cursor: pointer;
}

.article-tabs__tab[aria-selected="true"] {
    border-bottom-color: var(--bordo);
    color: var(--bordo);
}

/* Betik çalışmadıysa sekme düğmeleri gizlenir, listeler alt alta kalır. */
[data-news-tabs]:not(.is-tabbed) .article-tabs {
    display: none;
}

[data-news-tabs]:not(.is-tabbed) .article-tabs__panel + .article-tabs__panel {
    margin-top: var(--space-3);
}

.article-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.article-list__item {
    position: relative;
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr) auto;
    gap: var(--space-2);
    align-items: start;
    padding-block: var(--space-2);
    border-top: 1px solid var(--line);
}

.article-list__number {
    display: grid;
    place-items: center;
    width: 22px;
    height: 22px;
    margin-top: 2px;
    border-radius: 4px;
    background: var(--bordo);
    font-size: 0.875rem;
    font-weight: 700;
    color: #fff;
}

.article-list__category {
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--pink-ink);
}

.article-list__title {
    display: -webkit-box;
    overflow: hidden;
    font-family: var(--font-sans);
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 1.35;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
}

.article-list__title a {
    color: var(--ink);
}

.article-list__title a:hover,
.article-list__title a:focus-visible {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.article-list__body time {
    display: block;
    margin-top: 2px;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--ink-2);
}

.article-list__thumb {
    position: relative;
    display: block;
    width: 72px;
    overflow: hidden;
    aspect-ratio: 3 / 2;
    border-radius: 6px;
    background: var(--empty);
}

/* İlk haber: büyük görsel, metin görselin üzerinde; numara köşede. */
.article-list__item--lead {
    display: block;
    padding: 0;
    overflow: hidden;
    border-top: 0;
    border-radius: var(--radius-1);
}

.article-list__media {
    position: relative;
    display: block;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    background: var(--empty) linear-gradient(135deg, var(--brand-primary), color-mix(in srgb, var(--brand-accent) 55%, var(--brand-primary))) center / cover no-repeat;
}

.article-list__media::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgb(24 24 24 / 0.92) 0%, rgb(24 24 24 / 0.55) 55%, rgb(24 24 24 / 0.05) 100%);
}

.article-list__item--lead .article-list__number {
    position: absolute;
    top: var(--space-1);
    right: var(--space-1);
    margin: 0;
    border-radius: 50%;
}

.article-list__item--lead .article-list__body {
    position: absolute;
    inset: auto 0 0;
    padding: var(--space-2);
    pointer-events: none;
}

.article-list__item--lead .article-list__body a {
    pointer-events: auto;
}

.article-list__item--lead .article-list__category {
    display: inline-block;
    padding: 1px 7px;
    border-radius: 4px;
    background: var(--bordo);
    color: #fff;
}

.article-list__item--lead .article-list__title {
    margin-top: 4px;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.article-list__item--lead .article-list__title a,
.article-list__item--lead .article-list__body time {
    color: #fff;
}

.article-list__item--lead + .article-list__item {
    border-top: 0;
}

/* Manşetler: mevcut haber slider'ının dar panel sunumu. */
.news-slider--mini .news-slider__media {
    border-radius: var(--radius-1);
}

.news-slider--mini .news-slider__content {
    padding-top: var(--space-2);
    text-align: center;
}

.news-slider--mini .news-slider__meta {
    justify-content: center;
}

.news-slider--mini .news-slider__meta time,
.news-slider--mini .news-slider__spot {
    display: none;
}

.news-slider--mini .news-slider__category {
    padding: 1px 8px;
    border-radius: 4px;
    background: var(--bordo);
    font-size: 0.875rem;
    letter-spacing: 0;
    text-transform: none;
    color: #fff;
}

.news-slider--mini .news-slider__title {
    margin-top: 6px;
    font-size: var(--fs-1);
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: 0;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.news-slider--mini .news-slider__nav {
    justify-content: center;
    gap: 4px;
    margin-top: var(--space-2);
}

.news-slider--mini .news-slider__pages {
    gap: 4px;
}

.news-slider--mini .news-slider__page,
.news-slider--mini .news-slider__arrow {
    width: 30px;
    height: 30px;
    border-radius: 4px;
    font-size: var(--fs-0);
}

/* İlginizi Çekebilir */
.article-more {
    padding-block: var(--space-5);
}

.article-more__title {
    padding-top: var(--space-3);
    border-top: 1px solid var(--ink);
    font-family: var(--font-sans);
    font-size: var(--fs-4);
    font-weight: 600;
    line-height: 1.15;
}

.article-more .news-archive__grid {
    padding-top: var(--space-4);
}

@media (max-width: 1099px) {
    .article-page__layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .article-sidebar {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: start;
    }
}

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

@media (max-width: 699px) {
    .article-page {
        padding-top: var(--space-2);
    }

    .article {
        padding: var(--space-3) var(--space-2);
    }

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

    .article__byline {
        flex-wrap: wrap;
    }

    .article__reading {
        flex-basis: 100%;
    }

    .article-content {
        font-size: var(--fs-1);
        line-height: 1.7;
    }

    .article__author-box {
        grid-template-columns: 72px minmax(0, 1fr);
        gap: var(--space-2);
        padding: var(--space-2);
    }

    .article__adjacent {
        grid-template-columns: minmax(0, 1fr);
    }

    .article__adjacent-link--next {
        text-align: left;
    }
}

/* Geniş ekran: makale kartı büyüdükçe panel ve metin de bir kademe büyür. */
@media (min-width: 1500px) {
    .article-page__layout {
        grid-template-columns: minmax(0, 1fr) 380px;
    }

    .article {
        padding: var(--space-5);
    }

    .article-content {
        font-size: 1.125rem;
    }
}

/* ---------- Profil ve yazar sayfalarının sağ paneli ----------
   Profil sayfası (profile-detail.php): solda profil, sağda haber sayfasındaki kutularla aynı panel.
   .article-sidebar--large: bu iki sayfada panelde 16 pikselden küçük yazı kullanılmaz. */
.profile-detail__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 380px;
    gap: var(--space-5);
    align-items: start;
    margin-top: var(--space-5);
}

.profile-detail__main {
    min-width: 0;
}

.profile-detail__main .video-archive__grid,
.profile-detail__main .news-archive__grid {
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}

.profile-detail .video-archive__card .meta,
.profile-detail .video-archive__guest,
.profile-detail .video-archive__meta > *,
.profile-detail .news-card__category,
.profile-detail .news-card time {
    font-size: 1rem;
}

.profile-detail__main .news-card h3 {
    font-size: var(--fs-2);
}

.article-sidebar--large .article-widget__title {
    font-size: var(--fs-2);
    line-height: 1.3;
}

.article-sidebar--large .article-tabs__tab {
    padding-block: 10px;
    font-size: 1rem;
}

.article-sidebar--large .article-list__item {
    grid-template-columns: 28px minmax(0, 1fr) auto;
}

.article-sidebar--large .article-list__number {
    width: 28px;
    height: 28px;
    font-size: 1rem;
}

.article-sidebar--large .article-list__category,
.article-sidebar--large .article-list__body time {
    font-size: 1rem;
}

.article-sidebar--large .article-list__title {
    font-size: 1.0625rem;
}

.article-sidebar--large .article-list__thumb {
    width: 84px;
}

.article-widget__more {
    margin-top: var(--space-2);
    padding-top: var(--space-2);
    border-top: 1px solid var(--line);
    font-size: 1rem;
    font-weight: 700;
}

/* Kişi listesi: yuvarlak portre + ad (+ işletme · şehir) */
.people-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.people-list a {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding-block: var(--space-1);
    color: var(--ink);
}

.people-list__portrait {
    position: relative;
    display: grid;
    flex: none;
    place-items: center;
    width: 52px;
    height: 52px;
    overflow: hidden;
    border-radius: 50%;
    background: var(--blush);
    font-size: 1rem;
    font-weight: 700;
    color: var(--bordo);
}

.people-list__portrait img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.people-list__text {
    min-width: 0;
}

.people-list__name,
.people-list__meta {
    display: block;
    font-size: 1rem;
    line-height: 1.4;
}

.people-list__name {
    font-weight: 600;
}

.people-list__meta {
    color: var(--ink-2);
}

.people-list a:hover .people-list__name,
.people-list a:focus-visible .people-list__name {
    color: var(--bordo);
}

@media (max-width: 1099px) {
    .profile-detail__layout {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* ---------- Bölüm (video) sayfası: haber sayfasının düzenini kullanır (.article-page); buradakiler yalnız videoya özgü ekler. ---------- */
.video-article__player {
    margin-top: var(--space-3);
}

.video-article__player .media {
    border-radius: var(--radius-2);
    background: #000;
}

.video-article__byline .article__dates a {
    border-bottom: 1px solid currentColor;
    color: var(--ink-2);
}

.video-article .article-content > p:first-child,
.video-article .article-content > h2:first-child + p {
    font-weight: 400;
}

.video-article .article-content > h2:first-child {
    margin-top: 0;
}

.video-article__timeline {
    padding-left: 0 !important;
    list-style: none !important;
}

.video-article__timeline li {
    display: grid;
    grid-template-columns: 4.5em minmax(0, 1fr);
    gap: var(--space-2);
}

.video-article__timeline time {
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: var(--bordo);
}

.video-article__transcript {
    color: var(--ink-2);
}

.video-article__shorts {
    margin-top: var(--space-2);
}

.video-article__more {
    margin-top: var(--space-2);
    font-size: var(--fs-0);
}

.video-article__news {
    display: grid;
    gap: var(--space-2);
    margin: 0;
    padding: 0;
    list-style: none;
}

.video-article__news li + li {
    padding-top: var(--space-2);
    border-top: 1px solid var(--line);
}

.video-article__news a {
    font-weight: 600;
    line-height: 1.35;
    color: var(--ink);
}

.video-article__news a:hover {
    color: var(--bordo);
}
/* ---------- Üst şerit: tarih + e-posta solda, kurumsal bağlantılar ve sosyal hesaplar sağda ---------- */
.site-topbar__info,
.site-topbar__links {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    min-width: 0;
}

.site-topbar__date {
    flex: none;
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0.035em;
    color: rgb(255 255 255 / 0.82);
}

.site-topbar__links {
    margin-left: auto;
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0.035em;
}

.site-topbar__links a {
    color: rgb(255 255 255 / 0.88);
}

.site-topbar__links a:hover,
.site-topbar__links a:focus-visible {
    color: #fff;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.site-topbar__date,
.site-topbar__email,
.site-topbar__links a { display: inline-flex; align-items: center; gap: 7px; }
.site-topbar__date img,
.site-topbar__email img,
.site-topbar__links img { width: 13px; height: 13px; flex: none; filter: brightness(0) invert(1); opacity: .86; }

@media (max-width: 899px) {
    .site-topbar__links {
        display: none;
    }
}

@media (max-width: 479px) {
    .site-topbar__date {
        display: none;
    }
}
/* Son Gelişmeler şeridi, dar ekran: haber başlığı görünür kalır (kategori gizlenir), oklar sağda. */
@media (max-width: 699px) {
    .site-quickbar__inner {
        grid-template-columns: minmax(0, 1fr) auto;
        padding-block: var(--space-1);
    }

    .site-quickbar__item strong {
        display: none;
    }

    .site-quickbar__item span {
        display: block;
        overflow: hidden;
        font-weight: 600;
        text-overflow: ellipsis;
        color: var(--ink);
    }
}
/* ---------- Header, geniş ekran: üst satırda ortada logo · sağda arama simgesi ve aksiyon düğmesi; menü ikinci satırda ----------
   Dar ekranda (≤1279px) mevcut düzen geçerlidir: arama kutusu gizli, arama simgesi ve açılır menü kullanılır. */
.site-search {
    display: none;
}

@media (min-width: 1280px) {
    .site-header__inner {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
        grid-template-areas:
            "social logo actions"
            "nav nav nav";
        align-items: center;
        gap: 0 var(--space-5);
        min-height: 0;
    }

    .logo-wrap {
        grid-area: logo;
        padding-block: var(--space-2);
    }

    .site-search {
        display: flex;
        align-items: center;
        gap: var(--space-1);
        padding: 0 6px 0 var(--space-3);
        border: 1px solid var(--line);
        border-radius: 999px;
        background: var(--paper);
        color: var(--ink-2);
        transition: border-color 0.2s ease, box-shadow 0.2s ease;
    }

    .site-search:focus-within {
        border-color: var(--bordo);
        box-shadow: 0 0 0 3px rgb(42 42 42 / 0.08);
    }

    .site-search svg {
        flex: none;
    }

    .site-search input {
        flex: 1 1 auto;
        min-width: 0;
        height: 44px;
        border: 0;
        outline: 0;
        background: none;
        font: inherit;
        font-size: 0.9375rem;
        color: var(--ink);
    }

    .site-search button {
        flex: none;
        padding: 7px 18px;
        border: 0;
        border-radius: 999px;
        background: var(--bordo);
        font: inherit;
        font-size: var(--fs-0);
        font-weight: 600;
        color: #fff;
        cursor: pointer;
    }

    .site-search button:hover {
        background: var(--bordo-dark);
    }

    /* Menü ve aksiyonlar ızgaranın kendi öğeleri olur (menü ikinci satır, aksiyon sağ üst). */
    .site-nav {
        display: contents;
    }

    .site-nav__list {
        grid-area: nav;
        justify-content: center;
        margin-inline: 0;
        border-top: 1px solid var(--line);
    }

    .site-nav__actions {
        grid-area: actions;
        justify-self: end;
        display: flex;
        align-items: center;
        gap: var(--space-2);
    }

    .site-nav__actions .nav-search {
        display: none;
    }
}

/* ---------- Ana manşet + Öne Çıkan Bölüm: geniş ekranda slider solda, en yeni bölümün dikey kartı sağda ---------- */
.page-yayin-ilkeleri-ve-kunye .utility-page__reading { max-width: 920px; margin-inline: auto; }
.page-yayin-ilkeleri-ve-kunye .utility-page h1 { color: var(--bordo); font-family: var(--font-accent); font-weight: 600; }
.page-yayin-ilkeleri-ve-kunye .info-page section { padding-block: 30px; }
.page-yayin-ilkeleri-ve-kunye .info-page section h2 { font-family: var(--font-accent); font-size: 30px; font-weight: 600; color: var(--bordo); }
.page-yayin-ilkeleri-ve-kunye .info-page section p,
.page-yayin-ilkeleri-ve-kunye .info-page section li { color: var(--ink-2); line-height: 1.75; }
.page-yayin-ilkeleri-ve-kunye .info-page section ul { display: grid; gap: 9px; padding-left: 20px; list-style: disc; }
.principles-masthead { margin-top: 25px; padding: 30px !important; border: 1px solid #e4e4e4 !important; border-radius: 13px; background: #f9f9f9; }
.principles-masthead__notice { margin-bottom: 23px; font-size: 14px; }
.principles-masthead dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; }
.principles-masthead dl > div { padding: 14px 16px; border: 1px solid #e6e6e6; border-radius: 8px; background: #fff; }
.principles-masthead dt { margin-bottom: 5px; color: #767676; font-size: 14px; font-weight: 700; letter-spacing: .02em; }
.principles-masthead dd { margin: 0; overflow-wrap: anywhere; font-size: 15px; font-weight: 600; }
.principles-masthead__example { display: inline-block; margin-left: 9px; padding: 2px 7px; border-radius: 999px; background: #ebebeb; color: #545454; font-size: 14px; font-weight: 700; vertical-align: middle; }
.principles-masthead__contact { margin-top: 20px; font-size: 14px; }
.principles-sources { font-size: 14px; }
@media (max-width: 699px) { .principles-masthead { padding: 22px !important; } .principles-masthead dl { grid-template-columns: 1fr; } }
/* İş birliği sayfası: sitenin ortak container, yazı tipi ve ölçek tokenlarını kullanır (İletişim sayfasıyla aynı kart dili). */
.partnership-kicker { color: var(--pink-ink); font-size: 0.875rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
.partnership-hero {
    background:
        linear-gradient(90deg, rgba(244, 244, 244, 0.94) 0%, rgba(244, 244, 244, 0.7) 42%, rgba(244, 244, 244, 0) 68%),
        var(--paper-2) linear-gradient(120deg, #fff 45%, color-mix(in srgb, var(--brand-accent) 16%, #fff)) right center / cover no-repeat;
}
.partnership-hero__inner { padding-block: var(--space-5) var(--space-6); }
.partnership-hero__copy { max-width: 720px; }
.partnership-hero .utility-page__breadcrumb { margin-bottom: var(--space-4); }
.partnership-hero__kicker { color: var(--pink-ink); font-family: var(--font-accent); font-size: var(--fs-3); font-style: italic; font-weight: 600; line-height: 1.2; }
.partnership-hero h1 { margin-top: var(--space-1); font-size: clamp(var(--fs-5), 4vw, var(--fs-7)); line-height: 1.1; letter-spacing: -0.04em; }
.partnership-hero .utility-page__lead { max-width: 600px; }
.partnership-services { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap); padding-top: var(--space-5); }
.partnership-services li { padding-top: var(--space-3); border-top: 2px solid var(--bordo); }
.partnership-services h2 { font-size: var(--fs-3); line-height: 1.25; letter-spacing: -0.02em; }
.partnership-services p { margin-top: var(--space-1); color: var(--ink-2); }
.partnership-main { display: grid; gap: var(--space-4); align-items: start; padding-block: var(--space-5) var(--space-6); }
.partnership-form-card { padding: var(--space-4); border: 1px solid var(--line); border-radius: var(--radius-3); }
.partnership-form-card h2 { font-size: var(--fs-4); line-height: 1.2; letter-spacing: -0.03em; }
.partnership-form-card__intro { margin-top: var(--space-1); color: var(--ink-2); }
.partnership-process { padding: var(--space-4); border-radius: var(--radius-3); background: var(--blush); }
.partnership-process h2 { margin-top: var(--space-1); font-size: var(--fs-3); line-height: 1.25; letter-spacing: -0.02em; }
.partnership-process__intro { margin-top: var(--space-2); color: var(--ink-2); }
.partnership-process ol { margin: var(--space-3) 0 0; padding: 0; list-style: none; counter-reset: partnership-step; }
.partnership-process li { display: grid; grid-template-columns: 1.5em 1fr; gap: var(--space-2); padding-block: var(--space-3); border-top: 1px solid rgba(42, 42, 42, 0.12); counter-increment: partnership-step; }
.partnership-process li::before { content: counter(partnership-step); color: var(--pink-ink); font-family: var(--font-accent); font-size: var(--fs-4); font-style: italic; font-weight: 600; line-height: 1; }
.partnership-process h3 { font-size: var(--fs-1); line-height: 1.35; }
.partnership-process li p { margin-top: 4px; color: var(--ink-2); font-size: 0.9375rem; }
.partnership-process__quote { padding-top: var(--space-3); border-top: 1px solid rgba(42, 42, 42, 0.12); color: var(--bordo); font-family: var(--font-accent); font-size: var(--fs-2); font-style: italic; font-weight: 600; line-height: 1.35; }
@media (min-width: 1024px) { .partnership-main { grid-template-columns: minmax(0, 1.618fr) minmax(0, 1fr); } }
@media (max-width: 760px) {
    .partnership-hero { background: linear-gradient(rgba(244, 244, 244, 0.88), rgba(244, 244, 244, 0.88)), var(--paper-2) linear-gradient(120deg, #fff 45%, color-mix(in srgb, var(--brand-accent) 16%, #fff)) 70% center / cover no-repeat; }
    .partnership-hero__inner { padding-block: var(--space-4) var(--space-5); }
    .partnership-services { grid-template-columns: 1fr; gap: var(--space-3); padding-top: var(--space-4); }
    .partnership-main { padding-block: var(--space-4) var(--space-5); }
    .partnership-form-card, .partnership-process { padding: var(--space-3); }
}
.news-hero__grid {
    display: grid;
    gap: var(--space-4) var(--gap);
}

.news-hero__main {
    min-width: 0;
}

.news-hero__featured-heading {
    margin-bottom: var(--space-3);
    padding-top: var(--space-2);
    border-top: 1px solid var(--ink);
    font-family: var(--font-sans);
    font-size: var(--fs-3);
    font-weight: 600;
    line-height: 1.2;
}

.news-hero__featured-media {
    display: block;
}

.news-hero__featured-media .media img {
    transition: transform 0.35s ease;
}

.news-hero__featured-media:hover .media img {
    transform: scale(1.03);
}

.news-hero__featured-body {
    padding-top: var(--space-2);
}

.news-hero__featured-body .card-title {
    margin-top: 6px;
}

.news-hero__featured-body .card-title a {
    color: var(--ink);
}

.news-hero__featured-body .card-title a:hover,
.news-hero__featured-body .card-title a:focus-visible {
    color: var(--bordo);
}

.news-hero__featured-excerpt {
    display: -webkit-box;
    margin: var(--space-1) 0 var(--space-2);
    overflow: hidden;
    line-height: 1.5;
    color: var(--ink-2);
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

@media (min-width: 1100px) {
    .news-hero__grid--featured {
        grid-template-columns: minmax(0, 1fr) clamp(280px, 21vw, 360px);
        align-items: start;
    }

    /* Yandaki kart varken manşet metni daralan görsele sığsın. */
    .news-hero__grid--featured .news-slider--hero .news-slider__content {
        width: min(100% - 400px, 52rem);
    }
}

/* Dar ekran: kart manşetin altına iner; görsel solda, metin sağda. */
@media (max-width: 1099px) {
    .news-hero__featured-card {
        display: grid;
        grid-template-columns: minmax(0, 220px) minmax(0, 1fr);
        gap: var(--space-3);
        align-items: start;
    }

    .news-hero__featured-body {
        padding-top: 0;
    }
}

@media (max-width: 599px) {
    .news-hero__featured-card {
        grid-template-columns: minmax(0, 1fr);
    }

    .news-hero__featured-media .media {
        aspect-ratio: 16 / 9;
    }
}

/* ------------------------------------------------------------------ haber metni: zengin metin öğeleri
   Editörden gelen içerik (App\News\RichText): küçük başlık, numaralı liste, gövde görseli, gömülü PDF ve
   hazır stil kutuları (.box-*). Yalnız .article-content içinde geçerlidir. */
.article-content h3 {
    margin-top: var(--space-4);
    font-family: var(--font-sans);
    font-size: var(--fs-2);
    font-weight: 700;
    line-height: 1.3;
}

.article-content ol {
    padding-left: 1.5em;
    list-style: decimal;
}

.article-content strong {
    font-weight: 700;
}

.article-content s {
    color: var(--ink-2);
}

.article-content img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 12px;
}

.article-content .box-vurgu {
    padding: var(--space-3);
    border-left: 4px solid var(--bordo);
    background: var(--paper-2);
    font-weight: 600;
}

.article-content .box-not {
    padding: var(--space-3);
    border: 1px solid var(--line);
    border-radius: 12px;
    font-size: var(--fs-1);
    color: var(--ink-2);
}

.article-content .box-vurgu + .box-vurgu,
.article-content .box-not + .box-not {
    margin-top: 0;
    padding-top: 0;
}

.article-content .box-not:has(+ .box-not) {
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.article-content .box-not + .box-not {
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.article-content .box-alinti {
    padding: var(--space-3) 0;
    border: 0;
    border-block: 1px solid var(--line);
    font-family: var(--font-accent);
    font-size: var(--fs-3);
    font-style: italic;
    font-weight: 600;
    line-height: 1.35;
    text-align: center;
    color: var(--bordo);
}

.article-content .box-orta {
    text-align: center;
}

.article-content .article-pdf {
    margin-inline: 0;
}

.article-content .article-pdf iframe {
    display: block;
    width: 100%;
    height: min(80vh, 760px);
    border: 1px solid var(--line);
    border-radius: 12px;
    background: var(--paper-2);
}

.article-content .article-pdf figcaption {
    margin-top: var(--space-1);
    font-size: var(--fs-0);
}

@media (min-width: 768px) {
    .article-content .box-kolon {
        column-count: 2;
        column-gap: var(--space-4);
    }
}

/* Kategori sayfası: sayfa başlığı manşetin önüne geçmesin. */
.category-page .category-page__intro {
    margin-bottom: var(--space-4);
}

.category-page .category-page__intro h1 {
    font-size: clamp(var(--fs-3), 2.2vw, var(--fs-4));
    letter-spacing: -0.02em;
}

.category-page .category-page__intro p {
    margin-top: var(--space-1);
    font-size: var(--fs-1);
}

.category-page .utility-page__breadcrumb {
    margin-bottom: var(--space-3);
}

/* Tüm profil, haber ve video paylaşım alanlarında ortak görünüm. */
.share-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.share-links .share-links__icon {
    display: inline-grid;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    padding: 0;
    place-items: center;
    border: 0;
    border-radius: 50%;
    background: #1c1719;
    color: #fff;
    text-decoration: none;
    transition: filter .2s ease, transform .2s ease, box-shadow .2s ease;
}

.share-links .share-links__icon:is([data-social-platform="whatsapp"], [data-profile-share-platform="whatsapp"], [data-share-platform="whatsapp"]) {
    background: #25d366;
}

.share-links .share-links__icon[data-social-platform="instagram"] {
    background: linear-gradient(35deg, #feda75 0%, #fa7e1e 25%, #d62976 58%, #962fbf 82%, #4f5bd5 100%);
}

.share-links .share-links__icon:is([data-social-platform="linkedin"], [data-profile-share-platform="linkedin"], [data-share-platform="linkedin"]) {
    background: #0a66c2;
}

.share-links .share-links__icon:is([data-social-platform="facebook"], [data-profile-share-platform="facebook"], [data-share-platform="facebook"]) {
    background: #1877f2;
}

.share-links .share-links__icon[data-social-platform="youtube"] {
    background: #ff0033;
}

.share-links .share-links__icon[data-social-platform="tiktok"] {
    background: #17151c;
    box-shadow: inset 2px 0 #25f4ee, inset -2px 0 #fe2c55;
}

.share-links .share-links__icon img {
    display: block;
    width: 19px;
    height: 19px;
    object-fit: contain;
    filter: brightness(0) invert(1);
}

.share-links .share-links__icon:hover,
.share-links .share-links__icon:focus-visible {
    transform: translateY(-2px);
    filter: brightness(1.12);
    box-shadow: 0 6px 16px rgb(28 23 25 / 18%);
    color: #fff;
}

.share-links .share-links__icon:focus-visible,
.share-links button:focus-visible {
    outline: 2px solid var(--bordo);
    outline-offset: 3px;
}

.share-links .share-links__icon[hidden],
.share-links button[hidden] {
    display: none;
}

/* ------------------------------------------------------------------ hareket: manşet süre çizgisi, başlık girişi,
   haber şeridi geçişi, bölümlerin belirmesi. "Hareketi azalt" tercihinde hiçbiri çalışmaz. */
@media (prefers-reduced-motion: no-preference) {
    .news-slider__stage::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 3;
        height: 3px;
        background: var(--pink);
        transform: scaleX(0);
        transform-origin: left center;
        pointer-events: none;
    }

    .news-slider.is-playing .news-slider__stage::after {
        animation: news-slider-progress var(--slider-interval, 5s) linear forwards;
    }

    .news-slider__slide.is-active .news-slider__content > * {
        animation: news-slider-rise 0.55s cubic-bezier(0.4, 0, 0.2, 1) both;
    }

    .news-slider__slide.is-active .news-slider__content > :nth-child(2) {
        animation-delay: 0.08s;
    }

    .news-slider__slide.is-active .news-slider__content > :nth-child(n + 3) {
        animation-delay: 0.16s;
    }

    .site-quickbar__eyebrow::before {
        animation: quickbar-live 1.4s ease-out infinite;
    }

    .site-quickbar__item:not([hidden]) {
        animation: quickbar-press-in 0.35s ease both;
    }

    .reveal {
        opacity: 0;
        transform: translateY(18px);
        transition: opacity 0.55s ease-out, transform 0.55s ease-out;
    }

    .reveal.is-visible {
        opacity: 1;
        transform: none;
    }
}

@keyframes news-slider-progress {
    from { transform: scaleX(0); }
    to { transform: scaleX(1); }
}

@keyframes news-slider-rise {
    from { opacity: 0; transform: translateY(14px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes quickbar-live {
    0% { box-shadow: 0 0 0 0 rgba(211, 211, 211, 0.7); }
    70% { box-shadow: 0 0 0 6px rgba(211, 211, 211, 0); }
    100% { box-shadow: 0 0 0 0 rgba(211, 211, 211, 0); }
}

@keyframes quickbar-press-in {
    from { opacity: 0; transform: translateY(100%); }
    to { opacity: 1; transform: translateY(0); }
}

@media print {
    .reveal {
        opacity: 1;
        transform: none;
    }
}

@media (prefers-reduced-motion: no-preference) {
    .site-quickbar__items {
        overflow: hidden;
    }
}

/* ------------------------------------------------------------------ program sayfası: giriş vitrini + sağ panelli bölüm düzeni
   Vitrin: solda seçili bölüm, sağda koyu zeminde son bölümler. Vitrin varken hero'daki kapak görseli gizlenir. */
.program-detail:has(.program-showcase) .program-detail__hero,
.inside-detail:has(.program-showcase) .inside-detail__hero {
    padding-block: var(--space-4) var(--space-3);
}

.program-detail:has(.program-showcase) .program-detail__hero-grid,
.inside-detail:has(.program-showcase) .inside-detail__hero-grid {
    display: block;
    min-height: 0;
}

.program-detail:has(.program-showcase) .program-detail__hero-media,
.inside-detail:has(.program-showcase) .inside-detail__hero-media {
    display: none;
}

.program-detail:has(.program-showcase) .program-detail__hero h1,
.inside-detail:has(.program-showcase) .inside-detail__hero h1 {
    font-size: clamp(var(--fs-4), 3vw, var(--fs-5));
}

.program-showcase {
    padding-bottom: var(--space-4);
}

.program-showcase__frame {
    display: grid;
    overflow: hidden;
    border-radius: 14px;
    background: var(--ink);
}

.program-showcase__stage {
    position: relative;
    min-width: 0;
}

.program-showcase__panel {
    position: relative;
    display: block;
}

.program-showcase__panel[hidden] {
    display: none;
}

.program-showcase__media {
    position: relative;
    display: block;
    aspect-ratio: 16 / 10;
    background: var(--bordo-dark);
}

.program-showcase__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.program-showcase__media::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(24, 24, 24, 0) 45%, rgba(24, 24, 24, 0.86) 100%);
}

.program-showcase__play {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    display: grid;
    place-items: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: var(--bordo);
    color: #fff;
    box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.28);
    transform: translate(-50%, -50%);
    transition: transform 0.25s ease;
}

.program-showcase__panel:hover .program-showcase__play {
    transform: translate(-50%, -50%) scale(1.08);
}

.program-showcase__caption {
    position: absolute;
    inset: auto 0 0 0;
    z-index: 2;
    display: grid;
    gap: 8px;
    justify-items: start;
    padding: var(--space-3) var(--space-4);
    color: #fff;
}

.program-showcase__chip {
    padding: 4px 10px;
    border-radius: 6px;
    background: var(--bordo);
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.program-showcase__title {
    max-width: 22em;
    font-family: var(--font-sans);
    font-size: clamp(var(--fs-2), 2.2vw, var(--fs-4));
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
}

.program-showcase__title a {
    color: inherit;
}

.program-showcase__guest {
    font-size: var(--fs-1);
    color: rgba(255, 255, 255, 0.86);
}

.program-showcase__cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 4px;
    padding: 9px 16px;
    border-radius: 999px;
    background: #fff;
    color: var(--ink);
    font-size: var(--fs-0);
    font-weight: 700;
}

.program-showcase__cta svg {
    transition: transform 0.2s ease;
}

.program-showcase__cta:hover svg {
    transform: translateX(4px);
}

.program-showcase__list {
    display: grid;
    align-content: start;
    margin: 0;
    padding: 0;
    list-style: none;
}

.program-showcase__list li + li {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.program-showcase__item {
    display: grid;
    grid-template-columns: 104px minmax(0, 1fr);
    gap: var(--space-2);
    align-items: center;
    padding: var(--space-2) var(--space-3);
    color: #fff;
    transition: background 0.2s ease;
}

.program-showcase__item:hover,
.program-showcase__item:focus-visible,
.program-showcase__item.is-active {
    background: rgba(255, 255, 255, 0.1);
    color: #fff; /* genel a:hover bordosu koyu zeminde okunmuyor */
}

.program-showcase__thumb {
    display: block;
    overflow: hidden;
    aspect-ratio: 16 / 10;
    border-radius: 8px;
    background: var(--bordo-dark);
}

.program-showcase__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.program-showcase__item-body {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.program-showcase__item-body strong {
    display: -webkit-box;
    overflow: hidden;
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 1.3;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.program-showcase__item-body small {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.7);
}

.program-layout {
    display: grid;
    gap: var(--space-5);
}

.program-layout__main {
    min-width: 0;
}

.program-layout__programs {
    display: grid;
    gap: var(--space-2);
    margin: 0;
    padding: 0;
    list-style: none;
}

.program-layout__programs a {
    display: grid;
    gap: 4px;
    padding: var(--space-2);
    border: 1px solid var(--line);
    border-radius: 10px;
    transition: border-color 0.2s ease, transform 0.2s ease;
}

.program-layout__programs a:hover {
    border-color: var(--bordo);
    transform: translateY(-2px);
}

.program-layout__programs strong {
    font-size: var(--fs-1);
    color: var(--bordo);
}

.program-layout__programs span {
    font-size: var(--fs-0);
    line-height: 1.5;
    color: var(--ink-2);
}

@media (min-width: 1024px) {
    .program-showcase__frame {
        grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr);
    }

    .program-showcase__media {
        height: 100%;
        min-height: 420px;
        aspect-ratio: auto;
    }

    .program-layout {
        grid-template-columns: minmax(0, 1fr) 340px;
        align-items: start;
    }

    .program-layout .program-detail__episode-grid,
    .program-layout .inside-detail__episode-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (prefers-reduced-motion: no-preference) {
    .program-showcase__panel.is-active .program-showcase__caption > * {
        animation: news-slider-rise 0.45s cubic-bezier(0.4, 0, 0.2, 1) both;
    }
}

@media (max-width: 1023px) {
    .program-showcase__media {
        min-height: 320px;
        aspect-ratio: 4 / 3;
    }

    .program-showcase__play {
        top: 34%;
        width: 52px;
        height: 52px;
    }

    .program-showcase__caption {
        padding: var(--space-2) var(--space-3);
    }
}

/* ------------------------------------------------------------------ profil arşivi: kart görünümü + sağ panel
   Kart: yuvarlak köşeli kutu, portre (yoksa baş harfler), sektör · şehir etiketi, ad, unvan, işletme. */
.profile-archive .profile-archive__intro {
    padding-block: var(--space-4) var(--space-3);
}

.profile-archive .profile-archive__intro h1 {
    font-size: clamp(var(--fs-4), 3vw, var(--fs-5));
    font-weight: 700;
    letter-spacing: -0.02em;
}

.profile-archive .profile-archive__intro p {
    font-size: var(--fs-1);
}

.profile-archive__layout {
    display: grid;
    gap: var(--space-5);
    padding-top: var(--space-4);
}

.profile-archive__main {
    min-width: 0;
}

.profile-archive__layout .profile-archive__grid,
.search-page__results .profile-archive__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-3);
    padding-top: 0;
}

/* Kart: yuvarlak köşeli, yumuşak renk geçişli tek yüzey (sağ üstte lila, sol altta pembe). Ad ve görev üstte; portre kartın
   alt bölümüne oturur. Portre arka planı şeffaf (dekupe) PNG/WebP olarak yüklenir: kişi doğrudan bu zeminin üstünde görünür.
   Sol altta yuvarlak "incele" düğmesi durur. Kartın tamamı profile gider. */
.profile-archive__tile {
    position: relative;
    display: block;
    overflow: visible;
    padding: 0;
    border: 0;
    border-radius: 28px;
    background: none;
    box-shadow: none;
    transition: transform 0.3s ease;
}

.profile-archive__tile:hover,
.profile-archive__tile:focus-within {
    border-color: transparent;
    box-shadow: none;
    transform: translateY(-4px);
}

.profile-archive__frame {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    overflow: hidden;
    aspect-ratio: 1 / 1.34;
    border-radius: 28px;
    background:
        radial-gradient(95% 55% at 100% 0%, #d9d0f6 0%, rgb(217 208 246 / 0.55) 32%, transparent 68%),
        radial-gradient(95% 50% at 0% 100%, #e2e2e2 0%, rgb(226 226 226 / 0.55) 34%, transparent 70%),
        #f7f7f8;
}

.profile-archive__tile .profile-archive__portrait {
    position: absolute;
    inset: 24% 0 0;
    overflow: hidden;
}

.profile-archive__tile .profile-archive__portrait img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    transform-origin: center bottom;
    transition: transform 0.5s cubic-bezier(0.2, 0.7, 0.2, 1);
}

.profile-archive__tile:hover .profile-archive__portrait img,
.profile-archive__tile:focus-within .profile-archive__portrait img {
    transform: scale(1.04);
}

.profile-archive__placeholder {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    background: none;
    font-family: var(--font-accent);
    font-size: var(--fs-6);
    font-style: italic;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: var(--pink-ink);
}

/* Metin kutusu konumlanmaz: başlık bağlantısının tıklama alanı ve alttaki düğme karta (çerçeveye) göre yerleşir. */
.profile-archive__body {
    position: static;
    display: flex;
    flex: none;
    flex-direction: column;
    gap: 4px;
    padding: 26px 28px 0;
    color: var(--ink);
}

.profile-archive__tile h3 {
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin-top: 0;
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.profile-archive__tile h3 a {
    color: inherit;
    text-decoration: none;
}

.profile-archive__tile h3 a::after {
    position: absolute;
    inset: 0;
    z-index: 2;
    border-radius: 28px;
    content: "";
}

.profile-archive__tile h3 {
    position: static;
}

.profile-archive__tile:hover h3 a,
.profile-archive__tile:focus-within h3 a {
    color: inherit;
    text-decoration: none;
}

.profile-archive__tile .profile-archive__body p {
    margin-top: 0;
    color: inherit;
}

.profile-archive__tile p.profile-archive__role {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    overflow: hidden;
    font-size: 0.9375rem;
    line-height: 1.35;
    color: var(--ink-2);
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

/* Kartın alt satırı: sol altta yuvarlak düğme. Sektör · şehir kartta gösterilmez (profil sayfasında ve süzgeçlerde durur). */
.profile-archive__foot {
    position: absolute;
    left: 28px;
    bottom: 26px;
    z-index: 1;
    display: flex;
    align-items: center;
    margin: 0;
}

.profile-archive__tile p.profile-archive__meta {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

.profile-archive__more {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin: 0;
    padding: 0;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 6px 16px rgba(24, 24, 24, 0.14);
    font-size: 0;
    line-height: 0;
    color: var(--bordo, var(--ink));
    transition: background 0.3s ease, color 0.3s ease;
}

.profile-archive__more svg {
    width: 18px;
    height: 18px;
    transform: none;
}

.profile-archive__tile:hover .profile-archive__more,
.profile-archive__tile:focus-within .profile-archive__more {
    background: var(--bordo, var(--ink));
    color: #fff;
}

.profile-archive__tile:hover .profile-archive__more svg {
    transform: none;
}

.search-page__results .profile-archive__tile h3 {
    margin-top: 0;
    font-size: 1.25rem;
}

@media (min-width: 560px) {
    .profile-archive__layout .profile-archive__grid,
    .search-page__results .profile-archive__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 900px) {
    .profile-archive__layout .profile-archive__grid,
    .search-page__results .profile-archive__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* Geniş ekranda tek sırada 4 kart. */
@media (min-width: 1600px) {
    .profile-archive__layout .profile-archive__grid,
    .search-page__results .profile-archive__grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (prefers-reduced-motion: reduce) {
    .profile-archive__tile .profile-archive__portrait,
    .profile-archive__frame::after {
        transition: none;
    }
}

@media (min-width: 1100px) {
    .profile-archive__layout {
        grid-template-columns: minmax(0, 1fr) 340px;
        align-items: start;
    }
}

/* ---------- İletişim sayfası: üstte iletişim kartları, altta form + harita/yönlendirme paneli ---------- */
.contact-page__head { max-width: 780px; }
.contact-page__head .utility-page__breadcrumb { margin-bottom: var(--space-4); }
.contact-page__head > p:not([class]) { margin-top: var(--space-2); color: var(--ink-2); }
.contact-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: var(--space-3);
    margin-top: var(--space-4);
}
.contact-card {
    display: flex;
    gap: var(--space-2);
    align-items: flex-start;
    height: 100%;
    padding: var(--space-3);
    border: 1px solid var(--line);
    border-radius: var(--radius-2);
    background: var(--paper);
    transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
.contact-card:hover,
.contact-card:focus-visible {
    border-color: var(--pink);
    box-shadow: 0 12px 30px rgba(42, 42, 42, 0.07);
    color: inherit;
    transform: translateY(-2px);
}
.contact-card__icon {
    display: grid;
    flex: none;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--blush);
    color: var(--bordo);
}
.contact-card__label {
    display: block;
    color: var(--pink-ink);
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
.contact-card__value {
    display: block;
    margin-top: 2px;
    overflow-wrap: anywhere;
    font-size: var(--fs-2);
    font-weight: 600;
    line-height: 1.3;
}
.contact-card__value--text { font-size: var(--fs-1); }
.contact-card__note {
    display: block;
    margin-top: 4px;
    color: var(--ink-2);
    font-size: var(--fs-0);
}
.contact-page__section { max-width: 780px; margin-top: var(--space-4); }
.contact-page__section h2 { margin-bottom: var(--space-2); font-size: var(--fs-3); line-height: 1.25; }
.contact-page__grid {
    display: grid;
    gap: var(--space-4);
    align-items: start;
    margin-top: var(--space-4);
}
.contact-form-card {
    padding: var(--space-4);
    border: 1px solid var(--line);
    border-radius: var(--radius-3);
}
.contact-form-card h2 { font-size: var(--fs-4); line-height: 1.2; letter-spacing: -0.03em; }
.contact-form-card > p { margin-top: var(--space-1); color: var(--ink-2); }
.contact-side { display: grid; gap: var(--space-3); }
.contact-map {
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: var(--radius-3);
}
.contact-map iframe {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    border: 0;
    background: var(--empty);
}
.contact-map__foot {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-1) var(--space-3);
    justify-content: space-between;
    padding: var(--space-2) var(--space-3);
    font-size: var(--fs-0);
}
.contact-map__foot span { color: var(--ink-2); }
.contact-map__foot a { color: var(--bordo); font-weight: 700; white-space: nowrap; }
.contact-panel {
    padding: var(--space-3);
    border-radius: var(--radius-3);
    background: var(--blush);
}
.contact-panel h2 { font-size: var(--fs-2); line-height: 1.25; }
.contact-panel ul { margin-top: var(--space-1); }
.contact-panel li + li { border-top: 1px solid rgba(42, 42, 42, 0.12); }
.contact-panel a {
    display: flex;
    gap: var(--space-2);
    align-items: center;
    justify-content: space-between;
    padding-block: var(--space-2);
    font-weight: 600;
}
.contact-panel small {
    display: block;
    color: var(--ink-2);
    font-size: var(--fs-0);
    font-weight: 400;
}
.contact-social { display: flex; flex-wrap: wrap; gap: var(--space-1); }
.contact-social a {
    padding: 8px 16px;
    border: 1px solid var(--line);
    border-radius: 999px;
    font-size: var(--fs-0);
    font-weight: 600;
}
.contact-social a:hover,
.contact-social a:focus-visible { border-color: var(--bordo); }
@media (min-width: 1024px) {
    .contact-page__grid { grid-template-columns: minmax(0, 1.618fr) minmax(0, 1fr); }
}
@media (max-width: 699px) {
    .contact-form-card { padding: var(--space-3); }
}

/* ------------------------------------------------------------------ programlar sayfası: profil kartlarıyla aynı kart dili
   Beyaz çerçeve; içeride kapak ve metin. Üzerine gelince kapak kartın tamamına açılır, metin beyaza döner. */
.programs-page .programs-intro {
    padding-block: var(--space-4) var(--space-3);
}

.programs-page .programs-intro h1 {
    font-size: clamp(var(--fs-4), 3vw, var(--fs-5));
    font-weight: 700;
    letter-spacing: -0.02em;
}

.programs-page .programs-intro p {
    margin-top: var(--space-2);
    font-size: var(--fs-1);
}

.program-cards {
    display: grid;
    gap: var(--space-4);
    padding-bottom: var(--space-5);
}

.program-card {
    --program-body: 196px;
    position: relative;
    min-width: 0;
    padding: 14px;
    border-radius: 34px;
    background: #fff;
    box-shadow: 0 18px 40px rgba(24, 24, 24, 0.1), 0 2px 6px rgba(24, 24, 24, 0.05);
    transition: box-shadow 0.3s ease;
}

.program-card:hover,
.program-card:focus-within {
    box-shadow: 0 24px 52px rgba(24, 24, 24, 0.16), 0 2px 6px rgba(24, 24, 24, 0.06);
}

.program-card__frame {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    overflow: hidden;
    min-height: calc(var(--program-body) + 220px);
    aspect-ratio: 16 / 12.5;
    border-radius: 24px;
}

.program-card__visual {
    position: absolute;
    inset: 0;
    overflow: hidden;
    background: linear-gradient(145deg, var(--paper-2), #e6e6e6);
    clip-path: inset(0 0 var(--program-body) 0 round 24px 24px 36px 24px);
    transition: clip-path 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}

.program-card__visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.program-card__frame::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(24, 24, 24, 0) 30%, rgba(24, 24, 24, 0.8) 62%, rgba(30, 30, 30, 0.96) 100%);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.45s ease;
}

.program-card__body {
    position: relative;
    z-index: 1;
    display: flex;
    flex: none;
    flex-direction: column;
    gap: 8px;
    height: var(--program-body);
    padding: 22px 18px 8px;
    color: var(--ink);
    transition: color 0.35s ease;
}

.program-card h2 {
    font-family: var(--font-sans);
    font-size: var(--fs-3);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.01em;
}

.program-card h2 a {
    color: inherit;
    text-decoration: none;
}

.program-card h2 a::after {
    position: absolute;
    inset: -14px;
    z-index: 2;
    border-radius: 34px;
    content: "";
}

.program-card__text,
.program-card__latest {
    overflow: hidden;
    font-size: 0.9375rem;
    line-height: 1.4;
    color: var(--ink-2);
    transition: color 0.35s ease;
}

.program-card__text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.program-card__latest {
    text-overflow: ellipsis;
    white-space: nowrap;
}

.program-card__latest span {
    margin-right: 8px;
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: var(--bordo);
    transition: color 0.35s ease;
}

.program-card__foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: auto;
}

.program-card__meta {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--ink-2);
    transition: color 0.35s ease;
}

.program-card__more {
    display: inline-flex;
    flex: none;
    align-items: center;
    gap: 8px;
    margin-left: auto;
    padding: 10px 18px;
    border-radius: 999px;
    background: #f2f2f2;
    box-shadow: 0 2px 5px rgba(24, 24, 24, 0.12);
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--ink);
    transition: background 0.35s ease;
}

.program-card:hover .program-card__visual,
.program-card:focus-within .program-card__visual {
    clip-path: inset(0 0 0 0 round 24px);
}

.program-card:hover .program-card__frame::after,
.program-card:focus-within .program-card__frame::after {
    opacity: 1;
}

.program-card:hover .program-card__body,
.program-card:focus-within .program-card__body {
    color: #fff;
}

.program-card:hover .program-card__text,
.program-card:focus-within .program-card__text,
.program-card:hover .program-card__latest,
.program-card:focus-within .program-card__latest,
.program-card:hover .program-card__meta,
.program-card:focus-within .program-card__meta {
    color: rgba(255, 255, 255, 0.84);
}

.program-card:hover .program-card__latest span,
.program-card:focus-within .program-card__latest span {
    color: var(--pink);
}

.program-card:hover .program-card__more,
.program-card:focus-within .program-card__more {
    background: #fff;
}

@media (min-width: 800px) {
    .program-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1500px) {
    .program-cards:has(> :nth-child(3)) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (prefers-reduced-motion: reduce) {
    .program-card__visual,
    .program-card__frame::after {
        transition: none;
    }
}

/* Son bölüm bağlantısı kartın tamamını kaplayan program bağlantısının üstünde kalır. */
.program-card__latest a {
    position: relative;
    z-index: 3;
    color: inherit;
    text-decoration: underline;
    text-decoration-color: transparent;
    text-underline-offset: 3px;
    transition: text-decoration-color 0.2s ease;
}

.program-card__latest a:hover,
.program-card__latest a:focus-visible {
    text-decoration-color: currentColor;
}

/* ------------------------------------------------------------------ video arşivi: bölümler + sağ panel */
.video-archive__layout {
    display: grid;
    gap: var(--space-5);
}

.video-archive__main {
    min-width: 0;
}

@media (min-width: 1100px) {
    .video-archive__layout {
        grid-template-columns: minmax(0, 1fr) 340px;
        align-items: start;
    }

    .video-archive__layout .video-archive__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1600px) {
    .video-archive__layout .video-archive__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* ------------------------------------------------------------------ liste sayfaları: büyük giriş başlığı gösterilmez
   Haber sitesi düzeni: sayfa doğrudan içerikle açılır. Başlık (h1) ekran okuyucu ve arama motoru için sayfada kalır. */
.video-archive__intro,
.programs-page .programs-intro,
.profile-archive .profile-archive__intro,
.news-archive__intro,
.category-page .category-page__intro {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

.video-archive > .container,
.programs-page > .container,
.profile-archive > .container {
    padding-top: var(--space-2);
}

/* ------------------------------------------------------------------ ana menü şeridi (masaüstü): bordo-pembe zemin, beyaz yazı
   Yalnız menü satırı renklenir; logo ve arama satırı beyaz kalır. Şerit sayfa genişliğine taşar. */
@media (min-width: 1280px) {
    .site-header {
        overflow-x: clip;
    }

    .site-nav__list {
        position: relative;
        z-index: 0;
        border-top: 0;
    }

    .site-nav__list::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        z-index: -1;
        width: 100vw;
        background: var(--nav-band, var(--pink-ink));
        transform: translateX(-50%);
    }

    .site-nav__item > a {
        color: #fff;
    }

    .site-nav__item > a:hover,
    .site-nav__item > a:focus-visible,
    .site-nav__item > a[aria-current="page"] {
        color: #fff;
    }

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

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

    .site-nav__sub a {
        color: var(--ink);
    }
}

/* ------------------------------------------------------------------ header: düz renkli İş Birliği düğmesi, menü şeridinde sosyal medya */
.btn--flow {
    background: var(--pink);
}

.site-nav__social {
    display: none;
}

@media (min-width: 1280px) {
    .site-nav__social {
        display: flex;
        align-items: center;
        gap: 6px;
        margin-left: auto;
    }

    .site-nav__social a {
        display: grid;
        place-items: center;
        width: 34px;
        height: 34px;
        border-radius: 50%;
        transition: background 0.2s ease;
    }

    .site-nav__social a:hover,
    .site-nav__social a:focus-visible {
        background: rgba(255, 255, 255, 0.18);
    }

    .site-nav__social img {
        filter: brightness(0) invert(1);
    }
}

/* Manşet küçük görselleri: çerçeve ve odak çizgisi yok; etkin olan tam görünür, diğerleri soluk durur.
   (Küçük görseller klavye sırasına girmez; gezinme numaralı düğmelerle yapılır.) */
.news-slider__thumb,
.news-slider__thumb.is-active {
    border: 0;
    outline: 0;
}

.news-slider__thumb {
    opacity: 0.55;
}

.news-slider__thumb:hover,
.news-slider__thumb.is-active {
    opacity: 1;
}

/* ------------------------------------------------------------------ manşette bölüm (video) slaytı: oynat simgesi, süre, küçük görsel işareti */
.news-slider__play {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    display: grid;
    place-items: center;
    width: 76px;
    height: 76px;
    border-radius: 50%;
    background: var(--pink-ink);
    color: #fff;
    box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.3);
    transform: translate(-50%, -50%);
    transition: transform 0.25s ease;
}

.news-slider__slide--video:hover .news-slider__play {
    transform: translate(-50%, -50%) scale(1.07);
}

.news-slider__duration {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-weight: 600;
}

.news-slider__thumb--video::after {
    content: "";
    position: absolute;
    right: 6px;
    bottom: 6px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: var(--pink-ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 7v10l8-5z' fill='%23fff'/%3E%3C/svg%3E") center / 14px no-repeat;
}

@media (max-width: 699px) {
    .news-slider__play {
        top: 34%;
        width: 54px;
        height: 54px;
    }
}

/* ------------------------------------------------------------------ iletişim sayfası: sade, haber sitesi düzeni
   Haber detayındaki kutularla aynı dil: ince çerçeve, sol bordo çizgili başlık, düz alanlar. Gölge, renkli zemin ve süs yok. */
.contact-page .contact-page__grid {
    gap: var(--space-4);
    margin-top: var(--space-4);
}

.contact-page .contact-card {
    border-radius: var(--radius-2);
    transition: border-color 0.2s ease;
}

.contact-page .contact-card:hover,
.contact-page .contact-card:focus-visible {
    border-color: var(--bordo);
    box-shadow: none;
    transform: none;
}

.contact-page .contact-card__icon {
    width: auto;
    height: auto;
    padding-top: 2px;
    border-radius: 0;
    background: none;
}

.contact-page .contact-card__label {
    color: var(--ink-2);
    font-weight: 600;
    letter-spacing: 0.04em;
}

.contact-page .contact-card__value {
    font-size: var(--fs-1);
}

.contact-page .contact-form-card,
.contact-page .contact-panel {
    padding: var(--space-3);
    border: 1px solid var(--line);
    border-radius: var(--radius-2);
    background: var(--paper);
}

.contact-page .contact-form-card h2,
.contact-page .contact-panel h2 {
    margin: 0 0 0 calc(-1 * var(--space-3));
    padding-left: calc(var(--space-3) - 4px);
    border-left: 4px solid var(--bordo);
    font-family: var(--font-sans);
    font-size: var(--fs-2);
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0;
}

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

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

.contact-page .utility-form label {
    margin-bottom: 6px;
    font-size: 0.875rem;
    font-weight: 600;
}

.contact-page .utility-form input,
.contact-page .utility-form textarea {
    min-height: 46px;
    padding: 11px 13px;
    border: 1px solid var(--line);
    border-radius: var(--radius-1);
    background: var(--paper);
    font-size: 0.9375rem;
}

.contact-page .utility-form textarea {
    min-height: 150px;
    line-height: 1.6;
}

.contact-page .utility-form input::placeholder,
.contact-page .utility-form textarea::placeholder {
    color: #a59b9d;
}

.contact-page .utility-form input:focus,
.contact-page .utility-form textarea:focus {
    outline: 0;
    border-color: var(--bordo);
    box-shadow: 0 0 0 3px rgb(42 42 42 / 0.08);
}

.contact-page .utility-form .btn {
    min-height: 46px;
    padding-inline: var(--space-4);
    border-radius: var(--radius-1);
    font-size: 0.9375rem;
    font-weight: 700;
}

.contact-page .utility-form__status {
    font-size: var(--fs-0);
    color: var(--ink-2);
}

.contact-page .utility-form__status a {
    border-bottom: 1px solid currentColor;
    color: var(--bordo);
}

.contact-page .contact-panel ul {
    margin-top: var(--space-1);
}

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

.contact-page .contact-panel a {
    padding-block: 14px;
    font-size: 0.9375rem;
    font-weight: 600;
}

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

.contact-page .contact-panel small {
    margin-top: 2px;
    font-size: var(--fs-0);
    color: var(--ink-2);
}

.contact-page .contact-panel a > span[aria-hidden] {
    color: var(--bordo);
    transition: transform 0.2s ease;
}

.contact-page .contact-panel a:hover > span[aria-hidden] {
    transform: translateX(3px);
}

.contact-page .contact-map {
    border-radius: var(--radius-2);
}

@media (min-width: 1024px) {
    .contact-page .contact-page__grid {
        grid-template-columns: minmax(0, 1fr) 340px;
    }
}

/* ------------------------------------------------------------------ adımlı form (iletişim): adım çubuğu, hazır konular */
.form-steps__bar {
    display: flex;
    gap: var(--space-3);
    margin: 0;
    padding: 0 0 var(--space-2);
    border-bottom: 1px solid var(--line);
    list-style: none;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--ink-2);
}

.form-steps__bar[hidden],
.form-steps__step[hidden],
.form-steps__topics[hidden] {
    display: none;
}

.form-steps__bar li {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: calc(-1 * var(--space-2) - 1px);
    padding-bottom: var(--space-2);
    border-bottom: 2px solid transparent;
}

.form-steps__bar li span {
    display: grid;
    place-items: center;
    width: 22px;
    height: 22px;
    border: 1px solid currentColor;
    border-radius: 50%;
    font-size: 0.875rem;
}

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

.form-steps__bar li[aria-current="step"] span,
.form-steps__bar li.is-done span {
    border-color: var(--bordo);
    background: var(--bordo);
    color: #fff;
}

.form-steps__step {
    display: grid;
    gap: var(--space-2) var(--space-3);
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.form-steps__topics {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    font-size: 0.875rem;
    color: var(--ink-2);
}

.form-steps__topics > span {
    width: 100%;
}

.form-steps__topics button {
    padding: 7px 14px;
    border: 1px solid var(--line);
    border-radius: var(--radius-1);
    background: var(--paper);
    font: inherit;
    font-weight: 600;
    color: var(--ink);
    cursor: pointer;
    transition: border-color 0.2s ease, color 0.2s ease;
}

.form-steps__topics button:hover,
.form-steps__topics button[aria-pressed="true"] {
    border-color: var(--bordo);
    color: var(--bordo);
}

.form-steps__back {
    justify-self: start;
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--ink-2);
    cursor: pointer;
}

.form-steps__back:hover {
    color: var(--bordo);
}

/* ------------------------------------------------------------------ ana sayfa "Yeni Haberler": kenarlarda hafifçe salınan palmiye
   Eski Benim İşim bölümündeki doku ve salınım (palm-sway-left / palm-sway-right) aynen kullanılır. */
#haberler {
    position: relative;
    overflow: hidden;
    padding-bottom: var(--space-5);
}

#haberler > .container {
    position: relative;
    z-index: 1;
}

#haberler::before,
#haberler::after {
    position: absolute;
    z-index: 0;
    top: 60px;
    width: clamp(220px, 18vw, 340px);
    height: clamp(360px, 31vw, 540px);
    background: none center / contain no-repeat;
    content: "";
    opacity: 0.32;
    pointer-events: none;
    transform-origin: center bottom;
}

#haberler::before {
    left: clamp(-150px, -8vw, -90px);
    animation: palm-sway-left 22s ease-in-out infinite alternate;
}

#haberler::after {
    right: clamp(-150px, -8vw, -90px);
    animation: palm-sway-right 26s ease-in-out infinite alternate;
}

@media (max-width: 899px) {
    #haberler::before,
    #haberler::after {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    #haberler::before,
    #haberler::after {
        animation: none;
    }
}

/* ------------------------------------------------------------------ kategori sayfalarında menü şeridi kategorinin rengini alır
   Renkler ana sayfadaki "Kategori Haberleri" kolon başlıklarıyla aynıdır. */
body[class~="page-category:buyume"],
body[class~="page-category:teknoloji-ve-yenilik"],
body[class~="page-category:yatirim-ve-is-birligi"],
body[class~="page-category:sube-ve-ekip"],
body[class~="page-category:basari"] {
    --nav-band: var(--bordo);
}

/* ------------------------------------------------------------------ alt bilgi: bordo zemin üzerinde okunur tonlar (marka kılavuzundaki açık pembe ve pembe) */
.site-footer__heading {
    color: #d1d1d1;
}

.site-footer a:hover,
.site-footer__nav li a:hover,
.site-footer__nav li a:focus-visible {
    color: #d1d1d1;
}

.site-footer :focus-visible {
    outline-color: #d1d1d1;
}

.site-footer__legal {
    border-top-color: rgb(255 255 255 / 0.16);
}

.site-footer::before {
    display: none;
}

/* ---------- Story şeridi: büyük, tam yuvarlak story'ler ve tıklanınca açılan görüntüleyici (story-viewer.js) ---------- */
.home-story-strip__list {
    gap: var(--space-3);
}

.home-story-strip__list li {
    flex: 0 0 104px;
}

.home-story-strip__image {
    width: 92px;
    height: 92px;
    padding: 4px;
    border-width: 3px;
    transition: transform 0.25s ease, border-color 0.25s ease;
}

.home-story-strip__list a:hover .home-story-strip__image,
.home-story-strip__list a:focus-visible .home-story-strip__image {
    transform: scale(1.05);
}

.has-story-viewer {
    overflow: hidden;
}

.story-viewer {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: grid;
    place-items: center;
    padding: var(--space-3);
    background: rgb(14 14 14 / 0.82);
    backdrop-filter: blur(6px);
}

.story-viewer[hidden] {
    display: none;
}

.story-viewer__card {
    position: relative;
    display: flex;
    flex-direction: column;
    width: min(100%, 420px);
    height: min(100%, 760px);
    overflow: hidden;
    border-radius: 18px;
    background: #0e0e0e;
    color: #fff;
    box-shadow: 0 30px 80px rgb(0 0 0 / 0.5);
}

.story-viewer__media {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    background: var(--empty, #eaeaea);
}

.story-viewer__media::after {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 110px;
    background: linear-gradient(to bottom, rgb(0 0 0 / 0.55), transparent);
}

.story-viewer__media img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.story-viewer__bars {
    position: absolute;
    inset: 10px 14px auto;
    z-index: 2;
    display: flex;
    gap: 5px;
}

.story-viewer__bar {
    flex: 1 1 0;
    height: 3px;
    overflow: hidden;
    border-radius: 3px;
    background: rgb(255 255 255 / 0.35);
}

.story-viewer__fill {
    display: block;
    width: 0;
    height: 100%;
    background: #fff;
}

.story-viewer__head {
    position: absolute;
    inset: 24px 14px auto;
    z-index: 2;
    display: flex;
    gap: var(--space-2);
    align-items: center;
    justify-content: space-between;
}

.story-viewer__category {
    padding: 4px 10px;
    border-radius: 999px;
    background: var(--bordo, #1e1e1e);
    font-size: 0.875rem;
    font-weight: 700;
}

.story-viewer__close,
.story-viewer__arrow {
    display: grid;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
}

.story-viewer__close {
    width: 36px;
    height: 36px;
    background: transparent;
    color: #fff;
}

.story-viewer__arrow {
    position: absolute;
    top: 38%;
    z-index: 2;
    width: 40px;
    height: 40px;
    background: #fff;
    color: var(--ink, #181818);
    box-shadow: 0 4px 14px rgb(0 0 0 / 0.3);
}

.story-viewer__arrow[hidden] {
    display: none;
}

.story-viewer__arrow--prev {
    left: 12px;
}

.story-viewer__arrow--next {
    right: 12px;
}

.story-viewer__body {
    flex: none;
    padding: 22px 22px 24px;
    background: linear-gradient(to bottom, var(--bordo, #1e1e1e), #0e0e0e);
}

.story-viewer__title {
    display: -webkit-box;
    overflow: hidden;
    font-family: var(--font-sans);
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.25;
    color: #fff;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
}

.story-viewer__excerpt {
    display: -webkit-box;
    margin-top: 10px;
    overflow: hidden;
    font-size: 0.9375rem;
    line-height: 1.55;
    color: rgb(255 255 255 / 0.8);
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
}

.story-viewer__foot {
    display: flex;
    gap: var(--space-2);
    align-items: center;
    justify-content: space-between;
    margin-top: 18px;
}

.story-viewer__read {
    padding: 11px 20px;
    border-radius: 999px;
    background: #fff;
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--ink, #181818);
    text-decoration: none;
}

.story-viewer__read:hover,
.story-viewer__read:focus-visible {
    background: var(--pink, #bcbcbc);
    color: var(--bordo, #1e1e1e);
}

.story-viewer__date {
    font-size: 0.875rem;
    color: rgb(255 255 255 / 0.7);
}

.story-viewer :focus-visible {
    outline: 2px solid #fff;
    outline-offset: 2px;
}

/* ---------- Program vitrini (program-showcase.php): üstte seçili bölüm, altında kart sırası ----------
   Üst: solda renkli metin kutusu (sezon, başlık, özet, konuk, "Bölümü İzle"), sağda büyük görsel.
   Alt: programın diğer yeni bölümleri dört kart olarak (görsel, konuk · tarih, başlık). En yeni bölüm üstte durduğu için
   listedeki kendi kartı gösterilmez. Seçiciler iki sınıflıdır: yukarıdaki eski vitrin kurallarının ve temanın önüne geçer. */
.program-showcase .program-showcase__frame {
    display: block;
    overflow: visible;
    border-radius: 0;
    background: none;
    color: var(--ink);
}

.program-showcase .program-showcase__panel {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
}

.program-showcase .program-showcase__panel[hidden] {
    display: none;
}

.program-showcase .program-showcase__media {
    position: relative;
    display: block;
    height: auto;
    min-height: 0;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    background: var(--empty);
}

.program-showcase .program-showcase__media::after {
    content: none;
}

.program-showcase .program-showcase__media img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.program-showcase .program-showcase__play {
    inset: 0;
    margin: auto;
}

.program-showcase .program-showcase__caption {
    position: static;
    inset: auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: center;
    width: auto;
    max-width: none;
    padding: var(--space-4);
    background: var(--bordo);
    color: #fff;
}

.program-showcase .program-showcase__chip {
    align-self: flex-start;
    margin: 0;
    padding: 0;
    background: none;
    color: var(--pink, #bcbcbc);
    font-size: 0.875rem;
    font-weight: 700;
}

.program-showcase .program-showcase__title {
    margin: 0;
    font-family: var(--font-sans);
    font-size: clamp(1.5rem, 1rem + 1.5vw, 2.125rem);
    font-weight: 800;
    line-height: 1.2;
    color: #fff;
}

.program-showcase .program-showcase__title a {
    color: inherit;
}

.program-showcase .program-showcase__excerpt {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: rgb(255 255 255 / 0.88);
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    line-clamp: 6;
}

.program-showcase .program-showcase__guest {
    margin: 0;
    font-size: 0.875rem;
    font-weight: 600;
    color: rgb(255 255 255 / 0.78);
}

.program-showcase .program-showcase__cta {
    align-self: flex-start;
    margin-top: 4px;
}

.program-showcase .program-showcase__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-3);
    margin: var(--space-3) 0 0;
    padding: 0;
    border: 0;
    background: none;
    list-style: none;
}

.program-showcase .program-showcase__list li {
    min-width: 0;
    border: 0;
}

.program-showcase .program-showcase__list li:first-child {
    display: none;
}

.program-showcase .program-showcase__item {
    display: block;
    padding: 0;
    background: none;
    color: var(--ink);
}

.program-showcase .program-showcase__item:hover,
.program-showcase .program-showcase__item:focus-visible,
.program-showcase .program-showcase__item.is-active {
    background: none;
}

.program-showcase .program-showcase__thumb {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    border-radius: 0;
    background: var(--empty);
}

.program-showcase .program-showcase__thumb img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s cubic-bezier(0.2, 0.7, 0.2, 1);
}

.program-showcase .program-showcase__item:hover .program-showcase__thumb img,
.program-showcase .program-showcase__item:focus-visible .program-showcase__thumb img {
    transform: scale(1.04);
}

/* Kart metni: önce küçük etiket (konuk · tarih), altında başlık. */
.program-showcase .program-showcase__item-body {
    display: flex;
    flex-direction: column-reverse;
    gap: 8px;
    padding: 12px 0 0;
}

.program-showcase .program-showcase__item-body strong {
    display: -webkit-box;
    overflow: hidden;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.3;
    color: var(--ink);
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    transition: color 0.2s ease;
}

.program-showcase .program-showcase__item-body small {
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--pink-ink, var(--bordo));
}

.program-showcase .program-showcase__item:hover strong,
.program-showcase .program-showcase__item:focus-visible strong,
.program-showcase .program-showcase__item.is-active strong {
    color: var(--pink-ink, var(--bordo));
}

@media (min-width: 900px) {
    .program-showcase .program-showcase__panel {
        grid-template-columns: minmax(300px, 34%) minmax(0, 1fr);
        min-height: 400px;
    }

    .program-showcase .program-showcase__caption {
        order: -1;
    }

    .program-showcase .program-showcase__media {
        height: 100%;
        min-height: 400px;
        aspect-ratio: auto;
    }

    .program-showcase .program-showcase__list {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

/* ---------- Program sayfası bölüm listesi: yatay satırlar ----------
   Her bölüm bir satırdır: solda görsel, sağda küçük etiket (konuk), kalın başlık, özet ve süre · tarih.
   Bölüm öğeleri düz kardeşlerdir; ızgarada görsel sol sütunu kaplar, metinler sağ sütunda alt alta dizilir.
   Seçiciler iki sınıflıdır: eski kart ızgarası kurallarının (ve .program-layout içindeki iki sütunun) önüne geçer. */
.program-layout .program-detail__episode-grid,
.program-detail .program-detail__episode-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
}

.program-detail .program-detail__episode {
    display: grid;
    grid-template-columns: min(38%, 274px) minmax(0, 1fr);
    grid-template-rows: auto auto auto 1fr;
    column-gap: 20px;
    align-items: start;
}

.program-detail .program-detail__episode > * {
    grid-column: 2;
    min-width: 0;
}

.program-detail .program-detail__episode-media {
    grid-column: 1;
    grid-row: 1 / span 4;
    margin: 0;
}

.program-detail .program-detail__episode-media .media {
    aspect-ratio: 16 / 9;
    border-radius: 0;
}

.program-detail .program-detail__episode-guest {
    order: -1;
    margin: 2px 0 4px;
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--pink-ink, var(--bordo));
}

.program-detail .program-detail__episode h3 {
    margin: 0;
    font-family: var(--font-sans);
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.35;
}

.program-detail .program-detail__episode-excerpt {
    display: -webkit-box;
    margin: 12px 0 0;
    overflow: hidden;
    font-size: 0.875rem;
    line-height: 1.55;
    color: var(--ink-2);
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
}

.program-detail .program-detail__episode-meta {
    margin: 10px 0 0;
    font-size: 0.875rem;
    color: var(--ink-2);
}

@media (max-width: 559px) {
    .program-detail .program-detail__episode {
        grid-template-columns: 124px minmax(0, 1fr);
        column-gap: 12px;
    }

    .program-detail .program-detail__episode-excerpt {
        -webkit-line-clamp: 2;
        line-clamp: 2;
    }
}

/* ---------- Sezon sayfası bölüm listesi: program sayfasındakiyle aynı yatay satırlar ----------
   Solda görsel, sağda küçük etiket (konuk), kalın başlık, özet ve bölüm no · tarih. Program adı satırda tekrar edilmez
   (sayfa başlığında yazıyor). Kart öğeleri düz kardeşlerdir; görsel sol sütunu kaplar, metinler sağda alt alta dizilir. */
.program-season .video-archive__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
    max-width: 920px;
}

.program-season .video-archive__card {
    display: grid;
    grid-template-columns: min(38%, 274px) minmax(0, 1fr);
    grid-template-rows: auto auto auto 1fr;
    column-gap: 20px;
    align-items: start;
    padding: 0;
    border: 0;
    background: none;
}

.program-season .video-archive__card > * {
    grid-column: 2;
    min-width: 0;
}

.program-season .video-archive__card .video-archive__media {
    grid-column: 1;
    grid-row: 1 / span 4;
    margin: 0;
}

.program-season .video-archive__media .media {
    aspect-ratio: 16 / 9;
    border-radius: 0;
}

.program-season .video-archive__card > .meta {
    display: none;
}

.program-season .video-archive__card .video-archive__guest {
    order: -1;
    margin: 2px 0 4px;
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--pink-ink, var(--bordo));
}

.program-season .video-archive__card h3 {
    margin: 0;
    font-family: var(--font-sans);
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.35;
}

.program-season .video-archive__excerpt {
    display: -webkit-box;
    margin: 12px 0 0;
    overflow: hidden;
    font-size: 0.875rem;
    line-height: 1.55;
    color: var(--ink-2);
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
}

.program-season .video-archive__card .video-archive__meta {
    margin: 10px 0 0;
    font-size: 0.875rem;
    color: var(--ink-2);
}

@media (max-width: 559px) {
    .program-season .video-archive__card {
        grid-template-columns: 124px minmax(0, 1fr);
        column-gap: 12px;
    }

    .program-season .video-archive__excerpt {
        -webkit-line-clamp: 2;
        line-clamp: 2;
    }
}

/* ---------- Programlar sayfası: geniş kapak şeridi + üstüne binen beyaz bilgi kartı ----------
   Her program sayfa genişliğinde bir kapak görselidir; sol alt köşesinde, görselin üstüne binen beyaz bir kart durur
   (sol üst köşesinde eğik kesimli pembe "Program" etiketi, program adı, tanım, son bölüm, bölüm sayısı ve "Programı İncele"). Görsel ve kart aynı ızgara
   hücresinde üst üste gelir; kart konumlanmadığı için başlık bağlantısının tıklama alanı şeridin tamamını kaplar.
   Seçiciler sayfa sınıfıyla başlar: eski kart kurallarının ve temanın önüne geçer. */
.programs-page .program-cards,
.programs-page .program-cards:has(> :nth-child(3)) {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-5);
}

.programs-page .program-card,
.programs-page .program-card:hover,
.programs-page .program-card:focus-within {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
    transform: none;
}

.programs-page .program-card .program-card__frame,
.programs-page .program-card:hover .program-card__frame {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
    overflow: visible;
    aspect-ratio: auto;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.programs-page .program-card .program-card__frame::after {
    content: none;
}

.programs-page .program-card .program-card__visual,
.programs-page .program-card:hover .program-card__visual,
.programs-page .program-card:focus-within .program-card__visual {
    position: relative;
    inset: auto;
    grid-area: 1 / 1;
    overflow: hidden;
    aspect-ratio: 16 / 10;
    border-radius: 0;
    background: var(--empty);
    clip-path: none;
}

.programs-page .program-card__visual img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s cubic-bezier(0.2, 0.7, 0.2, 1);
}

.programs-page .program-card:hover .program-card__visual img,
.programs-page .program-card:focus-within .program-card__visual img {
    transform: scale(1.03);
}

.programs-page .program-card .program-card__body,
.programs-page .program-card:hover .program-card__body,
.programs-page .program-card:focus-within .program-card__body {
    position: static;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
    grid-area: 2 / 1;
    height: auto;
    --card-pad-top: 24px;
    --card-pad-x: 24px;
    margin: -48px 16px 0;
    padding: var(--card-pad-top) var(--card-pad-x) 22px;
    border-top: 0;
    background: #fff;
    box-shadow: 0 18px 44px rgb(30 30 30 / 0.14);
    color: var(--ink);
}

/* Kartın sol üst köşesine oturan eğik kesimli etiket (üst çizginin yerine): yarısı kartın dışında kalır. */
.programs-page .program-card .program-card__body::before {
    content: "Program";
    align-self: flex-start;
    height: 30px;
    margin: calc(var(--card-pad-top) * -1 - 15px) 0 4px calc(var(--card-pad-x) * -1);
    padding: 0 28px 0 var(--card-pad-x);
    background: var(--pink, #bcbcbc);
    color: var(--bordo);
    font-size: 0.875rem;
    font-weight: 800;
    line-height: 30px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    clip-path: polygon(0 0, 100% 0, calc(100% - 12px) 100%, 0 100%);
}

.programs-page .program-card h2 {
    margin: 0;
    overflow: visible;
    font-family: var(--font-sans);
    font-size: clamp(1.5rem, 1rem + 1.4vw, 2rem);
    font-weight: 800;
    line-height: 1.2;
    color: var(--bordo);
    white-space: normal;
}

.programs-page .program-card h2 a {
    color: inherit;
}

.programs-page .program-card h2 a::after {
    inset: 0;
    border-radius: 0;
}

.programs-page .program-card .program-card__text,
.programs-page .program-card .program-card__latest,
.programs-page .program-card:hover .program-card__text,
.programs-page .program-card:hover .program-card__latest,
.programs-page .program-card:focus-within .program-card__text,
.programs-page .program-card:focus-within .program-card__latest {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--ink-2);
}

.programs-page .program-card .program-card__latest {
    flex-wrap: wrap;
}

.programs-page .program-card .program-card__latest span,
.programs-page .program-card:hover .program-card__latest span,
.programs-page .program-card:focus-within .program-card__latest span {
    color: var(--pink-ink, var(--bordo));
}

.programs-page .program-card .program-card__latest a {
    position: relative;
    z-index: 3;
    overflow: visible;
    color: var(--ink);
    white-space: normal;
}

.programs-page .program-card .program-card__foot {
    margin-top: 10px;
}

.programs-page .program-card .program-card__meta,
.programs-page .program-card:hover .program-card__meta,
.programs-page .program-card:focus-within .program-card__meta {
    color: var(--pink-ink, var(--bordo));
}

.programs-page .program-card .program-card__more,
.programs-page .program-card:hover .program-card__more,
.programs-page .program-card:focus-within .program-card__more {
    background: var(--bordo);
    box-shadow: none;
    color: #fff;
}

.programs-page .program-card:hover .program-card__more,
.programs-page .program-card:focus-within .program-card__more {
    background: var(--pink-ink, var(--bordo));
}

/* Geniş ekranda kart görselin içinde, sol alt köşede durur. */
@media (min-width: 900px) {
    .programs-page .program-card .program-card__visual,
    .programs-page .program-card:hover .program-card__visual,
    .programs-page .program-card:focus-within .program-card__visual {
        min-height: 440px;
        aspect-ratio: 21 / 8;
    }

    .programs-page .program-card .program-card__body,
    .programs-page .program-card:hover .program-card__body,
    .programs-page .program-card:focus-within .program-card__body {
        align-self: end;
        justify-self: start;
        grid-area: 1 / 1;
        width: min(480px, 100% - 80px);
        --card-pad-top: 30px;
        --card-pad-x: 32px;
        margin: 0 0 -28px 40px;
        padding: var(--card-pad-top) var(--card-pad-x) 28px;
    }
}

/* ---------- Kategori sayfası: başlık şeridi + solda manşet, sağda manşet listesi ----------
   Üstte kategori adı ve yanında çizgili süs şeridi (aynı başlık şeridi haber arşivinde ve Videolar sayfasında da kullanılır). Altında iki sütun: solda kategori manşeti (slider; oklar görselin
   iki yanında), sağda manşetteki haberlerin numaralı dizini (numara, başlık, küçük görsel).
   Sağ liste yeni bir veri değildir: slider'ın kendi küçük görsel şerididir (news-slider__thumbs). Başlık, düğmenin
   title özniteliğinden basılır; tıklanan satır o slayta geçer (news-slider.js), etkin slaytın satırı vurgulanır.
   Kategorinin kalan haberleri altta "Diğer Haberler" bölümünde eskisi gibi devam eder. Tek haberli manşette liste
   basılmaz ve manşet tam genişlikte kalır. */
.category-page .category-page__intro,
.news-archive > .container > .news-archive__intro,
.video-archive > .container > .video-archive__intro {
    position: static;
    width: auto;
    max-width: none;
    height: auto;
    margin: 0 0 var(--space-3);
    overflow: visible;
    clip-path: none;
    white-space: normal;
}

.category-page .category-page__intro h1,
.news-archive > .container > .news-archive__intro h1,
.video-archive > .container > .video-archive__intro h1 {
    display: flex;
    gap: 14px;
    align-items: center;
    margin: 0;
    color: var(--bordo);
    font-family: var(--font-sans);
    font-size: clamp(1.5rem, 1.1rem + 1.4vw, 2.125rem);
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: 0;
    text-transform: uppercase;
}

/* Süs şeridi: önce birkaç ince dikey çizgi, ardından sayfa sonuna kadar uzanan kalın çizgi. */
.category-page .category-page__intro h1::after,
.news-archive > .container > .news-archive__intro h1::after,
.video-archive > .container > .video-archive__intro h1::after {
    content: "";
    flex: 1 1 auto;
    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;
}

.category-page .category-page__intro p,
.news-archive > .container > .news-archive__intro p,
.video-archive > .container > .video-archive__intro p {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

/* Manşet: oklar görselin iki yanında, numaralı noktalar görselin altında ortada. */
.category-featured .news-slider__stage {
    position: relative;
}

.category-featured .news-slider--category .news-slider__media {
    width: 100%;
    max-height: 620px;
    aspect-ratio: 6 / 5;
}

.category-featured .news-slider--category .news-slider__spot {
    display: none;
}

.category-featured .news-slider--category .news-slider__title {
    font-size: clamp(1.375rem, 1rem + 1.2vw, 2rem);
    line-height: 1.2;
}

.category-featured .news-slider--category .news-slider__nav {
    position: static;
    justify-content: center;
    gap: 0;
    margin-top: 14px;
}

.category-featured .news-slider--category .news-slider__pages {
    gap: 14px;
    align-items: center;
}

.category-featured .news-slider--category .news-slider__page {
    width: 10px;
    height: 10px;
    border: 0;
    border-radius: 50%;
    background: color-mix(in srgb, var(--ink-2) 55%, #fff);
    color: transparent;
    font-size: 0;
    transition: none;
}

.category-featured .news-slider--category .news-slider__page[aria-current="true"] {
    width: 28px;
    height: 28px;
    border: 0;
    background: var(--bordo);
    color: #fff;
    font-size: 0.875rem;
    font-weight: 700;
}

.category-featured .news-slider--category .news-slider__arrow {
    position: absolute;
    top: calc(50% - 44px);
    z-index: 2;
    width: 40px;
    height: 40px;
    border: 0;
    background: rgb(14 14 14 / 0.72);
    color: #fff;
}

.category-featured .news-slider--category .news-slider__arrow:hover,
.category-featured .news-slider--category .news-slider__arrow:focus-visible {
    background: var(--bordo);
    color: #fff;
}

.category-featured .news-slider--category [data-slider-prev] {
    left: 14px;
}

.category-featured .news-slider--category [data-slider-next] {
    right: 14px;
}

/* Kategori manşeti dar sütunda durduğu için slayt metni görselin tüm genişliğini kullanır (oklara yer bırakarak). */
.category-featured .news-slider--category .news-slider__content {
    width: auto;
    right: 0;
    padding: var(--space-3) var(--space-4);
}

/* Sağ liste (slider'ın küçük görsel şeridi): numaralı, beyaz zeminli manşet dizini. Her satır: büyük sıra numarası,
   başlık ve sağda küçük görsel. Etkin slaytın satırı açık pembe zemin ve bordo numarayla vurgulanır.
   Geniş ekranda manşetin yanında, görselle aynı yükseklikte bir sütundur; dar ekranda manşetin altına iner. */
.category-featured .news-slider__thumbs {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin: var(--space-3) 0 0;
    padding: 0;
    overflow: visible;
    border: 1px solid var(--line);
    background: #fff;
    counter-reset: headline;
}

.category-featured .news-slider__thumbs[hidden] {
    display: none;
}

.category-featured .news-slider__thumbs .news-slider__thumb,
.category-featured .news-slider__thumbs .news-slider__thumb:hover,
.category-featured .news-slider__thumbs .news-slider__thumb.is-active {
    display: grid;
    flex: 1 1 auto;
    grid-template-columns: 52px minmax(0, 1fr) 104px;
    gap: 14px;
    align-items: center;
    align-self: stretch;
    width: 100%;
    max-width: none;
    height: auto;
    min-height: 0;
    padding: 14px 20px;
    overflow: visible;
    border: 0;
    border-bottom: 1px solid var(--line);
    border-radius: 0;
    outline: 0;
    background: none;
    box-shadow: none;
    aspect-ratio: auto;
    opacity: 1;
    color: var(--ink);
    font: inherit;
    text-align: left;
    cursor: pointer;
    counter-increment: headline;
    transition: background-color 0.2s ease;
}

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

.category-featured .news-slider__thumbs .news-slider__thumb::before {
    content: counter(headline, decimal-leading-zero);
    grid-column: 1;
    grid-row: 1;
    color: var(--pink, #bcbcbc);
    font-size: 2rem;
    font-weight: 800;
    line-height: 1;
    transition: color 0.2s ease;
}

.category-featured .news-slider__thumbs .news-slider__thumb::after {
    content: attr(title);
    position: static;
    inset: auto;
    display: -webkit-box;
    grid-column: 2;
    grid-row: 1;
    width: auto;
    height: auto;
    overflow: hidden;
    border: 0;
    background: none;
    color: var(--ink);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.35;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    transition: color 0.2s ease;
}

.category-featured .news-slider__thumbs .news-slider__thumb img {
    position: static;
    display: block;
    grid-column: 3;
    grid-row: 1;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

.category-featured .news-slider__thumbs .news-slider__thumb:hover {
    background: var(--paper-2, #f8f8f8);
}

.category-featured .news-slider__thumbs .news-slider__thumb.is-active {
    background: color-mix(in srgb, var(--pink, #bcbcbc) 18%, #fff);
}

.category-featured .news-slider__thumbs .news-slider__thumb.is-active::before,
.category-featured .news-slider__thumbs .news-slider__thumb:hover::before,
.category-featured .news-slider__thumbs .news-slider__thumb.is-active::after,
.category-featured .news-slider__thumbs .news-slider__thumb:hover::after {
    color: var(--bordo);
}

/* Geniş ekranda manşet ve dizini yan yana, aynı yükseklikte; numaralı noktalar basılmaz (dizin aynı işi görür). */
@media (min-width: 1000px) {
    .category-featured .news-slider:has(> .news-slider__thumbs:not([hidden])) {
        display: grid;
        grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
        gap: 0;
        align-items: stretch;
    }

    .category-featured .news-slider:has(> .news-slider__thumbs:not([hidden])) > .news-slider__thumbs {
        margin: 0;
        border-left: 0;
    }

    .category-featured .news-slider:has(> .news-slider__thumbs:not([hidden])) .news-slider__pages {
        display: none;
    }

    .category-featured .news-slider:has(> .news-slider__thumbs:not([hidden])) .news-slider__nav {
        margin: 0;
    }

    .category-featured .news-slider:has(> .news-slider__thumbs:not([hidden])) .news-slider__arrow {
        top: calc(50% - 20px);
    }
}

/* ---------- Haber arşivi (/haberler): başlık şeridi + öne çıkan ilk haber ----------
   Sayfa başlığı kategori sayfasıyla aynı şeridi kullanır. Listenin ilk haberi tam genişlikte öne çıkan bir şerittir:
   solda büyük görsel, sağda açık zeminli kutuda büyük başlık, özet ve tarih. Diğer haberler üçlü ızgarada
   devam eder. Kartın öğeleri düz kardeşlerdir; ızgarada görsel sol sütunu kaplar, metinler sağda dikey ortalanır.
   Kategori sayfasındaki akış aynı ızgara sınıfını kullanır ama bu kurallar yalnız arşiv sayfasına uygulanır. */
.news-archive > .container > .news-archive__intro {
    margin-top: var(--space-4);
}

.news-archive > .container > .news-archive__grid {
    padding-top: var(--space-4);
}

@media (min-width: 900px) {
    .news-archive > .container > .news-archive__grid > .news-card:first-child {
        display: grid;
        grid-column: 1 / -1;
        grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
        grid-template-rows: 1fr auto auto auto auto 1fr;
        padding: 0;
        border: 0;
        background: var(--paper-2);
    }

    .news-archive > .container > .news-archive__grid > .news-card:first-child > * {
        grid-column: 2;
        margin-inline: var(--space-4);
    }

    .news-archive > .container > .news-archive__grid > .news-card:first-child > .news-card__media {
        grid-column: 1;
        grid-row: 1 / -1;
        margin: 0;
    }

    .news-archive > .container > .news-archive__grid > .news-card:first-child .news-card__media .media {
        height: 100%;
        min-height: 380px;
        aspect-ratio: auto;
    }

    /* Öne çıkan haberde kategori etiketi gösterilmez. */
    .news-archive > .container > .news-archive__grid > .news-card:first-child > .news-card__category {
        display: none;
    }

    .news-archive > .container > .news-archive__grid > .news-card:first-child > :is(h2, h3) {
        grid-row: 3;
        margin-top: 10px;
        font-size: clamp(1.5rem, 1rem + 1.4vw, 2.125rem);
        font-weight: 800;
        line-height: 1.2;
    }

    .news-archive > .container > .news-archive__grid > .news-card:first-child > .news-card__excerpt {
        grid-row: 4;
        margin-top: 14px;
        font-size: 1rem;
        -webkit-line-clamp: 4;
        line-clamp: 4;
    }

    .news-archive > .container > .news-archive__grid > .news-card:first-child > time {
        grid-row: 5;
        margin-top: 0;
        padding-top: 18px;
    }
}

/* ---------- Videolar sayfası: başlık şeridi + araç çubuğu + öne çıkan ilk bölüm ----------
   Başlık, kategori ve haber arşiviyle aynı şeridi kullanır. Altında tek satırlık araç çubuğu: solda tür sekmeleri
   (Bölümler / Kısa Kesitler), sağda arama. Program süzgeçleri alt satırda kalır. Listenin ilk bölümü tam genişlikte
   öne çıkan bir şerittir (solda büyük görsel, sağda açık zeminli kutuda başlık, konuk · program ve tarih); diğerleri
   üçlü ızgarada devam eder. Kartlarda programın baş harfini taşıyan yuvarlak rozet gösterilmez (program adı
   konuk satırında zaten yazıyor). Yapı ve süzgeç adresleri aynıdır. */
.video-archive > .container > .video-archive__intro {
    margin-top: var(--space-4);
}

.video-archive .video-archive__card .video-archive__avatar {
    display: none;
}

.video-archive .video-archive__card .video-archive__body {
    grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 900px) {
    .video-archive > .container {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(280px, 420px);
        column-gap: var(--space-4);
        align-items: center;
    }

    .video-archive > .container > * {
        grid-column: 1 / -1;
    }

    .video-archive > .container > .video-archive__views {
        grid-column: 1;
        margin-block: 0;
        border-bottom: 0;
    }

    .video-archive > .container > .video-archive__search {
        grid-column: 2;
        width: 100%;
        max-width: none;
        margin: 0;
    }

    /* Sekme yoksa (kısa kesit yayınlanmamışsa) arama satırın başında durur. */
    .video-archive > .container:not(:has(> .video-archive__views)) > .video-archive__search {
        grid-column: 1 / -1;
        max-width: 34rem;
    }

    .video-archive > .container > .video-archive__filters {
        margin-top: var(--space-3);
    }

    /* Öne çıkan ilk bölüm. */
    .video-archive .video-archive__grid > .video-archive__card:first-child {
        display: grid;
        grid-column: 1 / -1;
        grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
        align-items: stretch;
        border: 0;
        background: var(--paper-2);
    }

    .video-archive .video-archive__grid > .video-archive__card:first-child .video-archive__media,
    .video-archive .video-archive__grid > .video-archive__card:first-child .video-archive__media .media {
        height: 100%;
        min-height: 340px;
        aspect-ratio: auto;
    }

    .video-archive .video-archive__grid > .video-archive__card:first-child .video-archive__body {
        align-content: center;
        margin: 0;
        padding: var(--space-4);
    }

    .video-archive .video-archive__grid > .video-archive__card:first-child :is(h2, h3) {
        font-size: clamp(1.5rem, 1rem + 1.3vw, 2rem);
        font-weight: 800;
        line-height: 1.2;
        -webkit-line-clamp: 4;
        line-clamp: 4;
    }

    .video-archive .video-archive__grid > .video-archive__card:first-child .video-archive__guest {
        margin-top: 12px;
        font-size: 1rem;
    }

    .video-archive .video-archive__grid > .video-archive__card:first-child .video-archive__meta {
        margin-top: 14px;
    }
}