/* Manşet — ön yüz tasarımı. Editöryel haber estetiği. */
:root {
    --bg: #ffffff;            /* modern nötr beyaz */
    --bg-soft: #eef2f8;
    --bg-sunken: #e1e8f2;
    --ink: #0f1b30;           /* nötr koyu mürekkep */
    --ink-soft: #45516b;
    --ink-faint: #616d87;     /* WCAG: 12-13px meta metinlerde 4.5:1 üstü */
    --line: #dae1ee;
    --accent: #c8102e;        /* kamu1 marka kırmızısı (logodaki "1") */
    --accent-ink: #ffffff;
    --gold: #c2921a;          /* eski altının yerine çelik gri (çizgi/ikon dekoratif) */
    --gold-ink: #7a5c0e;      /* gri METİN — beyaz zeminde 4.5:1 üstü */
    --link: #16457f;
    --navy: #16457f; --navy-ink: #ffffff;   /* KAMU1 kurumsal lacivert (yapısal ikincil) */
    --radius: 10px;
    --radius-sm: 6px;
    --shadow-sm: 0 1px 2px rgba(23,19,14,.05);
    --shadow: 0 2px 4px rgba(23,19,14,.04), 0 14px 36px rgba(23,19,14,.08);
    --maxw: 1200px;
    --pad: clamp(16px, 4vw, 28px);
    /* 2026-07-04 modern reform: serif emekli — tüm eski --serif yüzeyleri Inter'e düşer */
    --serif: 'Inter', 'Inter-fb', -apple-system, 'Segoe UI', Roboto, sans-serif;
    --display: 'Archivo', 'Inter', 'Inter-fb', -apple-system, 'Segoe UI', Roboto, sans-serif;
    --sans: 'Inter', 'Inter-fb', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    /* Tip ölçeği (1.2 oran, display'lerde clamp) */
    --text-2xs: 11px; --text-xs: 12px; --text-sm: 13.5px; --text-base: 16px;
    --text-md: 18px; --text-lg: 21px;
    --text-xl: clamp(22px, 2.6vw, 26px);
    --text-2xl: clamp(26px, 3.6vw, 34px);
    --text-3xl: clamp(30px, 5.2vw, 46px);
    /* Boşluk ritmi (8'lik taban) + bölüm nefesi */
    --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
    --space-5: 24px; --space-6: 32px; --space-7: 48px;
    --flow-section: clamp(36px, 5vw, 56px);
    /* Mikro-tipografi */
    --track-caps: .075em;
    --track-display: -.022em;
    --measure: 66ch;
}
/* Fraunces/Inter yüklenene dek metrik-uyumlu yedekler (CLS önler) */
@font-face { font-family: 'Inter-fb'; src: local('Arial'); size-adjust: 107%; }
@media (prefers-color-scheme: dark) {
    html:not([data-theme=light]) {
        --bg: #101114; --bg-soft: #17181c; --bg-sunken: #1f2126;
        --ink: #f0f1f3; --ink-soft: #b0b4bb; --ink-faint: #969aa2;
        --line: #272930; --accent: #ff5252; --gold: #d8ad55; --gold-ink: #d8ad55; --link: #7fb2ec;
        --accent-ink: #101114; /* gece: parlak kırmızı üzerinde koyu mürekkep (kontrast güvenli) */
        --shadow-sm: 0 1px 2px rgba(0,0,0,.4);
        --shadow: 0 2px 4px rgba(0,0,0,.3), 0 16px 40px rgba(0,0,0,.45);
    }
}
/* tema anahtarı: elle koyu seçimi (sistem tercihi ne olursa olsun) */
html[data-theme=dark] {
        --bg: #101114; --bg-soft: #17181c; --bg-sunken: #1f2126;
        --ink: #f0f1f3; --ink-soft: #b0b4bb; --ink-faint: #969aa2;
        --line: #272930; --accent: #ff5252; --gold: #d8ad55; --gold-ink: #d8ad55; --link: #7fb2ec;
        --accent-ink: #101114; /* gece: #ff5a47 üzerinde beyaz 3.09:1 kalıyordu → koyu mürekkep 6.1:1 */
        --shadow-sm: 0 1px 2px rgba(0,0,0,.4);
        --shadow: 0 2px 4px rgba(0,0,0,.3), 0 16px 40px rgba(0,0,0,.45);
    }
* { box-sizing: border-box; }
html { color-scheme: light dark; -webkit-text-size-adjust: 100%; }
html[data-theme=light] { color-scheme: light; }
html[data-theme=dark] { color-scheme: dark; }
body {
    margin: 0; background: var(--bg); color: var(--ink);
    font-family: var(--sans); font-size: 16px; line-height: 1.6;
    -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
}
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
a:where(:hover) { text-decoration: underline; }
.container { max-width: var(--maxw); margin-inline: auto; padding-inline: var(--pad); }

.skip-link {
    position: absolute; left: -999px; top: 8px; background: var(--ink); color: var(--bg);
    padding: 10px 16px; border-radius: var(--radius-sm); z-index: 100;
}
.skip-link:focus { left: 8px; }
:focus-visible { outline: 2px solid var(--link); outline-offset: 2px; border-radius: 4px; }
/* Marka seçim rengi — varsayılan mavi yerine sıcak palet */
::selection { background: color-mix(in srgb, var(--accent) 22%, var(--bg)); color: var(--ink); }
.article-body ::selection { background: color-mix(in srgb, var(--gold) 30%, var(--bg)); }

/* Header */
.site-header { border-bottom: 1px solid var(--line); background: var(--bg); position: relative; z-index: 40; }
.topbar { background: var(--ink); color: var(--bg); font-size: 12.5px; }
.topbar-inner { display: flex; justify-content: space-between; align-items: center; height: 34px; }
.topbar-date { color: color-mix(in srgb, var(--bg) 75%, transparent); text-transform: capitalize; }
.topbar-links { display: flex; gap: 16px; }
.topbar-links a { color: color-mix(in srgb, var(--bg) 85%, transparent); }
.header-inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-block: 16px; }
.brand { display: inline-flex; align-items: center; gap: 10px; }
.brand:hover { text-decoration: none; }
.brand-logo { height: 42px; width: auto; max-width: min(280px, 62vw); display: block; object-fit: contain; }
.brand-footer .brand-logo { height: 34px; }
.brand-logo--dark { display: none; }
@media (prefers-color-scheme: dark) {
    html:not([data-theme=light]) .brand-logo--light { display: none; }
    html:not([data-theme=light]) .brand-logo--dark { display: block; }
}
/* tema anahtarı: elle koyu seçimi (sistem tercihi ne olursa olsun) */
html[data-theme=dark] .brand-logo--light { display: none; }
html[data-theme=dark] .brand-logo--dark { display: block; }
.brand-name { font-family: var(--serif); font-weight: 700; font-size: clamp(24px, 4vw, 34px); letter-spacing: -.02em; }
.search { display: flex; align-items: center; gap: 4px; background: var(--bg-soft); border: 1px solid var(--line); border-radius: 999px; padding: 4px 4px 4px 16px; max-width: 320px; flex: 1; }
.search input { border: 0; background: transparent; color: inherit; font: inherit; flex: 1; min-width: 0; outline: none; }
.search button { display: grid; place-items: center; width: 38px; height: 38px; border: 0; border-radius: 999px; background: var(--accent); color: var(--accent-ink); cursor: pointer; }
.search-page { max-width: 520px; margin-block: 12px; padding: 6px 6px 6px 18px; }
.search-page button { width: auto; padding-inline: 20px; }

/* Ana menü */
.mainnav { border-top: 1px solid var(--line); overflow-x: auto; }
.mainnav-inner { display: flex; gap: 4px; }
.mainnav a { position: relative; padding: 13px 14px; font-weight: 600; font-size: 14.5px; white-space: nowrap; color: var(--ink-soft); border-bottom: 3px solid transparent; }
.mainnav a:hover { color: var(--ink); text-decoration: none; }
.mainnav a:not(.nav-home):hover { border-bottom-color: var(--cat, var(--accent)); }
.nav-home { color: var(--accent); }

/* Son dakika şeridi */
/* Hero */
.hero-grid { display: grid; grid-template-columns: 1.6fr 1fr; gap: 20px; margin-block: 22px; }
.hero-side { display: grid; gap: 14px; align-content: start; }

/* Bölüm başlığı */
.section-title { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; font-family: var(--serif); font-size: 22px; margin: 32px 0 16px; padding-bottom: 10px; border-bottom: 2px solid var(--ink); }
.section-title > span { position: relative; padding-left: 14px; }
.section-title > span::before { content: ""; position: absolute; left: 0; top: 2px; bottom: 2px; width: 5px; border-radius: 3px; background: var(--cat, var(--accent)); }
.section-more { font-family: var(--sans); font-size: 13.5px; font-weight: 600; color: var(--link); }

/* Grid'ler */
.grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.layout-2col { display: grid; grid-template-columns: 1fr 300px; gap: 32px; align-items: start; }

/* Kart */
.card { background: var(--bg); border-radius: var(--radius); overflow: hidden; }
.card-link { display: block; color: inherit; }
.card-link:hover { text-decoration: none; }
.card-link:hover .card-title { color: var(--accent); }
.card-media { position: relative; aspect-ratio: 16/9; background-size: cover; background-position: center; background-color: var(--bg-sunken); border-radius: var(--radius-sm); overflow: hidden; }
.card-media--placeholder { display: grid; place-items: center; background: linear-gradient(135deg, color-mix(in srgb, var(--cat) 22%, var(--bg)), var(--bg-sunken)); }
.placeholder-letter { font-family: var(--serif); font-size: 48px; font-weight: 700; color: color-mix(in srgb, var(--cat) 65%, var(--ink-faint)); opacity: .6; }
.badge-breaking { position: absolute; top: 10px; left: 10px; background: var(--accent); color: var(--accent-ink); font-size: 10.5px; font-weight: 800; letter-spacing: .06em; padding: 4px 8px; border-radius: 5px; }
.card-body { padding: 12px 2px; }
.card-cat { display: inline-block; font-size: 11.5px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: var(--cat, var(--accent)); margin-bottom: 6px; }
.card-title { font-family: var(--serif); font-weight: 700; line-height: 1.28; margin: 0 0 6px; text-wrap: balance; transition: color .15s; }
.card-dek { color: var(--ink-soft); font-size: 14.5px; margin: 6px 0 8px; }
.card-meta { display: flex; gap: 7px; align-items: center; font-size: 12.5px; color: var(--ink-faint); font-variant-numeric: tabular-nums; }

.card-hero .card-title { font-size: clamp(24px, 3vw, 33px); }
.card-hero .card-media { aspect-ratio: 16/9; }
.card-lead .card-title { font-size: 21px; }
.card-normal .card-title { font-size: 18px; }
.card-compact { display: grid; }
.card-compact .card-link { display: grid; grid-template-columns: 96px 1fr; gap: 12px; align-items: start; }
.card-compact .card-media { aspect-ratio: 16/9; }
.card-compact .card-title { font-size: 15px; }

/* Sidebar */
.sidebar { display: grid; gap: 22px; position: sticky; top: 104px; }
.widget { border: 1px solid var(--line); border-radius: var(--radius); padding: 18px; background: var(--bg-soft); }
.widget-title { font-family: var(--serif); font-size: 17px; margin: 0 0 14px; padding-bottom: 10px; border-bottom: 2px solid var(--accent); }
.rank-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; counter-reset: r; }
.rank-list li { display: flex; gap: 12px; align-items: start; }
.rank-num { font-family: var(--serif); font-size: 22px; font-weight: 800; color: var(--accent); line-height: 1; min-width: 22px; font-variant-numeric: tabular-nums; }
.rank-list a { font-weight: 600; font-size: 14.5px; line-height: 1.35; }

.cat-block { margin-block: 8px 26px; }

/* Makale */
.breadcrumb { font-size: 13px; color: var(--ink-faint); margin-block: 18px 0; }
.breadcrumb ol { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; padding: 0; margin: 0; }
.breadcrumb li + li::before { content: "›"; margin-right: 8px; color: var(--ink-faint); }
.breadcrumb a { color: var(--ink-soft); }
.article { max-width: 720px; margin-inline: auto; }
.article-header { margin-block: 12px 20px; }
.article-cat { display: inline-flex; align-items: center; gap: 9px; font-size: 12.5px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; color: var(--cat, var(--accent)); margin-bottom: 14px; }
.article-cat::before { content: ""; width: 26px; height: 3px; border-radius: 3px; background: var(--cat, var(--accent)); }
.article-title { font-family: var(--serif); font-size: clamp(30px, 5.2vw, 46px); line-height: 1.12; letter-spacing: -.015em; margin: 0 0 16px; text-wrap: balance; }
.article-dek { font-size: clamp(18px, 2.6vw, 22px); line-height: 1.55; color: var(--ink-soft); margin: 0 0 22px; font-weight: 450; text-wrap: pretty; }
.article-byline { display: flex; flex-wrap: wrap; gap: 14px 20px; align-items: center; justify-content: space-between; padding: 14px 18px; background: var(--bg-soft); border: 1px solid var(--line); border-radius: var(--radius); }
.byline-author { display: inline-flex; align-items: center; gap: 10px; }
.byline-avatar, .author-box-avatar, .author-hero-avatar { display: grid; place-items: center; border-radius: 999px; background: var(--accent); background-size: cover; background-position: center; color: #fff; font-family: var(--serif); font-weight: 700; overflow: hidden; }
.byline-avatar { width: 40px; height: 40px; font-size: 18px; }
.byline-author small { display: block; color: var(--ink-faint); font-size: 12.5px; }
.byline-meta { display: flex; flex-wrap: wrap; gap: 7px; align-items: center; font-size: 13px; color: var(--ink-faint); font-variant-numeric: tabular-nums; }
.byline-meta .updated { color: var(--link); }
.article-figure { margin: 26px 0; }
.article-figure img { width: 100%; border-radius: var(--radius); box-shadow: 0 2px 18px rgba(23,19,14,.08); }
.article-figure figcaption { font-size: 13.5px; color: var(--ink-faint); margin-top: 10px; padding-left: 12px; border-left: 3px solid var(--accent); font-style: italic; }

.article-body { font-family: var(--serif); font-size: 19.5px; line-height: 1.78; letter-spacing: -.003em; color: color-mix(in srgb, var(--ink) 96%, var(--bg)); hyphens: auto; -webkit-hyphens: auto; hyphenate-limit-chars: 12 5 4; }
.article-body p { margin: 0 0 1.15em; }
/* Lead paragraf + drop cap (dergi hissi) */
.article-body > p:first-of-type { font-size: 1.06em; color: var(--ink); }
.article-body > p:first-of-type::first-letter { float: left; font-family: var(--serif); font-weight: 700; font-size: 3.4em; line-height: .82; padding: 6px 10px 0 0; color: var(--accent); }
.article-body h2 { font-family: var(--serif); font-size: 26px; margin: 1.6em 0 .5em; line-height: 1.25; }
.article-body h3 { font-family: var(--serif); font-size: 21px; margin: 1.4em 0 .4em; }
.article-body ul, .article-body ol { margin: 0 0 1.2em; padding-left: 1.4em; }
.article-body li { margin-bottom: .5em; }
.article-body a { color: var(--accent); text-decoration: underline; text-decoration-color: color-mix(in srgb, var(--accent) 38%, transparent); text-decoration-thickness: 1.5px; text-underline-offset: 3px; transition: text-decoration-color .15s; }
.article-body a:hover { text-decoration-color: var(--accent); }
/* Premium pull-quote */
.article-body blockquote { position: relative; margin: 1.9em 0; padding: 8px 20px 8px 58px; border-left: 4px solid var(--accent); font-family: var(--serif); font-size: clamp(22px, 3vw, 27px); line-height: 1.38; font-style: italic; color: var(--ink); }
.article-body blockquote::before { content: "\201C"; position: absolute; left: 14px; top: 12px; font-family: var(--serif); font-style: normal; font-size: 52px; line-height: 1; color: color-mix(in srgb, var(--accent) 55%, transparent); pointer-events: none; }
.article-body blockquote p { margin: 0; }
.article-body img { border-radius: var(--radius); margin: 1.4em 0; }

/* Okuma ilerleme çubuğu (premium his) */
.reading-progress { position: fixed; top: 0; left: 0; height: 3px; width: 0; background: linear-gradient(90deg, var(--accent), var(--gold)); z-index: 200; transition: width .08s linear; pointer-events: none; }
@media (prefers-reduced-motion: reduce) { .reading-progress { transition: none; } }

.article-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 26px 0; }
.tag { font-size: 13px; font-weight: 600; padding: 6px 12px; background: var(--bg-sunken); border-radius: 999px; color: var(--ink-soft); }
.tag:hover { text-decoration: none; color: var(--accent); }

/* Etiket arşiv sayfası */
.tag-head { --cat: var(--accent); }
.tag-eyebrow { display: inline-block; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--accent); margin-bottom: 4px; }
.tag-cloud-section { margin-top: 40px; }
.tag-cloud { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 4px; }
.tag--cloud { display: inline-flex; align-items: center; gap: 7px; border: 1px solid var(--line); background: var(--bg-soft); transition: border-color .15s, color .15s, background .15s; }
.tag--cloud:hover { border-color: color-mix(in srgb, var(--accent) 45%, var(--line)); color: var(--accent); }
.tag--cloud.is-active { background: color-mix(in srgb, var(--accent) 12%, var(--bg-soft)); border-color: color-mix(in srgb, var(--accent) 50%, var(--line)); color: var(--accent); }
.tag-n { font-size: 11px; font-weight: 800; font-variant-numeric: tabular-nums; min-width: 18px; height: 18px; padding: 0 5px; display: inline-grid; place-items: center; border-radius: 999px; background: color-mix(in srgb, var(--ink) 8%, transparent); color: var(--ink-faint); }
.tag--cloud:hover .tag-n, .tag--cloud.is-active .tag-n { background: color-mix(in srgb, var(--accent) 18%, transparent); color: var(--accent); }



.related { max-width: var(--maxw); }

/* Sayfa başlıkları */
.page-head { margin-block: 22px 24px; padding-bottom: 18px; border-bottom: 3px solid var(--cat, var(--ink)); }
.page-title { font-family: var(--serif); font-size: clamp(28px, 5vw, 40px); margin: 0; }
.page-desc { color: var(--ink-soft); margin: 8px 0 0; max-width: 60ch; }

/* Yazar hero */
.author-hero { display: flex; gap: 22px; align-items: center; padding: 26px; background: var(--bg-soft); border-radius: var(--radius); margin-block: 22px; }
.author-hero-avatar { width: 84px; height: 84px; font-size: 38px; flex: none; }
.author-hero-name { font-family: var(--serif); font-size: 28px; margin: 0; }
.author-hero-title { color: var(--accent); font-weight: 600; margin: 4px 0 8px; }
.author-hero-bio { color: var(--ink-soft); margin: 0 0 10px; max-width: 64ch; }
.author-hero-links { display: flex; gap: 14px; font-size: 14px; }
.author-hero-links a { color: var(--link); font-weight: 600; }

/* Sayfalama */
.pagination { display: flex; flex-wrap: wrap; gap: 6px; margin: 32px 0; justify-content: center; }
.pagination a, .page-current { display: grid; place-items: center; min-width: 40px; height: 40px; padding-inline: 10px; border: 1px solid var(--line); border-radius: var(--radius-sm); font-weight: 600; font-variant-numeric: tabular-nums; }
.page-current { background: var(--accent); color: var(--accent-ink); border-color: var(--accent); }

.empty { color: var(--ink-faint); padding: 40px 0; text-align: center; }

/* 404 */
.notfound { text-align: center; padding: 80px 20px; }
.notfound-code { font-family: var(--serif); font-size: 120px; font-weight: 800; color: var(--accent); margin: 0; line-height: 1; }
.notfound-title { font-family: var(--serif); font-size: 28px; margin: 10px 0; }
.notfound-text { color: var(--ink-soft); margin-bottom: 24px; }

.btn { display: inline-flex; align-items: center; gap: 8px; padding: 11px 20px; border-radius: var(--radius-sm); font-weight: 600; font-size: 15px; border: 1px solid transparent; cursor: pointer; touch-action: manipulation; }
.btn:hover { text-decoration: none; }
.btn-primary { background: var(--accent); color: var(--accent-ink); }
.btn-primary:hover { background: color-mix(in srgb, var(--accent) 88%, #000); }

/* Footer */
.site-footer { background: #0e0f12; color: color-mix(in srgb, #fff 82%, transparent); margin-top: 48px; padding-block: 40px 0; border-top: 1px solid rgba(255,255,255,.07); }
.footer-grid { display: grid; grid-template-columns: 1.7fr repeat(4, 1fr); gap: 30px; padding-bottom: 32px; }
.brand-footer .brand-name { color: #fff; font-size: 26px; }
.footer-about { font-size: 14px; line-height: 1.6; margin-top: 12px; max-width: 42ch; }
.footer-gnews { display: inline-flex; align-items: center; gap: 9px; margin-top: 14px; padding: 10px 18px; min-height: 42px; box-sizing: border-box; border-radius: 999px; background: #fff; color: #1f2937; font-size: 13.5px; font-weight: 600; }
.footer-gnews:hover { text-decoration: none; box-shadow: 0 4px 12px rgba(0,0,0,.2); }
.footer-h { font-size: 13px; text-transform: uppercase; letter-spacing: .08em; color: color-mix(in srgb, #fff 60%, transparent); margin: 0 0 14px; }
.footer-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 9px; }
.footer-list a { color: color-mix(in srgb, #fff 80%, transparent); font-size: 14.5px; }
.footer-bottom { border-top: 1px solid rgba(255,255,255,.12); padding-block: 18px; font-size: 13px; color: color-mix(in srgb, #fff 55%, transparent); }

/* Reklam slotu */
.ad-unit { margin: 24px 0; padding: 8px; text-align: center; background: var(--bg-soft); border: 1px solid var(--line); border-radius: var(--radius-sm); overflow: hidden; }
.ad-label { display: block; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-faint); margin-bottom: 6px; }
.sidebar .ad-unit { margin-top: 0; }

/* Çerez onay bandı (KVKK) */
.cookie-banner { position: fixed; left: 50%; bottom: 18px; transform: translateX(-50%); width: min(680px, calc(100% - 32px)); display: flex; flex-wrap: wrap; align-items: center; gap: 14px; justify-content: space-between; background: var(--ink); color: var(--bg); padding: 16px 20px; border-radius: var(--radius); box-shadow: 0 20px 50px rgba(0,0,0,.35); z-index: 80; }
.cookie-banner p { margin: 0; font-size: 13.5px; line-height: 1.5; flex: 1; min-width: 220px; }
.cookie-banner a { color: inherit; text-decoration: underline; }
.cookie-actions { display: flex; gap: 8px; }
.cookie-banner .btn { padding: 9px 16px; border-radius: var(--radius-sm); font-size: 14px; }
.cookie-banner .btn-ghost { background: transparent; color: var(--bg); border: 1px solid color-mix(in srgb, var(--bg) 40%, transparent); }
.cookie-banner .btn-primary { background: var(--accent); color: var(--accent-ink); border: 1px solid var(--accent); }

/* Footer sosyal */
.footer-social { display: flex; flex-wrap: wrap; gap: 18px; padding-block: 16px; border-top: 1px solid rgba(255,255,255,.12); }
.footer-social a { color: color-mix(in srgb, #fff 80%, transparent); font-size: 14px; font-weight: 600; }

/* Statik sayfa */
.static-page .article-body h2 { font-size: 22px; }

/* ====== BloombergHT tarzı üst şeritler ====== */
.tickers-bar { position: sticky; top: 0; z-index: 60; box-shadow: 0 2px 8px rgba(11,22,34,.08); }

/* SON DAKİKA */
.breaking-bar { background: var(--accent); color: var(--accent-ink); }
.breaking-inner { max-width: var(--maxw); margin-inline: auto; padding-inline: clamp(16px, 4vw, 28px); display: flex; align-items: center; gap: 16px; height: 46px; }
.breaking-label { display: inline-flex; align-items: center; gap: 10px; font-weight: 800; font-size: 13px; letter-spacing: .06em; white-space: nowrap; flex: none; }
.breaking-dot { position: relative; width: 11px; height: 11px; flex: none; }
.breaking-dot::before { content: ""; position: absolute; inset: 0; border-radius: 999px; background: rgba(255,255,255,.85); animation: bn-ping 1.5s cubic-bezier(0,0,.2,1) infinite; }
.breaking-dot::after { content: ""; position: absolute; inset: 2px; border-radius: 999px; background: #fff; }
@keyframes bn-ping { 75%, 100% { transform: scale(2.4); opacity: 0; } }

.breaking-slides { position: relative; flex: 1; min-width: 0; height: 46px; overflow: hidden; }
.breaking-slide { position: absolute; inset: 0; display: flex; align-items: center; font-weight: 600; font-size: clamp(13px, 2.4vw, 15.5px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; opacity: 0; transform: translateY(45%); transition: opacity .45s ease, transform .45s ease; pointer-events: none; }
.breaking-slide.is-active { opacity: 1; transform: none; pointer-events: auto; }
.breaking-slide:hover { text-decoration: underline; }
.tickers-bar:hover .breaking-dot::before { animation-play-state: paused; }

.breaking-nav { display: flex; gap: 5px; flex: none; }
.breaking-arrow { width: 30px; height: 30px; display: grid; place-items: center; background: color-mix(in srgb, var(--accent-ink) 16%, transparent); color: var(--accent-ink); border: 0; border-radius: 7px; cursor: pointer; font-size: 20px; line-height: 1; touch-action: manipulation; }
.breaking-arrow:hover { background: rgba(255,255,255,.3); }

/* Piyasa verisi — koyu terminal bandı: HER genişlikte kesintisiz akan finans şeridi
   (kaydırmayı akıl etmeyen kullanıcı da tüm enstrümanları görür; hover/dokunuşta durur) */
.market-bar { background: linear-gradient(180deg, #101a2e, #0b1322); border-bottom: 1px solid rgba(233,181,0,.28); color: #e7edf6; }
.market-track { max-width: var(--maxw); margin-inline: auto; display: flex; align-items: stretch; overflow: hidden; position: relative; }
.market-tag { display: inline-flex; align-items: center; flex: none; padding: 0 13px; font-size: 10px; font-weight: 800; letter-spacing: .1em; color: #0b1322; background: var(--gold, #e9b500); position: relative; z-index: 2; }
.market-motion { display: flex; width: max-content; animation: market-kayar 38s linear infinite; }
.market-set { display: flex; width: max-content; }
.market-item { flex: none; display: inline-flex; align-items: center; gap: 8px; padding: 10px 19px; white-space: nowrap; font-size: 13px; position: relative; }
.market-item + .market-item::before { content: ""; position: absolute; left: 0; top: 22%; bottom: 22%; width: 1px; background: rgba(255,255,255,.1); }
/* sağ kenarda yumuşak kaybolma */
.market-track::after { content: ""; position: absolute; inset: 0 0 0 auto; width: 42px; background: linear-gradient(90deg, transparent, #0b1322); pointer-events: none; z-index: 1; }
.market-track:hover .market-motion, .market-track:active .market-motion { animation-play-state: paused; }
.mi-label { font-weight: 700; font-size: 10.5px; letter-spacing: .07em; text-transform: uppercase; color: #8fa3c2; }
.mi-body { display: inline-flex; align-items: baseline; gap: 7px; }
.mi-price { font-weight: 700; color: #fff; font-variant-numeric: tabular-nums; }
.mi-change { display: inline-flex; align-items: center; gap: 3px; font-weight: 700; font-variant-numeric: tabular-nums; font-size: 12px; }
.mi-change.up { color: #4ade80; }
.mi-change.down { color: #fb7185; }
.mi-change.flat { color: #7d8ea9; }
.mi-arrow { font-size: 9px; line-height: 1; }
.market-item.flash-up { animation: mi-flash-up .7s ease; }
.market-item.flash-down { animation: mi-flash-down .7s ease; }
@keyframes mi-flash-up { from { background: rgba(74,222,128,.16); } to { background: transparent; } }
@keyframes mi-flash-down { from { background: rgba(251,113,133,.16); } to { background: transparent; } }
@media (max-width: 820px) {
    .market-motion { animation-duration: 30s; }
    .market-item { padding: 10px 16px; }
}
@keyframes market-kayar { to { transform: translateX(-50%); } }

@media (prefers-reduced-motion: reduce) {
    .breaking-dot::before { animation: none; }
    .breaking-slide { transition: none; }
    .market-item.flash-up, .market-item.flash-down { animation: none; }
    /* hareketsiz tercih: bant akmaz, elle kaydırılır */
    .market-motion { animation: none !important; width: max-content; }
    .market-track { overflow-x: auto; scrollbar-width: none; touch-action: pan-x; }
    .market-track::-webkit-scrollbar { display: none; }
    .market-set[data-dup] { display: none !important; }
}
@media (max-width: 680px) {
    /* Mobilde şerit sticky değil — dikey alanı yemesin, içerik okunabilsin */
    .tickers-bar { position: relative; }
    .breaking-inner { gap: 10px; height: 44px; }
    .breaking-label { font-size: 11.5px; gap: 7px; }
    .market-item { font-size: 12px; padding: 8px 12px; }
    /* Premium mobil okuma */
    .article-title { font-size: clamp(26px, 7.5vw, 33px); line-height: 1.15; }
    .article-dek { font-size: 18px; }
    .article-body { font-size: 18px; line-height: 1.72; }
    .article-body > p:first-of-type::first-letter { font-size: 3em; }
    .article-byline { padding: 12px 14px; }
    /* Öne çıkan görsel kenardan kenara */
    .article-figure { margin-inline: calc(-1 * var(--pad)); margin-block: 20px; }
    .article-figure img { border-radius: 0; box-shadow: none; }
    .article-figure figcaption { padding-inline: var(--pad); }
    /* Dokunma hedefleri ≥44px */
    .share-btn { width: 44px; height: 44px; }
}

/* ====== ÜST MANŞET ====== */
.superlead { display: grid; grid-template-columns: 1fr 320px; gap: 18px; margin-block: 22px; }
.superlead-main { position: relative; min-height: 440px; border-radius: var(--radius); overflow: hidden; background-size: cover; background-position: center; background-color: var(--bg-sunken); display: flex; align-items: flex-end; color: #fff; }
.superlead-main:hover { text-decoration: none; }
.superlead-main:hover .superlead-title { text-decoration: underline; text-underline-offset: 3px; }
.superlead-main--noimg { background: linear-gradient(135deg, color-mix(in srgb, var(--cat, var(--accent)) 65%, #0c0c12), #0c0c12); }
.superlead-main-body { padding: clamp(20px, 4vw, 32px); width: 100%; }
.superlead-kicker { display: inline-block; background: var(--cat, var(--accent)); color: #fff; font-size: 12px; font-weight: 800; letter-spacing: .05em; padding: 5px 11px; border-radius: 6px; margin-bottom: 14px; }
.superlead-title { font-family: var(--serif); font-size: clamp(26px, 4.2vw, 42px); line-height: 1.1; margin: 0 0 10px; text-wrap: balance; color: #fff; }
.superlead-dek { font-size: clamp(15px, 2vw, 18px); line-height: 1.5; margin: 0 0 12px; color: rgba(255,255,255,.92); max-width: 62ch; }
.superlead-byline { font-size: 13px; color: rgba(255,255,255,.78); font-variant-numeric: tabular-nums; }
.superlead-side { display: grid; gap: 14px; align-content: start; }

/* ====== VIDEO ====== */
.video-embed { position: relative; width: 100%; background: #000; border-radius: var(--radius); overflow: hidden; }
.video-embed.is-horizontal { aspect-ratio: 16/9; }
.video-embed.is-vertical { aspect-ratio: 9/16; max-width: 400px; margin-inline: auto; }
.video-embed iframe, .video-embed video { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

.video-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 20px; }
.video-row { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(190px, 210px); gap: 16px; overflow-x: auto; scroll-snap-type: x proximity; padding-bottom: 10px; scrollbar-width: thin; }
.video-row > .vcard { scroll-snap-align: start; }

.vcard-link { display: block; color: inherit; }
.vcard-link:hover { text-decoration: none; }
.vcard-link:hover .vcard-title { color: var(--accent); }
.vcard-media { position: relative; aspect-ratio: 16/9; background-size: cover; background-position: center; background-color: var(--bg-sunken); border-radius: var(--radius-sm); overflow: hidden; display: grid; place-items: center; }
.vcard-vertical .vcard-media { aspect-ratio: 9/16; }
.vcard-media--placeholder { background: linear-gradient(135deg, #2b2b3a, #14141c); }
.vcard-play { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 999px; background: rgba(0,0,0,.55); color: #fff; transition: transform .15s, background .15s; }
.vcard-link:hover .vcard-play { transform: scale(1.1); background: var(--accent); }
.vcard-platform { position: absolute; bottom: 8px; left: 8px; background: rgba(0,0,0,.72); color: #fff; font-size: 11px; font-weight: 700; padding: 3px 8px; border-radius: 5px; }
.vcard-body { padding: 10px 2px; }
.vcard-title { font-family: var(--serif); font-weight: 700; font-size: 16px; line-height: 1.3; margin: 0 0 5px; text-wrap: balance; transition: color .15s; }
.vcard-vertical .vcard-title { font-size: 14.5px; }
.vcard-meta { display: flex; gap: 6px; align-items: center; font-size: 12.5px; color: var(--ink-faint); font-variant-numeric: tabular-nums; }

.video-hero { display: grid; grid-template-columns: 1.5fr 1fr; gap: 26px; align-items: center; margin-block: 20px 30px; }
.video-hero-badge { display: inline-block; background: var(--accent); color: #fff; font-size: 12px; font-weight: 800; letter-spacing: .05em; padding: 4px 10px; border-radius: 6px; margin-bottom: 12px; }
.video-hero-title { font-family: var(--serif); font-size: clamp(22px, 3vw, 32px); line-height: 1.2; margin: 0 0 12px; }
.video-hero-dek { color: var(--ink-soft); margin: 0 0 18px; }

.video-watch { max-width: 900px; margin-inline: auto; margin-block: 18px; }
.video-watch--vertical { max-width: 560px; }
.video-watch-player { margin-bottom: 18px; }
.video-watch-title { font-family: var(--serif); font-size: clamp(22px, 3vw, 30px); line-height: 1.2; margin: 8px 0; }
.video-watch-meta { display: flex; flex-wrap: wrap; gap: 7px; align-items: center; font-size: 13.5px; color: var(--ink-faint); margin-bottom: 14px; font-variant-numeric: tabular-nums; }
.video-watch-desc { font-size: 16px; line-height: 1.7; }
.nav-video { color: #8e44ad; font-weight: 700; }

/* ====== PAYLAŞ + GOOGLE NEWS ====== */
.share-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 18px 0; }
.share-bar--top { padding-bottom: 16px; border-bottom: 1px solid var(--line); }
.share-bar--bottom { padding-top: 16px; border-top: 1px solid var(--line); margin-top: 24px; }
.share-label { font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--ink-faint); margin-right: 4px; }
.share-btn { display: inline-grid; place-items: center; width: 38px; height: 38px; border-radius: 999px; border: 0; cursor: pointer; color: #fff; background: var(--ink-soft); position: relative; transition: transform .12s, filter .12s; touch-action: manipulation; }
.share-btn:hover { transform: translateY(-2px); filter: brightness(1.05); text-decoration: none; }
.s-x { background: #000; }
.s-fb { background: #1877f2; }
.s-wa { background: #25d366; }
.s-tg { background: #229ed9; }
.s-li { background: #0a66c2; }
.s-mail { background: #6b7280; }
.s-copy, .s-native { background: var(--bg-sunken); color: var(--ink); border: 1px solid var(--line); }
.s-copy:hover, .s-native:hover { color: var(--accent); }
.s-copy.copied::after { content: "Kopyalandı ✓"; position: absolute; bottom: calc(100% + 6px); left: 50%; transform: translateX(-50%); background: var(--ink); color: var(--bg); font-size: 11px; font-weight: 600; padding: 4px 8px; border-radius: 6px; white-space: nowrap; }
@media (prefers-color-scheme: dark) {
    html:not([data-theme=light]) .s-x { background: #1a1a1a; }
}
/* tema anahtarı: elle koyu seçimi (sistem tercihi ne olursa olsun) */
html[data-theme=dark] .s-x { background: #1a1a1a; }

.share-gnews { display: inline-flex; align-items: center; gap: 9px; margin-left: auto; padding: 10px 18px; min-height: 44px; box-sizing: border-box; border-radius: 999px; border: 1px solid var(--line); background: var(--bg-soft); color: var(--ink); font-size: 13.5px; font-weight: 600; box-shadow: var(--shadow-sm); transition: border-color .15s, box-shadow .15s; }
.share-gnews:hover { text-decoration: none; border-color: var(--ink-faint); box-shadow: 0 4px 14px rgba(0,0,0,.10); }
.gicon { flex: none; display: block; }

/* ====== YORUMLAR ====== */
.comments { max-width: 760px; margin-inline: auto; margin-top: 36px; }
.comment-alert { padding: 12px 16px; border-radius: var(--radius-sm); margin-bottom: 16px; font-size: 14px; }
.comment-alert.ok { background: color-mix(in srgb, #15803d 14%, var(--bg)); color: #15803d; border: 1px solid color-mix(in srgb, #15803d 30%, transparent); }
.comment-alert.err { background: color-mix(in srgb, var(--accent) 12%, var(--bg)); color: var(--accent); border: 1px solid color-mix(in srgb, var(--accent) 30%, transparent); }
.comment-list { list-style: none; margin: 0 0 30px; padding: 0; display: grid; gap: 20px; }
.comment { border-bottom: 1px solid var(--line); padding-bottom: 18px; }
.comment-head { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.comment-avatar { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 999px; background: var(--accent); color: #fff; font-weight: 700; font-family: var(--serif); flex: none; }
.comment-author { font-size: 15px; }
.comment-date { display: block; font-size: 12px; color: var(--ink-faint); font-variant-numeric: tabular-nums; }
.comment-body { margin: 0 0 8px; line-height: 1.6; }
.comment-reply-btn { background: none; border: 0; color: var(--link); font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; padding: 0; }
.comment-reply-btn:hover { text-decoration: underline; }
.comment-replies { list-style: none; margin: 14px 0 0; padding: 0 0 0 22px; border-left: 2px solid var(--line); display: grid; gap: 14px; }
.comment--reply { border-bottom: 0; padding-bottom: 0; }
.comment--reply .comment-avatar { width: 30px; height: 30px; font-size: 13px; }
.comment-form { background: var(--bg-soft); border: 1px solid var(--line); border-radius: var(--radius); padding: 20px; }
.comment-form-title { font-family: var(--serif); font-size: 19px; margin: 0 0 14px; }
.comment-reply-to { display: flex; align-items: center; justify-content: space-between; gap: 10px; background: color-mix(in srgb, var(--accent) 10%, transparent); border-radius: var(--radius-sm); padding: 8px 12px; margin-bottom: 12px; font-size: 13.5px; }
.comment-reply-to button { background: none; border: 0; color: var(--accent); font: inherit; cursor: pointer; font-weight: 600; }
.comment-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 12px; }
.comment-form input, .comment-form textarea { width: 100%; padding: 11px 13px; border: 1px solid var(--line); border-radius: var(--radius-sm); background: var(--bg); color: var(--ink); font: inherit; }
.comment-form textarea { resize: vertical; margin-bottom: 12px; }
.comment-form input:focus, .comment-form textarea:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent); }
.comment-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }
.comment-form-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.comment-form-foot small { color: var(--ink-faint); font-size: 12.5px; }
@media (max-width: 680px) { .comment-fields { grid-template-columns: 1fr; } }

/* ====== PREMIUM dokunuşlar ====== */
body { letter-spacing: -.002em; font-feature-settings: "kern","liga"; }
.site-header { border-top: 3px solid var(--accent); }
.brand-name { font-weight: 900; letter-spacing: -.03em; }
.section-title { letter-spacing: -.01em; }
.article-title, .superlead-title, .page-title { letter-spacing: -.022em; }
.card-title { letter-spacing: -.012em; }
.card { transition: transform .18s ease; }
.grid-3 > .card:hover, .grid-4 > .card:hover, .hero-side > .card:hover { transform: translateY(-3px); }
.card-media { box-shadow: var(--shadow-sm); }
.widget { box-shadow: var(--shadow-sm); }
.mainnav a { font-weight: 600; }
.nav-extra { color: var(--ink-soft); }
.nav-extra:hover { color: var(--accent); }

/* "Tercih edilen kaynaklara ekle" promosu */
.gnews-promo { display: flex; flex-direction: column; align-items: flex-end; gap: 5px; margin-left: auto; }
.gnews-note { font-size: 11.5px; color: var(--ink-faint); max-width: 240px; text-align: right; line-height: 1.35; }
@media (max-width: 680px) { .gnews-promo { align-items: stretch; margin-left: 0; width: 100%; } .gnews-note { text-align: left; max-width: none; } .share-gnews { justify-content: center; width: 100%; } .columns-row { grid-auto-columns: minmax(220px, 80%); } }

/* ====== KÖŞE YAZILARI ====== */
.columns-row { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(250px, 1fr); gap: 20px; overflow-x: auto; padding-bottom: 10px; scroll-snap-type: x proximity; scrollbar-width: thin; }
.columns-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 20px; }
.col-card { background: var(--bg); border: 1px solid var(--line); border-left: 3px solid var(--gold); border-radius: var(--radius); padding: 20px; box-shadow: var(--shadow-sm); transition: transform .18s, box-shadow .18s; scroll-snap-align: start; }
.col-card:hover { transform: translateY(-3px); box-shadow: var(--shadow); }
.col-card-link { color: inherit; display: block; }
.col-card-link:hover { text-decoration: none; }
.col-card-head { display: flex; align-items: center; gap: 11px; margin-bottom: 12px; }
.col-avatar { width: 42px; height: 42px; border-radius: 999px; background: var(--accent); background-size: cover; background-position: center; color: #fff; display: grid; place-items: center; font-family: var(--serif); font-weight: 700; font-size: 18px; flex: none; }
.col-author strong { display: block; font-size: 14.5px; }
.col-author small { color: var(--ink-faint); font-size: 12.5px; }
.col-card-title { font-family: var(--serif); font-size: 19px; line-height: 1.25; margin: 0 0 8px; text-wrap: balance; }
.col-card-link:hover .col-card-title { color: var(--accent); }
.col-card-dek { color: var(--ink-soft); font-size: 14px; line-height: 1.55; margin: 0 0 12px; }
.col-card-meta { font-size: 12.5px; color: var(--ink-faint); font-variant-numeric: tabular-nums; }

/* ====== YAZARLAR ====== */
.authors-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 20px; }
.author-card { background: var(--bg); border: 1px solid var(--line); border-radius: var(--radius); padding: 24px 20px; text-align: center; box-shadow: var(--shadow-sm); transition: transform .18s, box-shadow .18s; }
.author-card:hover { transform: translateY(-3px); box-shadow: var(--shadow); }
.author-card-link { color: inherit; display: block; }
.author-card-link:hover { text-decoration: none; }
.author-card-avatar { width: 82px; height: 82px; border-radius: 999px; margin: 0 auto 14px; background: var(--accent); background-size: cover; background-position: center; color: #fff; display: grid; place-items: center; font-family: var(--serif); font-weight: 700; font-size: 34px; box-shadow: 0 0 0 4px var(--bg), 0 0 0 5px var(--line); }
.author-card-name { font-family: var(--serif); font-size: 19px; margin: 0 0 4px; }
.author-card-link:hover .author-card-name { color: var(--accent); }
.author-card-title { color: var(--accent); font-size: 13px; font-weight: 600; margin: 0 0 8px; }
.author-card-bio { color: var(--ink-soft); font-size: 13.5px; line-height: 1.5; margin: 0 0 10px; }
.author-card-count { font-size: 12px; color: var(--ink-faint); }
.author-card-latest { display: block; margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--line); font-size: 13px; color: var(--ink-soft); }
.author-card-latest span { display: block; font-size: 11px; text-transform: uppercase; letter-spacing: .05em; color: var(--gold-ink); font-weight: 700; margin-bottom: 3px; }
.author-card-latest:hover { color: var(--accent); text-decoration: none; }

/* ====== GAZETELER ====== */
.papers-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 16px; }
.paper-card { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 22px 16px; background: var(--bg); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow-sm); transition: transform .18s, box-shadow .18s, border-color .18s; color: inherit; }
.paper-card:hover { transform: translateY(-3px); box-shadow: var(--shadow); text-decoration: none; border-color: var(--gold); }
.paper-logo { width: 100%; height: 52px; background-size: contain; background-repeat: no-repeat; background-position: center; display: grid; place-items: center; }
.paper-logo--text { font-family: var(--serif); font-weight: 800; font-size: 17px; color: var(--ink); text-align: center; line-height: 1.1; }
.paper-name { font-size: 13px; font-weight: 600; color: var(--ink-soft); }

/* ====== HABER AKIŞI ====== */
.akis-live { display: inline-block; width: 11px; height: 11px; border-radius: 999px; background: var(--accent); position: relative; vertical-align: baseline; }
.akis-live::before { content: ""; position: absolute; inset: 0; border-radius: 999px; background: var(--accent); animation: bn-ping 1.6s cubic-bezier(0,0,.2,1) infinite; }
.akis-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.akis-status { display: inline-flex; align-items: center; gap: 7px; flex: none; margin-top: 8px; font-size: 12.5px; font-weight: 700; color: var(--accent); border: 1px solid var(--accent); border-radius: 999px; padding: 5px 13px; }
.akis-status-dot { width: 8px; height: 8px; border-radius: 999px; background: var(--accent); position: relative; }
.akis-status-dot::before { content: ""; position: absolute; inset: 0; border-radius: 999px; background: var(--accent); animation: bn-ping 1.6s cubic-bezier(0,0,.2,1) infinite; }

.akis-filters { display: flex; gap: 8px; overflow-x: auto; padding: 2px 0 18px; scrollbar-width: none; }
.akis-filters::-webkit-scrollbar { display: none; }
.akis-chip { flex: none; font: inherit; font-size: 13px; font-weight: 700; color: var(--ink-soft); background: var(--bg-soft); border: 1px solid var(--line); padding: 7px 15px; border-radius: 999px; cursor: pointer; white-space: nowrap; transition: color .15s, border-color .15s, background .15s; }
.akis-chip:hover { color: var(--cat, var(--accent)); border-color: var(--cat, var(--accent)); }
.akis-chip.is-active { color: #fff; background: var(--cat, var(--ink)); border-color: var(--cat, var(--ink)); }

.akis-layout { display: grid; grid-template-columns: 1fr 320px; gap: 32px; align-items: start; }
.akis-main { min-width: 0; }
.akis-new { position: sticky; top: 92px; z-index: 6; display: block; width: 100%; margin-bottom: 16px; padding: 12px; border: 0; border-radius: var(--radius-sm); background: var(--accent); color: var(--accent-ink); font: inherit; font-weight: 700; font-size: 14px; cursor: pointer; box-shadow: 0 6px 18px rgba(178,31,45,.28); }
.akis-new:hover { filter: brightness(1.06); }
.akis-new-ic { display: inline-block; margin-right: 2px; }

.akis-feed { list-style: none; margin: 0; padding: 0; position: relative; }
.akis-feed::before { content: ""; position: absolute; left: 62px; top: 12px; bottom: 12px; width: 2px; background: var(--line); }
.akis-day { font-family: var(--serif); font-weight: 700; font-size: 15px; color: var(--ink-soft); margin: 26px 0 14px; position: relative; }
.akis-day:first-child { margin-top: 2px; }
.akis-day span { background: var(--bg); padding-right: 12px; position: relative; z-index: 1; }

.akis-item { display: grid; grid-template-columns: 52px 1fr; gap: 14px; padding: 7px 0; position: relative; }
.akis-item::before { content: ""; position: absolute; left: 57px; top: 20px; width: 11px; height: 11px; border-radius: 999px; background: var(--cat, var(--ink-faint)); border: 3px solid var(--bg); z-index: 1; }
.akis-item.is-column::before { background: var(--gold); }
.akis-item.is-breaking::before { background: var(--accent); }
.akis-time { font-size: 13px; font-weight: 700; color: var(--ink-faint); font-variant-numeric: tabular-nums; text-align: right; padding-top: 15px; }

.akis-card { display: flex; gap: 14px; align-items: flex-start; justify-content: space-between; background: var(--bg); border: 1px solid var(--line); border-radius: var(--radius-sm); padding: 13px 16px; transition: border-color .15s, box-shadow .15s, transform .15s; }
.akis-card:hover { border-color: var(--cat, var(--accent)); box-shadow: var(--shadow-sm); transform: translateY(-1px); text-decoration: none; }
.akis-item.is-breaking .akis-card { border-left: 3px solid var(--accent); }
.akis-card-text { min-width: 0; }
.akis-meta-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 5px; }
.akis-cat { font-size: 11px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: var(--cat, var(--accent)); }
.akis-tag { font-size: 10px; font-weight: 800; color: #fff; padding: 1.5px 7px; border-radius: 4px; text-transform: uppercase; letter-spacing: .03em; }
.akis-tag--col { background: var(--gold); }
.akis-tag--flash { background: var(--accent); }
.akis-title { display: block; font-family: var(--serif); font-size: 17px; line-height: 1.32; font-weight: 600; color: var(--ink); text-wrap: balance; }
.akis-card:hover .akis-title { color: var(--accent); }
.akis-excerpt { margin: 5px 0 0; font-size: 13.5px; line-height: 1.5; color: var(--ink-soft); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.akis-foot { margin-top: 8px; display: flex; align-items: center; gap: 7px; font-size: 12px; color: var(--ink-faint); }
.akis-ago { font-weight: 700; color: var(--ink-soft); }
.akis-thumb { flex: none; width: 112px; aspect-ratio: 16/9; height: auto; align-self: flex-start; border-radius: 7px; background-color: var(--bg-soft); background-size: cover; background-position: center; }

.akis-fresh { animation: akis-in .5s ease; }
@keyframes akis-in { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: none; } }
.akis-more { margin: 26px auto 0; display: block; }
.akis-side { position: sticky; top: 104px; display: grid; gap: 18px; max-height: calc(100vh - 120px); overflow-y: auto; scrollbar-width: none; }
.akis-side::-webkit-scrollbar { display: none; }

/* Akış yan widget'ları */
.akw-alt-link { display: block; margin-top: 10px; font-size: 12.5px; font-weight: 700; color: var(--accent); }
.akw-alt-link:hover { text-decoration: underline; }

/* Piyasa mini terminali (koyu — üst bantla aynı aile) */
.akw-piyasa { background: linear-gradient(180deg, #101a2e, #0b1322); border: 1px solid rgba(233,181,0,.25); border-radius: 14px; padding: 14px 16px; color: #e7edf6; }
.akw-piyasa-title { display: flex; align-items: baseline; justify-content: space-between; color: #fff; }
.akw-piyasa-title a { font-size: 11.5px; font-weight: 700; color: var(--gold, #e9b500); }
.akw-piyasa-title a:hover { text-decoration: underline; }
.akw-p-list { list-style: none; margin: 0; padding: 0; display: grid; }
.akw-p-list li { display: flex; align-items: baseline; gap: 8px; padding: 7px 0; border-top: 1px solid rgba(255,255,255,.08); font-size: 12.5px; }
.akw-p-list li:first-child { border-top: 0; }
.akw-p-ad { flex: 1; font-size: 10.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #8fa3c2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.akw-p-fiyat { font-weight: 700; color: #fff; font-variant-numeric: tabular-nums; }
.akw-p-chg { min-width: 62px; text-align: right; font-size: 11.5px; font-weight: 700; font-variant-numeric: tabular-nums; }
.akw-p-chg.up { color: #4ade80; }
.akw-p-chg.down { color: #fb7185; }
.akw-p-chg.flat { color: #7d8ea9; }

/* Ajanda widget'ı */
.akw-ajanda { list-style: none; margin: 0; padding: 0; display: grid; }
.akw-ajanda li { display: flex; gap: 10px; align-items: flex-start; padding: 9px 0; border-top: 1px solid var(--line); }
.akw-ajanda li:first-child { border-top: 0; padding-top: 2px; }
.akw-a-gun { flex: none; min-width: 46px; display: grid; justify-items: center; line-height: 1.1; padding: 5px 6px; border-radius: 9px; background: color-mix(in srgb, var(--accent) 8%, transparent); }
.akw-a-gun b { font-family: var(--display); font-size: 14px; font-weight: 800; font-variant-numeric: tabular-nums; color: var(--accent); }
.akw-a-gun small { font-size: 9px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--ink-faint); }
.akw-a-gun.is-yakin { background: var(--accent); }
.akw-a-gun.is-yakin b, .akw-a-gun.is-yakin small { color: #fff; }
.akw-a-body { display: grid; gap: 2px; min-width: 0; }
.akw-a-body strong { font-size: 12.5px; font-weight: 650; line-height: 1.35; }
.akw-a-body small { font-size: 11px; color: var(--ink-faint); }

/* Dünya Kupası mini */
.akw-wc { border-top: 3px solid #0a7d4f; }
.akw-wc-list { list-style: none; margin: 0; padding: 0; display: grid; }
.akw-wc-list li { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 8px; padding: 7px 0; border-top: 1px solid var(--line); font-size: 12.5px; }
.akw-wc-list li:first-child { border-top: 0; }
.akw-wc-t { font-weight: 650; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.akw-wc-t--a { text-align: right; }
.akw-wc-s { padding: 2px 8px; border-radius: 7px; background: color-mix(in srgb, #0a7d4f 10%, transparent); font-variant-numeric: tabular-nums; font-weight: 800; color: #0a7d4f; }
.akw-wc-list li.is-live .akw-wc-s { background: #0a7d4f; color: #fff; }
.akis-papers { padding: 0; overflow: hidden; }
.akis-papers .widget-title { padding: 16px 18px 12px; margin: 0; border-bottom: 2px solid var(--accent); }
.headlines-list { list-style: none; margin: 0; padding: 0; max-height: 72vh; overflow-y: auto; }
.headline { border-bottom: 1px solid var(--line); }
.headline a, .headline-nolink { display: block; padding: 11px 18px; color: inherit; }
.headline a:hover { background: var(--bg-soft); text-decoration: none; }
.headline-source { display: inline-block; font-size: 10.5px; font-weight: 800; letter-spacing: .03em; text-transform: uppercase; color: var(--accent); margin-bottom: 3px; }
.headline-title { display: block; font-size: 13.5px; line-height: 1.4; color: var(--ink); }
.headline a:hover .headline-title { color: var(--accent); }
.headline-loading { padding: 16px 18px; color: var(--ink-faint); font-size: 13px; }
.headlines-all { display: block; padding: 12px 18px; font-size: 13px; font-weight: 600; color: var(--link); border-top: 1px solid var(--line); }
.nav-akis { color: var(--accent); }
.paper-cta-text { font-size: 13.5px; color: var(--ink-soft); margin: 0 0 12px; line-height: 1.5; }

/* ====== GAZETE ÖN SAYFA GALERİSİ ====== */
.fronts-auto-badge { display: inline-block; margin-left: 8px; font-size: 12px; font-weight: 700; color: #15803d; background: color-mix(in srgb, #15803d 12%, transparent); padding: 2px 9px; border-radius: 999px; vertical-align: 2px; }
.fronts-note { color: var(--ink-faint); font-size: 13px; margin-top: 22px; text-align: center; }
.fronts-note a { color: var(--link); }
.fronts-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 22px; }
.front-card { margin: 0; }
.front-thumb { display: block; width: 100%; padding: 0; border: 1px solid var(--line); background: #fff; cursor: zoom-in; position: relative; border-radius: var(--radius-sm); overflow: hidden; box-shadow: var(--shadow); transition: transform .18s, box-shadow .18s; }
.front-thumb:hover { transform: translateY(-4px); box-shadow: 0 18px 44px rgba(23,19,14,.2); }
.front-thumb img { width: 100%; aspect-ratio: 600 / 820; object-fit: cover; object-position: top; display: block; background: #fff; }
.front-thumb--empty { aspect-ratio: 600 / 820; display: grid; place-content: center; gap: 6px; text-align: center; background: var(--bg-soft); color: var(--ink-soft); cursor: default; box-shadow: none; }
.front-thumb--empty span { font-family: var(--serif); font-weight: 700; font-size: 18px; }
.front-thumb--empty small { color: var(--ink-faint); font-size: 12px; }
.front-zoom { position: absolute; top: 8px; right: 8px; width: 30px; height: 30px; display: grid; place-items: center; border-radius: 8px; background: rgba(0,0,0,.55); color: #fff; font-size: 15px; opacity: 0; transition: opacity .15s; }
.front-thumb:hover .front-zoom { opacity: 1; }
.front-cap { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 10px 2px 0; }
.front-name { font-weight: 700; font-size: 14.5px; }
.front-link { font-size: 12.5px; color: var(--link); font-weight: 600; white-space: nowrap; }

.lightbox { position: fixed; inset: 0; z-index: 200; background: rgba(10,8,6,.92); display: grid; place-items: center; padding: 24px; }
.lightbox[hidden] { display: none; }
.lightbox-fig { margin: 0; max-width: 100%; max-height: 100%; text-align: center; }
.lightbox-fig img { max-width: min(640px, 92vw); max-height: 86vh; border-radius: 8px; box-shadow: 0 30px 80px rgba(0,0,0,.6); background: #fff; }
.lightbox-fig figcaption { color: #fff; font-family: var(--serif); font-size: 18px; margin-top: 12px; }
.lightbox-close { position: absolute; top: 18px; right: 22px; width: 44px; height: 44px; border-radius: 999px; border: 0; background: rgba(255,255,255,.14); color: #fff; font-size: 20px; cursor: pointer; }
.lightbox-close:hover { background: rgba(255,255,255,.28); }

/* ====== TAKVİM ====== */
.takvim-tabs { display: flex; gap: 8px; margin-bottom: 18px; }
.takvim-tab { padding: 9px 18px; border-radius: 999px; font-weight: 600; font-size: 14px; background: var(--bg-soft); border: 1px solid var(--line); color: var(--ink-soft); }
.takvim-tab:hover { color: var(--ink); text-decoration: none; }
.takvim-tab.is-active { background: var(--accent); color: var(--accent-ink); border-color: var(--accent); }
.takvim-table-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow-sm); }
.takvim-table { width: 100%; border-collapse: collapse; font-size: 14.5px; min-width: 640px; }
.takvim-table th { text-align: left; padding: 13px 16px; background: var(--bg-soft); border-bottom: 2px solid var(--line); font-size: 12.5px; text-transform: uppercase; letter-spacing: .03em; color: var(--ink-faint); }
.takvim-table td { padding: 14px 16px; border-bottom: 1px solid var(--line); vertical-align: top; }
.takvim-table tr:last-child td { border-bottom: 0; }
.takvim-table tbody tr:hover { background: var(--bg-soft); }
.tk-title strong { font-family: var(--serif); font-size: 16px; display: block; }
.tk-org { font-size: 12.5px; color: var(--ink-faint); }
.tk-dates { font-variant-numeric: tabular-nums; white-space: nowrap; }
.tk-event { font-weight: 600; }
.tk-note { display: block; font-weight: 400; font-size: 12.5px; color: var(--ink-faint); margin-top: 2px; }
.tk-link a { color: var(--link); font-weight: 600; white-space: nowrap; }

/* ====== MEMUR MAAŞ ====== */
.maas-layout { display: grid; grid-template-columns: 1fr 320px; gap: 28px; align-items: start; }
.maas-calc { background: var(--bg); border: 1px solid var(--line); border-radius: var(--radius); padding: 24px; box-shadow: var(--shadow-sm); }
.maas-h { font-family: var(--serif); font-size: 21px; margin: 0 0 18px; }
.maas-form { display: grid; gap: 14px; }
.maas-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.maas-row label { display: grid; gap: 6px; font-size: 13.5px; font-weight: 600; color: var(--ink-soft); }
.maas-row input, .maas-row select { padding: 10px 12px; border: 1px solid var(--line); border-radius: var(--radius-sm); background: var(--bg); color: var(--ink); font: inherit; }
.maas-row input:focus, .maas-row select:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent); }
.maas-spacer { }
.maas-result { margin-top: 20px; border-radius: var(--radius); overflow: hidden; border: 1px solid var(--line); }
.maas-net { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 20px; background: var(--grad, linear-gradient(135deg, var(--accent), #8e2b22)); color: #fff; }
.maas-net span { font-size: 14px; opacity: .9; }
.maas-net strong { font-family: var(--serif); font-size: 28px; font-variant-numeric: tabular-nums; }
.maas-breakdown { list-style: none; margin: 0; padding: 6px 0; display: grid; }
.maas-breakdown li { display: flex; justify-content: space-between; padding: 9px 20px; font-size: 14px; color: var(--ink-soft); }
.maas-breakdown li b { color: var(--ink); font-variant-numeric: tabular-nums; }
.maas-disclaimer { font-size: 12.5px; color: var(--ink-faint); margin: 14px 0 0; line-height: 1.5; }
.maas-list { list-style: none; margin: 0; padding: 0; }
.maas-list li { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; padding: 11px 0; border-bottom: 1px solid var(--line); }
.maas-list li:last-child { border-bottom: 0; }
.maas-pos { font-size: 14px; font-weight: 600; }
.maas-pos small { color: var(--ink-faint); font-weight: 400; }
.maas-amt { font-weight: 700; color: var(--accent); font-variant-numeric: tabular-nums; white-space: nowrap; }

/* Responsive */
@media (max-width: 960px) {
    .superlead { grid-template-columns: 1fr; }
    .maas-layout { grid-template-columns: 1fr; }
    .footer-grid { grid-template-columns: 1fr 1fr; }
    .superlead-main { min-height: 340px; }
    .video-hero { grid-template-columns: 1fr; }
    .akis-layout { grid-template-columns: 1fr; }
    .akis-side { position: static; margin-top: 28px; }
    .akis-item { grid-template-columns: 46px 1fr; gap: 10px; }
    .akis-feed::before { left: 55px; }
    .akis-item::before { left: 50px; }
    .akis-thumb { width: 88px; }
    .layout-2col { grid-template-columns: 1fr; }
    .sidebar { position: static; top: auto; }
    .grid-4 { grid-template-columns: repeat(2, 1fr); }
    .hero-grid { grid-template-columns: 1fr; }
}
@media (max-width: 680px) {
    .grid-3, .grid-4 { grid-template-columns: 1fr; }
    .header-inner { flex-wrap: wrap; }
    .search { max-width: none; order: 3; width: 100%; }
    .footer-grid { grid-template-columns: 1fr; gap: 24px; }
    .card-compact .card-link { grid-template-columns: 110px 1fr; }
}

/* ====== MANŞET SLIDER ====== */
.hero { display: grid; grid-template-columns: 1fr 344px; gap: 16px; margin-block: 22px; align-items: stretch; }
.hero--solo { grid-template-columns: 1fr; }
.hero-slider { position: relative; border-radius: var(--radius); overflow: hidden; height: clamp(340px, 42vw, 540px); background: #0c0c12; box-shadow: var(--shadow-sm); }
.hero-track { position: absolute; inset: 0; }
.hero-slide { position: absolute; inset: 0; display: block; opacity: 0; transition: opacity .55s ease; pointer-events: none; color: #fff; }
.hero-slide.is-active { opacity: 1; pointer-events: auto; }
.hero-slide--noimg { background: linear-gradient(135deg, color-mix(in srgb, var(--cat, var(--accent)) 65%, #0c0c12), #0c0c12); }
.hero-slide-blur { position: absolute; inset: 0; background-size: cover; background-position: center; filter: blur(26px) brightness(.55); transform: scale(1.15); }
.hero-slide-img { position: absolute; inset: 0; background-size: contain; background-position: center; background-repeat: no-repeat; }
.hero-slide-shade { position: absolute; inset: 0; background: linear-gradient(transparent 38%, rgba(0,0,0,.45) 64%, rgba(0,0,0,.88)); }
.hero-slide-body { position: absolute; left: 0; right: 0; bottom: 0; padding: clamp(18px, 3vw, 30px); display: grid; gap: 9px; }
/* Crossfade sırasında giren/çıkan slayt metinleri üst üste binmesin (görselsiz slaytlarda hayalet önler) */
.hero-slide:not(.is-active) .hero-slide-body { opacity: 0; transition: opacity .2s ease; }
.hero-slide.is-active .hero-slide-body { opacity: 1; transition: opacity .35s ease .18s; }
@media (prefers-reduced-motion: reduce) { .hero-slide-body { transition: none !important; } }
.hero-kicker { justify-self: start; background: var(--cat, var(--accent)); color: #fff; font-size: 11.5px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; padding: 5px 11px; border-radius: 6px; }
.hero-title { font-family: var(--serif); font-weight: 700; font-size: clamp(19px, 2.6vw, 30px); line-height: 1.16; color: #fff; text-wrap: balance; text-shadow: 0 2px 14px rgba(0,0,0,.5); max-width: 760px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.hero-slide:hover .hero-title { text-decoration: underline; text-underline-offset: 3px; }
.hero-meta { font-size: 13px; color: rgba(255,255,255,.82); }
.hero-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 42px; height: 42px; border: 0; border-radius: 999px; background: rgba(0,0,0,.42); color: #fff; font-size: 24px; line-height: 1; cursor: pointer; display: grid; place-items: center; opacity: 0; transition: opacity .2s, background .2s; z-index: 3; backdrop-filter: blur(4px); }
.hero-slider:hover .hero-arrow { opacity: 1; }
.hero-arrow:hover { background: var(--accent); }
.hero-prev { left: 12px; }
.hero-next { right: 12px; }
/* Büyük slayt üzerindeki sıra numarası rozeti */
.hero-slide-no { position: absolute; top: clamp(12px, 2.2vw, 20px); left: clamp(14px, 2.4vw, 24px); z-index: 2; font-family: var(--serif); font-weight: 700; font-size: clamp(24px, 3.6vw, 46px); line-height: 1; color: #fff; letter-spacing: -.02em; text-shadow: 0 2px 16px rgba(0,0,0,.55); font-variant-numeric: tabular-nums; }
.hero-slide-no::after { content: ""; display: block; width: clamp(22px, 3vw, 38px); height: 3px; margin-top: 6px; border-radius: 3px; background: var(--cat, var(--accent)); }

/* Numaralı manşet listesi (slider navigasyonu) */
.hero-nums { list-style: none; margin: 0; padding: 0; display: grid; grid-auto-rows: 1fr; gap: 8px; min-height: 0; }
.hero-nums li { min-height: 0; display: flex; }
.hero-num { position: relative; overflow: hidden; flex: 1; width: 100%; max-height: 168px; display: flex; align-items: center; gap: 13px; padding: 11px 15px; background: var(--bg-soft); border: 1px solid var(--line); border-radius: var(--radius); text-align: left; cursor: pointer; font: inherit; transition: background .18s, border-color .18s, box-shadow .18s, transform .1s; }
.hero-num:hover { border-color: color-mix(in srgb, var(--cat, var(--accent)) 45%, var(--line)); }
.hero-num:active { transform: scale(.99); }
/* Aktif kart: zemin tonu + kenarlık + tema-uyumlu sol vurgu şeridi (gece modunda koyu kategori renginde de görünür) */
.hero-num.is-active { background: color-mix(in srgb, var(--cat, var(--accent)) 14%, var(--bg-soft)); border-color: color-mix(in srgb, var(--cat, var(--accent)) 55%, var(--line)); box-shadow: inset 3px 0 0 color-mix(in srgb, var(--cat, var(--accent)) 65%, var(--ink)); }
.hero-num-n { flex: none; width: 38px; font-family: var(--serif); font-weight: 700; font-size: 27px; line-height: 1; color: var(--ink-faint); font-variant-numeric: tabular-nums; transition: color .18s; }
.hero-num.is-active .hero-num-n { color: color-mix(in srgb, var(--cat, var(--accent)) 75%, var(--ink)); }
.hero-num-c { min-width: 0; display: grid; gap: 3px; }
/* Kategori etiketi: --cat'i ön-plan ink'ine doğru harmanlayıp her iki temada da 4.5:1 kontrast garanti et */
.hero-num-cat { font-size: 10.5px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: color-mix(in srgb, var(--cat, var(--accent)) 60%, var(--ink)); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hero-num-title { font-family: var(--serif); font-size: 14.5px; font-weight: 600; line-height: 1.26; color: var(--ink); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.hero-num-bar { position: absolute; left: 0; bottom: 0; height: 3px; width: 0; background: var(--cat, var(--accent)); border-radius: 0 3px 0 0; }
.hero.is-playing .hero-num.is-active .hero-num-bar { animation: heroNumBar var(--hero-dur, 5.5s) linear forwards; }
@keyframes heroNumBar { from { width: 0; } to { width: 100%; } }

@media (prefers-reduced-motion: reduce) { .hero-slide { transition: none; } .hero-num-bar { animation: none !important; } }
@media (max-width: 960px) {
    .hero { grid-template-columns: 1fr; }
    .hero-slider { height: clamp(300px, 54vw, 440px); }
    .hero-arrow { opacity: 1; width: 38px; height: 38px; }
    .hero-nums { grid-auto-rows: auto; }
    .hero-num-title { -webkit-line-clamp: 1; }
}
@media (max-width: 560px) { .hero-slider { height: 66vw; } }

/* Gövde içi video gömme (YouTube/Vimeo) */
.article-body figure { margin: 22px 0; }
/* Video iframe'leri (YouTube/Vimeo) 16:9 — sosyal embed'ler HARİÇ (Instagram/X kendi genişlik+yüksekliğini ayarlar) */
.article-body iframe:not([class*="instagram"]):not([class*="twitter"]), .embed-video iframe { display: block; width: 100%; aspect-ratio: 16 / 9; height: auto; border: 0; border-radius: var(--radius-sm); background: #000; }

/* Gövde içi sosyal gömme (X/Instagram) — embed.js kendi boyutunu ayarlar, biz yalnızca ortalıyoruz */
.article-body .twitter-tweet, .article-body .instagram-media { margin: 22px auto; }

/* ===== Çıkarılabilir özet (TLDR) + SSS (GEO/AI) ===== */
.article-summary { font-weight: 500; }
.article-faq { margin: 32px 0; border-top: 2px solid var(--line); padding-top: 22px; }
.article-faq-title { font-family: var(--serif); font-size: clamp(20px, 3vw, 26px); margin: 0 0 14px; }
.faq-item { border: 1px solid var(--line); border-radius: var(--radius-sm); background: var(--bg-soft); margin-bottom: 10px; overflow: hidden; }
.faq-item summary { cursor: pointer; padding: 14px 18px; font-weight: 600; font-size: 16px; list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after { content: "+"; font-size: 22px; font-weight: 400; color: var(--accent); flex: none; transition: transform .2s; }
.faq-item[open] summary::after { transform: rotate(45deg); }
.faq-item summary:hover { color: var(--accent); }
.faq-answer { padding: 0 18px 16px; color: var(--ink-soft); line-height: 1.65; }

/* ============================================================================
   TASARIM ÜST-DÜZEY KATMANI — editöryel gazete dili (2026-06)
   Eşit özgüllükte kaynak sırası kazanır: bu blok yukarıdaki temel kuralları
   bilinçli olarak rafine eder. Sınıf adları değişmedi (geriye uyumlu).
   ========================================================================== */

/* ---- 1. Tipografi sistemi ---- */
html { font-optical-sizing: auto; }
/* Display serif: Fraunces opsz 144 (yüksek kontrast başlık kesimi) — tek başına en görünür serif yükseltmesi */
:is(.article-title, .superlead-title, .page-title, .brand-name, .card-hero .card-title, .notfound-code) {
    /* Montserrat display'e geçildi (2026-07): opsz anlamsız, kalın ağırlık esas */
    font-variation-settings: normal; font-weight: 800; letter-spacing: var(--track-display);
}
/* Başlıklar dengeli sarsın, akan metin öksüz satır bırakmasın */
:is(h1, h2, h3, .section-title, .widget-title, .page-title, .video-watch-title, .maas-h, .notfound-title) { text-wrap: balance; }
:is(.card-dek, .article-body p, .col-card-dek, .akis-excerpt, .footer-about, .superlead-dek, .video-watch-desc, .comment-body, .page-desc) { text-wrap: pretty; }
/* Rakam hizalı yüzeyler: tarih/tablolar/hesaplayıcı */
:is(time, .takvim-table, .maas-result, .maas-row input, .topbar-date, .notfound-code, .pagination) { font-variant-numeric: tabular-nums lining-nums; }
/* Tüm mikro-etiketler tek izleme değerinde (gerçek Inter 700 kesimi) */
:is(.card-cat, .article-cat, .tag-eyebrow, .badge-breaking, .breaking-label, .superlead-kicker, .video-hero-badge, .share-label, .footer-h, .ad-label, .akis-cat, .headline-source, .author-card-latest span) {
    letter-spacing: var(--track-caps); font-weight: 700;
}
.article-body blockquote { font-synthesis: none; }
/* Tip ölçeği eşlemesi */
.section-title { font-size: var(--text-xl); }
.article-title, .page-title { font-size: var(--text-3xl); line-height: 1.1; }
.card-lead .card-title, .article-body h3 { font-size: var(--text-lg); }
.card-normal .card-title { font-size: var(--text-md); }
.article-body h2 { font-size: clamp(24px, 3vw, 28px); font-weight: 800; }
.article-body { max-width: var(--measure); }
.article-body :is(h2, h3) { margin-block: 1.7em .5em; letter-spacing: -.015em; text-wrap: balance; }
/* Gövde içi h2: altın kicker çizgisi */
.article-body h2 { padding-top: 14px; border-top: 1px solid var(--line); position: relative; }
.article-body h2::before { content: ""; position: absolute; top: -1px; left: 0; width: 44px; height: 3px; background: var(--gold); }
/* Gövde içi tablolar: gazete veri tablosu (ham browser varsayılanı yerine) */
.article-body table { width: 100%; border-collapse: collapse; margin: 1.6em 0; font-family: var(--sans); font-size: 14.5px; font-variant-numeric: tabular-nums; }
.article-body th { text-align: left; padding: 10px 12px; border-bottom: 2.5px solid var(--ink); font-size: 12px; font-weight: 700; letter-spacing: var(--track-caps); text-transform: uppercase; color: var(--ink-soft); }
.article-body td { padding: 10px 12px; border-bottom: 1px solid var(--line); }
.article-body tbody tr:nth-child(even) { background: color-mix(in srgb, var(--bg-soft) 55%, transparent); }

/* ---- 2. Bölüm başlığı: klasik gazete çift çizgisi (kalın renkli + ince) ---- */
.section-title {
    position: relative; font-size: clamp(24px, 2.6vw, 30px); font-weight: 900; letter-spacing: -.02em;
    margin: var(--flow-section) 0 20px; padding: 14px 0 0; border-top: 3px solid var(--cat, var(--ink)); border-bottom: 0;
}
.section-title::after { content: ""; position: absolute; top: 5px; left: 0; right: 0; height: 1px; background: var(--line); }
.section-title > span { padding-left: 0; }
.section-title > span::before { content: none; }
.section-more { align-self: center; display: inline-flex; align-items: center; min-height: 44px; padding: 0 4px; font-size: 12.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--cat, var(--accent)); white-space: nowrap; }
.section-more:hover { color: var(--accent); text-decoration: none; }

/* ---- 3. Anasayfa: haber ağı hiyerarşisi ---- */
/* Son Haberler: ilk kart tam genişlik yatay manşet */
@media (min-width: 681px) {
    .grid-3 > .card:first-child { grid-column: 1 / -1; padding-bottom: 20px; border-bottom: 1px solid var(--line); }
    .grid-3 > .card:first-child .card-link { display: grid; grid-template-columns: 1.25fr 1fr; gap: 22px; align-items: center; }
    .grid-3 > .card:first-child .card-media { aspect-ratio: 16/9; }
    .grid-3 > .card:first-child .card-title { font-size: clamp(23px, 2.5vw, 30px); line-height: 1.18; }
    .grid-3 > .card:first-child .card-dek { font-size: 15.5px; }
}
/* Kategori blokları: NYT deseni — solda büyük manşet, sağda 3 kompakt satır */
@media (min-width: 861px) {
    .grid-4 { grid-template-columns: repeat(2, 1fr); gap: 20px 28px; }
    .grid-4 > .card:first-child { grid-row: span 3; }
    .grid-4 > .card:first-child .card-title { font-size: clamp(21px, 2.2vw, 26px); }
    .grid-4 > .card:not(:first-child) .card-link { display: grid; grid-template-columns: 132px 1fr; gap: 14px; align-items: start; }
    .grid-4 > .card:not(:first-child) .card-media { aspect-ratio: 16/9; }
    .grid-4 > .card:not(:first-child) .card-body { padding-block: 0 8px; border-bottom: 1px solid var(--line); }
    .grid-4 > .card:not(:first-child) .card-title { font-size: 16.5px; }
    .grid-4 > .card:last-child .card-body { border-bottom: 0; }
}
.card-dek { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
/* Kart mikro-tipografi + tek hover hareketi (görsel yaklaşır, kart zıplamaz) */
.card-meta span:first-child { font-weight: 600; color: var(--ink-soft); }
.card-media { transition: transform .28s ease, box-shadow .28s ease; }
.card-link:hover .card-media { transform: scale(1.015); box-shadow: var(--shadow); }
.grid-3 > .card:hover, .grid-4 > .card:hover, .hero-side > .card:hover { transform: none; }
.card-cat { letter-spacing: var(--track-caps); }
/* Çok Okunanlar: hayalet kontur rakamlar + ince çizgili satırlar */
.rank-list { gap: 0; }
.rank-list li { gap: 14px; align-items: baseline; padding-block: 12px; border-top: 1px solid var(--line); }
.rank-list li:first-child { border-top: 0; padding-top: 2px; }
.rank-num { font-size: 34px; font-weight: 900; min-width: 30px; color: transparent; -webkit-text-stroke: 1.3px var(--accent); transition: color .18s; }
@supports not (-webkit-text-stroke: 1px black) { .rank-num { color: color-mix(in srgb, var(--accent) 60%, var(--bg)); } }
.rank-list li:hover .rank-num { color: var(--accent); }
.rank-list a { font-family: var(--serif); font-size: 15.5px; font-weight: 600; line-height: 1.35; }
.rank-list a:hover { color: var(--accent); text-decoration: none; }
/* Yan panel: kutu yerine FT tarzı çizgi+etiket */
.widget { border: 0; border-top: 3px solid var(--ink); border-radius: 0; background: transparent; padding: 14px 0 0; box-shadow: none; }
.widget-title { font-family: var(--sans); font-size: 12.5px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--ink); margin: 0 0 14px; padding-bottom: 0; border-bottom: 0; }
.widget-title::after { content: ""; display: inline-block; width: 26px; height: 2px; background: var(--accent); margin-left: 10px; vertical-align: 3px; }
.akis-papers .widget-title { padding: 16px 0 0; }
/* Video: her iki temada koyu "gösterim salonu" bandı (sabit hex — var(--ink) DEĞİL) */
.video-block { margin-block: var(--flow-section); margin-inline: calc(-1 * var(--pad)); padding: 8px var(--pad) 22px; border-radius: var(--radius); background: linear-gradient(180deg, #191322, #110d17); color: #f2edf7; }
.video-block .section-title { color: #f2edf7; border-top-color: #8e44ad; margin-top: 0; padding-top: 22px; }
.video-block .section-title::after { background: rgba(255,255,255,.14); }
.video-block .section-more { color: #cbaee6; }
.video-block .section-more:hover { color: #e6d2f7; }
.video-block .vcard-title { color: #f2edf7; }
.video-block .vcard-link:hover .vcard-title { color: #d9b8f5; }
.video-block .vcard-meta { color: rgba(242,237,247,.66); }
.video-block .video-row { scrollbar-color: rgba(255,255,255,.25) transparent; padding-bottom: 14px; }
/* Köşe yazıları: görüş kimliği — altın üst çizgi + tırnak + italik serif dek */
.columns-block .section-title { border-top-color: var(--gold); }
.col-card { border-left: 1px solid var(--line); border-top: 3px solid var(--gold); padding: 22px; background: color-mix(in srgb, var(--gold) 4%, var(--bg)); }
.col-card-title { position: relative; font-size: 20px; letter-spacing: -.012em; }
.col-card-title::before { content: "\201C"; display: block; font-family: var(--serif); font-size: 46px; font-weight: 900; line-height: .35; color: color-mix(in srgb, var(--gold) 60%, transparent); margin-bottom: 8px; }
.col-card-dek { font-family: var(--serif); font-style: italic; font-size: 14.5px; line-height: 1.6; }
.col-avatar { border: 2px solid color-mix(in srgb, var(--gold) 65%, var(--bg)); box-shadow: 0 0 0 1px var(--line); }
.col-author strong { font-family: var(--serif); font-size: 15.5px; }
.columns-row { padding-bottom: 14px; scrollbar-color: color-mix(in srgb, var(--ink) 25%, transparent) transparent; }

/* ---- 4. Günün Gazete Manşetleri — kompakt raf (anasayfa) ---- */
.fronts-strip .section-title { margin-top: 28px; }
.fronts-strip-date { font-family: var(--sans); font-weight: 500; font-size: 12.5px; color: var(--ink-faint); margin-left: 10px; letter-spacing: 0; text-transform: capitalize; }
.fronts-rail {
    list-style: none; margin: 0; padding: 4px 2px 12px;
    display: flex; gap: 14px;
    overflow-x: auto; overscroll-behavior-x: contain;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -webkit-mask-image: linear-gradient(to right, transparent, #000 28px, #000 calc(100% - 28px), transparent);
    mask-image: linear-gradient(to right, transparent, #000 28px, #000 calc(100% - 28px), transparent);
}
.fronts-rail::-webkit-scrollbar { display: none; }
.fronts-rail-item { flex: 0 0 auto; scroll-snap-align: start; }
.front-mini { display: block; width: 94px; }
.front-mini:hover { text-decoration: none; }
.front-mini img {
    width: 94px; aspect-ratio: 600 / 820; height: auto;
    object-fit: cover; object-position: top;
    background: #fff; border: 1px solid var(--line); border-radius: 4px;
    box-shadow: var(--shadow-sm), 0 6px 14px rgba(23,19,14,.10);
    transition: transform .18s ease, box-shadow .18s ease;
}
.front-mini:hover img { transform: translateY(-3px) rotate(-.4deg); box-shadow: 0 10px 22px rgba(23,19,14,.18); }
.front-mini-name {
    display: block; margin-top: 6px; max-width: 94px; text-align: center;
    font-size: 10.5px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase;
    color: var(--ink-faint); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.front-mini:hover .front-mini-name { color: var(--ink); }
@media (max-width: 640px) {
    .front-mini, .front-mini img, .front-mini-name { width: 82px; max-width: 82px; }
    .fronts-rail { gap: 11px; }
}
@media (prefers-color-scheme: dark) {
    html:not([data-theme=light]) .front-mini img { border-color: #3a332a; box-shadow: 0 1px 2px rgba(0,0,0,.5), 0 8px 18px rgba(0,0,0,.55); }
    html:not([data-theme=light]) .front-mini:hover img { box-shadow: 0 12px 26px rgba(0,0,0,.7); }
}
/* tema anahtarı: elle koyu seçimi (sistem tercihi ne olursa olsun) */
html[data-theme=dark] .front-mini img { border-color: #3a332a; box-shadow: 0 1px 2px rgba(0,0,0,.5), 0 8px 18px rgba(0,0,0,.55); }
html[data-theme=dark] .front-mini:hover img { box-shadow: 0 12px 26px rgba(0,0,0,.7); }
@media (prefers-reduced-motion: reduce) { .front-mini:hover img { transform: none; } }

/* ---- 5. Haber sayfası: dünya klasmanı rötuşlar ---- */
.article-title { letter-spacing: -.022em; line-height: 1.12; }
.article-dek { font-family: var(--serif); font-variation-settings: "opsz" 28; font-weight: 400; line-height: 1.52; }
/* Byline: kutu yerine gazete Scotch çizgisi (çift+ince) */
.article-byline { padding: 14px 2px; background: transparent; border: 0; border-top: 3px double var(--ink); border-bottom: 1px solid var(--line); border-radius: 0; }
.byline-meta .updated { color: var(--gold-ink); font-weight: 600; }
/* Görsel: masaüstünde metinden taşan dergi görseli + altın-çizgili düz caption */
@media (min-width: 1000px) { .article-figure { margin-inline: -70px; } }
.article-figure figcaption { border-left: 0; padding-left: 0; font-style: normal; font-size: 13px; letter-spacing: .01em; display: flex; align-items: baseline; gap: 10px; }
.article-figure figcaption::before { content: ""; flex: none; align-self: center; width: 20px; height: 2px; background: var(--gold); }
/* Pull-quote: ortalanmış dergi alıntısı */
.article-body blockquote { border-left: 0; padding: 0 8px; margin: 2.5em auto; max-width: 34ch; text-align: center; font-variation-settings: "opsz" 72; letter-spacing: -.01em; }
.article-body blockquote::before { content: "\201C"; position: static; display: block; font-size: 56px; line-height: .6; margin-bottom: 14px; color: color-mix(in srgb, var(--accent) 60%, transparent); font-style: normal; }
.article-body blockquote::after { content: ""; display: block; width: 44px; height: 3px; border-radius: 2px; background: var(--accent); margin: 20px auto 0; }
/* Okuma çubuğu: başlıktaki kırmızı çizgiyi kopyalamak yerine altın "yaldızlı kenar" */
.reading-progress { height: 3px; background: var(--gold); box-shadow: 0 1px 0 color-mix(in srgb, var(--ink) 12%, transparent); }
/* Paylaş: tek renk kontur, marka rengi yalnız hover'da; 44px hedef */
.share-btn { width: 44px; height: 44px; background: transparent; color: var(--ink-soft); border: 1px solid var(--line); transition: transform .12s, background .15s, color .15s, border-color .15s; }
.s-x, .s-fb, .s-wa, .s-tg, .s-li, .s-mail { background: transparent; color: var(--ink-soft); }
.s-x:hover, .s-x:focus-visible { background: #000; border-color: #000; color: #fff; }
.s-fb:hover, .s-fb:focus-visible { background: #1877f2; border-color: #1877f2; color: #fff; }
.s-wa:hover, .s-wa:focus-visible { background: #25d366; border-color: #25d366; color: #fff; }
.s-tg:hover, .s-tg:focus-visible { background: #229ed9; border-color: #229ed9; color: #fff; }
.s-li:hover, .s-li:focus-visible { background: #0a66c2; border-color: #0a66c2; color: #fff; }
.s-mail:hover, .s-mail:focus-visible { background: #6b7280; border-color: #6b7280; color: #fff; }
/* Etiketler: tıklanabilir kontur çipler */
.article-tags { align-items: center; gap: 9px; margin: 30px 0; padding-top: 18px; border-top: 1px solid var(--line); }
.tag { display: inline-flex; align-items: center; min-height: 38px; padding: 0 15px; border: 1px solid var(--line); background: var(--bg-soft); transition: border-color .15s, color .15s, background .15s; }
.tag:hover { border-color: color-mix(in srgb, var(--accent) 45%, var(--line)); background: color-mix(in srgb, var(--accent) 7%, var(--bg-soft)); }
/* Önceki/Sonraki haber gezinmesi */

/* Yorumlar: okur mektupları sayfası gibi */
.comments .section-title { border-top: 4px double var(--ink); }
.comment-count { color: var(--gold); font-variant-numeric: tabular-nums; font-weight: 800; }
.comment-avatar { background: var(--bg-sunken); color: var(--ink-soft); }
.comment-author { font-family: var(--serif); font-size: 16.5px; letter-spacing: -.01em; }
.comment-body { font-size: 15.5px; line-height: 1.65; max-width: 62ch; }
.comment-reply-btn { min-height: 44px; display: inline-flex; align-items: center; }
.comment-form { padding: 24px; }
.comment-form-title { font-size: 22px; }
/* SSS: gri kutular yerine ince çizgili satırlar */
.faq-item { border: 0; border-top: 1px solid var(--line); border-radius: 0; background: transparent; margin-bottom: 0; }
.faq-item:last-of-type { border-bottom: 1px solid var(--line); }
.faq-item summary { padding: 16px 4px; font-family: var(--serif); font-size: 17.5px; font-weight: 600; min-height: 44px; box-sizing: border-box; }
.faq-answer { padding: 0 4px 18px; max-width: 62ch; }
/* İlgili haberler açılışı */
.related { margin-top: var(--flow-section); }
.related .section-title { border-top: 4px double var(--ink); }

/* ---- 6. Arşiv sayfaları ---- */
/* Sayfa başlığı: Scotch çizgisi + kategori renkli kısa bar + eyebrow */
.page-head { position: relative; margin-block: 26px 30px; padding-bottom: 20px; border-bottom: 4px double var(--line); }
.page-head::after { content: ""; position: absolute; left: 0; bottom: -4px; width: 88px; height: 4px; background: var(--cat, var(--accent)); }
.page-eyebrow { display: inline-flex; align-items: center; gap: 10px; font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--cat, var(--accent)); margin-bottom: 6px; }
.page-eyebrow::before { content: ""; width: 26px; height: 2px; background: currentColor; }
.page-title { font-size: clamp(32px, 6vw, 52px); font-weight: 800; letter-spacing: -.025em; line-height: 1.05; }
.page-desc { font-family: var(--serif); font-style: italic; font-size: 17px; margin: 10px 0 0; max-width: 62ch; }
/* Arşiv ağı: ilk haber manşetleşir (yalnız 1. sayfa, .grid-archive) */
@media (min-width: 681px) {
    .grid-archive > .card:first-child { grid-column: 1 / -1; padding-bottom: 22px; border-bottom: 1px solid var(--line); }
    .grid-archive > .card:first-child .card-link { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 26px; align-items: center; }
    .grid-archive > .card:first-child .card-media { aspect-ratio: 16/9; }
    .grid-archive > .card:first-child .card-title { font-size: clamp(24px, 3.6vw, 36px); line-height: 1.12; }
    .grid-archive > .card:first-child .card-dek { font-size: 16px; line-height: 1.6; }
}
/* Yazar sayfası: E-E-A-T vitrini */
.author-hero { gap: 28px; padding: clamp(24px, 4vw, 40px); border: 1px solid var(--line); border-top: 4px solid var(--gold); box-shadow: var(--shadow-sm); margin-block: 22px 34px; }
.author-hero-avatar { width: 112px; height: 112px; font-size: 48px; box-shadow: 0 0 0 4px var(--bg), 0 0 0 6px var(--gold); }
.author-hero-name { font-size: clamp(28px, 5vw, 40px); font-weight: 800; letter-spacing: -.02em; text-wrap: balance; }
.author-hero-title { color: var(--gold-ink); font-weight: 700; font-size: 13px; text-transform: uppercase; letter-spacing: .08em; margin: 6px 0 10px; }
.author-hero-bio { font-family: var(--serif); font-size: 16.5px; line-height: 1.65; }
.author-hero-stats { font-size: 13.5px; color: var(--ink-faint); font-variant-numeric: tabular-nums; margin: 0 0 10px; }
.author-hero-stats strong { color: var(--ink); font-family: var(--serif); font-size: 18px; }
.author-hero-links a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 18px; border: 1px solid var(--line); border-radius: 999px; background: var(--bg); font-size: 13.5px; font-weight: 600; color: var(--ink-soft); transition: border-color .15s, color .15s; }
.author-hero-links a:hover { border-color: var(--gold); color: var(--gold); text-decoration: none; }
@media (max-width: 680px) { .author-hero { flex-direction: column; text-align: center; } .author-hero-links { justify-content: center; flex-wrap: wrap; } }
.section-title--author { border-top-color: var(--gold); }
/* Yazarlar ağı */
.author-card { transition: transform .18s, box-shadow .18s, border-color .18s; }
.author-card:hover { border-color: color-mix(in srgb, var(--gold) 55%, var(--line)); }
.author-card-avatar { transition: box-shadow .18s; }
.author-card:hover .author-card-avatar { box-shadow: 0 0 0 4px var(--bg), 0 0 0 6px var(--gold); }
.author-card-name { font-size: 21px; letter-spacing: -.015em; text-wrap: balance; }
.author-card-count { font-variant-numeric: tabular-nums; }
.author-card-latest { padding: 12px 4px 2px; min-height: 44px; display: flex; flex-direction: column; justify-content: center; font-family: var(--serif); line-height: 1.35; }
/* Sayfalama: 44px yuvarlak + ok + hover */
.pagination a, .page-current { min-width: 44px; height: 44px; border-radius: 999px; font-family: var(--serif); font-weight: 700; transition: border-color .15s, color .15s, background .15s; }
.pagination a:hover { border-color: var(--accent); color: var(--accent); text-decoration: none; background: color-mix(in srgb, var(--accent) 7%, transparent); }
.page-arrow { font-size: 20px; }
.page-gap { align-self: center; color: var(--ink-faint); padding-inline: 2px; }
/* Etiket sayfası: hayalet # filigranı (isolation ile başlığın arkasında kalır) */
.tag-head { position: relative; overflow: hidden; isolation: isolate; }
.tag-head::before { content: "#"; position: absolute; right: -6px; top: 50%; transform: translateY(-56%); font-family: var(--serif); font-weight: 900; font-size: clamp(120px, 22vw, 200px); line-height: 1; color: color-mix(in srgb, var(--accent) 7%, transparent); pointer-events: none; z-index: -1; }
.tag-count { font-family: var(--serif); font-style: normal; font-size: 1.3em; color: var(--accent); font-variant-numeric: tabular-nums; }
/* Arama: editöryel sonuç sayfası */
.search-count strong { font-family: var(--serif); font-size: 1.35em; color: var(--accent); font-variant-numeric: tabular-nums; }
.search-page { max-width: 640px; padding: 8px 8px 8px 22px; margin-block: 18px 8px; box-shadow: var(--shadow-sm); }
.search-page input { font-size: 17px; height: 44px; }
.search-page input::placeholder { font-family: var(--serif); font-style: italic; color: var(--ink-faint); }
.search-page button { height: 44px; font-weight: 700; }
.search-results { margin-top: 28px; }
/* Boş durum: zarif tipografik nokta */
.empty { font-family: var(--serif); font-style: italic; font-size: 18px; color: var(--ink-soft); padding: 56px 20px; }
.empty::before { content: ""; display: block; width: 34px; height: 3px; margin: 0 auto 14px; border-radius: 2px; background: var(--line); }
/* Akış: yapışkan gün rozetleri + uçları solan ray */
.akis-day { position: sticky; top: 58px; z-index: 5; }
.akis-day span { display: inline-flex; align-items: center; gap: 8px; background: var(--bg); border: 1px solid var(--line); border-radius: 999px; padding: 6px 16px; font-size: 13.5px; letter-spacing: .02em; box-shadow: var(--shadow-sm); }
.akis-day span::before { content: ""; width: 8px; height: 8px; border-radius: 999px; background: var(--gold); }
.akis-feed::before { background: linear-gradient(var(--line), var(--line)) center/2px 100% no-repeat; -webkit-mask: linear-gradient(transparent, #000 24px, #000 calc(100% - 24px), transparent); mask: linear-gradient(transparent, #000 24px, #000 calc(100% - 24px), transparent); }
.akis-status { background: color-mix(in srgb, var(--accent) 8%, transparent); }
@media (max-width: 680px) { .akis-day { top: 8px; } }

/* ---- 7. Araç sayfaları + krom ---- */
/* Maaş: resmi bordro hissi */
.maas-calc { border-top: 4px solid var(--gold); padding: 28px; box-shadow: var(--shadow); }
.maas-h { font-size: 26px; letter-spacing: -.015em; margin: 0 0 4px; }
.maas-eyebrow { display: block; font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--gold-ink); margin-bottom: 10px; }
.maas-row label { font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--ink-faint); }
.maas-row input, .maas-row select { min-height: 44px; font-size: 16px; }
.maas-net { padding: 22px 24px; }
.maas-net span { font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; opacity: .85; }
.maas-net strong { font-size: clamp(32px, 5vw, 42px); letter-spacing: -.02em; }
.maas-breakdown { padding: 10px 0; }
.maas-breakdown li { gap: 12px; padding: 10px 22px; font-variant-numeric: tabular-nums; }
.maas-breakdown li::before { content: ""; order: 2; flex: 1; border-bottom: 1px dotted var(--line); transform: translateY(-4px); }
.maas-breakdown li b { order: 3; font-size: 15px; }
.maas-breakdown li span { order: 1; }
.maas-amt { font-family: var(--serif); font-size: 16px; }
.maas-list li { transition: background .15s; }
.maas-list li:hover { background: var(--bg-soft); margin-inline: -10px; padding-inline: 10px; border-radius: 6px; }
/* Takvim: gazete veri tablosu */
.takvim-table th { border-bottom: 2.5px solid var(--ink); background: transparent; font-size: 11.5px; font-weight: 800; letter-spacing: .08em; color: var(--ink-soft); padding: 11px 16px; }
.takvim-table tbody tr:nth-child(even) { background: color-mix(in srgb, var(--bg-soft) 55%, transparent); }
.takvim-table tbody tr:hover { background: color-mix(in srgb, var(--gold) 9%, var(--bg-soft)); }
.tk-title strong { font-size: 17px; letter-spacing: -.01em; line-height: 1.25; }
/* Takvim başlığı → site içi arama bağlantısı */
.tk-search { color: inherit; }
.tk-search:hover { color: var(--accent); text-decoration: none; }
.tk-search::after { content: " ⌕"; font-size: .8em; color: var(--ink-faint); opacity: 0; transition: opacity .15s; }
.tk-title:hover .tk-search::after { opacity: 1; }
.tk-org { text-transform: uppercase; letter-spacing: .05em; font-size: 11px; font-weight: 700; color: var(--gold-ink); }
.tk-dates, .tk-event { font-variant-numeric: tabular-nums; font-size: 14px; }
.tk-link a { display: inline-flex; align-items: center; min-height: 44px; padding-inline: 10px; }
.takvim-tab { min-height: 44px; display: inline-flex; align-items: center; padding: 0 22px; font-weight: 700; }
.takvim-tab.is-active { box-shadow: 0 4px 12px color-mix(in srgb, var(--accent) 30%, transparent); }
.takvim-table-wrap { box-shadow: var(--shadow); }
/* Video galeri: sinema salonu hero (sabit koyu — her iki temada) */
.video-hero { background: #14110c; color: #f4efe7; border-radius: var(--radius); padding: clamp(18px, 3vw, 30px); box-shadow: var(--shadow); }
.video-hero-title { color: #f4efe7; }
.video-hero-title a { color: inherit; }
.video-hero-dek { color: rgba(244,239,231,.72); }
.video-hero .video-embed { border-radius: var(--radius-sm); box-shadow: 0 18px 44px rgba(0,0,0,.45); }
.video-watch-title { letter-spacing: -.02em; text-wrap: balance; }
.video-watch-desc { font-family: var(--serif); font-size: 17px; line-height: 1.75; max-width: 65ch; color: color-mix(in srgb, var(--ink) 92%, var(--bg)); }
.vcard-media { transition: box-shadow .18s; }
.vcard-link:hover .vcard-media { box-shadow: var(--shadow); }
/* Gazete galerisi: baskı kenarı + serif künye */
.front-name { font-family: var(--serif); font-weight: 800; font-size: 15.5px; letter-spacing: -.01em; }
.front-link { min-height: 44px; display: inline-flex; align-items: center; }
.front-thumb::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(23,19,14,.06); pointer-events: none; }
.front-thumb:hover { transform: translateY(-4px) rotate(-.4deg); }
@media (prefers-reduced-motion: reduce) { .front-thumb:hover { transform: none; } }
.fronts-note { font-variant-numeric: tabular-nums; }
.fronts-auto-badge { color: var(--gold); background: color-mix(in srgb, var(--gold) 14%, transparent); }
/* Statik/yasal sayfalar: drop-cap bastır, ölçüyü daralt */
.static-page .article-body > p:first-of-type { font-size: 1em; }
.static-page .article-body > p:first-of-type::first-letter { float: none; font-size: inherit; padding: 0; color: inherit; font-weight: inherit; }
.static-page .article-body { font-size: 17.5px; line-height: 1.75; }
.static-page .article-body h2 { padding-bottom: 8px; border-bottom: 1px solid var(--line); border-top: 0; padding-top: 0; }
.static-page .article-body h2::before { content: none; }
.static-page .article-title { font-size: clamp(28px, 4.5vw, 38px); }
/* Topbar: FT tarzı baskı şeridi */
.topbar { font-size: 11.5px; letter-spacing: .06em; }
.topbar-inner { height: 38px; }
.topbar-date { font-variant-numeric: tabular-nums; color: var(--gold); font-weight: 600; text-transform: none; }
.topbar-date::before { content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 999px; background: var(--gold); margin-right: 8px; vertical-align: 1px; }
.topbar-links { gap: 0; }
.topbar-links a { display: inline-flex; align-items: center; height: 38px; padding-inline: 12px; text-transform: uppercase; font-weight: 600; letter-spacing: .08em; font-size: 11px; }
/* Topbar zemini var(--ink) (gece modunda AÇIĞA döner) → hover tema-uyumlu var(--bg) olmalı, sabit #fff DEĞİL */
.topbar-links a:hover { color: var(--bg); text-decoration: none; background: color-mix(in srgb, var(--bg) 10%, transparent); }
/* Ana menü: aktif durum + tipografik işaretler + 44px hedef */
.mainnav a { padding: 15px 14px; }
.mainnav a[aria-current="page"] { color: var(--ink); border-bottom-color: var(--cat, var(--accent)); font-weight: 700; }
.nav-video::before { content: "▶"; font-size: 9px; margin-right: 7px; vertical-align: 1px; }
.nav-akis::before { content: ""; display: inline-block; width: 7px; height: 7px; border-radius: 999px; background: var(--accent); margin-right: 7px; animation: bn-ping 1.6s cubic-bezier(0,0,.2,1) infinite; }
@media (prefers-reduced-motion: reduce) { .nav-akis::before { animation: none; } }
.search button { width: 44px; height: 44px; }
.search { padding: 3px 3px 3px 16px; }
/* Footer: gazete kolofonu (sabit koyu doğru — var(--ink) kullanma kuralı) */
.site-footer { margin-top: var(--flow-section); padding-block: 48px 0; border-top: none; position: relative; }
.site-footer::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 8px; border-top: 3px solid var(--gold); border-bottom: 1px solid color-mix(in srgb, var(--gold) 55%, transparent); }
.brand-footer .brand-name { font-size: 32px; font-weight: 900; letter-spacing: -.03em; }
.footer-tagline { font-family: var(--serif); font-style: italic; color: var(--gold); margin: 6px 0 0; font-size: 15px; }
.footer-about { color: color-mix(in srgb, #fff 65%, transparent); line-height: 1.7; }
.footer-h { font-family: var(--serif); font-style: italic; font-size: 15px; text-transform: none; letter-spacing: 0; color: var(--gold); border-bottom: 1px solid rgba(255,255,255,.14); padding-bottom: 8px; margin-bottom: 14px; }
.footer-list { gap: 4px; }
.footer-list a { display: inline-block; padding-block: 5px; font-size: 14px; transition: color .15s, transform .15s; }
.footer-list a:hover { color: #fff; text-decoration: none; transform: translateX(3px); }
.footer-social a:hover { color: #fff; }
.footer-bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; font-variant-numeric: tabular-nums; }
/* 404: arşiv notu */
.notfound { max-width: 560px; margin-inline: auto; padding: 64px 20px 80px; }
.notfound-code { font-size: clamp(110px, 22vw, 160px); letter-spacing: -.04em; position: relative; padding-block: 18px; }
.notfound-code::before, .notfound-code::after { content: ""; display: block; position: absolute; left: 50%; transform: translateX(-50%); width: 220px; height: 7px; border-top: 3px solid var(--ink); border-bottom: 1px solid var(--ink); }
.notfound-code::before { top: 0; }
.notfound-code::after { bottom: 0; }
.notfound-text { font-family: var(--serif); font-style: italic; font-size: 18px; text-wrap: balance; }
.notfound-search { margin: 22px auto; max-width: 380px; }
.notfound-search button { width: auto; padding-inline: 18px; min-height: 44px; }
.notfound-links { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-top: 18px; }
.notfound-links a { padding: 10px 16px; min-height: 44px; display: inline-flex; align-items: center; border: 1px solid var(--line); border-radius: 999px; font-weight: 600; font-size: 14px; }
.notfound-links a:hover { border-color: var(--accent); color: var(--accent); text-decoration: none; }
/* Etkileşim cilası */
.btn { min-height: 44px; transition: background .15s, box-shadow .15s, transform .12s; }
.btn-primary:hover { box-shadow: 0 6px 16px color-mix(in srgb, var(--accent) 35%, transparent); }
.btn:active { transform: translateY(1px); }

/* Ekonomi takvimi widget'ı (anasayfa yan panel) */
.econ-list { list-style: none; margin: 0; padding: 0; }
.econ-list li { display: grid; gap: 2px; padding-block: 10px; border-top: 1px solid var(--line); }
.econ-list li:first-child { border-top: 0; padding-top: 0; }
.econ-date { font-size: 12px; font-weight: 700; color: var(--gold-ink); font-variant-numeric: tabular-nums; letter-spacing: .02em; }
.econ-title { font-family: var(--serif); font-size: 14.5px; font-weight: 600; line-height: 1.3; }
.econ-title small { font-family: var(--sans); font-weight: 600; font-size: 11px; color: var(--ink-faint); text-transform: uppercase; letter-spacing: .05em; margin-left: 4px; }
.widget-more { display: inline-block; margin-top: 12px; font-size: 13px; font-weight: 700; color: var(--link); }

/* ============================================================================
   AAA ANASAYFA KATMANI (2026-07) — imza an: geri sayım şeridi + baskı çerçevesi
   + tonal bantlar + broadsheet kolon çizgileri + mikro-etkileşim finişi.
   Kaynak sırası: üstteki katmanları bilinçli rafine eder; print + hareket-azaltma
   blokları DOSYANIN EN SONUNDA kalmalı (kaskad beraberliklerini kazanır).
   ========================================================================== */

/* ---- Sınav geri sayım şeridi: 'KPSS'ye 66 gün' ---- */
.exam-ribbon { display: flex; align-items: center; gap: 18px; padding-block: 10px; border-block: 1px solid var(--line); margin-block: 2px 6px; }
.exam-ribbon-label { flex: none; font-size: 11px; font-weight: 800; letter-spacing: var(--track-caps); text-transform: uppercase; color: var(--gold-ink); }
.exam-ribbon-label::after { content: ""; display: block; width: 26px; height: 2px; background: var(--gold); margin-top: 4px; }
.exam-ribbon-track { list-style: none; margin: 0; padding: 0; display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 28px), transparent); mask-image: linear-gradient(to right, #000 calc(100% - 28px), transparent); }
.exam-ribbon-track::-webkit-scrollbar { display: none; }
.exam-chip { display: flex; align-items: center; gap: 12px; min-height: 48px; padding: 4px 14px 4px 10px; border-radius: var(--radius-sm); white-space: nowrap; transition: background .15s; }
.exam-chip:hover { background: var(--bg-soft); text-decoration: none; }
.exam-chip-n { font-family: var(--serif); font-variation-settings: "opsz" 144; font-weight: 900; font-size: 32px; line-height: 1; font-variant-numeric: tabular-nums; color: transparent; -webkit-text-stroke: 1.2px var(--gold); }
@supports not (-webkit-text-stroke: 1px black) { .exam-chip-n { color: var(--gold); } }
.exam-chip:hover .exam-chip-n, .exam-chip.is-today .exam-chip-n { color: var(--accent); -webkit-text-stroke-color: var(--accent); }
.exam-chip-c { display: grid; gap: 1px; }
.exam-chip-c strong { font-family: var(--serif); font-size: 14.5px; line-height: 1.2; }
.exam-chip-c small { font-size: 11.5px; color: var(--ink-faint); font-variant-numeric: tabular-nums; }

/* ---- Masthead: ortalanmış broadsheet markası + italik folio slogan ---- */
.masthead-tagline { display: none; }
@media (min-width: 861px) {
    .header-inner { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding-block: 20px 16px; }
    .masthead-tagline { display: block; grid-column: 1; font-family: var(--serif); font-style: italic; font-size: 14px; color: var(--ink-faint); max-width: 26ch; line-height: 1.4; text-wrap: balance; }
    .brand { grid-column: 2; justify-self: center; }
    .search { grid-column: 3; justify-self: end; }
}
.mainnav { border-top: 3px double var(--line); }

/* ---- Hero: küratörlü baskı çerçevesi + display kesimi + aktif dek ---- */
.hero-head { grid-column: 1 / -1; display: flex; justify-content: space-between; align-items: baseline; padding-bottom: 8px; border-bottom: 3px double var(--line); }
.hero-head-label { font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--ink); }
.hero-head-label::after { content: ""; display: inline-block; width: 26px; height: 2px; background: var(--accent); margin-left: 10px; vertical-align: 3px; }
.hero-head-date { font-family: var(--serif); font-style: italic; font-size: 13px; color: var(--ink-faint); font-variant-numeric: tabular-nums; }
.hero-title, .hero-slide-no { font-variation-settings: normal; }
.hero-dek { font-size: 14.5px; line-height: 1.5; color: rgba(255,255,255,.88); max-width: 64ch; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-wrap: pretty; }
@media (max-width: 680px) { .hero-dek { display: none; } }

/* ---- Tonal bantlar: kâğıt → gazete rafı → kâğıt → altın görüş → koyu video ---- */
.fronts-strip { margin-inline: calc(-1 * var(--pad)); padding: 2px var(--pad) 14px; background: var(--bg-soft); border-bottom: 1px solid var(--line); }
.columns-block { margin-inline: calc(-1 * var(--pad)); padding: 6px var(--pad) 26px; background: color-mix(in srgb, var(--gold) 5%, var(--bg)); border-block: 1px solid color-mix(in srgb, var(--gold) 20%, var(--line)); }
.col-card { background: var(--bg); }
.cat-block { margin-block: 0; }

/* ---- Broadsheet kolon çizgileri (Son Haberler ağı) ---- */
@media (min-width: 861px) {
    .grid-3 { gap: 22px 0; }
    .grid-3 > .card:not(:first-child) { padding-inline: 22px; }
    .grid-3 > .card:nth-child(3n+2) { padding-left: 0; }
    .grid-3 > .card:nth-child(3n+1) { padding-right: 0; }
    .grid-3 > .card:not(:first-child):not(:nth-child(3n+2)) { border-left: 1px solid var(--line); }
}

/* ---- Son dakika gerçek muamelesi ---- */
.breaking-time { margin-left: 10px; font-weight: 600; font-size: .82em; opacity: .8; font-variant-numeric: tabular-nums; letter-spacing: .04em; }

/* ---- Ekonomi widget'ı: göreli gün rozetleri ---- */
.econ-rel { display: inline-block; margin-left: 6px; padding: 1px 8px; border-radius: 999px; font-size: 10px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: var(--ink-soft); background: var(--bg-sunken); font-variant-numeric: tabular-nums; }
.econ-list li.is-today .econ-rel { color: #fff; background: var(--accent); }
.econ-list li.is-today .econ-title { color: var(--accent); }
@media (prefers-color-scheme: dark) {
    html:not([data-theme=light]) .econ-list li.is-today .econ-rel { color: #14110c; }
}
/* tema anahtarı: elle koyu seçimi (sistem tercihi ne olursa olsun) */
html[data-theme=dark] .econ-list li.is-today .econ-rel { color: #14110c; }

/* ---- Mikro-tipografi: canlı ok, cap-trim, tabular genişletme ---- */
.section-more::after { content: "→"; display: inline-block; margin-left: 7px; letter-spacing: 0; transition: translate .18s ease; }
.section-more:hover::after { translate: 4px 0; }
.widget-more::after { content: ""; }
@supports (text-box: trim-both cap alphabetic) {
    .section-title > span, .hero-title, .page-title { text-box: trim-both cap alphabetic; }
}
:is(.exam-chip-n, .breaking-time, .econ-rel, .hero-head-date) { font-variant-numeric: tabular-nums; }

/* ---- Sayfa sonu kolofonu: fleuron imza ---- */
.page-colophon { display: flex; align-items: center; gap: 18px; margin-block: var(--flow-section) 8px; color: var(--gold); font-size: 22px; }
.page-colophon::before, .page-colophon::after { content: ""; flex: 1; height: 5px; border-top: 3px double var(--line); }

/* ============================================================================
   FİNİŞ KATMANI — hareket ve dokunuşlar (hepsi transform/opacity; en sondaki
   prefers-reduced-motion bloğu tümünü kapatır)
   ========================================================================== */

/* Kaydırma perdesi (JS .reveal ekler; JS yoksa hiçbir şey gizlenmez) */
.reveal { opacity: 0; transform: translateY(14px); }
.reveal.is-in { opacity: 1; transform: none; transition: opacity .55s ease var(--rv-d, 0ms), transform .55s cubic-bezier(.2,.7,.2,1) var(--rv-d, 0ms); }

/* Yapışkan şerit: gerçekten yapıştığında altın kıl çizgi + derin gölge */
.tickers-bar { box-shadow: none; transition: box-shadow .3s ease; }
.tickers-bar.is-stuck { box-shadow: 0 1px 0 color-mix(in srgb, var(--gold) 45%, transparent), 0 10px 30px rgba(11,22,34,.16); }

/* Hero kinetiği: Ken Burns + sıralı metin yükselişi + rozet süzülmesi */
.hero-slide.is-active .hero-slide-img { animation: heroKen 8s ease-out forwards; }
@keyframes heroKen { from { transform: scale(1); } to { transform: scale(1.045); } }
.hero-slide-body > * { transition: transform .5s cubic-bezier(.2,.7,.2,1), opacity .5s ease; }
.hero-slide:not(.is-active) .hero-slide-body > * { opacity: 0; transform: translateY(10px); transition-duration: .2s; transition-delay: 0s; }
.hero-slide.is-active .hero-kicker { transition-delay: .18s; }
.hero-slide.is-active .hero-title  { transition-delay: .26s; }
.hero-slide.is-active .hero-dek   { transition-delay: .32s; }
.hero-slide.is-active .hero-meta   { transition-delay: .38s; }
.hero-slide-no { transition: opacity .4s ease .15s, transform .4s cubic-bezier(.2,.7,.2,1) .15s; }
.hero-slide:not(.is-active) .hero-slide-no { opacity: 0; transform: translateY(-8px); }
.hero-arrow { transition: opacity .2s, background .2s, transform .12s; }
.hero-arrow:active { transform: translateY(-50%) scale(.9); }
.breaking-arrow:active { transform: scale(.9); }

/* Kart hover: ışık süpürmesi + derin yumuşak yakınlaşma */
.card-media { transition: transform .5s cubic-bezier(.2,.7,.2,1), box-shadow .5s ease; }
.card-link:hover .card-media { transform: scale(1.03); }
.card-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(105deg, transparent 40%, rgba(255,255,255,.16) 50%, transparent 60%); transform: translateX(-101%); pointer-events: none; }
.card-link:hover .card-media::after { transform: translateX(101%); transition: transform .65s ease; }
.vcard-media { transition: transform .5s cubic-bezier(.2,.7,.2,1), box-shadow .18s; }
.vcard-link:hover .vcard-media { transform: scale(1.02); }

/* Nav: mürekkep süpürmeli alt çizgi (scaleX, CLS yok) */
.mainnav a:not(.nav-home):not([aria-current="page"]):hover { border-bottom-color: transparent; }
.mainnav a::after { content: ""; position: absolute; left: 14px; right: 14px; bottom: 4px; height: 3px; border-radius: 2px; background: var(--cat, var(--accent)); transform: scaleX(0); transform-origin: 0 50%; transition: transform .26s cubic-bezier(.2,.7,.2,1); }
.mainnav a:hover::after, .mainnav a:focus-visible::after { transform: scaleX(1); }
.mainnav a[aria-current="page"]::after { content: none; }

/* Piyasa: fiyat rakamları canlı güncellemede yönlü yuvarlanır */
.mi-price { display: inline-block; }
.market-item.flash-up .mi-price { animation: mi-roll-up .45s cubic-bezier(.2,.7,.2,1); }
.market-item.flash-down .mi-price { animation: mi-roll-dn .45s cubic-bezier(.2,.7,.2,1); }
@keyframes mi-roll-up { from { transform: translateY(9px); opacity: 0; } to { transform: none; opacity: 1; } }
@keyframes mi-roll-dn { from { transform: translateY(-9px); opacity: 0; } to { transform: none; opacity: 1; } }

/* İskelet parıltısı: gazete küpürleri yüklenirken (sonlu — sonsuz repaint yok) */
.front-mini img { background-color: var(--bg-sunken); background-image: linear-gradient(100deg, transparent 32%, color-mix(in srgb, var(--bg) 70%, transparent) 48%, transparent 64%); background-size: 220% 100%; animation: skel 1.2s ease 6; }
@keyframes skel { from { background-position: 120% 0; } to { background-position: -120% 0; } }
.headline-loading { position: relative; overflow: hidden; }
.headline-loading::after { content: ""; position: absolute; inset: 0; background: linear-gradient(100deg, transparent 30%, color-mix(in srgb, var(--ink) 6%, transparent) 50%, transparent 70%); transform: translateX(-100%); animation: skel-sweep 1.2s ease 6; }
@keyframes skel-sweep { to { transform: translateX(100%); } }

/* Odak cilası: koyu yüzeylerde beyaz halka + arama kutusu focus-within */
:is(.topbar, .breaking-bar, .hero-slider, .video-block, .site-footer, .lightbox) :focus-visible { outline-color: #fff; }
.hero-num:focus-visible { outline-offset: 3px; }
.search { transition: border-color .15s, box-shadow .15s; }
.search:focus-within { border-color: var(--accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent); }

/* Sayfalar arası yumuşak geçiş (destekleyen tarayıcılar) + tematik kaydırma çubukları */
@view-transition { navigation: auto; }
::view-transition-old(root) { animation-duration: .16s; }
::view-transition-new(root) { animation-duration: .22s; }
html { scrollbar-color: color-mix(in srgb, var(--ink) 30%, transparent) transparent; }
:is(.columns-row, .video-row, .headlines-list)::-webkit-scrollbar { height: 8px; width: 8px; }
:is(.columns-row, .video-row, .headlines-list)::-webkit-scrollbar-track { background: transparent; }
:is(.columns-row, .video-row, .headlines-list)::-webkit-scrollbar-thumb { background: color-mix(in srgb, var(--ink) 22%, transparent); border-radius: 99px; }
.video-row::-webkit-scrollbar-thumb { background: rgba(255,255,255,.28); }

/* ---- Baskı stili: 'ön sayfayı kaydet' lüksü ---- */
@media print {
    .tickers-bar, .topbar, .mainnav, .search, .ad-unit, .cookie-banner, .hero-arrow, .hero-nums,
    .breaking-nav, .share-bar, .reading-progress, .footer-grid nav, .footer-social, .tag-cloud, .akis-new { display: none !important; }
    body { background: #fff !important; color: #000 !important; }
    .site-header { border-top-color: #000; }
    .hero, .layout-2col { grid-template-columns: 1fr; }
    .hero-slider { height: auto; min-height: 60mm; box-shadow: none; }
    .card-media, .widget, .front-mini img { box-shadow: none !important; }
    .card, .col-card, .widget { break-inside: avoid; }
    .article-body a::after { content: " (" attr(href) ")"; font-size: .8em; color: #555; }
    .site-footer { background: #fff; color: #000; padding-block: 8mm 0; }
    .site-footer::before { border-top-color: #000; }
}

/* ===== Hareket azaltma: bu dosyadaki TÜM yeni hareketler kapalı (EN SONDA KALMALI) ===== */
@media (prefers-reduced-motion: reduce) {
    .reveal { opacity: 1; transform: none; transition: none; }
    .tickers-bar, .card-media, .vcard-media, .search, .hero-arrow, .section-more::after { transition: none; }
    .section-more:hover::after { translate: none; }
    .mainnav a::after { transition: none; }
    .hero-slide.is-active .hero-slide-img { animation: none; }
    .hero-slide-body > *, .hero-slide-no { transition: none; }
    .hero-slide:not(.is-active) :is(.hero-slide-body > *, .hero-slide-no) { opacity: 1; transform: none; }
    .card-media::after { content: none; }
    .card-link:hover .card-media, .vcard-link:hover .vcard-media { transform: none; }
    .market-item.flash-up .mi-price, .market-item.flash-down .mi-price { animation: none; }
    .front-mini img, .headline-loading::after { animation: none; }
    @view-transition { navigation: none; }
}

/* ============================================================================
   ARAÇLAR: Klavye Sınavı + KPSS Deneme (print/reduced-motion bloklarından ÖNCE
   olması ideal ama yalnız statik stiller içerir — kaskad riski yok)
   ========================================================================== */
.klv-opts { display: grid; grid-template-columns: 1fr 1fr auto; gap: 14px; align-items: end; }
@media (max-width: 680px) { .klv-opts { grid-template-columns: 1fr; } }
.klv-opts select { width: 100%; padding: 11px 13px; border: 1px solid var(--line); border-radius: var(--radius-sm); background: var(--bg); color: var(--ink); font: inherit; min-height: 44px; }
.klv-note { font-size: 14px; color: var(--ink-soft); margin-top: 14px; }
.klv-best { font-size: 14px; color: var(--gold-ink); font-variant-numeric: tabular-nums; }
.klv-hud { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; padding: 12px 16px; border: 1px solid var(--line); border-radius: var(--radius-sm); background: var(--bg-soft); margin-bottom: 14px; font-variant-numeric: tabular-nums; }
.klv-hud-item { font-size: 13.5px; color: var(--ink-soft); }
.klv-hud-item b { font-family: var(--serif); font-size: 18px; color: var(--ink); }
.klv-time b { color: var(--accent); }
.klv-hud .btn { margin-left: auto; }
.klv-text { font-family: var(--serif); font-size: 21px; line-height: 2; padding: 22px 26px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--bg); max-height: 300px; overflow-y: auto; cursor: text; user-select: none; }
.klv-text:focus-visible { outline: 2px solid var(--accent); }
.klv-text .k { border-radius: 3px; }
.klv-text .k-c { color: #15803d; }
.klv-text .k-f { color: #b45309; background: color-mix(in srgb, #eab308 14%, transparent); }
.klv-text .k-w { color: #fff; background: var(--accent); }
.klv-text .k-cur { box-shadow: inset 0 -3px 0 var(--accent); }
.klv-hidden-input { position: absolute; opacity: 0; height: 1px; width: 1px; pointer-events: none; }
.klv-hint { font-size: 13px; color: var(--ink-faint); margin-top: 10px; }
.klv-result-title { font-family: var(--serif); font-size: var(--text-xl); margin: 0 0 16px; }
.klv-score { display: flex; flex-wrap: wrap; gap: 26px; align-items: center; padding: 22px 26px; border: 1px solid var(--line); border-top: 4px solid var(--gold); border-radius: var(--radius); background: var(--bg-soft); }
.klv-score-main { display: grid; justify-items: center; }
.klv-score-main b { font-family: var(--serif); font-variation-settings: "opsz" 144; font-size: 64px; line-height: 1; color: var(--accent); font-variant-numeric: tabular-nums; }
.klv-score-main span { font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--ink-faint); }
.klv-score-grid { display: flex; flex-wrap: wrap; gap: 22px; margin: 0; }
.klv-score-grid dt { font-size: 11.5px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--ink-faint); }
.klv-score-grid dd { margin: 2px 0 0; font-family: var(--serif); font-size: 24px; font-weight: 700; font-variant-numeric: tabular-nums; }
.klv-verdict { font-size: 15.5px; margin: 16px 0; }
.klv-verdict.is-pass { color: #15803d; font-weight: 600; }
.klv-verdict.is-mid { color: var(--gold); font-weight: 600; }
.klv-actions { display: flex; gap: 10px; flex-wrap: wrap; }

/* KPSS deneme */
.kq-levels { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 18px; }
@media (max-width: 680px) { .kq-levels { grid-template-columns: 1fr; } }
.kq-level { display: grid; gap: 3px; padding: 16px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--bg); cursor: pointer; font: inherit; color: inherit; text-align: left; transition: border-color .15s, background .15s; min-height: 44px; }
.kq-level strong { font-family: var(--serif); font-size: 18px; }
.kq-level small { color: var(--ink-faint); font-size: 12.5px; }
.kq-level:hover { border-color: color-mix(in srgb, var(--accent) 40%, var(--line)); }
.kq-level.is-active { border-color: var(--accent); background: color-mix(in srgb, var(--accent) 6%, var(--bg)); box-shadow: inset 3px 0 0 var(--accent); }
.kq-modes { display: flex; gap: 12px; flex-wrap: wrap; }
.kq-modes .btn { display: grid; gap: 1px; text-align: center; padding: 12px 22px; }
.kq-modes .btn small { font-weight: 500; font-size: 11.5px; opacity: .85; }
.kq-loading { color: var(--ink-faint); }
.kq-subj { color: var(--gold); font-weight: 700; }
.kq-question { padding: 6px 2px 14px; }
.kq-q { font-family: var(--serif); font-size: 19px; line-height: 1.6; margin: 0 0 16px; }
.kq-opts { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.kq-opt { display: flex; gap: 12px; align-items: baseline; width: 100%; text-align: left; padding: 12px 15px; border: 1px solid var(--line); border-radius: var(--radius-sm); background: var(--bg); cursor: pointer; font: inherit; color: inherit; line-height: 1.45; transition: border-color .12s, background .12s; min-height: 44px; }
.kq-opt b { font-family: var(--serif); color: var(--ink-faint); }
.kq-opt:hover { border-color: color-mix(in srgb, var(--accent) 40%, var(--line)); }
.kq-opt.is-picked { border-color: var(--accent); background: color-mix(in srgb, var(--accent) 8%, var(--bg)); }
.kq-opt.is-picked b { color: var(--accent); }
.kq-nav { display: flex; align-items: center; gap: 14px; margin-top: 16px; }
.kq-map { flex: 1; display: flex; flex-wrap: wrap; gap: 4px; max-height: 92px; overflow-y: auto; justify-content: center; }
.kq-dot { width: 30px; height: 30px; border: 1px solid var(--line); border-radius: 7px; background: var(--bg); font-size: 11px; font-weight: 700; color: var(--ink-faint); cursor: pointer; font-variant-numeric: tabular-nums; }
.kq-dot.is-done { background: color-mix(in srgb, var(--gold) 22%, var(--bg)); color: var(--ink); border-color: color-mix(in srgb, var(--gold) 45%, var(--line)); }
.kq-dot.is-cur { border-color: var(--accent); box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 35%, transparent); }
.kq-r-subjects { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0 4px; }
.kq-subj-chip { font-size: 12.5px; padding: 6px 12px; border: 1px solid var(--line); border-radius: 999px; background: var(--bg-soft); font-variant-numeric: tabular-nums; }
.kq-review { display: grid; gap: 12px; margin-top: 18px; }
.kq-rev { padding: 14px 16px; border: 1px solid var(--line); border-left-width: 4px; border-radius: var(--radius-sm); background: var(--bg); }
.kq-rev.is-ok { border-left-color: #15803d; }
.kq-rev.is-no { border-left-color: var(--accent); }
.kq-rev-q { margin: 0 0 6px; font-weight: 600; line-height: 1.5; }
.kq-rev-a { margin: 0 0 6px; font-size: 14px; color: var(--ink-soft); }
.kq-rev-e { margin: 0; font-size: 13.5px; color: var(--ink-faint); line-height: 1.55; border-top: 1px dashed var(--line); padding-top: 8px; }
@media (max-width: 680px) {
    .kq-nav { flex-wrap: wrap; }
    .kq-map { order: 3; width: 100%; }
    .klv-text { font-size: 18px; padding: 16px; }
}

/* ============================================================================
   KATEGORİ HUB'LARI — ekonomi panosu / memur el kitabı / kültür rehberi
   ========================================================================== */
.hub { margin-block: 10px 26px; }
.hub-live { display: inline-flex; align-items: center; gap: 7px; margin-left: 12px; font-family: var(--sans); font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--accent); vertical-align: 6px; }
.hub-sub { font-family: var(--serif); font-size: 17px; margin: 20px 0 10px; letter-spacing: -.01em; }
.hub-sub small { font-family: var(--sans); font-weight: 500; font-size: 12px; color: var(--ink-faint); }
.hub-sub--rule { border-top: 1px solid var(--line); padding-top: 16px; margin-top: 26px; }
.hub-note { font-size: 12px; color: var(--ink-faint); margin-top: 14px; }

/* Ekonomi panosu */
.hub-eko-layout { display: grid; grid-template-columns: 1fr 300px; gap: 28px; align-items: start; }
@media (max-width: 960px) { .hub-eko-layout { grid-template-columns: 1fr; } }
.hubm-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; }
.hubm-grid--lead { grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); }
.hubm { display: grid; gap: 3px; padding: 13px 15px; border: 1px solid var(--line); border-radius: var(--radius-sm); background: var(--bg-soft); }
.hubm-grid--lead .hubm { border-top: 3px solid var(--gold); background: var(--bg); box-shadow: var(--shadow-sm); }
.hubm-label { font-size: 10.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--ink-faint); }
.hubm-price { font-family: var(--serif); font-size: 21px; font-weight: 700; font-variant-numeric: tabular-nums; letter-spacing: -.01em; }
.hubm-grid--lead .hubm-price { font-size: 26px; }
.hubm .mi-change { font-size: 12px; }
.hubm-note { font-size: 10.5px; color: var(--ink-faint); }
.hubm--derived .hubm-price { color: var(--gold); }
.hub-eko-side { border: 1px solid var(--line); border-top: 3px solid var(--gold); border-radius: var(--radius); padding: 16px 18px; background: var(--bg-soft); }
.hub-eko-side .hub-sub { margin-top: 0; }

/* Ortak hub kolonları + etkinlik listeleri */
.hub-cols { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; align-items: start; }
@media (max-width: 960px) { .hub-cols { grid-template-columns: 1fr; } }
.hub-events { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; }
.hub-events li { display: flex; gap: 12px; align-items: center; padding-block: 9px; border-top: 1px solid var(--line); }
.hub-events li:first-child { border-top: 0; }
.hub-ev-days { flex: none; width: 46px; display: grid; justify-items: center; font-family: var(--serif); font-weight: 900; font-size: 20px; line-height: 1; color: var(--gold); font-variant-numeric: tabular-nums; }
.hub-ev-days small { font-family: var(--sans); font-size: 9.5px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--ink-faint); }
.hub-ev-days.is-soon { color: var(--accent); }
.hub-ev-body { display: grid; gap: 1px; min-width: 0; }
.hub-ev-body strong { font-family: var(--serif); font-size: 14px; line-height: 1.3; font-weight: 600; }
.hub-ev-body small { font-size: 11.5px; color: var(--ink-faint); font-variant-numeric: tabular-nums; }

/* Araç/bağlantı kartları */
.hub-tools { display: grid; gap: 8px; }
.hub-tool { display: grid; gap: 2px; padding: 12px 14px; border: 1px solid var(--line); border-radius: var(--radius-sm); background: var(--bg); transition: border-color .15s, transform .15s; min-height: 44px; }
.hub-tool:hover { border-color: color-mix(in srgb, var(--accent) 40%, var(--line)); text-decoration: none; transform: translateX(3px); }
.hub-tool b { font-size: 14px; }
.hub-tool small { font-size: 12px; color: var(--ink-faint); }
.hub-linkgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 10px; }
.hub-link { display: grid; gap: 2px; padding: 12px 15px; border: 1px solid var(--line); border-radius: var(--radius-sm); background: var(--bg-soft); min-height: 44px; transition: border-color .15s, background .15s; }
.hub-link:hover { border-color: color-mix(in srgb, var(--accent) 40%, var(--line)); background: var(--bg); text-decoration: none; }
.hub-link b { font-size: 14px; }
.hub-link small { font-size: 11.5px; color: var(--ink-faint); }
.hub-link--konf { border-top: 3px solid var(--gold); }

/* Kültür: film + kitap listeleri */
.hub-films { list-style: none; margin: 0; padding: 0; counter-reset: hf; }
.hub-films li { display: flex; gap: 12px; align-items: baseline; padding-block: 8px; border-top: 1px solid var(--line); }
.hub-films li:first-child { border-top: 0; }
.hub-film-rank { flex: none; width: 30px; font-family: var(--serif); font-weight: 900; font-size: 19px; color: transparent; -webkit-text-stroke: 1.1px var(--gold); font-variant-numeric: tabular-nums; }
@supports not (-webkit-text-stroke: 1px black) { .hub-film-rank { color: var(--gold); } }
.hub-film-body { display: grid; gap: 1px; min-width: 0; }
.hub-film-body strong { font-family: var(--serif); font-size: 14.5px; font-weight: 600; line-height: 1.3; }
.hub-film-body small { font-size: 11.5px; color: var(--ink-faint); font-variant-numeric: tabular-nums; }
.hub-books { list-style: none; margin: 0; padding: 0; }
.hub-books li { display: grid; gap: 1px; padding-block: 8px; border-top: 1px solid var(--line); }
.hub-books li:first-child { border-top: 0; }
.hub-books strong { font-family: var(--serif); font-size: 14.5px; font-weight: 600; }
.hub-books small { font-size: 12px; color: var(--ink-soft); line-height: 1.45; }
.hub-more { margin-top: 10px; }
.hub-more summary { cursor: pointer; font-size: 13px; font-weight: 700; color: var(--link); min-height: 44px; display: flex; align-items: center; }
.hub-more summary::-webkit-details-marker { display: none; }

/* ---- Ekonomi panosu KOMPAKT raylar: yana kaydırmalı, haberleri aşağı itmez ---- */
/* Grid blowout düzeltmesi: rayların min-content'i 1fr kolonu şişirmesin */
.hub-eko-main, .hub-eko-layout { min-width: 0; }
.hubm-rail { min-width: 0; }
.hub-ekonomi .section-title { margin-top: 20px; }
.hub-ekonomi .hub-sub { margin: 12px 0 8px; font-size: 14px; }
.hubm-rail {
    display: flex; gap: 10px; padding: 2px 2px 8px;
    overflow-x: auto; overscroll-behavior-x: contain;
    scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 24px), transparent);
    mask-image: linear-gradient(to right, #000 calc(100% - 24px), transparent);
}
.hubm-rail::-webkit-scrollbar { display: none; }
.hubm-rail .hubm { flex: 0 0 auto; min-width: 148px; scroll-snap-align: start; padding: 10px 14px; }
.hubm-rail--lead .hubm { min-width: 168px; border-top: 3px solid var(--gold); background: var(--bg); box-shadow: var(--shadow-sm); }
.hubm-rail--lead .hubm-price { font-size: 24px; }
.hubm-rail .hubm-price { font-size: 19px; }
/* Takvim akordeonu (mobilde JS kapalı başlatır) */
.hub-eko-cal summary { display: flex; align-items: center; justify-content: space-between; gap: 10px; cursor: pointer; list-style: none; min-height: 44px; }
.hub-eko-cal summary::-webkit-details-marker { display: none; }
.hub-eko-cal-hint { color: var(--ink-faint); transition: rotate .2s; }
.hub-eko-cal[open] .hub-eko-cal-hint { rotate: 180deg; }
.hub-eko-cal .econ-list { margin-top: 8px; }
@media (max-width: 960px) {
    .hub-eko-side { padding: 4px 14px; }
    .hub-ekonomi .hub-note { margin-top: 8px; }
}

/* Mobilde pano ekstra kompakt: haberlere en fazla ~yarım ekran mesafe */
@media (max-width: 680px) {
    .hub-ekonomi .section-title { margin: 14px 0 10px; font-size: 21px; }
    .hub-ekonomi .hub-sub { margin: 8px 0 6px; font-size: 13px; }
    .hubm-rail { padding-bottom: 4px; }
    .hubm-rail .hubm { min-width: 128px; padding: 8px 12px; gap: 2px; }
    .hubm-rail .hubm-price { font-size: 16.5px; }
    .hubm-rail--lead .hubm { min-width: 140px; }
    .hubm-rail--lead .hubm-price { font-size: 19px; }
    .hubm .mi-change { font-size: 11px; }
    .hubm-note { display: none; }
    .hub-ekonomi .hub-note { font-size: 11px; margin-top: 6px; }
}

/* ============================================================================
   BAŞLIK FONTU: Montserrat (2026-07) — Fraunces başlıklar ince/okunaksız bulundu.
   Serif GÖVDEDE kalır (haber metni, dek, pull-quote); tüm başlık/numara yüzeyleri
   kalın geometrik sans'a döner. opsz ayarları Montserrat'ta anlamsız → sıfırlanır.
   ========================================================================== */
:is(.article-title, .page-title, .hero-title, .superlead-title, .card-title,
    .section-title, .col-card-title, .akis-title, .vcard-title,
    .video-hero-title, .video-watch-title, .author-hero-name, .author-card-name,
    .author-box-name, .notfound-title, .comment-form-title, .comment-author,
    .maas-h, .klv-result-title, .kq-q, .hero-num-title, .front-name,
    .tk-title strong, .adj span, .hub-sub, .hub-ev-body strong, .hub-film-body strong,
    .hub-books strong, .exam-chip-c strong, .econ-title, .rank-list a,
    .article-body h2, .article-body h3, .article-faq-title, .faq-item summary,
    .footer-h, .brand-name, .kq-level strong, .lightbox-fig figcaption,
    .headline-title, .paper-logo--text, .front-mini-name, .akis-day) {
    font-family: var(--display);
    font-variation-settings: normal;
}
/* Ağırlıklar: geometrik sans'ta okunaklılık = kalınlık */
:is(.article-title, .page-title, .hero-title, .superlead-title, .section-title,
    .author-hero-name, .notfound-title, .brand-name) { font-weight: 800; letter-spacing: -.02em; }
:is(.card-title, .col-card-title, .akis-title, .vcard-title, .video-hero-title,
    .video-watch-title, .author-card-name, .author-box-name, .maas-h, .kq-q,
    .hero-num-title, .adj span, .hub-ev-body strong, .hub-film-body strong,
    .hub-books strong, .exam-chip-c strong, .rank-list a, .article-body h2,
    .article-body h3, .comment-author, .front-name, .tk-title strong,
    .kq-level strong, .headline-title) { font-weight: 700; letter-spacing: -.01em; }
/* Satır yükseklikleri: sans daha yüksek x-height → hafif ferahlat */
.article-title { line-height: 1.14; letter-spacing: -.022em; }
.hero-title { line-height: 1.22; }
.card-title { line-height: 1.32; }
/* Rakam yüzeyleri de kalın sans (hayalet konturlar dahil) */
:is(.rank-num, .exam-chip-n, .hub-film-rank, .hub-ev-days, .hero-slide-no,
    .hero-num-n, .notfound-code, .klv-score-main b, .kq-r-net, .maas-net strong,
    .klv-score-grid dd, .comment-count) {
    font-family: var(--display); font-weight: 800; font-variation-settings: normal;
}
/* Serifte KALANLAR (bilinçli): .article-body p, .article-dek, blockquote,
   .article-figure, .hero-head-date/masthead-tagline/page-desc italikleri,
   .footer-tagline, .empty, .klv-text (daktilo metni), .hub-eko-side başlığı */

/* Haberi dinle çubuğu */
.tts { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: 14px 0 4px; }
.tts-btn { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 9px 18px; border: 1px solid var(--line); border-radius: 999px; background: var(--bg-soft); color: var(--ink); font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; transition: border-color .15s, background .15s; touch-action: manipulation; }
.tts-btn:hover { border-color: color-mix(in srgb, var(--accent) 45%, var(--line)); }
.tts-btn[hidden] { display: none; } /* display:inline-flex UA [hidden]'ı ezmesin */
.tts-btn.is-on { background: var(--accent); border-color: var(--accent); color: var(--accent-ink); }
.tts-btn--ghost { font-weight: 600; }
.tts-rate { min-height: 44px; padding: 8px 10px; border: 1px solid var(--line); border-radius: 999px; background: var(--bg); color: var(--ink); font: inherit; font-size: 16px; }
@media (hover: hover) and (pointer: fine) { .tts-rate { font-size: 13px; } }
.tts-status { font-size: 12.5px; color: var(--ink-faint); font-variant-numeric: tabular-nums; }

/* ============================================================================
   PERSONEL ALIM ŞERİDİ (anasayfa) — son başvurusu yaklaşan ilanlar, yatay ray
   ========================================================================== */
.ilan-strip { margin-block: 2px 10px; }
.ilan-strip-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 8px; }
.ilan-strip-title { font-family: var(--display); font-weight: 800; font-size: 12px; letter-spacing: var(--track-caps); text-transform: uppercase; color: var(--accent); margin: 0; }
.ilan-strip-title::after { content: ""; display: block; width: 26px; height: 2px; background: var(--accent); margin-top: 4px; }
.ilan-strip-all { font-size: 12.5px; font-weight: 700; color: var(--ink-faint); white-space: nowrap; }
.ilan-strip-all:hover { color: var(--accent); text-decoration: none; }
.ilan-strip-track { list-style: none; margin: 0; padding: 0 0 4px; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(295px, 1fr); gap: 10px; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.ilan-strip-track.has-overflow { -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 32px), transparent); mask-image: linear-gradient(to right, #000 calc(100% - 32px), transparent); }
.ilan-strip-track::-webkit-scrollbar { display: none; }
.ilan-strip-track li { min-width: 0; scroll-snap-align: start; }
.ilan-card { display: flex; gap: 12px; align-items: center; width: auto; min-height: 78px; height: 100%; padding: 10px 14px; border: 1px solid var(--line); border-radius: var(--radius-sm); background: var(--bg-soft); transition: border-color .15s, transform .15s; }
.ilan-card:hover { border-color: color-mix(in srgb, var(--accent) 45%, var(--line)); text-decoration: none; transform: translateY(-2px); }
.ilan-card-due { flex: none; display: grid; justify-items: center; gap: 1px; width: 54px; padding-right: 12px; border-right: 1px solid var(--line); }
.ilan-card-due b { font-family: var(--display); font-weight: 800; font-size: 22px; line-height: 1; color: transparent; -webkit-text-stroke: 1.1px var(--gold); font-variant-numeric: tabular-nums; }
@supports not (-webkit-text-stroke: 1px black) { .ilan-card-due b { color: var(--gold); } }
.ilan-card-due small { font-size: 9px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--ink-faint); }
.ilan-card.is-urgent .ilan-card-due b { -webkit-text-stroke-color: var(--accent); }
@supports not (-webkit-text-stroke: 1px black) { .ilan-card.is-urgent .ilan-card-due b { color: var(--accent); } }
.ilan-card-due.is-today b { font-size: 12px; letter-spacing: .04em; -webkit-text-stroke: 0; color: var(--accent); }
.ilan-card-body { display: grid; gap: 2px; min-width: 0; }
.ilan-card-org { font-size: 10.5px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--ink-faint); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ilan-card-body strong { font-family: var(--display); font-weight: 700; font-size: 13.5px; line-height: 1.3; letter-spacing: -.01em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ilan-card-date { font-size: 11px; color: var(--ink-faint); font-variant-numeric: tabular-nums; }
.ilan-card--more { width: auto; min-width: 120px; display: grid; place-content: center; justify-items: center; gap: 6px; text-align: center; background: var(--bg); border-style: dashed; }
.ilan-card--more strong { font-family: var(--display); font-weight: 700; font-size: 13px; line-height: 1.3; color: var(--accent); }
.ilan-card--more span { font-size: 18px; color: var(--accent); }
@media (max-width: 680px) {
    .ilan-strip-track { grid-auto-columns: minmax(250px, 78%); }
    .ilan-card { min-height: 72px; }
    .ilan-card-body strong { font-size: 12.5px; }
}

/* ============================================================================
   POLİTİKA HUB'I — TBMM programı + Meclis haberleri + parti rehberi
   ========================================================================== */
.hub-cols--2 { grid-template-columns: 1fr 1fr; }
@media (max-width: 960px) { .hub-cols--2 { grid-template-columns: 1fr; } }
.tbmm-program { list-style: none; margin: 0; padding: 0; }
.tbmm-day { font-family: var(--display); font-weight: 800; font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: var(--ink-faint); padding: 12px 0 5px; }
.tbmm-slot { display: flex; gap: 12px; padding-block: 9px; border-top: 1px solid var(--line); }
.tbmm-time { flex: none; width: 48px; font-family: var(--display); font-weight: 800; font-size: 14.5px; color: var(--gold-ink); font-variant-numeric: tabular-nums; }
.tbmm-body { display: grid; gap: 2px; min-width: 0; }
.tbmm-body strong { font-family: var(--display); font-weight: 700; font-size: 13.5px; line-height: 1.4; letter-spacing: -.01em; }
.tbmm-body small { font-size: 11.5px; color: var(--ink-faint); line-height: 1.45; }
.tbmm-news { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
@media (max-width: 960px) { .tbmm-news { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .tbmm-news { grid-template-columns: 1fr; } }
.tbmm-news-card { display: grid; gap: 9px; align-content: start; border: 1px solid var(--line); border-radius: var(--radius-sm); overflow: hidden; background: var(--bg-soft); transition: border-color .15s, transform .15s; }
.tbmm-news-card:hover { border-color: color-mix(in srgb, #7c3aed 45%, var(--line)); text-decoration: none; transform: translateY(-2px); }
.tbmm-news-card img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; display: block; background: var(--bg); }
.tbmm-news-ph { display: grid; place-items: center; aspect-ratio: 16 / 9; background: linear-gradient(135deg, color-mix(in srgb, #7c3aed 14%, var(--bg)), var(--bg-soft)); font-family: var(--display); font-weight: 800; font-size: 15px; letter-spacing: .3em; color: var(--ink-faint); }
.tbmm-news-body { display: grid; gap: 5px; padding: 0 12px 12px; }
.tbmm-news-body strong { font-family: var(--display); font-weight: 700; font-size: 13.5px; line-height: 1.35; letter-spacing: -.01em; }
.tbmm-news-sum { font-size: 11.5px; color: var(--ink-faint); line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.tbmm-news-meta { font-size: 11px; color: var(--ink-faint); font-variant-numeric: tabular-nums; }
.parti-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px; }
.parti-card { display: grid; gap: 2px; padding: 12px 15px; border: 1px solid var(--line); border-left: 3px solid var(--cat, #7c3aed); border-radius: var(--radius-sm); background: var(--bg-soft); min-height: 44px; transition: border-color .15s, background .15s; }
.parti-card:hover { background: var(--bg); border-color: color-mix(in srgb, var(--cat, #7c3aed) 45%, var(--line)); border-left-color: var(--cat, #7c3aed); text-decoration: none; }
.parti-card b { font-family: var(--display); font-weight: 800; font-size: 14px; letter-spacing: -.01em; }
.parti-card span { font-size: 11.5px; }
.parti-card small { font-size: 11px; color: var(--ink-faint); line-height: 1.45; }

/* ============================================================================
   VİZYON (kültür-sanat hub'ı) — gişe top 10 + yakında vizyonda
   ========================================================================== */
.viz-coming { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
@media (max-width: 560px) { .viz-coming { grid-template-columns: 1fr; } }
.viz-date { grid-column: 1 / -1; font-family: var(--display); font-weight: 800; font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: var(--gold-ink); padding-top: 10px; }
.viz-date:first-child { padding-top: 0; }
.viz-film { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 6px 10px 6px 6px; border: 1px solid var(--line); border-radius: var(--radius-sm); background: var(--bg-soft); transition: border-color .15s; }
.viz-film:hover { border-color: color-mix(in srgb, var(--gold) 60%, var(--line)); text-decoration: none; }
.viz-film img { flex: none; width: 34px; height: 50px; object-fit: cover; border-radius: 4px; background: var(--bg); }
.viz-film-ph { flex: none; width: 34px; height: 50px; display: grid; place-items: center; background: var(--bg); border-radius: 4px; font-size: 15px; }
.viz-film strong { font-family: var(--display); font-weight: 700; font-size: 13px; line-height: 1.3; letter-spacing: -.01em; }

/* ============================================================================
   FOOTER AĞ SİTELERİ — kardeş siteler şeridi (en alt)
   ========================================================================== */
.footer-network { display: flex; gap: 10px 26px; align-items: baseline; flex-wrap: wrap; padding-block: 16px; border-top: 1px solid rgba(255,255,255,.12); }
.footer-network-label { flex: none; font-family: var(--display); font-weight: 800; font-size: 10.5px; letter-spacing: .1em; text-transform: uppercase; color: color-mix(in srgb, #fff 45%, transparent); }
.footer-network ul { list-style: none; display: flex; flex-wrap: wrap; gap: 10px 26px; margin: 0; padding: 0; }
.footer-network a { display: grid; gap: 1px; color: inherit; }
.footer-network a:hover { text-decoration: none; }
.footer-network b { font-family: var(--display); font-weight: 700; font-size: 13px; color: color-mix(in srgb, #fff 85%, transparent); transition: color .15s; }
.footer-network a:hover b { color: var(--gold); }
.footer-network small { font-size: 11px; color: color-mix(in srgb, #fff 50%, transparent); }

/* ============================================================================
   AAA CİLA TURU (2026-07-03): erişilebilirlik + tutundurma + mobil + performans
   59 bulguluk denetimin uygulanan katmanı — bileşen bazlı ekler.
   ========================================================================== */

/* Ekran okuyucuya özel metin (görünmez ama okunur) */
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }

/* Çapa kaydırmaları yapışkan şeridi hesaba katsın (#yorumlar dönüşü vb.) */
html { scroll-padding-top: 100px; }
@media (max-width: 680px) { html { scroll-padding-top: 12px; } }

/* Dokunma gecikmesi: tüm etkileşimli yüzeylerde 300ms tap-delay kalksın */
a, button, summary, input, select, textarea, [role="button"] { touch-action: manipulation; }

/* Kart görselleri artık gerçek <img> (lazy-load + CLS'siz) */
.card-media .card-img, .vcard-media .card-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.card-img { transition: transform .35s ease; }
.card-link:hover .card-img, .vcard-link:hover .card-img { transform: scale(1.04); }

/* Kartlarda okuma süresi metası */
.card-read { white-space: nowrap; }

/* Gövde içi İLGİLİ HABER kutusu */
.inline-related { margin: 1.6em 0; padding: 14px 18px; border-left: 3px solid var(--accent); background: var(--bg-soft); border-radius: 0 var(--radius-sm) var(--radius-sm) 0; font-family: var(--sans); }
.inline-related-label { display: block; font-family: var(--display); font-weight: 800; font-size: 10.5px; letter-spacing: var(--track-caps); text-transform: uppercase; color: var(--accent); margin-bottom: 5px; }
.inline-related a { font-family: var(--display); font-weight: 700; font-size: 16px; line-height: 1.4; letter-spacing: -.01em; text-decoration: none; }
.inline-related a:hover { color: var(--accent); }

/* Makale altı Çok Okunanlar — görselli sıralama listesi (chart dili) */
.mostread { margin-top: var(--space-6); }
.mostread-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 0 44px; }
@media (max-width: 760px) { .mostread-list { grid-template-columns: 1fr; } }
.mostread-item a { display: flex; align-items: center; gap: 16px; padding: 14px 4px; border-top: 1px solid var(--line); transition: background .15s; border-radius: 0 var(--radius-sm) var(--radius-sm) 0; }
.mostread-item a:hover { text-decoration: none; background: color-mix(in srgb, var(--bg-soft) 65%, transparent); }
.mostread-no { flex: none; width: 42px; font-family: var(--display); font-weight: 900; font-size: 38px; line-height: 1; text-align: center; color: transparent; -webkit-text-stroke: 1.4px var(--gold); font-variant-numeric: tabular-nums; transition: -webkit-text-stroke-color .15s; }
@supports not (-webkit-text-stroke: 1px black) { .mostread-no { color: var(--gold); } }
.mostread-item:first-child .mostread-no { -webkit-text-stroke-color: var(--accent); }
.mostread-item a:hover .mostread-no { -webkit-text-stroke-color: var(--accent); }
.mostread-thumb { flex: none; width: 116px; aspect-ratio: 16/9; height: auto; align-self: flex-start; object-fit: cover; border-radius: var(--radius-sm); background: var(--bg-sunken); }
.mostread-thumb--ph { display: grid; place-items: center; font-family: var(--display); font-weight: 900; font-size: 26px; color: transparent; -webkit-text-stroke: 1.2px color-mix(in srgb, var(--cat, var(--accent)) 65%, var(--ink-faint)); background: radial-gradient(color-mix(in srgb, var(--cat, var(--accent)) 14%, transparent) 1px, transparent 1.3px) 0 0/10px 10px, linear-gradient(160deg, color-mix(in srgb, var(--cat, var(--accent)) 9%, var(--bg-soft)), var(--bg-sunken)); }
@supports not (-webkit-text-stroke: 1px black) { .mostread-thumb--ph { color: color-mix(in srgb, var(--cat, var(--accent)) 55%, var(--ink-faint)); } }
.mostread-body { display: grid; gap: 3px; min-width: 0; }
.mostread-kicker { display: inline-flex; align-items: center; gap: 6px; font-family: var(--display); font-weight: 800; font-size: 10.5px; letter-spacing: var(--track-caps); text-transform: uppercase; color: var(--cat, var(--accent)); }
.mostread-kicker::before { content: ""; width: 14px; height: 2px; border-radius: 2px; background: var(--cat, var(--accent)); flex: none; }
.mostread-body strong { font-family: var(--display); font-weight: 700; font-size: 15.5px; line-height: 1.35; letter-spacing: -.01em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; transition: color .15s; }
.mostread-item a:hover .mostread-body strong { color: var(--accent); }
.mostread-meta { font-size: 11.5px; color: var(--ink-faint); font-variant-numeric: tabular-nums; }

/* Önceki/Sonraki artık aynı kategoride — küçük renk ipucu */


/* Odak görünürlüğü: kaydırmalı şeritlerde halka içe çizilsin (kırpılmasın) */
.mainnav a:focus-visible, .akis-chip:focus-visible, .takvim-tab:focus-visible { outline-offset: -3px; }
.hero-arrow:focus-visible { opacity: 1; }
.hero-slider:focus-within .hero-arrow { opacity: 1; }

/* Son dakika okları: görünmez isabet alanı 44px'e tamamlar */
.breaking-arrow { position: relative; }
.breaking-arrow::after { content: ""; position: absolute; inset: -7px; }

/* Mobil ana menü: kaydırılabilirlik ipucu (sağ kenar solması) */
@media (max-width: 680px) {
    .mainnav { scrollbar-width: none; -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 32px), transparent); mask-image: linear-gradient(to right, #000 calc(100% - 32px), transparent); }
    .mainnav::-webkit-scrollbar { display: none; }
    .hero-arrow { width: 44px; height: 44px; }
    .footer-list a { display: inline-block; padding-block: 10px; }
    .footer-social a { display: inline-flex; align-items: center; min-height: 44px; }
    .akis-day { top: 8px; }
    .akis-new { top: 8px; }
}

/* Dokunmatik cihazda akış filtre çipleri 44px hedefe çıkar */
@media (pointer: coarse) {
    .akis-chip { min-height: 44px; }
    .topbar-links a { position: relative; }
    .topbar-links a::after { content: ""; position: absolute; inset: -6px; }
}

/* Yatay ray tutarlılığı: sınav şeridine snap + eksik kenar maskeleri */
.exam-ribbon-track { scroll-snap-type: x proximity; }
.exam-ribbon-track li { scroll-snap-align: start; }
.akis-filters { -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 28px), transparent); mask-image: linear-gradient(to right, #000 calc(100% - 28px), transparent); }

/* Çentikli telefonlar: içerik güvenli alana saygı duysun (viewport-fit=cover) */
.container { padding-left: max(var(--pad), env(safe-area-inset-left)); padding-right: max(var(--pad), env(safe-area-inset-right)); }
.cookie-banner { padding-bottom: max(16px, env(safe-area-inset-bottom)); }

/* Akış gün rozeti masaüstünde yapışkan şeridin altına insin */
.akis-day { top: 96px; }

/* Lightbox: mobil Safari URL çubuğu açıkken taşmasın (dvh) */
.lightbox-fig img { max-height: 80vh; max-height: 80dvh; }

/* Gece modu ek düzeltmeleri */
@media (prefers-color-scheme: dark) {
    html:not([data-theme=light]) /* Topbar gece modunda açık zemine döner → altın tarih okunmaz kalıyordu */
    .topbar-date { color: #7a5e29; }
    html:not([data-theme=light]) /* Son dakika noktası koyu mürekkeple uyumlu kalsın */
    .breaking-dot::before, html:not([data-theme=light]) .breaking-dot::after { background: var(--accent-ink); }
}
/* tema anahtarı: elle koyu seçimi (sistem tercihi ne olursa olsun) */
html[data-theme=dark] /* Topbar gece modunda açık zemine döner → altın tarih okunmaz kalıyordu */
    .topbar-date { color: #7a5e29; }
html[data-theme=dark] /* Son dakika noktası koyu mürekkeple uyumlu kalsın */
    .breaking-dot::before, html[data-theme=dark] .breaking-dot::after { background: var(--accent-ink); }

/* Canlı sayaç yüzeylerinde hizalı rakamlar (45sn'de bir "5 dk önce" değişir) */
.akis-foot, .hero-meta, .card-meta { font-variant-numeric: tabular-nums; }

/* Harici linkler: yeni sekme ipucu (kaynak kartları + ağ linkleri) */
:is(.hub-tool, .hub-link, .parti-card, .footer-network a) b::after { content: " ↗" / ""; font-size: .82em; opacity: .55; }

/* Kopyalandı balonu: pat diye değil, yumuşak belirsin */
.s-copy::after { opacity: 0; transition: opacity .18s ease; }
.s-copy.copied::after { opacity: 1; }

/* SSS açılışı: destekleyen tarayıcıda yumuşak yükseklik geçişi (progressive) */
:root { interpolate-size: allow-keywords; }
.faq-item::details-content { block-size: 0; overflow: clip; transition: block-size .25s ease, content-visibility .25s allow-discrete; }
.faq-item[open]::details-content { block-size: auto; }

/* Hareket azaltma kapsam tamamlama */
@media (prefers-reduced-motion: reduce) {
    .akis-live::before, .akis-status-dot::before { animation: none; }
    .akis-fresh { animation: none; }
    .card-img, .s-copy::after { transition: none; }
    .faq-item::details-content { transition: none; }
    html { scroll-behavior: auto; }
}

/* ============================================================================
   GÖRSEL YÜKSELTME TURU (2026-07-04): tema anahtarı, yukarı dön, kategori
   filigranı, yer tutucu imzası, dergi kapanışı, kart kicker çizgisi
   ========================================================================== */

/* Tema anahtarı düğmesi (topbar) */
.theme-toggle { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; margin-left: 4px; padding: 0; border: 1px solid rgba(255,255,255,.22); border-radius: 999px; background: transparent; color: inherit; cursor: pointer; transition: border-color .15s, transform .15s; position: relative; }
.theme-toggle:hover { border-color: var(--gold); transform: rotate(15deg); }
.theme-toggle::after { content: ""; position: absolute; inset: -7px; } /* 44px isabet alanı */
.theme-toggle .tt-sun { display: none; }
@media (prefers-color-scheme: dark) {
    html:not([data-theme=light]) .theme-toggle .tt-moon { display: none; }
    html:not([data-theme=light]) .theme-toggle .tt-sun { display: block; }
}
html[data-theme=dark] .theme-toggle .tt-moon { display: none; }
html[data-theme=dark] .theme-toggle .tt-sun { display: block; }
html[data-theme=light] .theme-toggle .tt-moon { display: block; }
html[data-theme=light] .theme-toggle .tt-sun { display: none; }

/* Yukarı dön */
.to-top { position: fixed; right: 18px; bottom: max(18px, env(safe-area-inset-bottom)); width: 48px; height: 48px; border-radius: 999px; border: 1px solid var(--line); background: var(--bg); color: var(--ink); font-size: 20px; line-height: 1; box-shadow: var(--shadow); cursor: pointer; opacity: 0; translate: 0 8px; pointer-events: none; transition: opacity .2s, translate .2s, border-color .15s; z-index: 70; }
.to-top.is-show { opacity: 1; translate: none; pointer-events: auto; }
.to-top:hover { border-color: var(--accent); color: var(--accent); }

/* Kategori sayfası: dev hayalet baş harf filigranı (etiket sayfasındaki # diliyle) */
.page-head--cat { position: relative; overflow: hidden; isolation: isolate; }
.page-head--cat::before { content: attr(data-letter); position: absolute; right: -6px; top: 50%; transform: translateY(-54%); font-family: var(--display); font-weight: 900; font-size: clamp(120px, 22vw, 200px); line-height: 1; color: color-mix(in srgb, var(--cat, var(--accent)) 9%, transparent); pointer-events: none; z-index: -1; }

/* Görsel yer tutucu: gazete noktalı baskı dokusu + hayalet kontur baş harf */
.card-media--placeholder { background: radial-gradient(color-mix(in srgb, var(--cat, var(--accent)) 16%, transparent) 1px, transparent 1.4px) 0 0/12px 12px, linear-gradient(160deg, color-mix(in srgb, var(--cat, var(--accent)) 10%, var(--bg-soft)), var(--bg-sunken)); }
.placeholder-letter { font-family: var(--display); font-weight: 900; font-size: 64px; opacity: 1; color: transparent; -webkit-text-stroke: 1.6px color-mix(in srgb, var(--cat, var(--accent)) 70%, var(--ink-faint)); }
@supports not (-webkit-text-stroke: 1px black) { .placeholder-letter { color: color-mix(in srgb, var(--cat, var(--accent)) 55%, var(--ink-faint)); } }

/* Dergi kapanışı: yazı sonu karesi (yasal sayfalarda yok) */
.article-body > p:last-of-type::after { content: ""; display: inline-block; width: .5em; height: .5em; margin-left: .4em; background: var(--accent); vertical-align: baseline; }
.static-page .article-body > p:last-of-type::after { content: none; }

/* Kartlarda kategori kicker çizgisi (haber sayfasındaki article-cat diliyle) */
.card-cat { display: inline-flex; align-items: center; gap: 7px; }
.card-cat::before { content: ""; width: 18px; height: 2px; border-radius: 2px; background: var(--cat, var(--accent)); flex: none; }
.card-compact .card-cat::before { width: 12px; }

/* Gazete kartları: dokunmatikte büyütme rozeti hep görünür + hover cilası */
@media (pointer: coarse) { .front-zoom { opacity: 1; } }
.front-thumb:focus-visible .front-zoom { opacity: 1; }
.front-thumb:hover { border-color: var(--gold); }
.front-card:hover .front-name { color: var(--accent); }

/* Hareket azaltma tamamlama (yeni öğeler) */
@media (prefers-reduced-motion: reduce) {
    .to-top, .theme-toggle { transition: none; }
    .theme-toggle:hover { transform: none; }
}

/* Editör taslak önizleme şeridi */
.preview-strip { position: sticky; top: 0; z-index: 80; background: repeating-linear-gradient(45deg, #b45309, #b45309 12px, #92400e 12px, #92400e 24px); color: #fff; text-align: center; font-family: var(--display); font-weight: 800; font-size: 12.5px; letter-spacing: .06em; padding: 9px 16px; }

/* ============================================================================
   BBC TARZI ANASAYFA (2026-07-04): statik mozaik vitrin + düz kart dili
   Slider yerine kürasyon ızgarası: büyük lead + orta hikâyeler + başlık rayı.
   ========================================================================== */
.bbc-top { display: grid; grid-template-columns: 1.9fr 1fr 1fr; gap: 0 22px; padding: 10px 0 20px; margin-bottom: 4px; }
.bbc-top > * + * { border-left: 1px solid var(--line); padding-left: 22px; }

.bbc-img { width: 100%; height: auto; aspect-ratio: 16/9; object-fit: cover; display: block; background: var(--bg-sunken); }
.bbc-ph { display: grid; place-items: center; width: 100%; aspect-ratio: 16/9; font-family: var(--display); font-weight: 900; font-size: 54px; color: transparent; -webkit-text-stroke: 1.6px color-mix(in srgb, var(--cat, var(--accent)) 70%, var(--ink-faint)); background: radial-gradient(color-mix(in srgb, var(--cat, var(--accent)) 15%, transparent) 1px, transparent 1.4px) 0 0/12px 12px, linear-gradient(160deg, color-mix(in srgb, var(--cat, var(--accent)) 9%, var(--bg-soft)), var(--bg-sunken)); }
@supports not (-webkit-text-stroke: 1px black) { .bbc-ph { color: color-mix(in srgb, var(--cat, var(--accent)) 55%, var(--ink-faint)); } }

.bbc-kicker { display: inline-flex; align-items: center; gap: 7px; margin-top: 10px; font-family: var(--display); font-weight: 800; font-size: 11px; letter-spacing: var(--track-caps); text-transform: uppercase; color: var(--cat, var(--accent)); }
.bbc-kicker::before { content: ""; width: 16px; height: 2px; border-radius: 2px; background: var(--cat, var(--accent)); flex: none; }
.bbc-meta { display: block; margin-top: 7px; font-size: 12px; color: var(--ink-faint); font-variant-numeric: tabular-nums; }

.bbc-lead { display: block; min-width: 0; }
.bbc-lead:hover { text-decoration: none; }
.bbc-lead-title { display: block; margin-top: 6px; font-family: var(--display); font-weight: 800; font-size: clamp(24px, 2.7vw, 34px); line-height: 1.16; letter-spacing: -.022em; text-wrap: balance; transition: color .15s; }
.bbc-lead:hover .bbc-lead-title { color: var(--accent); }
.bbc-dek { display: block; margin-top: 9px; font-family: var(--serif); font-size: 15.5px; line-height: 1.55; color: var(--ink-soft); }

.bbc-mids { display: grid; gap: 16px; align-content: start; min-width: 0; }
.bbc-mid { display: block; min-width: 0; }
.bbc-mid:hover { text-decoration: none; }
.bbc-mid + .bbc-mid { border-top: 1px solid var(--line); padding-top: 16px; }
.bbc-mid strong { display: block; margin-top: 3px; font-family: var(--display); font-weight: 700; font-size: 16.5px; line-height: 1.3; letter-spacing: -.01em; transition: color .15s; }
.bbc-mid:hover strong { color: var(--accent); }

.bbc-rail { min-width: 0; }
.bbc-rail-title { margin: 0; font-family: var(--display); font-weight: 800; font-size: 12px; letter-spacing: var(--track-caps); text-transform: uppercase; color: var(--accent); }
.bbc-rail ol { list-style: none; margin: 6px 0 0; padding: 0; }
.bbc-rail li + li { border-top: 1px solid var(--line); }
.bbc-rail a { display: block; padding: 11px 0; }
.bbc-rail a:hover { text-decoration: none; }
.bbc-rail strong { display: block; font-family: var(--display); font-weight: 700; font-size: 14.5px; line-height: 1.35; letter-spacing: -.01em; transition: color .15s; }
.bbc-rail a:hover strong { color: var(--accent); }
.bbc-rail .bbc-meta { margin-top: 4px; }
.bbc-rail-more { display: inline-block; margin-top: 10px; font-size: 12.5px; font-weight: 700; color: var(--link); }

.bbc-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0 22px; padding: 16px 0 20px; border-top: 1px solid var(--line); border-bottom: 2px solid var(--ink); margin-bottom: 8px; }
.bbc-row > * + * { border-left: 1px solid var(--line); padding-left: 22px; }
.bbc-cell { display: block; min-width: 0; }
.bbc-cell:hover { text-decoration: none; }
.bbc-cell strong { display: block; margin-top: 3px; font-family: var(--display); font-weight: 700; font-size: 15px; line-height: 1.33; letter-spacing: -.01em; transition: color .15s; }
.bbc-cell:hover strong { color: var(--accent); }

/* Anasayfa kartları: BBC düz dili — köşe/gölge yok, üst ince çizgi */
.home-bbc .card { background: transparent; border-radius: 0; }
.home-bbc .card:hover { transform: none; }
.home-bbc .card-media { border-radius: 0; box-shadow: none; }
.home-bbc .card-link:hover .card-img { transform: none; }
.home-bbc :is(.grid-3, .grid-4) > .card { border-top: 1px solid var(--line); padding-top: 12px; }

/* Yardımcı sıra: ekonomi takvimi + etiketler + vizyon + yakında (4 dengeli kolon, ayraçlı) */
.bbc-util { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0 24px; margin-top: var(--space-6); }
.bbc-util > * { min-width: 0; }
.bbc-util > * + * { border-left: 1px solid var(--line); padding-left: 24px; }
.bbc-util .widget { border: 0; border-radius: 0; padding: 0; background: transparent; box-shadow: none; }
.bbc-util .widget-title { border-bottom: 2px solid var(--ink); }

@media (max-width: 1000px) {
    .bbc-top { grid-template-columns: 1fr 1fr; }
    .bbc-rail { grid-column: 1 / -1; border-left: 0; padding-left: 0; border-top: 2px solid var(--ink); padding-top: 12px; margin-top: 16px; }
    .bbc-rail ol { display: grid; grid-template-columns: 1fr 1fr; gap: 0 22px; }
    .bbc-rail li:nth-child(2) { border-top: 0; }
    .bbc-row { grid-template-columns: 1fr 1fr; row-gap: 16px; }
    .bbc-row > * { border-left: 0; padding-left: 0; }
    .bbc-row > *:nth-child(even) { border-left: 1px solid var(--line); padding-left: 22px; }
    .bbc-util { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 22px; }
    .bbc-util > * + * { border-left: 0; padding-left: 0; }
    .bbc-util > *:nth-child(even) { border-left: 1px solid var(--line); padding-left: 22px; }
    .bbc-util > *:nth-child(n+3) { border-top: 1px solid var(--line); padding-top: 18px; margin-top: 18px; }
}
@media (max-width: 680px) {
    .bbc-top { grid-template-columns: 1fr; gap: 16px 0; padding-top: 4px; }
    .bbc-top > * + * { border-left: 0; padding-left: 0; border-top: 1px solid var(--line); padding-top: 14px; }
    .bbc-rail { border-top: 2px solid var(--ink); margin-top: 0; }
    .bbc-rail ol { grid-template-columns: 1fr; }
    .bbc-rail li:nth-child(2) { border-top: 1px solid var(--line); }
    .bbc-lead-title { font-size: 23px; }
    .bbc-row { grid-template-columns: 1fr; row-gap: 0; }
    .bbc-row > * { padding-block: 12px; }
    .bbc-row > * + * { border-left: 0; padding-left: 0; border-top: 1px solid var(--line); }
    .bbc-util { grid-template-columns: 1fr; gap: 0; }
    .bbc-util > *:nth-child(even) { border-left: 0; padding-left: 0; }
    .bbc-util > * + * { border-top: 1px solid var(--line); padding-top: 18px; margin-top: 18px; }
}

/* Mozaik esnekliği: içerik azsa kolonlar çökmesin */
.bbc-top.no-mids, .bbc-top.no-rail { grid-template-columns: 2fr 1fr; }
.bbc-top.no-mids.no-rail { grid-template-columns: 1fr; }
@media (max-width: 1000px) { .bbc-top.no-mids, .bbc-top.no-rail { grid-template-columns: 1fr 1fr; } }
@media (max-width: 680px) { .bbc-top.no-mids, .bbc-top.no-rail, .bbc-top.no-mids.no-rail { grid-template-columns: 1fr; } }

/* ============================================================================
   KATEGORİ RENK TEMASI (2026-07-04): her kategori sayfası kendi rengine bürünür
   (.cat-scope sarmalayıcısı --cat taşır; spor turuncu, ekonomi yeşil, dünya mavi…)
   ========================================================================== */
.cat-scope .page-head--cat { background: linear-gradient(180deg, color-mix(in srgb, var(--cat, var(--accent)) 7%, transparent), transparent 78%); border-top: 4px solid var(--cat, var(--accent)); padding-top: 18px; }
.cat-scope .page-eyebrow { color: var(--cat, var(--accent)); }
.cat-scope .page-current { background: var(--cat, var(--accent)); border-color: var(--cat, var(--accent)); }
.cat-scope .pagination a:hover { border-color: color-mix(in srgb, var(--cat, var(--accent)) 55%, var(--line)); color: var(--cat, var(--accent)); text-decoration: none; }
.cat-scope .breadcrumb [aria-current] { color: color-mix(in srgb, var(--cat, var(--accent)) 70%, var(--ink)); font-weight: 600; }
.cat-scope .card-link:hover .card-title { color: var(--cat, var(--accent)); }
.cat-scope ::selection { background: color-mix(in srgb, var(--cat, var(--accent)) 22%, var(--bg)); }
.cat-scope .hub-tool:hover { border-color: color-mix(in srgb, var(--cat, var(--accent)) 45%, var(--line)); }
.cat-scope .widget-more, .cat-scope .section-more { color: color-mix(in srgb, var(--cat, var(--accent)) 75%, var(--ink)); }

/* Geri sayım şeridi: personel şeridiyle ortak kart dili */
.exam-strip { margin-block: 2px 10px; }
.ilan-strip-title--gold { color: var(--gold-ink); }
.ilan-strip-title--gold::after { background: var(--gold); }
.exam-card .ilan-card-body strong { font-size: 14px; }

/* Anasayfa mini vizyon listesi (bbc-util kolonları) */
.viz-coming--mini { grid-template-columns: 1fr; gap: 0; }
.viz-film-body { display: grid; gap: 1px; min-width: 0; }
.viz-film-body small { font-size: 10.5px; color: var(--ink-faint); }
.bbc-util .hub-films li { padding-block: 7px; }
.bbc-util .hub-sub { font-family: var(--display); font-size: 12px; font-weight: 800; letter-spacing: var(--track-caps); text-transform: uppercase; color: var(--gold-ink); margin-bottom: 8px; }
/* Yakında: kutu değil, diğer kolonlarla aynı hairline satır dili */
.bbc-util .viz-film { border: 0; border-top: 1px solid var(--line); border-radius: 0; background: transparent; padding: 8px 0; }
.bbc-util .viz-film:first-child { border-top: 0; }
.bbc-util .viz-film img, .bbc-util .viz-film-ph { border-radius: 3px; box-shadow: 0 1px 3px rgb(0 0 0 / .14); }
.bbc-util .viz-film:hover strong { color: var(--accent); }
/* Etiket bulutu: dolgu hapları değil, ince çizgili sakin çipler */
.bbc-util .tag { min-height: 32px; padding: 0 12px; font-size: 12.5px; background: transparent; border: 1px solid var(--line); border-radius: 999px; gap: 7px; }
.bbc-util .tag:hover { border-color: color-mix(in srgb, var(--accent) 55%, var(--line)); color: var(--accent); background: transparent; }
.bbc-util .tag-n { background: none; padding: 0; min-width: 0; height: auto; font-size: 11px; font-weight: 700; color: var(--ink-faint); }
.bbc-util .tag-cloud { gap: 7px; }

/* ============================================================================
   MODERN REFORM (2026-07-04): serif emekli, Archivo başlıklar, nötr palet.
   Bu katman eski "editoryal dergi" süslerini modern habercilik diline çevirir.
   ========================================================================== */

/* Drop-cap (baş harf büyütme) modern sans dilinde yok */
.article-body > p:first-of-type::first-letter { float: none; font-size: inherit; font-weight: inherit; line-height: inherit; padding: 0; color: inherit; -webkit-text-stroke: 0; }

/* Dekoratif italikler düz moderne döner */
.masthead-tagline, .hero-head-date, .page-desc, .footer-tagline, .empty, .footer-h, .article-figure figcaption, .lightbox-fig figcaption { font-style: normal; }
.footer-h { font-family: var(--display); font-weight: 700; font-size: 12px; letter-spacing: var(--track-caps); text-transform: uppercase; }

/* Fleuron kolofonu (❦) emekli — modern sayfa sade biter */
.page-colophon { display: none; }

/* Başlık ağırlıkları Archivo'da: 800 yerine 700+dar aralık daha dengeli, gövde letterspacing sıfır */
body { letter-spacing: 0; }
.article-body { letter-spacing: 0; }

/* ============================================================================
   MOBİL RAYLAR (BBC dili): anasayfa ızgaraları telefonda yatay kaydırmalı
   ========================================================================== */
@media (max-width: 680px) {
    .home-bbc :is(.grid-3, .grid-4) { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 14px; padding-bottom: 8px; scrollbar-width: none; -webkit-overflow-scrolling: touch; -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 28px), transparent); mask-image: linear-gradient(to right, #000 calc(100% - 28px), transparent); }
    .home-bbc :is(.grid-3, .grid-4)::-webkit-scrollbar { display: none; }
    .home-bbc :is(.grid-3, .grid-4) > .card { flex: 0 0 76%; min-width: 0; scroll-snap-align: start; border-top: 0; padding-top: 0; }
    /* 2. sıra da ray olur (dikey yığın yerine) */
    .bbc-row { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 14px; padding: 14px 0 10px; scrollbar-width: none; -webkit-overflow-scrolling: touch; -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 28px), transparent); mask-image: linear-gradient(to right, #000 calc(100% - 28px), transparent); }
    .bbc-row::-webkit-scrollbar { display: none; }
    .bbc-row > * { flex: 0 0 72%; min-width: 0; scroll-snap-align: start; }
    .bbc-row > * + * { border-left: 0; border-top: 0; padding-left: 0; margin-top: 0; }
    /* Çok okunanlar telefonda da ray: numaralı kartlar yan yana */
    .mostread-list { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 14px; padding-bottom: 8px; scrollbar-width: none; -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 28px), transparent); mask-image: linear-gradient(to right, #000 calc(100% - 28px), transparent); }
    .mostread-list::-webkit-scrollbar { display: none; }
    .mostread-item { flex: 0 0 86%; min-width: 0; }
    .mostread-item a { border-top: 0; border: 1px solid var(--line); border-radius: var(--radius-sm); padding: 12px; scroll-snap-align: start; height: 100%; }
    /* Mozaik rayı mobilde kart hissi */
    .bbc-rail ol { border-top: 0; }
}

/* Canlı skor (spor hub'ı) */
.livescore-box { margin: 6px 0 22px; border: 1px solid var(--line); border-radius: var(--radius-sm); overflow: hidden; background: var(--bg-soft); }
.livescore-box iframe { display: block; width: 100%; height: 560px; border: 0; }
.livescore-note { font-size: 11.5px; color: var(--ink-faint); padding: 8px 12px; border-top: 1px solid var(--line); }

/* Gövde ölçüsü sans'a göre ayar: 19.5px serif ölçüsüydü, Inter'de 18px ideal */
.article-body { font-size: 18px; line-height: 1.72; }

/* Doğal canlı skorboard (spor hub'ı) — kendi tasarımımız, iki temada da yerli */
.skor-updated { font-family: var(--sans); font-size: 12px; font-weight: 600; color: var(--ink-faint); font-variant-numeric: tabular-nums; }
.skorboard { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 18px 28px; margin-bottom: 6px; }
.skor-group { min-width: 0; }
.skor-league { margin: 0 0 6px; font-family: var(--display); font-weight: 700; font-size: 12px; letter-spacing: var(--track-caps); text-transform: uppercase; color: var(--gold-ink); }
.skor-list { list-style: none; margin: 0; padding: 0; }
.skor-row { display: grid; grid-template-columns: 1fr auto 1fr auto; align-items: center; gap: 10px; padding: 9px 2px; border-top: 1px solid var(--line); font-size: 13.5px; }
.skor-team { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }
.skor-team--h { text-align: right; }
.skor-score { display: inline-flex; align-items: center; gap: 5px; font-family: var(--display); font-weight: 800; font-variant-numeric: tabular-nums; font-size: 14.5px; }
.skor-score i { font-style: normal; color: var(--ink-faint); font-weight: 400; }
.skor-status { width: 52px; text-align: right; font-size: 11px; font-weight: 700; color: var(--ink-faint); font-variant-numeric: tabular-nums; }
.skor-row.is-live .skor-status { color: var(--accent); }
.skor-row.is-live .skor-status::before { content: "●"; margin-right: 4px; animation: skor-blink 1.6s infinite; }
.skor-row.is-live .skor-score b { color: var(--accent); }
@keyframes skor-blink { 50% { opacity: .25; } }
@media (prefers-reduced-motion: reduce) { .skor-row.is-live .skor-status::before { animation: none; } }
@media (max-width: 680px) { .skorboard { grid-template-columns: 1fr; } }

/* ============================================================================
   HUB DÜNYALARI (2026-07-04): dış kaynak beslemeleri + kategoriye özgü dokular
   ========================================================================== */

/* Feed bileşenleri (teknoloji/dünya/gündem/kulüp haberleri) */
.feed-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 18px 26px; }
.feed-card { min-width: 0; border-top: 2px solid var(--cat, var(--accent)); padding-top: 10px; }
.feed-card-brand { margin: 0 0 4px; font-family: var(--display); font-weight: 800; font-size: 14px; letter-spacing: -.01em; }
.feed-list { list-style: none; margin: 0; padding: 0; }
.feed-list li + li { border-top: 1px solid var(--line); }
.feed-list a { display: grid; gap: 3px; padding: 10px 0; min-width: 0; }
.feed-list a:hover { text-decoration: none; }
.feed-list strong { font-family: var(--display); font-weight: 700; font-size: 14px; line-height: 1.35; letter-spacing: -.01em; transition: color .15s; }
.feed-list a:hover strong { color: var(--cat, var(--accent)); }
.feed-list small { font-size: 11px; color: var(--ink-faint); font-variant-numeric: tabular-nums; }
.feed-src { font-family: var(--display); font-weight: 800; font-size: 10px !important; letter-spacing: var(--track-caps); text-transform: uppercase; color: var(--cat, var(--accent)) !important; }
.feed-list--cols { columns: 2; column-gap: 40px; }
.feed-list--cols li { break-inside: avoid; }
.feed-list--cols li:first-child { border-top: 0; }
@media (max-width: 760px) { .feed-list--cols { columns: 1; } }

/* Kategoriye özgü sayfa dokuları — her kategori kendi dünyası */
.cat-scope .page-head--cat { position: relative; }
.cat-scope .page-head--cat::after { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; }

/* Teknoloji: devre ızgarası */
.cat-scope[data-slug="teknoloji"] .page-head--cat::after {
    background-image: linear-gradient(color-mix(in srgb, var(--cat) 14%, transparent) 1px, transparent 1px),
                      linear-gradient(90deg, color-mix(in srgb, var(--cat) 14%, transparent) 1px, transparent 1px);
    background-size: 26px 26px;
    -webkit-mask-image: linear-gradient(to left, #000 20%, transparent 70%);
    mask-image: linear-gradient(to left, #000 20%, transparent 70%);
}
/* Spor: saha şeritleri */
.cat-scope[data-slug="spor"] .page-head--cat::after {
    background: repeating-linear-gradient(90deg, color-mix(in srgb, var(--cat) 8%, transparent) 0 44px, transparent 44px 88px);
    -webkit-mask-image: linear-gradient(to left, #000 12%, transparent 62%);
    mask-image: linear-gradient(to left, #000 12%, transparent 62%);
}
/* Dünya: meridyen halkaları */
.cat-scope[data-slug="dunya"] .page-head--cat::after {
    background: repeating-radial-gradient(circle at 88% 50%, color-mix(in srgb, var(--cat) 13%, transparent) 0 1px, transparent 1px 24px);
}
/* Ekonomi: yükselen çentikler */
.cat-scope[data-slug="ekonomi"] .page-head--cat::after {
    background: repeating-linear-gradient(135deg, color-mix(in srgb, var(--cat) 11%, transparent) 0 2px, transparent 2px 20px);
    -webkit-mask-image: linear-gradient(to left, #000 15%, transparent 65%);
    mask-image: linear-gradient(to left, #000 15%, transparent 65%);
}
/* Gündem: baskı tramı (halftone) */
.cat-scope[data-slug="gundem"] .page-head--cat::after {
    background: radial-gradient(color-mix(in srgb, var(--cat) 16%, transparent) 1px, transparent 1.4px) 0 0/13px 13px;
    -webkit-mask-image: linear-gradient(to left, #000 18%, transparent 68%);
    mask-image: linear-gradient(to left, #000 18%, transparent 68%);
}
/* Kültür-Sanat: film şeridi delikleri */
.cat-scope[data-slug="kultur-sanat"] .page-head--cat::after {
    background: repeating-linear-gradient(90deg, color-mix(in srgb, var(--cat) 14%, transparent) 0 12px, transparent 12px 30px);
    background-size: 100% 8px;
    background-repeat: repeat-x;
    background-position: 0 12px;
    -webkit-mask-image: linear-gradient(to left, #000 30%, transparent 80%);
    mask-image: linear-gradient(to left, #000 30%, transparent 80%);
}
/* Memur Haberleri: evrak satırları */
.cat-scope[data-slug="memur-haberleri"] .page-head--cat::after {
    background: repeating-linear-gradient(0deg, color-mix(in srgb, var(--cat) 11%, transparent) 0 1px, transparent 1px 15px);
    -webkit-mask-image: linear-gradient(to left, #000 15%, transparent 60%);
    mask-image: linear-gradient(to left, #000 15%, transparent 60%);
}
/* Politika: kürsü sütunları */
.cat-scope[data-slug="politika"] .page-head--cat::after {
    background: repeating-linear-gradient(90deg, color-mix(in srgb, var(--cat) 12%, transparent) 0 3px, transparent 3px 30px);
    -webkit-mask-image: linear-gradient(to left, #000 12%, transparent 55%);
    mask-image: linear-gradient(to left, #000 12%, transparent 55%);
}

/* ============================================================================
   MEMURUN EL KİTABI modernizasyonu: kolonlara renk çizgisi + konturlu gün rakamı
   ========================================================================== */
.hub-memur .hub-col { border-top: 2px solid var(--cat, #0e7490); padding-top: 12px; min-width: 0; }
.hub-memur .hub-sub { margin-top: 0; }
.hub-ev-days { color: transparent; -webkit-text-stroke: 1.3px var(--gold); }
@supports not (-webkit-text-stroke: 1px black) { .hub-ev-days { color: var(--gold-ink); } }
.hub-ev-days.is-soon { color: transparent; -webkit-text-stroke-color: var(--accent); }
@supports not (-webkit-text-stroke: 1px black) { .hub-ev-days.is-soon { color: var(--accent); } }
.hub-ev-days small { color: var(--ink-faint); -webkit-text-stroke: 0; }
.hub-events li { transition: background .15s; border-radius: 0 var(--radius-sm) var(--radius-sm) 0; }
.hub-events li:hover { background: color-mix(in srgb, var(--bg-soft) 65%, transparent); }

/* ============================================================================
   GÜNLÜK BURÇ WIDGET'I — shadcn standardı: düz kart, 1px kenarlık, nötr glifler
   ========================================================================== */
.burc { margin-top: var(--space-6); border: 1px solid var(--line); border-radius: 10px; padding: 18px 20px 20px; background: var(--bg); box-shadow: 0 1px 2px rgba(0,0,0,.04); }
.burc-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid var(--line); }
.burc-title { margin: 0; font-family: var(--display); font-weight: 700; font-size: 15.5px; letter-spacing: -.01em; display: inline-flex; align-items: center; gap: 8px; }
.burc-title-glyph { color: var(--ink-faint); font-size: 13px; }
.burc-date { font-size: 12.5px; color: var(--ink-faint); font-variant-numeric: tabular-nums; }
.burc-rail { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(70px, 1fr); gap: 6px; overflow-x: auto; padding-bottom: 6px; margin-bottom: 14px; scrollbar-width: none; scroll-snap-type: x proximity; }
.burc-rail::-webkit-scrollbar { display: none; }
.burc-chip { display: grid; justify-items: center; gap: 3px; padding: 8px 6px 7px; border: 1px solid var(--line); border-radius: var(--radius-sm); background: transparent; color: var(--ink-soft); font: inherit; cursor: pointer; scroll-snap-align: start; transition: border-color .15s, background .15s, color .15s; }
.burc-chip:hover { background: var(--bg-soft); color: var(--ink); }
.burc-chip.is-on { background: var(--ink); border-color: var(--ink); color: var(--bg); }
.burc-glyph { font-size: 18px; line-height: 1; font-family: var(--sans); }
.burc-name { font-family: var(--display); font-weight: 600; font-size: 11px; letter-spacing: .01em; }
.burc-card { display: flex; gap: 18px; align-items: flex-start; min-height: 92px; }
.burc-card[hidden] { display: none; } /* display:flex UA [hidden]'ı ezmesin (tts-btn dersi) */
.burc-card-glyph { flex: none; width: 84px; height: 84px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 10px; background: var(--bg-soft); font-size: 44px; line-height: 1; color: var(--ink-soft); font-family: var(--sans); user-select: none; }
.burc-card-body h3 { margin: 2px 0 7px; font-family: var(--display); font-weight: 700; font-size: 16px; letter-spacing: -.01em; }
.burc-card-body h3 small { font-family: var(--sans); font-weight: 500; font-size: 12px; color: var(--ink-faint); margin-left: 6px; }
.burc-card-body p { margin: 0; font-size: 14.5px; line-height: 1.65; color: var(--ink-soft); max-width: 72ch; }
@media (max-width: 680px) {
    .burc { padding: 14px 14px 16px; }
    .burc-rail { grid-auto-columns: 74px; -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 28px), transparent); mask-image: linear-gradient(to right, #000 calc(100% - 28px), transparent); }
    .burc-card { gap: 12px; }
    .burc-card-glyph { width: 64px; height: 64px; font-size: 32px; }
}

/* ============================================================================
   SPOR MASASI (2026-07-05): spor kategorisinin üst bandı — koyu saha kimliği.
   Canlı skor şeridi + kulüp rozet çipleri; band her iki temada da koyu kalır.
   ========================================================================== */
.spor-masasi { position: relative; overflow: clip; margin: -8px 0 30px; padding: 16px 20px 18px; background: #14171c; border: 1px solid rgb(255 255 255 / .06); border-top: 4px solid var(--cat, #e67e22); color: #eef1f5; }
/* Saha çizgileri + sağda orta yuvarlak: futbol sahası hissi, çok hafif */
.spor-masasi::before { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient(90deg, rgb(255 255 255 / .03) 0 54px, transparent 54px 108px); pointer-events: none; }
.spor-masasi::after { content: ""; position: absolute; top: 50%; right: -80px; width: 250px; height: 250px; transform: translateY(-50%); border: 2px solid rgb(255 255 255 / .05); border-radius: 50%; pointer-events: none; }
.spor-masasi > * { position: relative; }
.spor-masasi-head { display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap; margin-bottom: 13px; }
.spor-masasi-title { font-family: var(--display); font-weight: 800; font-size: 13px; letter-spacing: .14em; text-transform: uppercase; color: #fff; }
.spor-masasi-title b { color: var(--cat, #e67e22); font-size: 10px; vertical-align: 2px; margin-right: 2px; }
.spor-masasi .skor-updated { color: #8b93a1; font-size: 11.5px; font-variant-numeric: tabular-nums; }
.spor-masasi .skor-day { font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #ffb46b; }
.spor-masasi-link { margin-left: auto; font-size: 12.5px; font-weight: 700; color: #c9d2de; }
.spor-masasi-link:hover { color: #fff; text-decoration: none; }

/* Canlı skor şeridi: yatay kaydırmalı kompakt maç çipleri */
.skor-strip { display: flex; gap: 10px; list-style: none; margin: 0; padding: 0 0 6px; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: thin; scrollbar-color: rgb(255 255 255 / .18) transparent; -webkit-overflow-scrolling: touch; }
.skor-strip .skor-row { display: grid; grid-template-columns: minmax(0, 1fr); gap: 3px; flex: 0 0 auto; scroll-snap-align: start; min-width: 178px; max-width: 220px; padding: 9px 12px 8px; border: 1px solid rgb(255 255 255 / .1); border-radius: 8px; background: rgb(255 255 255 / .045); border-top: 1px solid rgb(255 255 255 / .1); font-size: 12.5px; }
.skor-chip-lig { font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #8b93a1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.skor-chip-mac { display: grid; grid-template-columns: 1fr auto 1fr; align-items: baseline; gap: 8px; }
.skor-strip .skor-team { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 600; color: #dfe5ec; }
.skor-strip .skor-team--a { text-align: right; }
.skor-strip .skor-score { font-variant-numeric: tabular-nums; font-weight: 800; color: #fff; }
.skor-strip .skor-score i { font-style: normal; color: #6c7482; margin-inline: 2px; }
.skor-strip .skor-status { font-size: 10.5px; font-weight: 700; color: #8b93a1; letter-spacing: .04em; }
.skor-strip .skor-row.is-live { border-color: color-mix(in srgb, var(--cat, #e67e22) 55%, transparent); background: color-mix(in srgb, var(--cat, #e67e22) 12%, transparent); }
.skor-strip .skor-row.is-live :is(.skor-status, .skor-score b) { color: #ffb46b; }

/* Kulüp rozet çipleri: iki renkli forma rozeti + son başlık */
.kulup-bar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 13px; }
.kulup-kart { display: flex; align-items: center; gap: 11px; min-height: 56px; padding: 9px 13px; border: 1px solid rgb(255 255 255 / .1); border-radius: 8px; background: rgb(255 255 255 / .045); color: #eef1f5; transition: border-color .15s, background .15s; }
.kulup-kart:hover { border-color: rgb(255 255 255 / .32); background: rgb(255 255 255 / .08); color: #fff; text-decoration: none; }
.kulup-rozet { flex: none; width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; font-family: var(--display); font-weight: 900; font-size: 12px; letter-spacing: .02em; background: linear-gradient(135deg, var(--k1) 50%, var(--k2) 50%); color: #fff; text-shadow: 0 1px 2px rgb(0 0 0 / .45); box-shadow: inset 0 0 0 2px rgb(255 255 255 / .22); }
.kulup-kart-body { display: grid; gap: 2px; min-width: 0; }
.kulup-kart-body b { font-size: 12.5px; }
.kulup-kart-body small { font-size: 11px; color: #9aa3b2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Spor başlığı bandla kaynaşsın: başlık altı çizgi banda devrolur */
.cat-scope[data-slug="spor"] .page-head--cat { margin-bottom: 0; border-bottom: 0; padding-bottom: 14px; }

@media (max-width: 840px) { .kulup-bar { grid-template-columns: 1fr 1fr; } }
@media (max-width: 680px) {
    .spor-masasi { margin-top: -4px; padding: 14px 14px 15px; }
    .skor-strip .skor-row { min-width: 168px; }
}

/* ============================================================================
   AJANDA BANDI (2026-07-05): Geri Sayım + Personel Alımları iki dikey kolonda.
   Eski iki yatay-kaydırmalı şeridin yerini alır — sakin, taranabilir liste dili.
   ========================================================================== */
.ajanda { display: grid; grid-template-columns: 1fr 1fr; gap: 0 30px; margin: 26px 0 30px; }
.ajanda-col { min-width: 0; }
.ajanda-col + .ajanda-col { border-left: 1px solid var(--line); padding-left: 30px; }
.ajanda-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 6px; padding-bottom: 8px; border-bottom: 2px solid var(--ink); }
.ajanda-col--exam .ajanda-head { border-bottom-color: var(--gold-ink); }
.ajanda-title { font-family: var(--display); font-size: 13px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; margin: 0; }
.ajanda-col--exam .ajanda-title { color: var(--gold-ink); }
.ajanda-more { font-size: 12px; font-weight: 700; color: var(--link); white-space: nowrap; }
.ajanda-more:hover { text-decoration: underline; }
.ajanda-list { list-style: none; margin: 0; padding: 0; }
.ajanda-row { display: grid; grid-template-columns: 52px 1fr; align-items: center; gap: 14px; padding: 11px 4px 11px 0; border-top: 1px solid var(--line); }
.ajanda-list li:first-child .ajanda-row { border-top: 0; }
.ajanda-row:hover { text-decoration: none; }
.ajanda-row:hover .ajanda-body strong { color: var(--accent); }
.ajanda-col--exam .ajanda-row:hover .ajanda-body strong { color: var(--gold-ink); }
.ajanda-badge { flex: none; display: grid; justify-items: center; align-content: center; width: 52px; height: 52px; border-radius: 10px; background: var(--bg-sunken); border: 1px solid var(--line); line-height: 1; }
.ajanda-badge b { font-family: var(--display); font-size: 20px; font-weight: 800; font-variant-numeric: tabular-nums; color: var(--ink); }
.ajanda-badge small { font-size: 9.5px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--ink-faint); margin-top: 2px; }
.ajanda-col--exam .ajanda-badge { background: color-mix(in srgb, var(--gold) 10%, var(--bg-soft)); border-color: color-mix(in srgb, var(--gold) 30%, var(--line)); }
.ajanda-row.is-urgent .ajanda-badge { background: color-mix(in srgb, var(--accent) 12%, var(--bg-soft)); border-color: color-mix(in srgb, var(--accent) 40%, var(--line)); }
.ajanda-row.is-urgent .ajanda-badge b { color: var(--accent); }
.ajanda-badge.is-today { background: var(--accent); border-color: var(--accent); }
.ajanda-badge.is-today b, .ajanda-badge.is-today small { color: #fff; }
.ajanda-badge.is-today b { font-size: 13px; }
.ajanda-body { min-width: 0; display: grid; gap: 2px; }
.ajanda-body strong { font-family: var(--display); font-size: 14px; font-weight: 700; line-height: 1.3; letter-spacing: -.01em; color: var(--ink); transition: color .15s; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ajanda-body small { font-size: 11.5px; color: var(--ink-faint); }
.ajanda-org { font-weight: 700; color: var(--gold-ink) !important; text-transform: uppercase; letter-spacing: .03em; font-size: 10.5px !important; }
@media (max-width: 720px) {
    .ajanda { grid-template-columns: 1fr; gap: 22px 0; }
    .ajanda-col + .ajanda-col { border-left: 0; padding-left: 0; padding-top: 20px; border-top: 1px solid var(--line); }
}

/* ============================================================================
   DÜNYA KUPASI (2026-07-05): anasayfa bandı + turnuva merkezi hub'ı + alt kategori.
   Yeşil saha + altın kupa kimliği; her iki temada da koyu band. Kupa bitince
   anasayfa bandı active() geçidiyle otomatik kaybolur.
   ========================================================================== */

/* --- Anasayfa bandı --- */
.wc-band { position: relative; overflow: clip; margin: 26px 0 30px; padding: 16px 20px 18px; border-radius: 12px; background: linear-gradient(120deg, #063a26, #0a7d4f 62%, #0c6b45); color: #eafaf2; box-shadow: 0 10px 26px -14px rgb(4 40 26 / .7); }
.wc-band::after { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient(90deg, rgb(255 255 255 / .035) 0 60px, transparent 60px 120px); pointer-events: none; }
.wc-band > * { position: relative; }
.wc-band-lead { display: flex; align-items: center; gap: 14px; margin-bottom: 13px; }
.wc-badge { flex: none; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: rgb(255 255 255 / .1); color: var(--wc2, #e9b500); box-shadow: inset 0 0 0 2px rgb(233 181 0 / .4); }
.wc-band-txt { min-width: 0; display: grid; gap: 1px; }
.wc-eyebrow { font-family: var(--display); font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--wc2, #e9b500); }
.wc-name { font-family: var(--display); font-size: 18px; font-weight: 800; letter-spacing: -.01em; color: #fff; line-height: 1.15; }
.wc-sub { font-size: 12px; color: #d9f2e6; }
.wc-sub b { color: #fff; font-variant-numeric: tabular-nums; }
.wc-cta { margin-left: auto; flex: none; align-self: center; font-size: 12.5px; font-weight: 800; color: #06251a; background: var(--wc2, #e9b500); padding: 8px 14px; border-radius: 999px; white-space: nowrap; }
.wc-cta:hover { background: #fff; text-decoration: none; }
.wc-strip { display: flex; gap: 10px; list-style: none; margin: 0; padding: 0 0 4px; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: thin; scrollbar-color: rgb(255 255 255 / .2) transparent; -webkit-overflow-scrolling: touch; }
.wc-match { flex: 0 0 auto; scroll-snap-align: start; min-width: 176px; max-width: 210px; display: grid; gap: 3px; padding: 9px 12px 8px; border: 1px solid rgb(255 255 255 / .12); border-radius: 8px; background: rgb(255 255 255 / .05); }
.wc-match-round { font-size: 9.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #c9ecd9; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wc-match-teams { display: grid; grid-template-columns: 1fr auto 1fr; align-items: baseline; gap: 7px; font-size: 12.5px; }
.wc-t { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 600; color: #eafaf2; }
.wc-t--a { text-align: right; }
.wc-sc { font-variant-numeric: tabular-nums; font-weight: 800; color: #fff; }
.wc-sc i { font-style: normal; color: #6ea98c; margin-inline: 2px; }
.wc-match-st { font-size: 10px; font-weight: 700; color: #c9ecd9; letter-spacing: .03em; }
.wc-match.is-live { border-color: color-mix(in srgb, var(--wc2, #e9b500) 60%, transparent); background: color-mix(in srgb, var(--wc2, #e9b500) 14%, transparent); }
.wc-match.is-live :is(.wc-match-st, .wc-sc b) { color: var(--wc2, #ffd94a); }
.wc-empty { display: block; font-size: 13px; font-weight: 600; color: #cdefdd; }
.wc-empty:hover { color: #fff; }
@media (max-width: 680px) {
    .wc-band { padding: 14px 14px 15px; }
    .wc-band-lead { flex-wrap: wrap; }
    .wc-cta { margin-left: 0; order: 3; }
}

/* --- Turnuva merkezi hub'ı (/kategori/dunya-kupasi) --- */
.wc-hub { --wc: #0a7d4f; --wc2: #c78a00; }
.wc-hero { position: relative; overflow: hidden; border-radius: 14px; padding: 22px 24px; margin-bottom: 20px; background: linear-gradient(120deg, #063a26, #0a7d4f 70%); color: #eafaf2; display: flex; flex-wrap: wrap; align-items: center; gap: 18px 26px; }
.wc-hero::after { content: ""; position: absolute; top: 50%; right: -70px; width: 220px; height: 220px; transform: translateY(-50%); border: 2px solid rgb(233 181 0 / .18); border-radius: 50%; pointer-events: none; }
.wc-hero-main { position: relative; min-width: 0; }
.wc-hero-eyebrow { font-family: var(--display); font-size: 11px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: #ffd94a; }
.wc-hero-title { font-family: var(--display); font-size: clamp(24px, 4vw, 34px); font-weight: 800; letter-spacing: -.02em; margin: 3px 0 4px; color: #fff; }
.wc-hero-host { margin: 0; font-size: 13.5px; color: #d9f2e6; }
.wc-kpis { position: relative; display: flex; flex-wrap: wrap; gap: 10px; margin: 0; margin-left: auto; }
.wc-kpi { min-width: 88px; padding: 10px 14px; border-radius: 10px; background: rgb(255 255 255 / .08); border: 1px solid rgb(255 255 255 / .12); }
.wc-kpi dt { font-size: 10.5px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: #c9ecd9; margin-bottom: 3px; }
.wc-kpi dd { margin: 0; font-family: var(--display); font-size: 22px; font-weight: 800; color: #fff; font-variant-numeric: tabular-nums; line-height: 1; }
.wc-kpi dd small { font-size: 12px; font-weight: 600; color: #d9f2e6; }
.wc-kpi--live { border-color: rgb(233 181 0 / .5); background: rgb(233 181 0 / .14); }
.wc-kpi--live dd { color: #ffd94a; }
.wc-section .wc-updated { font-size: 12px; color: var(--ink-faint); font-variant-numeric: tabular-nums; align-self: center; }

.wc-bracket { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px 24px; }
.wc-round { min-width: 0; }
.wc-round-title { font-family: var(--display); font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--wc, #0a7d4f); margin: 0 0 8px; padding-bottom: 6px; border-bottom: 2px solid color-mix(in srgb, var(--wc) 30%, var(--line)); }
.wc-round-list { list-style: none; margin: 0; padding: 0; }
.wc-fx { display: grid; grid-template-columns: 1fr auto 1fr auto; align-items: center; gap: 8px; padding: 9px 4px; border-top: 1px solid var(--line); font-size: 13.5px; }
.wc-round-list li:first-child .wc-fx { border-top: 0; }
.wc-fx-team { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 600; }
.wc-fx-team--a { text-align: right; }
.wc-fx-score { font-variant-numeric: tabular-nums; font-weight: 800; }
.wc-fx-score i { font-style: normal; color: var(--ink-faint); margin-inline: 3px; }
.wc-fx-st { font-size: 11px; font-weight: 700; color: var(--ink-faint); white-space: nowrap; }
.wc-fx.is-live .wc-fx-st { color: var(--accent); }
.wc-fx.is-live .wc-fx-st::before { content: "●"; margin-right: 4px; animation: skor-blink 1.6s infinite; }
.wc-fx.is-live .wc-fx-score b { color: var(--accent); }
@media (prefers-reduced-motion: reduce) { .wc-fx.is-live .wc-fx-st::before { animation: none; } }

.wc-cols { display: grid; grid-template-columns: 1fr 1.3fr; gap: 20px 28px; align-items: start; }
.wc-facts { margin: 0; display: grid; gap: 0; }
.wc-facts > div { display: grid; grid-template-columns: 108px 1fr; gap: 12px; padding: 10px 0; border-top: 1px solid var(--line); }
.wc-facts > div:first-child { border-top: 0; }
.wc-facts dt { font-size: 12px; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; color: var(--ink-faint); }
.wc-facts dd { margin: 0; font-size: 14px; font-weight: 600; color: var(--ink); }
.wc-note { color: var(--ink-soft); font-size: 14px; padding: 14px 16px; background: var(--bg-soft); border: 1px solid var(--line); border-radius: 10px; }
@media (max-width: 720px) { .wc-cols { grid-template-columns: 1fr; } .wc-hero { padding: 18px; } .wc-kpis { margin-left: 0; } }

/* --- Alt kategori dokusu: yeşil saha + gol ağı --- */
.cat-scope[data-slug="dunya-kupasi"] { --cat: #0a7d4f; }
.cat-scope[data-slug="dunya-kupasi"] .page-head--cat::after {
    background: repeating-linear-gradient(90deg, color-mix(in srgb, var(--cat) 9%, transparent) 0 3px, transparent 3px 20px),
                repeating-linear-gradient(0deg, color-mix(in srgb, var(--cat) 9%, transparent) 0 3px, transparent 3px 20px);
    -webkit-mask-image: linear-gradient(to left, #000 14%, transparent 64%);
    mask-image: linear-gradient(to left, #000 14%, transparent 64%);
}

/* Breadcrumb: ana kategori > alt kategori */
.breadcrumb .crumb-parent { color: var(--ink-soft); }

/* Alt kategori çipleri (kategori sayfasında, ör. Spor > Dünya Kupası) */
.subcat-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0 4px; }
.subcat-chip { display: inline-flex; align-items: center; min-height: 34px; padding: 0 15px; font-size: 13px; font-weight: 700; border: 1px solid color-mix(in srgb, var(--cat, var(--accent)) 40%, var(--line)); border-radius: 999px; color: color-mix(in srgb, var(--cat, var(--accent)) 78%, var(--ink)); background: color-mix(in srgb, var(--cat, var(--accent)) 6%, transparent); transition: background .15s, color .15s; }
.subcat-chip::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--cat, var(--accent)); margin-right: 8px; }
.subcat-chip:hover { background: var(--cat, var(--accent)); color: #fff; text-decoration: none; }
.subcat-chip:hover::before { background: #fff; }

/* ============================================================================
   TEKNOLOJİ HUB EK KATMANI (2026-07-09): kripto fiyat şeridi + cihaz vitrini
   ========================================================================== */




/* ============================================================================
   PİYASA TERMİNALİ (2026-07-09): ekonomi hub'ının koyu finans paneli.
   Gerçek gün-içi sparkline'lar (Yahoo 15dk serisi), canlı parlamalı güncelleme,
   altın bölümü altın kimliğinde. Her iki site temasında da koyu kalır.
   ========================================================================== */
.terminal { position: relative; overflow: clip; border-radius: 14px; background: linear-gradient(165deg, #0d1117, #10151c 55%, #0d1420); border: 1px solid rgb(255 255 255 / .07); box-shadow: 0 18px 44px -22px rgb(2 8 20 / .85); color: #e6ebf2; margin-bottom: 10px; }
.terminal::before { content: ""; position: absolute; inset: 0; pointer-events: none; background:
    linear-gradient(rgb(255 255 255 / .022) 1px, transparent 1px),
    linear-gradient(90deg, rgb(255 255 255 / .022) 1px, transparent 1px);
    background-size: 34px 34px; }
.terminal > * { position: relative; }

.terminal-head { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; padding: 14px 18px; border-bottom: 1px solid rgb(255 255 255 / .07); }
.terminal-brand { display: inline-flex; align-items: center; gap: 8px; font-family: var(--display); font-size: 13px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; color: #fff; }
.terminal-brand svg { color: #34d399; }
.terminal-live { display: inline-flex; align-items: center; gap: 6px; font-size: 10.5px; font-weight: 800; letter-spacing: .1em; color: #34d399; }
.terminal-live i { width: 7px; height: 7px; border-radius: 50%; background: #34d399; box-shadow: 0 0 0 0 rgb(52 211 153 / .55); animation: terminal-nabiz 2s infinite; }
@keyframes terminal-nabiz { 70% { box-shadow: 0 0 0 7px rgb(52 211 153 / 0); } 100% { box-shadow: 0 0 0 0 rgb(52 211 153 / 0); } }
@media (prefers-reduced-motion: reduce) { .terminal-live i { animation: none; } }
.terminal-time { font-size: 12px; font-weight: 700; font-variant-numeric: tabular-nums; color: #8b95a5; padding: 3px 9px; border: 1px solid rgb(255 255 255 / .1); border-radius: 6px; }
.terminal-cta { margin-left: auto; font-size: 12.5px; font-weight: 700; color: #aeb8c8; }
.terminal-cta:hover { color: #fff; text-decoration: none; }

.terminal-body { display: grid; grid-template-columns: 1fr 285px; gap: 0; }
.terminal-main { min-width: 0; padding: 16px 18px 6px; }
.terminal-side { border-left: 1px solid rgb(255 255 255 / .07); padding: 14px 16px; min-width: 0; }
@media (max-width: 960px) { .terminal-body { grid-template-columns: 1fr; } .terminal-side { border-left: 0; border-top: 1px solid rgb(255 255 255 / .07); } }

/* Bölüm başlıkları */
.terminal-sec { display: flex; align-items: center; gap: 10px; margin: 18px 0 9px; font-family: var(--display); font-size: 11px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; color: #8b95a5; }
.terminal-sec::after { content: ""; flex: 1; height: 1px; background: rgb(255 255 255 / .08); }
.terminal-sec--gold, .terminal-sec--gold span { color: #e9b949; }
.terminal-sec--side { margin: 0; }
.terminal-sec--side::after { content: none; }

/* Kartlar */
.tq-hero { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
.tq-row { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 9px; }
.tq { position: relative; overflow: hidden; display: grid; gap: 3px; align-content: start; padding: 11px 13px 9px; border: 1px solid rgb(255 255 255 / .08); border-radius: 10px; background: rgb(255 255 255 / .035); transition: border-color .2s, background .2s; }
.tq:hover { border-color: rgb(255 255 255 / .18); background: rgb(255 255 255 / .055); }
.tq--hero { padding: 13px 14px 10px; min-height: 96px; }
.tq-label { font-size: 10px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; color: #8b95a5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tq-price { font-family: var(--display); font-size: 18px; font-weight: 800; font-variant-numeric: tabular-nums; letter-spacing: -.01em; color: #f4f7fb; line-height: 1.15; }
.tq--hero .tq-price { font-size: 23px; }
.tq-chip { justify-self: start; display: inline-flex; align-items: center; gap: 3px; font-size: 11px; font-weight: 800; font-variant-numeric: tabular-nums; padding: 1px 8px; border-radius: 999px; }
.tq-chip--up { color: #34d399; background: rgb(52 211 153 / .12); }
.tq-chip--down { color: #f87171; background: rgb(248 113 113 / .12); }
.tq-chip--flat { color: #8b95a5; background: rgb(255 255 255 / .07); }
.tq-note { font-size: 10px; color: #8b95a5; }

/* Sparkline (gün-içi) */
.tq-spark { width: calc(100% + 27px); height: 30px; margin: 4px -13px -9px; display: block; }
.tq--hero .tq-spark { height: 34px; margin: 5px -14px -10px; }
.tq-spark-line { fill: none; stroke-width: 1.7; }
.tq-spark--up .tq-spark-line { stroke: #34d399; }
.tq-spark--down .tq-spark-line { stroke: #f87171; }
.tq-spark--flat .tq-spark-line { stroke: #8b95a5; }
.tq-spark--up .tq-spark-area { fill: rgb(52 211 153 / .13); }
.tq-spark--down .tq-spark-area { fill: rgb(248 113 113 / .13); }
.tq-spark--flat .tq-spark-area { fill: rgb(139 149 165 / .1); }

/* Altın kartları */
.tq--gold { border-color: rgb(233 185 73 / .28); background: linear-gradient(150deg, rgb(233 185 73 / .1), rgb(233 185 73 / .03) 65%); }
.tq--gold:hover { border-color: rgb(233 185 73 / .5); }
.tq--gold .tq-price { color: #f2d47f; }

/* Canlı güncelleme parlaması */
@keyframes tq-parla { 0% { background: rgb(52 211 153 / .16); } 100% { background: rgb(255 255 255 / .035); } }
.tq.is-flash { animation: tq-parla 1.1s ease-out; }
@media (prefers-reduced-motion: reduce) { .tq.is-flash { animation: none; } }

/* Takvim (terminal içinde) */
.terminal-cal summary { display: flex; align-items: center; justify-content: space-between; gap: 10px; cursor: pointer; list-style: none; }
.terminal-cal summary::-webkit-details-marker { display: none; }
.terminal-cal-hint { color: #8b95a5; font-size: 12px; transition: transform .18s; }
.terminal-cal[open] .terminal-cal-hint { transform: rotate(180deg); }
.terminal-cal-list { list-style: none; margin: 10px 0 0; padding: 0; }
.terminal-cal-list li { display: grid; gap: 2px; padding: 9px 0; border-top: 1px solid rgb(255 255 255 / .07); }
.terminal-cal-list li:first-child { border-top: 0; }
.terminal-cal-list li.is-today .tcal-date { color: #34d399; }
.tcal-date { font-size: 11px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; color: #8b95a5; display: flex; align-items: center; gap: 8px; }
.tcal-rel { font-size: 10px; font-weight: 800; padding: 1px 7px; border-radius: 999px; color: #0d1117; background: #e9b949; }
.tcal-title { font-size: 13px; font-weight: 600; color: #dbe2ec; line-height: 1.4; }
.tcal-title small { color: #8b95a5; font-weight: 500; }
.terminal-cal-list .empty { color: #8b95a5; font-size: 12.5px; }
.terminal-cal-more { display: inline-block; margin-top: 10px; font-size: 12.5px; font-weight: 700; color: #7fb8ff; }
.terminal-cal-more:hover { color: #fff; text-decoration: none; }

.terminal-note { margin: 0; padding: 11px 18px 13px; border-top: 1px solid rgb(255 255 255 / .07); font-size: 11px; color: #8b95a5; line-height: 1.5; }

@media (max-width: 760px) {
    .tq-hero { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .tq--hero:first-child { grid-column: 1 / -1; }
    .terminal-head { padding: 12px 14px; }
    .terminal-main { padding: 13px 14px 4px; }
}

/* ============================================================================
   VİTRİN 2.0 (2026-07-09): koyu premium cihaz vitrini — Spor Masası/Terminal
   ailesinden, teknoloji moru kimliğinde. Marka-renkli rozetler + madalya sıraları.
   ========================================================================== */
.vitrin2 { position: relative; overflow: clip; margin: 24px 0 8px; padding: 20px 20px 18px; border-radius: 14px; background: linear-gradient(160deg, #16121f, #1a1526 55%, #150f22); border: 1px solid rgb(255 255 255 / .07); box-shadow: 0 18px 44px -24px rgb(20 8 40 / .9); color: #ece7f4; }
.vitrin2-doku { position: absolute; inset: 0; pointer-events: none; background:
    linear-gradient(rgb(168 122 255 / .05) 1px, transparent 1px),
    linear-gradient(90deg, rgb(168 122 255 / .05) 1px, transparent 1px);
    background-size: 30px 30px;
    -webkit-mask-image: radial-gradient(700px 320px at 12% 0%, #000 30%, transparent 75%);
    mask-image: radial-gradient(700px 320px at 12% 0%, #000 30%, transparent 75%); }
.vitrin2 > * { position: relative; }

.vitrin2-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 16px; }
.vitrin2-brandwrap { display: grid; gap: 2px; min-width: 0; }
.vitrin2-eyebrow { font-family: var(--display); font-size: 10.5px; font-weight: 800; letter-spacing: .2em; text-transform: uppercase; color: #b18cff; }
.vitrin2-title { font-family: var(--display); font-size: 21px; font-weight: 800; letter-spacing: -.015em; margin: 0; color: #fff; }
.vitrin2-sub { font-size: 11.5px; color: #9a8fb0; }

/* Sekmeler: koyu segmented (JS sözleşmesi: .vitrin-tab + .is-on korunur) */
.vitrin-tabs { display: inline-flex; flex-wrap: wrap; gap: 3px; padding: 4px; border-radius: 999px; background: rgb(255 255 255 / .06); border: 1px solid rgb(255 255 255 / .07); }
.vitrin-tab { display: inline-flex; align-items: center; gap: 6px; min-height: 34px; padding: 0 14px; font-size: 12.5px; font-weight: 700; border: 0; border-radius: 999px; background: transparent; color: #b6abc9; cursor: pointer; transition: background .15s, color .15s; }
.vitrin-tab:hover { color: #fff; }
.vitrin-tab.is-on { background: #8e44ad; color: #fff; box-shadow: 0 4px 14px -4px rgb(142 68 173 / .8); }

/* Kart listesi */
.vitrin-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(235px, 1fr)); gap: 11px; }
.vitrin-list[hidden] { display: none; }
.vitrin2-card { position: relative; display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto 1fr auto; gap: 4px 12px; min-height: 148px; padding: 14px 15px 12px; border: 1px solid rgb(255 255 255 / .09); border-radius: 12px; background: rgb(255 255 255 / .04); color: #ece7f4; transition: border-color .18s, transform .14s, box-shadow .18s, background .18s; }
.vitrin2-card:hover { transform: translateY(-3px); text-decoration: none; color: #fff; background: rgb(255 255 255 / .06);
    border-color: color-mix(in srgb, var(--vb, #8e44ad) 65%, transparent);
    box-shadow: 0 14px 30px -14px color-mix(in srgb, var(--vb, #8e44ad) 70%, transparent); }

/* Sıra madalyası */
.vitrin2-rank { position: absolute; top: 10px; right: 12px; font-family: var(--display); font-weight: 900; font-size: 15px; width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; background: rgb(255 255 255 / .08); color: #b6abc9; border: 1px solid rgb(255 255 255 / .1); font-variant-numeric: tabular-nums; }
.vitrin2-rank.is-gold { background: linear-gradient(150deg, #f6d465, #c9992a); color: #241a04; border-color: transparent; }
.vitrin2-rank.is-silver { background: linear-gradient(150deg, #dfe4ec, #9aa4b5); color: #1c222c; border-color: transparent; }
.vitrin2-rank.is-bronze { background: linear-gradient(150deg, #e2a06b, #a05f2c); color: #2a1706; border-color: transparent; }

/* Marka rozeti: marka renginde degrade kare */
.vitrin2-rozet { grid-row: 1 / 3; align-self: start; width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; font-family: var(--display); font-weight: 900; font-size: 18px; color: #fff; text-shadow: 0 1px 3px rgb(0 0 0 / .45);
    background: linear-gradient(140deg, color-mix(in srgb, var(--vb, #8e44ad) 88%, #fff), color-mix(in srgb, var(--vb, #8e44ad) 72%, #000));
    box-shadow: inset 0 0 0 1.5px rgb(255 255 255 / .22), 0 6px 14px -6px color-mix(in srgb, var(--vb, #8e44ad) 80%, transparent); }
.vitrin2-body { grid-column: 2; display: grid; gap: 3px; min-width: 0; padding-right: 26px; }
.vitrin2-marka { font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: color-mix(in srgb, var(--vb, #b18cff) 55%, #cfc4e6); }
.vitrin2-ad { font-family: var(--display); font-size: 15.5px; font-weight: 750; line-height: 1.25; letter-spacing: -.01em; color: #fff; }
.vitrin2-neden { font-size: 11.5px; line-height: 1.5; color: #a89cbe; }
.vitrin2-git { grid-column: 1 / -1; justify-self: start; margin-top: 8px; font-size: 10.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #8f83a6; transition: color .15s; }
.vitrin2-git b { font-weight: 800; }
.vitrin2-card:hover .vitrin2-git { color: color-mix(in srgb, var(--vb, #b18cff) 60%, #fff); }

@media (max-width: 640px) {
    .vitrin2 { padding: 16px 14px 14px; }
    .vitrin-list { grid-template-columns: 1fr; }
    .vitrin2-card { min-height: 0; }
    .vitrin2-head { align-items: flex-start; }
    .vitrin-tabs { width: 100%; border-radius: 12px; }
}



/* Teknoloji Basını: kaynak-renkli kart ızgarası (düz listeden terfi) */
.basin-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(255px, 1fr)); gap: 11px; }
.basin-card { position: relative; display: grid; gap: 6px; align-content: start; min-height: 118px; padding: 13px 15px 30px; border: 1px solid var(--line); border-top: 3px solid var(--bs, #8e44ad); border-radius: 10px; background: var(--bg-soft); transition: border-color .16s, transform .13s, box-shadow .16s; }
.basin-card:hover { transform: translateY(-3px); text-decoration: none; border-color: color-mix(in srgb, var(--bs, #8e44ad) 55%, var(--line)); border-top-color: var(--bs, #8e44ad); box-shadow: 0 12px 26px -14px color-mix(in srgb, var(--bs, #8e44ad) 55%, transparent); }
.basin-head { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.basin-src { font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--bs, #8e44ad); }
.basin-ago { font-size: 10.5px; color: var(--ink-faint); white-space: nowrap; }
.basin-title { font-family: var(--display); font-size: 14.5px; font-weight: 700; line-height: 1.35; letter-spacing: -.01em; color: var(--ink); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.basin-card:hover .basin-title { color: color-mix(in srgb, var(--bs, #8e44ad) 70%, var(--ink)); }
.basin-git { position: absolute; left: 15px; bottom: 10px; font-size: 10px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--ink-faint); transition: color .15s; }
.basin-card:hover .basin-git { color: var(--bs, #8e44ad); }

/* Resmî kaynaklar: markalı rozet kartları (emoji kutuları emekli) */
.kaynak-bar { display: grid; grid-template-columns: repeat(auto-fill, minmax(215px, 1fr)); gap: 10px; }
.kaynak-kart { display: flex; align-items: center; gap: 11px; min-height: 58px; padding: 10px 13px; border: 1px solid var(--line); border-radius: 11px; background: var(--bg-soft); transition: border-color .16s, transform .13s, box-shadow .16s; }
.kaynak-kart:hover { transform: translateY(-2px); text-decoration: none; border-color: color-mix(in srgb, var(--vb, #8e44ad) 55%, var(--line)); box-shadow: 0 10px 22px -14px color-mix(in srgb, var(--vb, #8e44ad) 60%, transparent); }
.kaynak-rozet { flex: none; width: 38px; height: 38px; display: grid; place-items: center; border-radius: 11px; font-family: var(--display); font-weight: 900; font-size: 16px; color: #fff; text-shadow: 0 1px 3px rgb(0 0 0 / .4);
    background: linear-gradient(140deg, color-mix(in srgb, var(--vb, #8e44ad) 88%, #fff), color-mix(in srgb, var(--vb, #8e44ad) 72%, #000));
    box-shadow: inset 0 0 0 1.5px rgb(255 255 255 / .22); }
.kaynak-body { min-width: 0; display: grid; gap: 1px; }
.kaynak-body b { font-size: 13px; font-weight: 700; color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kaynak-body small { font-size: 11px; color: var(--ink-faint); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kaynak-ok { margin-left: auto; font-size: 13px; font-weight: 800; color: var(--ink-faint); transition: color .15s, transform .15s; }
.kaynak-kart:hover .kaynak-ok { color: var(--vb, #8e44ad); transform: translate(1px, -1px); }

/* ============================================================================
   HABER ALTBİLGİSİ 2.0 (2026-07-09): yazar imza kartı + önceki/sonraki gezinme
   ========================================================================== */
.author-box { position: relative; display: block; padding: 0; margin: 30px 0; border: 1px solid var(--line); border-radius: 14px; background: linear-gradient(150deg, color-mix(in srgb, var(--accent) 4%, var(--bg)), var(--bg-soft) 60%); overflow: hidden; }
.author-box::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 35%, transparent)); }
.author-box-eyebrow { display: block; padding: 12px 22px 0; font-family: var(--display); font-size: 10.5px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: color-mix(in srgb, var(--accent) 80%, var(--ink)); }
.author-box-inner { display: flex; gap: 18px; padding: 12px 22px 18px; }
.author-box-avatar { width: 64px; height: 64px; font-size: 26px; flex: none; box-shadow: 0 0 0 3px var(--bg), 0 0 0 5px color-mix(in srgb, var(--accent) 45%, transparent); }
.author-box-body { min-width: 0; }
.author-box-name { font-family: var(--display); font-size: 19px; font-weight: 750; letter-spacing: -.01em; color: var(--ink); }
.author-box-name:hover { color: var(--accent); text-decoration: none; }
.author-box-title { color: var(--gold-ink); font-size: 12px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; margin: 3px 0 8px; }
.author-box-bio { color: var(--ink-soft); font-size: 14px; line-height: 1.6; margin: 0 0 12px; max-width: 72ch; }
.author-box-links { display: flex; flex-wrap: wrap; gap: 8px 18px; }
.author-box-link { color: var(--link); font-weight: 700; font-size: 13px; }
.author-box-link--x { color: var(--ink-faint); }
.author-box-link--x:hover { color: var(--ink); }
@media (max-width: 560px) { .author-box-inner { flex-direction: column; gap: 12px; } }

/* Önceki/Sonraki: oklu kartlar (kesik gri bloklardan terfi) */
.article-adjacent { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 30px 0; background: none; border: 0; }
.adj { display: flex; align-items: center; gap: 13px; padding: 16px 18px; min-height: 76px; border: 1px solid var(--line); border-radius: 12px; background: var(--bg-soft); transition: border-color .16s, transform .13s, box-shadow .16s, background .16s; }
.adj:hover { text-decoration: none; transform: translateY(-2px); background: var(--bg); border-color: color-mix(in srgb, var(--accent) 45%, var(--line)); box-shadow: 0 12px 26px -16px color-mix(in srgb, var(--accent) 55%, transparent); }
.adj--empty { visibility: hidden; }
.adj--next { flex-direction: row; text-align: right; }
.adj--next .adj-body { margin-left: auto; }
.adj-arrow { flex: none; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; font-weight: 800; font-size: 15px; color: var(--ink-faint); background: color-mix(in srgb, var(--ink) 6%, transparent); transition: background .16s, color .16s, transform .16s; }
.adj:hover .adj-arrow { background: var(--accent); color: #fff; }
.adj--prev:hover .adj-arrow { transform: translateX(-2px); }
.adj--next:hover .adj-arrow { transform: translateX(2px); }
.adj-body { min-width: 0; display: grid; gap: 3px; }
.adj-body small { font-size: 10.5px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; color: var(--ink-faint); }
.adj-title { font-family: var(--display); font-weight: 700; font-size: 15px; line-height: 1.35; letter-spacing: -.01em; color: var(--ink); text-wrap: balance; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.adj:hover .adj-title { color: var(--accent); }
@media (max-width: 680px) { .article-adjacent { grid-template-columns: 1fr; } .adj--empty { display: none; } }

/* ============================================================================
   CANLI AKIŞ 2.0 (2026-07-09): premium zaman tüneli. KRİTİK FİX: .akis-new
   display:block UA [hidden]'ı eziyordu → "0 yeni içerik" hayaleti (3. tekrar!)
   ========================================================================== */
.akis-new[hidden] { display: none; }

/* Gün ayraçları: yapışkan hap */
.akis-day { position: sticky; top: 84px; z-index: 5; }
.akis-day span { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; font-family: var(--display); font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--ink); background: var(--bg); border: 1px solid var(--line); border-radius: 999px; box-shadow: 0 4px 14px -6px rgb(0 0 0 / .18); }
.akis-day span::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--accent); }

/* Kartlar: hairline + hover aksan + kicker rengi */
.akis-item { position: relative; }
.akis-card { border: 1px solid var(--line); border-radius: 12px; transition: border-color .16s, transform .13s, box-shadow .16s; }
.akis-card:hover { transform: translateY(-2px); border-color: color-mix(in srgb, var(--cat, var(--accent)) 50%, var(--line)); box-shadow: 0 12px 26px -16px color-mix(in srgb, var(--cat, var(--accent)) 55%, transparent); text-decoration: none; }
.akis-cat { color: var(--cat, var(--accent)); font-weight: 800; letter-spacing: .06em; text-transform: uppercase; font-size: 10.5px; }
.akis-title { font-family: var(--display); letter-spacing: -.01em; }
.akis-card:hover .akis-title { color: color-mix(in srgb, var(--cat, var(--accent)) 65%, var(--ink)); }
.akis-thumb { border-radius: 9px; }

/* Son dakika kartı: sol kırmızı aksan + hafif zemin */
.akis-item.is-breaking .akis-card { border-left: 3px solid var(--accent); background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 5%, var(--bg)), var(--bg) 55%); }

/* Saat rozeti + zaman çizgisi noktası */
.akis-time { font-variant-numeric: tabular-nums; font-weight: 800; color: var(--ink-faint); }
.akis-item::before { border: 2px solid var(--bg); box-shadow: 0 0 0 1.5px var(--cat, var(--line)); }

/* Yeni içerik düğmesi: ortalanmış canlı hap */
.akis-new { display: flex; align-items: center; justify-content: center; gap: 8px; width: auto; margin-inline: auto; padding: 10px 22px; border-radius: 999px; box-shadow: 0 10px 26px -10px color-mix(in srgb, var(--accent) 70%, transparent); }
.akis-new-ic { animation: akis-new-zipla 1.4s ease-in-out infinite; }
@keyframes akis-new-zipla { 50% { transform: translateY(-2px); } }
@media (prefers-reduced-motion: reduce) { .akis-new-ic { animation: none; } }

/* Canlı rozeti: nabız */
.akis-status { border: 1px solid color-mix(in srgb, #16a34a 40%, var(--line)); color: #15803d; background: color-mix(in srgb, #16a34a 8%, var(--bg)); padding: 5px 13px; border-radius: 999px; font-weight: 800; font-size: 12px; letter-spacing: .06em; text-transform: uppercase; }
.akis-status-dot { background: #16a34a; box-shadow: 0 0 0 0 rgb(22 163 74 / .5); animation: terminal-nabiz 2s infinite; }

/* Taze eklenen kart: yeşil vurgu girişi */
@keyframes akis-taze { 0% { background: color-mix(in srgb, #16a34a 14%, var(--bg)); } 100% { background: var(--bg); } }
.akis-fresh .akis-card { animation: akis-taze 2.2s ease-out; }

/* MEMURUN EL KİTABI 2.0: ajanda dili + rozet kartları (robotik 3 kolon emekli) */
.elkitabi { display: grid; grid-template-columns: 1.1fr 1.2fr .9fr; gap: 0 26px; padding: 18px 20px; border: 1px solid var(--line); border-radius: 14px; background: linear-gradient(160deg, color-mix(in srgb, var(--ek, #0e7490) 5%, var(--bg)), var(--bg-soft) 55%); }
.elkitabi-col { min-width: 0; }
.elkitabi-col + .elkitabi-col { border-left: 1px solid var(--line); padding-left: 26px; }
.elkitabi-head { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin-bottom: 4px; padding-bottom: 8px; border-bottom: 2px solid color-mix(in srgb, var(--ek, #0e7490) 55%, var(--line)); }
.elkitabi-head h3 { font-family: var(--display); font-size: 12.5px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; margin: 0; color: color-mix(in srgb, var(--ek, #0e7490) 80%, var(--ink)); }
.elkitabi-head a { font-size: 12px; font-weight: 700; color: var(--link); white-space: nowrap; }
.elkitabi .ajanda-row { grid-template-columns: 46px 1fr; gap: 12px; padding-block: 9px; }
.elkitabi .ajanda-badge { width: 46px; height: 46px; border-radius: 9px; }
.elkitabi .ajanda-badge b { font-size: 17px; }
.elkitabi .empty { color: var(--ink-faint); font-size: 13px; padding: 10px 0; }
.kaynak-bar--dikey { grid-template-columns: 1fr; gap: 8px; }
@media (max-width: 960px) {
    .elkitabi { grid-template-columns: 1fr; gap: 18px 0; padding: 16px; }
    .elkitabi-col + .elkitabi-col { border-left: 0; padding-left: 0; border-top: 1px solid var(--line); padding-top: 16px; }
}



/* Kripto rozetleri (bant + genel) */
.kripto-rozet { flex: none; display: inline-grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; font-family: var(--display); font-weight: 800; font-size: 13px; color: #fff; background: var(--kc, #666); box-shadow: inset 0 0 0 2px rgb(255 255 255 / .25), 0 1px 3px rgb(0 0 0 / .3); }

/* ============================================================================
   KRİPTO BANDI (2026-07-09): koyu, kayan kesintisiz şerit — kullanıcı isteğiyle
   panelden banda dönüldü. 2 eş set → translateX(-50%) dikişsiz döngü.
   ========================================================================== */
.kripto-bant { position: relative; display: flex; align-items: center; gap: 0; margin: 6px 0 26px; border-radius: 12px; background: linear-gradient(160deg, #101318, #141a22 60%, #10151d); border: 1px solid rgb(255 255 255 / .07); box-shadow: 0 14px 34px -20px rgb(4 12 24 / .9); overflow: clip; }
.kripto-bant-etiket { flex: none; display: inline-flex; align-items: center; gap: 8px; padding: 14px 16px; font-family: var(--display); font-size: 11px; font-weight: 800; letter-spacing: .14em; color: #ffd166; border-right: 1px solid rgb(255 255 255 / .08); }
.kripto-bant-etiket i { width: 7px; height: 7px; border-radius: 50%; background: #ffd166; box-shadow: 0 0 0 0 rgb(255 209 102 / .5); animation: terminal-nabiz 2s infinite; }
.kripto-bant-pencere { flex: 1; min-width: 0; overflow: hidden; }
.kripto-bant-serit { display: flex; width: max-content; animation: kripto-kaydir 55s linear infinite; }
.kripto-bant:hover .kripto-bant-serit { animation-play-state: paused; }
.kripto-bant-set { display: flex; align-items: center; gap: 36px; padding: 11px 18px 11px 36px; }
@keyframes kripto-kaydir { to { transform: translateX(-50%); } }
.kripto-coin { display: inline-flex; align-items: center; gap: 10px; white-space: nowrap; }
.kripto-coin-body { display: grid; gap: 0; line-height: 1.25; }
.kripto-coin-ust { font-size: 13px; font-weight: 600; color: #e8edf4; }
.kripto-coin-ust b { font-variant-numeric: tabular-nums; font-weight: 800; color: #fff; }
.kripto-coin-alt { font-size: 10.5px; color: #7f8a99; }
.kripto-coin-alt i { font-style: normal; font-weight: 800; font-variant-numeric: tabular-nums; }
.kripto-coin-alt i.is-up { color: #34d399; }
.kripto-coin-alt i.is-down { color: #f87171; }
.kripto-bant-not { flex: none; padding: 14px 16px; font-size: 11px; font-weight: 700; font-variant-numeric: tabular-nums; color: #7f8a99; border-left: 1px solid rgb(255 255 255 / .08); white-space: nowrap; }
.kripto-bant-not small { font-weight: 500; }
/* Az coin (<6) ya da hareket azaltma: statik */
.kripto-bant--statik .kripto-bant-serit { animation: none; width: auto; overflow-x: auto; }
.kripto-bant--statik .kripto-bant-set[aria-hidden] { display: none; }
@media (prefers-reduced-motion: reduce) {
    .kripto-bant-serit { animation: none; width: auto; overflow-x: auto; }
    .kripto-bant-set[aria-hidden] { display: none; }
    .kripto-bant-etiket i { animation: none; }
}
@media (max-width: 640px) { .kripto-bant-not { display: none; } }

/* ============================================================================
   CANLI AKIŞ — SHADCN SÜRÜMÜ (2026-07-09): admin panelin zinc dili ön yüzde.
   Düz beyaz yüzeyler, hairline kenarlıklar, segmented filtreler, sakin tipografi.
   ========================================================================== */
/* Başlık çubuğu: kart değil, temiz sayfa başlığı */
.akis-bar { margin: 18px 0 20px; padding-bottom: 16px; border-bottom: 1px solid var(--line); }
.akis-bar-ust { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 14px; }
.akis-bar-title { font-family: var(--display); font-size: 24px; font-weight: 750; letter-spacing: -.02em; margin: 0 0 4px; }
.akis-bar-desc { margin: 0; font-size: 13.5px; color: var(--ink-faint); }
.akis-bar-sag { display: flex; align-items: center; gap: 8px; flex: none; }
.akis-saat { font-size: 13px; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--ink-soft); padding: 5px 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--bg); }

/* Filtreler: shadcn segmented tabs (admin cfilters dili) */
.akis-filters { display: inline-flex; flex-wrap: wrap; gap: 3px; margin: 0; padding: 4px; background: var(--bg-sunken); border-radius: 10px; border: 0; }
.akis-chip { display: inline-flex; align-items: center; gap: 7px; min-height: 32px; padding: 0 13px; font-size: 13px; font-weight: 600; border: 0; border-radius: 7px; background: transparent; color: var(--ink-faint); cursor: pointer; transition: background .13s, color .13s, box-shadow .13s; }
.akis-chip:hover { color: var(--ink); }
.akis-chip[data-cat]:not([data-cat=""])::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--cat, var(--accent)); opacity: .75; }
.akis-chip.is-active { background: var(--bg); color: var(--ink); box-shadow: 0 1px 2px rgb(0 0 0 / .07), 0 0 0 1px var(--line); }
.akis-chip.is-active::before { opacity: 1; }

/* Gün ayraçları: hairline hap, nötr */
.akis-day span { background: var(--bg); border: 1px solid var(--line); color: var(--ink-soft); box-shadow: 0 1px 2px rgb(0 0 0 / .05); font-size: 11.5px; }
.akis-day span::before { background: var(--ink-faint); }

/* Kartlar: düz, hairline, sakin hover (kaldırma yok) */
.akis-card { border-radius: 10px; padding: 13px 15px; }
.akis-card:hover { transform: none; border-color: var(--ink-faint); background: var(--bg-soft); box-shadow: 0 1px 2px rgb(0 0 0 / .06); }
.akis-card:hover .akis-title { color: var(--ink); }
.akis-title { font-size: 15.5px; font-weight: 650; }
.akis-excerpt { font-size: 13px; }
.akis-thumb { width: 108px; border-radius: 8px; }
.akis-time { font-size: 12px; font-weight: 700; }
/* Zaman rayı: küçük nötr nokta, kategori rengi ince halka */
.akis-item::before { width: 10px; height: 10px; background: var(--bg); border: 2px solid var(--cat, var(--ink-faint)); box-shadow: none; animation: none; }
.akis-item.is-breaking::before { background: var(--accent); border-color: var(--accent); animation: none; }
.akis-item.is-breaking .akis-card { border-left: 2px solid var(--accent); background: var(--bg); }

/* Yeni içerik: shadcn primary düğme (siyah, radius 8) */
.akis-new { background: var(--ink); color: var(--bg); border-radius: 8px; padding: 9px 18px; font-size: 13.5px; box-shadow: 0 1px 2px rgb(0 0 0 / .15); }
.akis-new:hover { filter: none; opacity: .9; }
.akis-new-ic { animation: none; }

/* Canlı rozeti: zaten yeşil hairline hap (2.0) — boyutu shadcn'e çek */
.akis-status { font-size: 11.5px; padding: 5px 11px; }
@media (max-width: 640px) {
    .akis-bar-ust { flex-direction: column; gap: 8px; }
    .akis-filters { width: 100%; border-radius: 10px; }
}

/* ============================================================================
   SİNEMALARDA (2026-07-09): koyu sinema paneli — altın gişe madalyaları,
   oransal seyirci barları, poster duvarı. Terminal/Vitrin ailesinin üyesi.
   ========================================================================== */
.sinema { position: relative; overflow: clip; margin-block: 10px 26px; padding: 20px 22px 18px; border-radius: 14px; background: linear-gradient(165deg, #161210, #1c1512 55%, #17110d); border: 1px solid rgb(255 255 255 / .07); color: #efe9e2; box-shadow: 0 18px 44px -24px rgb(30 18 6 / .9); }
/* Film şeridi perforasyonu: üst ve alt kenarda */
.sinema-perde { position: absolute; inset: 0 0 auto 0; height: 100%; pointer-events: none;
    background:
        radial-gradient(4px 4px at 12px 10px, rgb(255 255 255 / .08) 45%, transparent 55%) repeat-x,
        radial-gradient(4px 4px at 12px calc(100% - 10px), rgb(255 255 255 / .08) 45%, transparent 55%) repeat-x;
    background-size: 26px 100%; }
.sinema > * { position: relative; }
.sinema-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 16px; padding-bottom: 13px; border-bottom: 1px solid rgb(255 255 255 / .08); }
.sinema-eyebrow { font-family: var(--display); font-size: 10.5px; font-weight: 800; letter-spacing: .2em; text-transform: uppercase; color: #e9b949; }
.sinema-title { font-family: var(--display); font-size: 21px; font-weight: 800; letter-spacing: -.015em; margin: 2px 0 3px; color: #fff; }
.sinema-sub { font-size: 11.5px; color: #a2988b; }
.sinema-cta { flex: none; font-size: 12px; font-weight: 700; color: #cfc4b4; }
.sinema-cta:hover { color: #fff; text-decoration: none; }

.sinema-body { display: grid; grid-template-columns: 1fr 1.25fr; gap: 20px 30px; align-items: start; }
@media (max-width: 900px) { .sinema-body { grid-template-columns: 1fr; } }
.sinema-sec { display: flex; align-items: baseline; gap: 9px; margin: 0 0 12px; font-family: var(--display); font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: #cfc4b4; }
.sinema-sec small { font-weight: 600; font-size: 10.5px; letter-spacing: .04em; text-transform: none; color: #8d8375; }

/* Gişe listesi: madalya + oransal bar */
.sinema-gise-list { list-style: none; margin: 0; padding: 0; }
.sinema-satir { display: flex; gap: 14px; align-items: flex-start; padding: 11px 4px; border-top: 1px solid rgb(255 255 255 / .07); color: #efe9e2; transition: background .14s; border-radius: 8px; }
.sinema-gise-list li:first-child .sinema-satir { border-top: 0; }
.sinema-satir:hover { background: rgb(255 255 255 / .05); text-decoration: none; }
.sinema-rank { flex: none; width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; font-family: var(--display); font-weight: 900; font-size: 14px; font-variant-numeric: tabular-nums; color: #cfc4b4; background: rgb(255 255 255 / .07); border: 1px solid rgb(255 255 255 / .1); }
.sinema-rank.is-gold { background: linear-gradient(150deg, #f6d465, #c9992a); color: #241a04; border-color: transparent; }
.sinema-rank.is-silver { background: linear-gradient(150deg, #dfe4ec, #9aa4b5); color: #1c222c; border-color: transparent; }
.sinema-rank.is-bronze { background: linear-gradient(150deg, #e2a06b, #a05f2c); color: #2a1706; border-color: transparent; }
.sinema-satir-body { min-width: 0; flex: 1; display: grid; gap: 5px; }
.sinema-satir-body strong { font-family: var(--display); font-size: 15px; font-weight: 750; letter-spacing: -.01em; color: #fff; line-height: 1.3; }
.sinema-satir:hover .sinema-satir-body strong { color: #f2d47f; }
.sinema-bar { display: block; height: 5px; border-radius: 999px; background: rgb(255 255 255 / .08); overflow: hidden; }
.sinema-bar i { display: block; height: 100%; border-radius: 999px; background: linear-gradient(90deg, #e9b949, #c9861f); }
.sinema-satir-body small { font-size: 11.5px; font-weight: 700; font-variant-numeric: tabular-nums; color: #cfc4b4; }
.sinema-satir-body small span { font-weight: 500; color: #8d8375; }

/* Yakında: tarih çipleri + poster duvarı */
.sinema-tarih { display: inline-flex; align-items: center; gap: 7px; margin: 4px 0 10px; padding: 4px 12px; font-family: var(--display); font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: #e9b949; border: 1px solid rgb(233 185 73 / .35); border-radius: 999px; }
.sinema-tarih::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #e9b949; }
.sinema-afisler { display: grid; grid-template-columns: repeat(auto-fill, minmax(104px, 1fr)); gap: 12px; margin-bottom: 16px; }
.sinema-afis { display: grid; gap: 7px; color: #e6ddd1; min-width: 0; }
.sinema-afis img, .sinema-afis-ph { width: 100%; aspect-ratio: 2/3; object-fit: cover; border-radius: 9px; background: rgb(255 255 255 / .06); box-shadow: 0 6px 16px -8px rgb(0 0 0 / .7); transition: transform .16s, box-shadow .2s; }
.sinema-afis-ph { display: grid; place-items: center; font-size: 26px; color: #8d8375; }
.sinema-afis:hover { text-decoration: none; color: #fff; }
.sinema-afis:hover img, .sinema-afis:hover .sinema-afis-ph { transform: translateY(-3px) scale(1.02); box-shadow: 0 14px 26px -10px rgb(233 185 73 / .35); }
.sinema-afis strong { font-size: 12px; font-weight: 650; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
@media (max-width: 560px) { .sinema-afisler { grid-template-columns: repeat(3, 1fr); gap: 9px; } .sinema { padding: 16px 15px 14px; } }

/* ============================================================================
   KÜLTÜR REHBERİ AFİŞ DUVARI + 657 REHBERİ + DÜNYA YILDIZLARI (2026-07-09)
   ========================================================================== */
/* IMDb Top 10: stilize klasik film afişleri (poster yoksa prosedürel) */
.klasik-duvar { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: 12px; }
.klasik-duvar li { display: grid; gap: 7px; min-width: 0; }
.klasik-afis { position: relative; display: grid; align-content: space-between; aspect-ratio: 2/3; padding: 10px 10px 9px; border-radius: 9px; overflow: hidden; color: #fff;
    background:
        radial-gradient(120% 90% at 20% 0%, color-mix(in srgb, var(--ka, #333) 60%, #fff 12%) 0%, transparent 55%),
        repeating-linear-gradient(0deg, rgb(255 255 255 / .045) 0 1px, transparent 1px 7px),
        linear-gradient(165deg, color-mix(in srgb, var(--ka, #333) 88%, #000), color-mix(in srgb, var(--ka, #333) 55%, #000) 70%);
    box-shadow: inset 0 0 0 1px rgb(255 255 255 / .12), 0 6px 16px -8px rgb(0 0 0 / .55);
    transition: transform .16s, box-shadow .2s; }
.klasik-duvar li:hover .klasik-afis { transform: translateY(-3px); box-shadow: inset 0 0 0 1px rgb(255 255 255 / .2), 0 14px 26px -10px color-mix(in srgb, var(--ka, #333) 70%, transparent); }
.klasik-afis--img { padding: 0; }
.klasik-afis--img img { width: 100%; height: 100%; object-fit: cover; }
.klasik-afis-no { font-family: var(--display); font-weight: 900; font-size: 22px; color: rgb(255 255 255 / .55); font-variant-numeric: tabular-nums; line-height: 1; }
.klasik-afis-ad { font-family: var(--display); font-weight: 800; font-size: 12.5px; line-height: 1.25; letter-spacing: -.01em; text-wrap: balance; }
.klasik-afis-yil { font-size: 10px; font-weight: 700; letter-spacing: .08em; color: rgb(255 255 255 / .6); }
.klasik-rozet { position: absolute; top: 7px; right: 7px; font-size: 10px; font-weight: 800; font-variant-numeric: tabular-nums; padding: 2px 7px; border-radius: 999px; background: rgb(0 0 0 / .55); color: #f6d465; backdrop-filter: blur(2px); }
.klasik-body { display: grid; gap: 1px; min-width: 0; }
.klasik-body strong { font-size: 12px; font-weight: 700; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.klasik-body small { font-size: 10.5px; color: var(--ink-faint); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* 657 Rehberi: camgöbeği kimlikli hub paneli + SSS akordeonu */
.rehber657 { margin: 26px 0 8px; padding: 18px 20px; border: 1px solid var(--line); border-radius: 14px; background: linear-gradient(160deg, color-mix(in srgb, var(--ek, #0e7490) 6%, var(--bg)), var(--bg-soft) 55%); }
.rehber657-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 14px; flex-wrap: wrap; margin-bottom: 14px; padding-bottom: 12px; border-bottom: 1px solid var(--line); }
.rehber657-eyebrow { font-family: var(--display); font-size: 10.5px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; color: var(--ek, #0e7490); }
.rehber657-title { font-family: var(--display); font-size: 20px; font-weight: 800; letter-spacing: -.015em; margin: 2px 0 3px; }
.rehber657-sub { font-size: 11.5px; color: var(--ink-faint); }
.rehber657-cta { flex: none; font-size: 12.5px; font-weight: 700; color: var(--link); }
.rehber657-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 10px; }
.rehber657-kart { display: grid; gap: 4px; padding: 12px 14px; border: 1px solid var(--line); border-left: 3px solid var(--ek, #0e7490); border-radius: 9px; background: var(--bg); }
.rehber657-kart b { font-family: var(--display); font-size: 13px; font-weight: 750; }
.rehber657-kart small { font-size: 12px; line-height: 1.55; color: var(--ink-soft); }
.rehber657-sss-baslik { font-family: var(--display); font-size: 12.5px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--ek, #0e7490); margin: 18px 0 10px; }
.rehber657-sss { display: grid; gap: 8px; }
.rehber657-soru { border: 1px solid var(--line); border-radius: 10px; background: var(--bg); overflow: hidden; }
.rehber657-soru summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 15px; cursor: pointer; list-style: none; font-family: var(--display); font-size: 14px; font-weight: 700; letter-spacing: -.01em; }
.rehber657-soru summary::-webkit-details-marker { display: none; }
.rehber657-soru summary span { flex: none; font-size: 15px; font-weight: 400; color: var(--ink-faint); transition: transform .18s; }
.rehber657-soru[open] summary span { transform: rotate(45deg); }
.rehber657-soru[open] summary { border-bottom: 1px solid var(--line); color: var(--ek, #0e7490); }
.rehber657-soru p { margin: 0; padding: 12px 15px 14px; font-size: 13.5px; line-height: 1.65; color: var(--ink-soft); }



/* Anasayfa bbc-util cilası: vizyon madalyaları + mini gişe barı + afiş gölgesi */
.bbc-util .hub-film-rank { width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; font-size: 13px; -webkit-text-stroke: 0; color: var(--ink-faint); background: var(--bg-sunken); border: 1px solid var(--line); }
.bbc-util .hub-films li:nth-child(1) .hub-film-rank { background: linear-gradient(150deg, #f6d465, #c9992a); color: #241a04; border-color: transparent; }
.bbc-util .hub-films li:nth-child(2) .hub-film-rank { background: linear-gradient(150deg, #dfe4ec, #9aa4b5); color: #1c222c; border-color: transparent; }
.bbc-util .hub-films li:nth-child(3) .hub-film-rank { background: linear-gradient(150deg, #e2a06b, #a05f2c); color: #2a1706; border-color: transparent; }
.bbc-util .hub-films li { align-items: center; }
.bbc-util .viz-film img, .bbc-util .viz-film-ph { width: 40px; height: 60px; border-radius: 5px; box-shadow: 0 3px 8px rgb(0 0 0 / .22); }

/* ============================================================================
   EN İYİ 50 FİLM SAYFASI (2026-07-09): afiş + özet + istek-üzerine fragman
   ========================================================================== */
.klasik-link { display: grid; gap: 7px; color: inherit; }
.klasik-link:hover { text-decoration: none; color: inherit; }
.film50-liste { list-style: none; margin: 26px 0 10px; padding: 0; display: grid; gap: 14px; }
.film50 { display: grid; grid-template-columns: 132px 1fr; gap: 18px; padding: 16px; border: 1px solid var(--line); border-radius: 14px; background: var(--bg-soft); scroll-margin-top: 90px; }
.film50:target { border-color: color-mix(in srgb, #16a085 55%, var(--line)); box-shadow: 0 0 0 3px color-mix(in srgb, #16a085 18%, transparent); }
.film50-afis img, .film50-afis .sinema-afis-ph { width: 100%; aspect-ratio: 2/3; object-fit: cover; border-radius: 10px; box-shadow: 0 8px 20px -10px rgb(0 0 0 / .4); background: var(--bg-sunken); display: block; }
.film50-afis .sinema-afis-ph { display: grid; place-items: center; color: var(--ink-faint); }
.film50-body { min-width: 0; display: grid; gap: 9px; align-content: start; }
.film50-ust { display: flex; align-items: center; gap: 12px; }
.film50-rank { flex: none; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; font-family: var(--display); font-weight: 900; font-size: 15px; font-variant-numeric: tabular-nums; color: var(--ink-faint); background: var(--bg-sunken); border: 1px solid var(--line); }
.film50-rank.is-gold { background: linear-gradient(150deg, #f6d465, #c9992a); color: #241a04; border-color: transparent; }
.film50-rank.is-silver { background: linear-gradient(150deg, #dfe4ec, #9aa4b5); color: #1c222c; border-color: transparent; }
.film50-rank.is-bronze { background: linear-gradient(150deg, #e2a06b, #a05f2c); color: #2a1706; border-color: transparent; }
.film50-adlar { min-width: 0; }
.film50-ad { font-family: var(--display); font-size: 19px; font-weight: 780; letter-spacing: -.015em; margin: 0 0 2px; }
.film50-meta { margin: 0; font-size: 12.5px; color: var(--ink-faint); }
.film50-puan { display: inline-block; margin-left: 8px; padding: 1px 9px; border-radius: 999px; font-weight: 800; font-variant-numeric: tabular-nums; color: #92400e; background: color-mix(in srgb, #f59e0b 16%, transparent); }
.film50-ozet { margin: 0; font-size: 14.5px; line-height: 1.65; color: var(--ink-soft); max-width: 88ch; }
.film50-fragman summary { display: inline-flex; align-items: center; gap: 7px; cursor: pointer; list-style: none; font-size: 13px; font-weight: 750; color: #16a085; padding: 7px 15px; border: 1px solid color-mix(in srgb, #16a085 40%, var(--line)); border-radius: 999px; transition: background .15s, color .15s; width: fit-content; }
.film50-fragman summary::-webkit-details-marker { display: none; }
.film50-fragman summary:hover { background: #16a085; color: #fff; }
.film50-fragman[open] summary { background: #16a085; color: #fff; }
.film50-video { position: relative; aspect-ratio: 16/9; max-width: 640px; margin-top: 12px; border-radius: 12px; overflow: hidden; background: #0d0f14; box-shadow: 0 14px 30px -16px rgb(10 14 24 / .7); }
.film50-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
@media (max-width: 560px) {
    .film50 { grid-template-columns: 92px 1fr; gap: 13px; padding: 13px; }
    .film50-ad { font-size: 16px; }
    .film50-ozet { font-size: 13.5px; }
}

/* ============================================================================
   DÜNYA KUPASI HUB GENİŞLEMESİ (2026-07-09): gol krallığı, turnuva geneli,
   grup tabloları, şampiyonlar tarihi
   ========================================================================== */
/* Turnuva geneli: açık zeminde KPI kartları */
.wc-genel { display: flex; flex-wrap: wrap; gap: 10px; }
.wc-kpi--acik { background: var(--bg-soft); border: 1px solid var(--line); }
.wc-kpi--acik dt { color: var(--ink-faint); }
.wc-kpi--acik dd { color: var(--ink); font-size: 24px; }
.wc-kpi--genis { min-width: 220px; }
.wc-kpi-mac { font-size: 14px !important; font-weight: 700; line-height: 1.5 !important; }
.wc-kpi-mac b { color: var(--wc, #0a7d4f); font-variant-numeric: tabular-nums; }

/* Gol Krallığı: madalyalı satırlar + yeşil gol barı */
.wc-golkral { list-style: none; margin: 0; padding: 0; max-width: 720px; }
.wc-golcu { display: flex; align-items: center; gap: 14px; padding: 10px 6px; border-top: 1px solid var(--line); }
.wc-golkral li:first-child { border-top: 0; }
.wc-golcu .sinema-rank { background: var(--bg-sunken); border: 1px solid var(--line); color: var(--ink-faint); }
.wc-golcu .sinema-rank.is-gold, .wc-golcu .sinema-rank.is-silver, .wc-golcu .sinema-rank.is-bronze { border-color: transparent; color: #241a04; }
.wc-golcu-body { min-width: 0; flex: 1; display: grid; gap: 4px; }
.wc-golcu-body strong { font-family: var(--display); font-size: 15px; font-weight: 750; letter-spacing: -.01em; }
.wc-golcu-bar { display: block; height: 6px; border-radius: 999px; background: var(--bg-sunken); overflow: hidden; }
.wc-golcu-bar i { display: block; height: 100%; border-radius: 999px; background: linear-gradient(90deg, #0a7d4f, #34d399); }
.wc-golcu-body small { font-size: 11.5px; color: var(--ink-faint); }
.wc-golcu-gol { flex: none; display: grid; justify-items: center; line-height: 1; font-family: var(--display); font-size: 22px; font-weight: 800; font-variant-numeric: tabular-nums; color: var(--wc, #0a7d4f); }
.wc-golcu-gol small { font-size: 9.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-faint); margin-top: 3px; }

/* Grup tabloları: açılır kutu + mini tablolar */
.wc-gruplar-kutu { margin: 26px 0 10px; border: 1px solid var(--line); border-radius: 12px; background: var(--bg-soft); overflow: hidden; }
.wc-gruplar-kutu summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 18px; cursor: pointer; list-style: none; }
.wc-gruplar-kutu summary::-webkit-details-marker { display: none; }
.wc-gruplar-baslik { font-family: var(--display); font-size: 14px; font-weight: 800; letter-spacing: .04em; color: var(--wc, #0a7d4f); }
.wc-gruplar-ok { color: var(--ink-faint); transition: transform .18s; }
.wc-gruplar-kutu[open] .wc-gruplar-ok { transform: rotate(180deg); }
.wc-gruplar { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 14px; padding: 0 18px 18px; }
.wc-tablo { width: 100%; border-collapse: collapse; font-size: 12.5px; background: var(--bg); border: 1px solid var(--line); border-radius: 10px; overflow: hidden; }
.wc-tablo caption { text-align: left; font-family: var(--display); font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--wc, #0a7d4f); padding: 9px 12px 7px; background: var(--bg); border: 1px solid var(--line); border-bottom: 0; border-radius: 10px 10px 0 0; }
.wc-tablo th, .wc-tablo td { padding: 6px 7px; text-align: center; font-variant-numeric: tabular-nums; border-top: 1px solid var(--line); }
.wc-tablo thead th { font-size: 10.5px; font-weight: 800; letter-spacing: .04em; color: var(--ink-faint); text-transform: uppercase; border-top: 0; }
.wc-tablo .wt-t { text-align: left; font-weight: 650; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 130px; }
.wc-tablo .wt-p { font-weight: 800; color: var(--ink); }
.wc-tablo tr.is-tur td { background: color-mix(in srgb, var(--wc, #0a7d4f) 7%, transparent); }
.wc-tablo tr.is-tur .wt-t::after { content: " ✓"; color: var(--wc, #0a7d4f); font-weight: 800; }

/* Şampiyonlar tarihi: yıl çipleri */
.wc-sampiyonlar { display: flex; flex-wrap: wrap; gap: 8px; }
.wc-sampiyon { display: inline-flex; align-items: center; gap: 8px; padding: 6px 13px 6px 6px; border: 1px solid var(--line); border-radius: 999px; background: var(--bg-soft); font-size: 12.5px; font-weight: 650; }
.wc-sampiyon b { display: grid; place-items: center; min-width: 44px; height: 26px; padding: 0 8px; border-radius: 999px; font-family: var(--display); font-size: 12px; font-weight: 800; font-variant-numeric: tabular-nums; color: #fff; background: linear-gradient(140deg, #0a7d4f, #0c5c3c); }
.wc-sampiyon:first-child b { background: linear-gradient(140deg, #f6d465, #c9992a); color: #241a04; }

/* Bayraklar (flagcdn) — fikstür, gruplar, gol krallığı, şampiyonlar */
.bayrak { display: inline-block; border-radius: 2.5px; box-shadow: 0 0 0 1px rgba(11,22,34,.14); vertical-align: -2px; margin-right: 6px; }
.wc-fx-team--a .bayrak { margin-right: 0; margin-left: 6px; }
.wc-sampiyon .bayrak, .wt-t .bayrak { vertical-align: -1.5px; }

/* Gol krallığı: oyuncu fotoğrafı / baş harf yer tutucusu */
.wc-golcu-foto { flex: none; width: 42px; height: 42px; border-radius: 50%; object-fit: cover; box-shadow: 0 0 0 2px var(--bg), 0 0 0 3px color-mix(in srgb, var(--wc, #0a7d4f) 45%, transparent); background: var(--bg-soft); }
.wc-golcu-foto--ph { display: grid; place-items: center; font-family: var(--display); font-size: 17px; font-weight: 800; color: #fff; background: linear-gradient(140deg, #0a7d4f, #0c5c3c); }

/* İlginç bilgiler: bento istatistik kartları */
.wc-ilginc { display: grid; grid-template-columns: repeat(auto-fill, minmax(215px, 1fr)); gap: 12px; }
.wc-fact { position: relative; display: grid; align-content: start; gap: 5px; padding: 16px 16px 14px; border: 1px solid var(--line); border-radius: 14px; background: var(--bg-soft); overflow: hidden; }
.wc-fact::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 3px; background: linear-gradient(180deg, var(--wc, #0a7d4f), var(--wc2, #e9b500)); }
.wc-fact-sayi { font-family: var(--display); font-size: clamp(26px, 3vw, 34px); font-weight: 800; line-height: 1; letter-spacing: -.02em; font-variant-numeric: tabular-nums; color: var(--wc, #0a7d4f); }
.wc-fact-baslik { margin: 0; font-family: var(--display); font-size: 14px; font-weight: 750; letter-spacing: -.01em; line-height: 1.3; }
.wc-fact-metin { margin: 0; font-size: 12.5px; line-height: 1.55; color: var(--ink-soft, var(--ink-faint)); }
.wc-fact.is-tr { background: linear-gradient(160deg, color-mix(in srgb, #e30a17 7%, var(--bg-soft)), var(--bg-soft) 55%); }
.wc-fact.is-tr::before { background: linear-gradient(180deg, #e30a17, #a1060f); }
.wc-fact.is-tr .wc-fact-sayi { color: #c00b15; }

/* Footer imzası: Tanyeri Medya → tanyeri.app */
.footer-tanyeri { color: inherit; font-weight: 650; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: color-mix(in srgb, currentColor 40%, transparent); }
.footer-tanyeri:hover { text-decoration-color: currentColor; }

/* KPSS sayfası: alt ilan takvimi bölümü */
.kq-ilanlar { margin-top: 34px; }
.kq-ilanlar-head { margin-bottom: 6px; }

/* ===== Yalnız-mobil manşet slider'ı (masaüstü BBC mozaiğini görür) ===== */
.mslider { display: none; }
@media (max-width: 680px) {
    .mslider { display: block; margin: 4px 0 6px; }
    /* Mobilde mozaiğin manşet bölümü gizlenir — aynı haberler slider'da */
    .home-bbc .bbc-top { display: none; }

    .mslider-track { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; -webkit-overflow-scrolling: touch; gap: 10px; border-radius: 14px; outline-offset: 3px; }
    .mslider-track::-webkit-scrollbar { display: none; }
    .mslider-slide { position: relative; flex: 0 0 100%; scroll-snap-align: center; scroll-snap-stop: always; aspect-ratio: 16 / 10; border-radius: 14px; overflow: hidden; display: block; background: var(--bg-soft); }
    .mslider-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
    .mslider-ph { position: absolute; inset: 0; display: grid; place-items: center; font-family: var(--display); font-size: 64px; font-weight: 800; color: #fff; background: linear-gradient(150deg, color-mix(in srgb, var(--cat, var(--accent)) 88%, #000), color-mix(in srgb, var(--cat, var(--accent)) 55%, #000)); }
    .mslider-scrim { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 34%, rgba(7,10,16,.86)); }
    .mslider-body { position: absolute; inset: auto 0 0 0; display: grid; gap: 5px; padding: 14px 15px 13px; }
    .mslider-kicker { justify-self: start; padding: 3px 9px; border-radius: 5px; background: var(--cat, var(--accent)); color: #fff; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
    .mslider-title { color: #fff; font-family: var(--display); font-size: 18.5px; font-weight: 750; line-height: 1.28; letter-spacing: -.01em; text-wrap: balance; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
    .mslider-meta { color: rgba(255,255,255,.75); font-size: 11.5px; }

    .mslider-dots { display: flex; justify-content: center; gap: 7px; padding: 10px 0 2px; }
    .mslider-dot { width: 7px; height: 7px; padding: 0; border: 0; border-radius: 999px; background: color-mix(in srgb, var(--ink) 22%, transparent); cursor: pointer; transition: width .25s ease, background .25s ease; touch-action: manipulation; }
    .mslider-dot.is-active { width: 22px; background: var(--accent); }
    /* dokunma hedefi 44px: görünmez genişletme */
    .mslider-dot { position: relative; }
    .mslider-dot::after { content: ""; position: absolute; inset: -14px -8px; }
}
@media (prefers-reduced-motion: reduce) {
    .mslider-track { scroll-behavior: auto; }
    .mslider-dot { transition: none; }
}

/* Klavye sınavı: künye çipleri + skor paylaşımı (ön yüz) */
.klv-chips { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0 0; padding: 0; }
.klv-chips li { display: inline-flex; align-items: baseline; gap: 5px; padding: 6px 13px; border: 1px solid var(--line); border-radius: 999px; background: var(--bg-soft); font-size: 12px; color: var(--ink-soft, var(--ink-faint)); }
.klv-chips li b { font-family: var(--display); font-weight: 800; color: var(--ink); font-variant-numeric: tabular-nums; }
.klv-share { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--line); }
.klv-share-l { display: block; margin-bottom: 10px; font-size: 13px; font-weight: 650; color: var(--ink-soft, var(--ink-faint)); }
.klv-share .share-quick { display: flex; flex-wrap: wrap; gap: 8px; }
.klv-share .sq { display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 9px 16px; border: 0; border-radius: 10px; font-size: 13px; font-weight: 700; color: #fff; cursor: pointer; text-decoration: none; touch-action: manipulation; }
.klv-share .sq:hover { filter: brightness(1.12); text-decoration: none; }
.klv-share .sq-x { background: #000; }
.klv-share .sq-wa { background: #1faa53; }
.klv-share .sq-tg { background: #1c8ac2; }
.klv-share .sq-copy { background: var(--bg-soft); color: var(--ink); border: 1px solid var(--line); }

/* Politika hub cilası: TBMM programı ajanda diline yaklaşır (mor kimlik) */
.tbmm-program .tbmm-day { display: inline-flex; align-items: center; gap: 7px; margin: 12px 0 8px; padding: 4px 12px; font-family: var(--display); font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: #7c3aed; border: 1px solid color-mix(in srgb, #7c3aed 35%, var(--line)); border-radius: 999px; list-style: none; }
.tbmm-program .tbmm-day::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #7c3aed; }
.tbmm-slot { display: flex; gap: 12px; align-items: flex-start; padding: 9px 4px; border-top: 1px solid var(--line); }
.tbmm-time { flex: none; min-width: 52px; text-align: center; font-family: var(--display); font-size: 12.5px; font-weight: 800; font-variant-numeric: tabular-nums; color: #7c3aed; background: color-mix(in srgb, #7c3aed 9%, transparent); border-radius: 7px; padding: 4px 8px; }
.tbmm-body { display: grid; gap: 2px; min-width: 0; }
.tbmm-body strong { font-family: var(--display); font-size: 13.5px; font-weight: 700; line-height: 1.35; letter-spacing: -.01em; }
.tbmm-body small { font-size: 11.5px; color: var(--ink-faint); }

/* AAA a11y katmanı (2026-07-10): kalan animasyonlar reduced-motion'a saygılı */
@media (prefers-reduced-motion: reduce) {
    .akis-fresh .akis-card, .tq.is-flash { animation: none; }
    .sinema-afis:hover img, .sinema-afis:hover .sinema-afis-ph,
    .vitrin2-card:hover, .basin-card:hover, .kaynak-kart:hover,
    .adj:hover, .film50 .klasik-afis, .akis-card:hover { transform: none; }
}

/* ============================================================================
   AAA NORMALİZASYON KATMANI (2026-07-10): 22 bulguluk denetimin CSS düzeltmeleri.
   Kontrast, odak, radius ölçeği, hover dili, eyebrow tipografisi tek elden.
   ========================================================================== */
/* (2) Ajanda BUGÜN/SON rozeti: koyu temada beyaz metin 3:1'de kalıyordu → accent-ink */
.ajanda-badge.is-today b, .ajanda-badge.is-today small { color: var(--accent-ink); }
/* (3) Geri Sayım kolonunda hover artık gri değil kırmızı (gri=pasif okunuyordu) */
.ajanda-col--exam .ajanda-row:hover .ajanda-body strong { color: var(--accent); }
/* (5) Yeni koyu panellerde beyaz odak halkası */
:is(.terminal, .sinema, .vitrin2, .spor-masasi, .wc-band, .wc-hero, .kripto-bant) :focus-visible { outline-color: #fff; }
/* (7) Kripto bandı: duraklat düğmesi + klavye odağında otomatik duraklama */
.kripto-bant.is-durduruldu .kripto-bant-serit,
.kripto-bant:focus-within .kripto-bant-serit { animation-play-state: paused; }
.kripto-durdur { position: absolute; right: 8px; bottom: 6px; z-index: 2; width: 26px; height: 26px; display: grid; place-items: center; border: 1px solid rgb(255 255 255 / .18); border-radius: 7px; background: rgb(0 0 0 / .35); color: #cfd6df; font-size: 11px; cursor: pointer; }
.kripto-bant { position: relative; }
.kripto-durdur:hover { color: #fff; border-color: rgb(255 255 255 / .4); }
@media (max-width: 640px) { .kripto-durdur { right: 6px; } }
/* (10) Terminal hero fiyatı: dar ekranda kırpılmasın */
.tq--hero .tq-price { font-size: clamp(17px, 2.2vw, 23px); white-space: nowrap; }
/* (12) Burç şeridi: taşınca kenar solması + ince görünür kaydırma çubuğu */
.burc-rail { scrollbar-width: thin; }
.burc-rail.has-overflow { -webkit-mask-image: linear-gradient(90deg, #000 90%, transparent); mask-image: linear-gradient(90deg, #000 90%, transparent); }
/* (14) Hover dili tekleşti: yana kayma ve dönme varyantları emekli */
.hub-tool:hover, .footer-list a:hover { transform: none; }
.front-mini:hover { transform: translateY(-3px); }
.sinema-afis:hover img, .sinema-afis:hover .sinema-afis-ph { transform: translateY(-3px); }
/* (15) Radius ölçeği 6/10/14'e oturdu */
.spor-masasi { border-radius: 14px; }
.wc-band, .kripto-bant { border-radius: 14px; }
.kaynak-kart, .vitrin2-card, .adj, .rehber657-kart, .klasik-afis,
.skor-strip .skor-row, .kulup-kart, .wc-match { border-radius: 10px; }
.sinema-afis img, .sinema-afis-ph { border-radius: 10px; }
/* (1) Burç kartı koyu-panel ailesinin köşe değerine hizalandı */
.burc { border-radius: 14px; }
/* (19) Eyebrow harf aralığı tek değer */
.vitrin2-eyebrow, .sinema-eyebrow, .wc-hero-eyebrow, .rehber657-eyebrow,
.terminal-brand, .spor-masasi-title { letter-spacing: .14em; }
/* (21) Kalan nabız/parlamalar hareket-azaltmada kapalı */
@media (prefers-reduced-motion: reduce) {
    .akis-status-dot, .akis-item.is-breaking::before, .terminal-live i, .kripto-bant-etiket i { animation: none; }
}

/* KAMU1: eski sitenin metin logosu — "KAMU" mürekkep + "1" marka kırmızısı (#c71920) */
.k1-brand { font-family: var(--sans); font-weight: 900; letter-spacing: -.04em; }
.k1-brand b { color: #c71920; font-weight: inherit; }

/* KAMU1: footer kategori accordion (alt kategoriler açılır-kapanır) */
.footer-cats .footer-cat-item { margin: 0; }
.footer-cats .footer-cat { }
.footer-cats .footer-cat > summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 8px; padding-block: 5px; font-size: 14px; color: color-mix(in srgb, #fff 80%, transparent); transition: color .15s; }
.footer-cats .footer-cat > summary::-webkit-details-marker { display: none; }
.footer-cats .footer-cat > summary::after { content: ""; width: 6px; height: 6px; margin-left: auto; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); transition: transform .2s ease; opacity: .55; }
.footer-cats .footer-cat[open] > summary::after { transform: rotate(-135deg); opacity: .8; }
.footer-cats .footer-cat > summary:hover { color: #fff; }
.footer-cats .footer-cat:not([open]) .footer-sublist { display: none; }
.footer-sublist { list-style: none; margin: 2px 0 8px; padding-left: 11px; display: grid; gap: 2px; border-left: 1px solid rgba(255,255,255,.14); }
.footer-sublist a { font-size: 13.5px; color: color-mix(in srgb, #fff 66%, transparent); }
.footer-sublist a:hover { color: #fff; }


/* ==================================================================
   KAMU1 SHADCN PASI — piyasa şeridi + kaynak amblemleri + ajanda rafine
   (kamu1 logosu estetiği: temiz beyaz yüzey, ince kenarlık, kırmızı vurgu)
   ================================================================== */

/* --- Piyasa şeridi: koyu lacivert bant → açık shadcn şerit --- */
.market-bar { background: var(--bg); border-bottom: 1px solid var(--line); color: var(--ink); box-shadow: none; }
.market-tag { background: var(--accent); color: #fff; font-weight: 800; letter-spacing: .12em; }
.market-track::after { background: linear-gradient(90deg, transparent, var(--bg)); }
.market-item { padding: 9px 20px; }
.market-item + .market-item::before { background: var(--line); top: 26%; bottom: 26%; }
.mi-label { color: var(--ink-faint); }
.mi-price { color: var(--ink); }
.mi-change.up   { color: #15803d; }
.mi-change.down { color: #c1121f; }
.mi-change.flat { color: var(--ink-faint); }
@media (prefers-color-scheme: dark) {
  html:not([data-theme=light]) .mi-change.up   { color: #4ade80; }
  html:not([data-theme=light]) .mi-change.down { color: #fb7185; }
}
html[data-theme=dark] .mi-change.up   { color: #4ade80; }
html[data-theme=dark] .mi-change.down { color: #fb7185; }

/* --- Kaynak (parti/kurum) kartı: shadcn beyaz yüzey + premium marka amblemi --- */
.kaynak-kart { background: var(--bg); border-radius: 13px; padding: 11px 14px; gap: 12px; box-shadow: var(--shadow-sm); }
.kaynak-kart:hover { box-shadow: 0 14px 30px -18px color-mix(in srgb, var(--vb, var(--accent)) 70%, transparent), var(--shadow-sm); border-color: color-mix(in srgb, var(--vb, var(--accent)) 50%, var(--line)); }
.kaynak-rozet {
  width: 44px; height: 44px; border-radius: 13px; font-size: 17px; letter-spacing: -.02em;
  background:
    linear-gradient(155deg, color-mix(in srgb, var(--vb, var(--accent)) 82%, #fff) 0%,
                            var(--vb, var(--accent)) 52%,
                            color-mix(in srgb, var(--vb, var(--accent)) 80%, #000) 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.4), 0 3px 8px -2px color-mix(in srgb, var(--vb, var(--accent)) 55%, transparent);
  overflow: hidden; text-shadow: 0 1px 2px rgba(0,0,0,.35);
}
.kaynak-rozet[data-logo] {
  background: var(--bg); box-shadow: inset 0 0 0 1px var(--line); text-shadow: none;
  padding: 6px;
}
.kaynak-rozet img { width: 100%; height: 100%; object-fit: contain; display: block; }

/* --- Ajanda geri sayım rozetleri: shadcn yumuşatma --- */
.ajanda-badge { border-radius: 12px; box-shadow: var(--shadow-sm); }
.ajanda-head { border-bottom-width: 2px; }

/* --- Hub başlıkları: display font + tutarlı ritim (shadcn tipografi) --- */
.hub-sub { font-family: var(--sans); font-weight: 800; letter-spacing: -.015em; }

/* ==================================================================
   KAMU1 TUR 2 — Dakika Dakika pin + footer app butonları + eğitim hub
   ================================================================== */

/* --- Dakika Dakika: arama kutusunun yanına sabit canlı buton --- */
.live-pin { flex: none; display: inline-flex; align-items: center; gap: 7px; padding: 8px 14px; border-radius: 999px;
  background: color-mix(in srgb, var(--accent) 9%, var(--bg)); border: 1px solid color-mix(in srgb, var(--accent) 26%, var(--line));
  color: var(--accent); font-weight: 700; font-size: 12.5px; line-height: 1; letter-spacing: -.005em; white-space: nowrap; transition: background .16s, color .16s, border-color .16s, transform .16s; }
.live-pin:hover { background: var(--accent); color: #fff; border-color: var(--accent); text-decoration: none; transform: translateY(-1px); }
.live-pin-dot { position: relative; width: 10px; height: 10px; flex: none; }
.live-pin-dot { width: 8px; height: 8px; }
.live-pin-dot::before { content: ""; position: absolute; inset: 0; border-radius: 999px; background: var(--accent); animation: bn-ping 1.5s cubic-bezier(0,0,.2,1) infinite; }
.live-pin-dot::after { content: ""; position: absolute; inset: 1.5px; border-radius: 999px; background: var(--accent); }
.live-pin:hover .live-pin-dot::before, .live-pin:hover .live-pin-dot::after { background: #fff; }
.live-pin-txt { display: block; }
@media (prefers-reduced-motion: reduce) { .live-pin-dot::before { animation: none; } }
@media (max-width: 720px) { .live-pin-txt { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .live-pin { padding: 9px; } }

/* --- Footer app indirme butonları --- */
.footer-apps { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.app-btn { display: inline-flex; align-items: center; gap: 10px; padding: 8px 14px; border-radius: 12px;
  background: color-mix(in srgb, #fff 6%, transparent); border: 1px solid rgba(255,255,255,.16); color: #fff; transition: background .15s, border-color .15s, transform .15s; }
.app-btn:hover { text-decoration: none; background: color-mix(in srgb, #fff 12%, transparent); border-color: rgba(255,255,255,.32); transform: translateY(-1px); }
.app-btn .app-ic { flex: none; }
.app-btn span { display: grid; line-height: 1.15; }
.app-btn small { font-size: 10px; letter-spacing: .04em; text-transform: uppercase; color: color-mix(in srgb, #fff 60%, transparent); }
.app-btn b { font-size: 13px; font-weight: 700; }

/* --- Eğitim hub: yaklaşan sınav geri sayımı --- */
.egitim-sinavlar { list-style: none; margin: 0 0 4px; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px 22px; }
@media (max-width: 720px) { .egitim-sinavlar { grid-template-columns: 1fr; } }
.egitim-sinav { display: grid; grid-template-columns: 52px 1fr; align-items: center; gap: 13px; padding: 9px 4px; border-top: 1px solid var(--line); }
.egitim-sinav:hover { text-decoration: none; }
.egitim-sinav:hover .egitim-sinav-body strong { color: var(--accent); }
.egitim-gun { flex: none; display: grid; justify-items: center; align-content: center; width: 52px; height: 52px; border-radius: 12px; background: var(--bg-sunken); border: 1px solid var(--line); line-height: 1; box-shadow: var(--shadow-sm); }
.egitim-gun b { font-weight: 800; font-size: 20px; font-variant-numeric: tabular-nums; color: var(--ink); }
.egitim-gun small { font-size: 9.5px; font-weight: 700; text-transform: uppercase; color: var(--ink-faint); margin-top: 2px; }
.egitim-sinav.is-urgent .egitim-gun { background: color-mix(in srgb, var(--accent) 11%, var(--bg-soft)); border-color: color-mix(in srgb, var(--accent) 38%, var(--line)); }
.egitim-sinav.is-urgent .egitim-gun b { color: var(--accent); }
.egitim-gun.is-today { background: var(--accent); border-color: var(--accent); }
.egitim-gun.is-today b, .egitim-gun.is-today small { color: #fff; }
.egitim-gun.is-today b { font-size: 12px; }
.egitim-sinav-body { min-width: 0; display: grid; gap: 2px; }
.egitim-sinav-body strong { font-size: 14px; font-weight: 700; letter-spacing: -.01em; color: var(--ink); transition: color .15s; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.egitim-sinav-body small { font-size: 11.5px; color: var(--ink-faint); }


/* KAMU1: haber byline'ında katkı sunanlar + admin katkı seçimi */
.byline-coauthors { font-size: 13px; color: var(--ink-soft); }
.byline-coauthors a { color: var(--ink); font-weight: 600; }
.byline-coauthors a:hover { color: var(--accent); }
.coauthor-grid { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 4px; }
.coauthor-chip { display: inline-flex; align-items: center; gap: 6px; padding: 6px 11px; border: 1px solid var(--line); border-radius: 999px; font-size: 13px; cursor: pointer; user-select: none; transition: border-color .15s, background .15s; }
.coauthor-chip:has(input:checked) { border-color: var(--accent); background: color-mix(in srgb, var(--accent) 10%, transparent); color: var(--accent); font-weight: 600; }
.coauthor-chip input { accent-color: var(--accent); }


/* KAMU1: Dakika Dakika yuvarlak ikon buton — arama kutusuyla gruplu, metinsiz */
.header-tools { display: flex; align-items: center; gap: 10px; flex: 1; max-width: 372px; min-width: 0; }
.header-tools .search { flex: 1; max-width: none; }
.live-pin { flex: none; width: 44px; height: 44px; min-width: 44px; padding: 0; border-radius: 999px; display: grid; place-items: center;
  background: var(--accent); border: 0; color: #fff; position: relative; overflow: visible; letter-spacing: 0; text-transform: none; font-size: 0;
  box-shadow: 0 2px 9px -2px color-mix(in srgb, var(--accent) 55%, transparent); transition: filter .15s, transform .15s; }
.live-pin:hover { background: var(--accent); color: #fff; border-color: transparent; filter: brightness(1.08); transform: translateY(-1px); }
.live-pin svg { display: block; }
.live-pin::after { content: ""; position: absolute; inset: 0; border-radius: 999px; border: 2px solid var(--accent); opacity: 0; animation: bn-ping 1.9s cubic-bezier(0,0,.2,1) infinite; }
.live-pin-txt { display: none !important; }
@media (prefers-reduced-motion: reduce) { .live-pin::after { animation: none; } }
@media (max-width: 980px) {
  .header-tools { order: 3; width: 100%; max-width: none; flex-basis: 100%; }
}

/* ================= KAMU1 DERGİ DÜZENİ — anasayfa kategori listeleme (özel sonrası) ================= */
.mag-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 34px 44px; margin: 8px 0 26px; }
@media (max-width: 860px) { .mag-grid { grid-template-columns: 1fr; gap: 28px; } }
.mag-block { min-width: 0; }
.mag-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 0 0 15px; padding-bottom: 9px; border-bottom: 2px solid var(--ink); position: relative; }
.mag-head::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 56px; height: 2px; background: var(--cat, var(--accent)); }
.mag-head-name { font-family: var(--display); font-size: 15px; font-weight: 800; letter-spacing: .045em; text-transform: uppercase; color: var(--ink); }
.mag-head-name:hover { color: var(--accent); text-decoration: none; }
.mag-more { font-size: 12.5px; font-weight: 600; color: var(--link); white-space: nowrap; }
.mag-more:hover { text-decoration: underline; }
.mag-lead { display: block; margin-bottom: 6px; }
.mag-lead:hover { text-decoration: none; }
.mag-lead-media { display: block; }
.mag-lead-media img { width: 100%; aspect-ratio: 16/9; object-fit: cover; border-radius: 10px; background: var(--bg-sunken); }
.mag-lead-title { font-family: var(--serif); font-size: 19.5px; font-weight: 700; line-height: 1.26; letter-spacing: -.015em; margin: 12px 0 6px; color: var(--ink); transition: color .15s; }
.mag-lead:hover .mag-lead-title { color: var(--accent); }
.mag-lead-dek { font-size: 14px; line-height: 1.55; color: var(--ink-soft); margin: 0 0 8px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.mag-meta { font-size: 12px; color: var(--ink-faint); }
.mag-list { list-style: none; margin: 6px 0 0; padding: 0; }
.mag-list li a { display: block; padding: 11px 0; border-top: 1px solid var(--line); transition: padding-left .15s; }
.mag-list li a:hover { text-decoration: none; padding-left: 5px; }
.mag-list strong { display: block; font-family: var(--serif); font-size: 14.5px; font-weight: 600; line-height: 1.34; color: var(--ink); transition: color .15s; }
.mag-list li a:hover strong { color: var(--accent); }
.mag-list .mag-meta { display: block; margin-top: 3px; }

/* ============ KAMU1: geri sayım rozetleri — PEMBEMSİ TON KALDIRILDI ============
   Acil (≤ birkaç gün): beyaz zemin + kırmızı kenarlık + kırmızı rakam (dolgu YOK).
   Bugün / SON: dolu kırmızı. Premium siyah-kırmızı dil. */
.ajanda-row.is-urgent .ajanda-badge,
.egitim-sinav.is-urgent .egitim-gun {
    background: var(--bg);
    border-color: color-mix(in srgb, var(--accent) 46%, var(--line));
    box-shadow: var(--shadow-sm);
}
.ajanda-row.is-urgent .ajanda-badge b,
.egitim-sinav.is-urgent .egitim-gun b { color: var(--accent); }
.ajanda-row.is-urgent .ajanda-badge small,
.egitim-sinav.is-urgent .egitim-gun small { color: color-mix(in srgb, var(--accent) 62%, var(--ink-faint)); }

/* Bugün / SON — dolu kırmızı, is-urgent'i kesin ez */
.ajanda-badge.is-today,
.egitim-gun.is-today,
.ajanda-row.is-urgent .ajanda-badge.is-today,
.egitim-sinav.is-urgent .egitim-gun.is-today {
    background: var(--accent) !important;
    border-color: var(--accent) !important;
    box-shadow: 0 3px 10px -3px color-mix(in srgb, var(--accent) 55%, transparent);
}
.ajanda-badge.is-today b, .ajanda-badge.is-today small,
.egitim-gun.is-today b, .egitim-gun.is-today small { color: #fff !important; }

/* KAMU1: aktif etiket çipi — pembe dolgu YOK, beyaz + kırmızı kenarlık/metin */
.tag--cloud.is-active { background: var(--bg); border-color: color-mix(in srgb, var(--accent) 55%, var(--line)); color: var(--accent); }

/* ===== KAMU1: İLAN RAYI + İLAN DETAY (memur724 klonu) ===== */
.ilan-strip { margin-block: 2px 10px; }
.ilan-strip-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 8px; }
.ilan-strip-title { font-family: var(--display); font-weight: 800; font-size: 12px; letter-spacing: var(--track-caps); text-transform: uppercase; color: var(--accent); margin: 0; }
.ilan-strip-title::after { content: ""; display: block; width: 26px; height: 2px; background: var(--accent); margin-top: 4px; }
.ilan-strip-all { font-size: 12.5px; font-weight: 700; color: var(--ink-faint); white-space: nowrap; }
.ilan-strip-all:hover { color: var(--accent); text-decoration: none; }
.ilan-strip-track { list-style: none; margin: 0; padding: 0 0 4px; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(295px, 1fr); gap: 10px; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.ilan-strip-track.has-overflow { -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 32px), transparent); mask-image: linear-gradient(to right, #000 calc(100% - 32px), transparent); }
.ilan-strip-track::-webkit-scrollbar { display: none; }
.ilan-strip-track li { min-width: 0; scroll-snap-align: start; }
.ilan-card { display: flex; gap: 12px; align-items: center; width: auto; min-height: 78px; height: 100%; padding: 10px 14px; border: 1px solid var(--line); border-radius: var(--radius-sm); background: var(--bg-soft); transition: border-color .15s, transform .15s; }
.ilan-card:hover { border-color: color-mix(in srgb, var(--accent) 45%, var(--line)); text-decoration: none; transform: translateY(-2px); }
.ilan-card-due { flex: none; display: grid; justify-items: center; gap: 1px; width: 54px; padding-right: 12px; border-right: 1px solid var(--line); }
.ilan-card-due b { font-family: var(--display); font-weight: 800; font-size: 22px; line-height: 1; color: transparent; -webkit-text-stroke: 1.1px var(--gold); font-variant-numeric: tabular-nums; }
@supports not (-webkit-text-stroke: 1px black) { .ilan-card-due b { color: var(--gold); } }
.ilan-card-due small { font-size: 9px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--ink-faint); }
.ilan-card.is-urgent .ilan-card-due b { -webkit-text-stroke-color: var(--accent); }
@supports not (-webkit-text-stroke: 1px black) { .ilan-card.is-urgent .ilan-card-due b { color: var(--accent); } }
.ilan-card-due.is-today b { font-size: 12px; letter-spacing: .04em; -webkit-text-stroke: 0; color: var(--accent); }
.ilan-card-body { display: grid; gap: 2px; min-width: 0; }
.ilan-card-org { font-size: 10.5px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--ink-faint); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ilan-card-body strong { font-family: var(--display); font-weight: 700; font-size: 13.5px; line-height: 1.3; letter-spacing: -.01em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ilan-card-date { font-size: 11px; color: var(--ink-faint); font-variant-numeric: tabular-nums; }
.ilan-card--more { width: auto; min-width: 120px; display: grid; place-content: center; justify-items: center; gap: 6px; text-align: center; background: var(--bg); border-style: dashed; }
.ilan-card--more strong { font-family: var(--display); font-weight: 700; font-size: 13px; line-height: 1.3; color: var(--accent); }
.ilan-card--more span { font-size: 18px; color: var(--accent); }
    .ilan-strip-track { grid-auto-columns: minmax(250px, 78%); }
    .ilan-card { min-height: 72px; }
    .ilan-card-body strong { font-size: 12.5px; }
.ilan-strip-title--gold { color: var(--gold-ink); }
.ilan-strip-title--gold::after { background: var(--gold); }
.exam-card .ilan-card-body strong { font-size: 14px; }
.ilan-sayfa { max-width: 820px; }
.ilan-head { margin-bottom: 22px; padding-bottom: 20px; border-bottom: 1px solid var(--line); }
.ilan-tur { display: inline-flex; align-items: center; gap: 7px; margin-bottom: 12px; padding: 5px 13px; border-radius: 999px; background: color-mix(in srgb, var(--accent) 9%, transparent); color: var(--accent); font-size: 11.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.ilan-tur-nokta { width: 7px; height: 7px; border-radius: 50%; background: var(--accent); }
.ilan-org { display: block; margin-bottom: 4px; color: var(--ink-faint); }
.ilan-title { margin: 4px 0 16px; text-wrap: balance; }
.ilan-kunye { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
.ilan-kunye > div { display: inline-flex; align-items: baseline; gap: 7px; padding: 8px 15px; border: 1px solid var(--line); border-radius: 12px; background: var(--bg-soft); font-size: 12.5px; }
.ilan-kunye dt { font-weight: 700; font-size: 10px; letter-spacing: .05em; text-transform: uppercase; color: var(--ink-faint); }
.ilan-kunye dd { margin: 0; font-weight: 700; color: var(--ink); font-variant-numeric: tabular-nums; }
.ilan-kunye .ilan-kalan { border-color: color-mix(in srgb, var(--gold, #e9b500) 55%, var(--line)); background: color-mix(in srgb, var(--gold, #e9b500) 12%, var(--bg-soft)); }
.ilan-kunye .ilan-kalan dd { color: #8a6a00; }
.ilan-kunye .ilan-kalan.is-yakin { border-color: var(--accent); background: var(--accent); }
.ilan-kunye .ilan-kalan.is-yakin dt, .ilan-kunye .ilan-kalan.is-yakin dd { color: #fff; }
.ilan-kunye .ilan-kalan.is-bitti { opacity: .7; }
.ilan-gorsel { margin: 0 0 22px; border-radius: 14px; overflow: hidden; }
.ilan-gorsel img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; display: block; }
.ilan-metin { font-size: 16.5px; line-height: 1.75; }
.ilan-metin > p:first-of-type { font-size: 17.5px; color: var(--ink); }
.ilan-metin > p:first-of-type::first-letter { font-size: inherit; float: none; margin: 0; font-weight: inherit; color: inherit; } /* drop-cap yok */
.ilan-metin h2 { font-size: clamp(19px, 2.3vw, 23px); margin: 1.6em 0 .5em; padding-top: .5em; padding-left: 14px; border-left: 4px solid var(--accent); border-top: 0; }
.ilan-metin h3 { font-size: 17px; margin: 1.3em 0 .4em; }
.ilan-metin ul, .ilan-metin ol { padding-left: 1.4em; margin: 1em 0; }
.ilan-metin li { margin: .4em 0; }
.ilan-metin blockquote { margin: 1.2em 0; padding: 10px 18px; border-left: 3px solid var(--gold, #e9b500); background: var(--bg-soft); border-radius: 0 8px 8px 0; font-style: normal; color: var(--ink-soft, var(--ink-faint)); }
.ilan-resmi { margin: 26px 0 8px; }
.ilan-paylas { max-width: 820px; }
.ilan-benzer { margin-top: 36px; padding-top: 8px; border-top: 1px solid var(--line); }
    .ilan-metin { font-size: 16px; }
    .ilan-kunye > div { padding: 7px 12px; }
.iray { margin: 18px 0 6px; }
.iray-head { display: flex; align-items: center; gap: 14px; margin-bottom: 12px; }
.iray-title { margin: 0; font-family: var(--display); font-size: 18px; font-weight: 800; letter-spacing: -.01em; white-space: nowrap; }
.iray-cizgi { flex: 1; height: 2px; background: linear-gradient(90deg, var(--gold, #e9b500), color-mix(in srgb, var(--gold, #e9b500) 18%, transparent)); border-radius: 2px; }
.iray-nav { display: flex; gap: 6px; }
.iray-ok { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 9px; background: var(--bg); color: var(--ink); font-size: 19px; line-height: 1; cursor: pointer; touch-action: manipulation; transition: background .15s, border-color .15s; }
.iray-ok:hover { background: var(--bg-soft); border-color: var(--ink-faint); }
.iray-track { list-style: none; margin: 0; padding: 2px; display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.iray-track::-webkit-scrollbar { display: none; }
.iray-item { flex: 0 0 218px; scroll-snap-align: start; }
.iray-card { display: grid; gap: 7px; height: 100%; padding: 0 0 12px; background: var(--bg); border: 1px solid var(--line); border-radius: 12px; overflow: hidden; transition: border-color .15s, transform .15s, box-shadow .15s; }
.iray-card:hover { border-color: var(--gold, #e9b500); transform: translateY(-2px); box-shadow: var(--shadow-sm); text-decoration: none; }
.iray-media { position: relative; display: block; aspect-ratio: 16 / 9; background: var(--bg-soft); }
.iray-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.iray-ph { position: absolute; inset: 0; display: grid; place-items: center; font-family: var(--display); font-size: 40px; font-weight: 800; color: #fff; background: linear-gradient(145deg, #0f4c81, #0a3358); }
.iray-gun { position: absolute; left: 8px; bottom: 8px; padding: 3px 9px; border-radius: 6px; background: rgba(11,22,34,.82); color: #fff; font-size: 10.5px; font-weight: 800; letter-spacing: .04em; font-variant-numeric: tabular-nums; }
.iray-gun.is-yakin { background: var(--accent); }
.iray-baslik { padding: 0 12px; font-family: var(--display); font-size: 13.5px; font-weight: 700; line-height: 1.35; letter-spacing: -.01em; color: var(--ink); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.iray-kurum { padding: 0 12px; font-size: 11px; color: var(--ink-faint); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.iray-card--tum { place-content: center; justify-items: center; gap: 6px; text-align: center; padding: 12px; background: var(--bg-soft); font-family: var(--display); font-weight: 750; color: var(--ink-soft, var(--ink-faint)); }
.iray-card--tum span { font-size: 22px; color: var(--gold, #e9b500); }
    .iray-item { flex-basis: 186px; }
    .iray-nav { display: none; } /* mobilde parmakla kaydırılır */
@media (prefers-reduced-motion: reduce) { .iray-card { transition: none; } }