/*
 * Ön yüz tasarım sistemi.
 *
 * Sakin bir zemin üzerinde beyaz kartlar, yumuşak ayırıcı çizgiler ve ölçülü
 * yuvarlatılmış köşeler. Başlıklar temanın serif yazı tipiyle, arayüz metinleri
 * sans ile yazılır. Kırmızı vurgu son dakika ve canlı yayın içindir; bölüm
 * işaretleri kategorinin kendi rengini alır. --paper, --paper-raised, --accent,
 * --serif ve --sans değişkenleri panelden gelen tema ayarlarıyla ezilir.
 */

:root {
    --paper: #fbfbfa;
    --paper-raised: #f2f2f0;
    --surface: #ffffff;
    --ink: #17171a;
    --ink-soft: #3a3a3e;
    --ink-muted: #65656b;
    /* Çizgiler zeminden türetilir; panelden seçilen her zemin tonuyla uyumlu kalır. */
    --rule: color-mix(in srgb, var(--ink) 11%, var(--paper));
    --rule-strong: color-mix(in srgb, var(--ink) 22%, var(--paper));
    --accent: #b3001b;
    --accent-strong: #b3001b;
    --on-accent: #ffffff;
    --bar: #121212;
    --up: #15803d;
    --down: #c8102e;
    --serif: Georgia, "Times New Roman", serif;
    --sans: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    --mono: "IBM Plex Mono", ui-monospace, Consolas, monospace;
    --radius-sm: 6px;
    --radius: 10px;
    --radius-lg: 16px;
    --radius-pill: 999px;
    --shadow-sm: 0 1px 2px rgb(20 18 15 / 0.05);
    --shadow: 0 1px 2px rgb(20 18 15 / 0.04), 0 10px 28px -14px rgb(20 18 15 / 0.18);
    --shadow-lg: 0 24px 60px -18px rgb(20 18 15 / 0.32);
    --ring: 0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);
    --page: 80rem;
    --gutter: clamp(1rem, 3vw, 2rem);
    --col-gap: 1.5rem;
    --measure: 42rem;
    --nav-h: 3.25rem;
    --ease: cubic-bezier(0.2, 0, 0, 1);
    color-scheme: light;
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        --paper-raised: #1c1d20;
        --surface: color-mix(in srgb, var(--paper-raised) 70%, var(--paper));
        --ink: #ececea;
        --ink-soft: #cdcdca;
        --ink-muted: #9a9aa0;
        --rule: #2d2e31;
        --rule-strong: #45464a;
        --up: #4ade80;
        --down: #ff6b7d;
        --shadow-sm: 0 1px 2px rgb(0 0 0 / 0.4);
        --shadow: 0 1px 2px rgb(0 0 0 / 0.35), 0 10px 28px -14px rgb(0 0 0 / 0.6);
        --shadow-lg: 0 24px 60px -18px rgb(0 0 0 / 0.75);
        color-scheme: dark;
    }
}

:root[data-theme="dark"] {
    --paper-raised: #1c1d20;
    --surface: color-mix(in srgb, var(--paper-raised) 70%, var(--paper));
    --ink: #ececea;
    --ink-soft: #cdcdca;
    --ink-muted: #9a9aa0;
    --rule: #2d2e31;
    --rule-strong: #45464a;
    --up: #4ade80;
    --down: #ff6b7d;
    --shadow-sm: 0 1px 2px rgb(0 0 0 / 0.4);
    --shadow: 0 1px 2px rgb(0 0 0 / 0.35), 0 10px 28px -14px rgb(0 0 0 / 0.6);
    --shadow-lg: 0 24px 60px -18px rgb(0 0 0 / 0.75);
    color-scheme: dark;
}

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

html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    scroll-padding-top: calc(var(--nav-h) + 1.25rem);
}

body.site {
    margin: 0;
    background: var(--paper);
    color: var(--ink);
    font: 400 1rem/1.55 var(--sans);
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

img {
    max-width: 100%;
    height: auto;
}

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

::selection {
    background: color-mix(in srgb, var(--accent) 20%, transparent);
}

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

[hidden] {
    display: none !important;
}

.visually-hidden {
    position: absolute !important;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}

.skip-link {
    position: fixed;
    top: 0.75rem;
    left: 0.75rem;
    z-index: 200;
    padding: 0.6rem 1rem;
    border-radius: var(--radius);
    background: var(--ink);
    color: var(--paper);
    font-weight: 600;
    transform: translateY(-250%);
}

.skip-link:focus {
    transform: none;
}

.icon {
    width: 1.1em;
    height: 1.1em;
    flex: none;
    vertical-align: -0.18em;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.wrap {
    max-width: var(--page);
    margin: 0 auto;
    padding: 0 var(--gutter);
}

.muted {
    color: var(--ink-muted);
}

.u-link {
    text-decoration: underline;
    text-decoration-color: var(--rule-strong);
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.u-link:hover {
    text-decoration-color: currentColor;
}

/* Tam genişlik zemin: düzeni taşırmadan kenara kadar uzanır. */
.bleed {
    box-shadow: 0 0 0 100vmax var(--bleed-bg);
    clip-path: inset(0 -100vmax);
    background: var(--bleed-bg);
}

/* Kategori renkleri (sayfa başında üretilir: .c-12 { --cat: #1f4e79 }) */
.kicker-cat {
    color: var(--cat, var(--ink-soft));
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) .kicker-cat {
        color: color-mix(in srgb, var(--cat, var(--ink-soft)) 50%, #ffffff);
    }
}

:root[data-theme="dark"] .kicker-cat {
    color: color-mix(in srgb, var(--cat, var(--ink-soft)) 50%, #ffffff);
}

/* Düğmeler ve form öğeleri ------------------------------------------ */

.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 2.75rem;
    padding: 0.5rem 1.25rem;
    border: 1px solid var(--ink);
    border-radius: var(--radius-pill);
    background: var(--ink);
    color: var(--paper);
    font: 600 0.875rem/1.2 var(--sans);
    text-align: center;
    cursor: pointer;
    transition: background-color 140ms var(--ease), border-color 140ms var(--ease), color 140ms var(--ease), transform 140ms var(--ease);
}

.button:hover {
    border-color: color-mix(in srgb, var(--ink) 80%, var(--paper));
    background: color-mix(in srgb, var(--ink) 80%, var(--paper));
}

.button:active {
    transform: translateY(1px);
}

.button .icon {
    width: 1rem;
    height: 1rem;
}

.button-outline {
    border-color: var(--rule-strong);
    background: transparent;
    color: var(--ink);
}

.button-outline:hover {
    border-color: var(--ink);
    background: transparent;
}

.button-accent {
    border-color: var(--accent-strong);
    background: var(--accent-strong);
    color: var(--on-accent);
}

.button-accent:hover {
    border-color: color-mix(in srgb, var(--accent-strong) 85%, #000000);
    background: color-mix(in srgb, var(--accent-strong) 85%, #000000);
}

.button-small {
    min-height: 2.25rem;
    padding: 0.3rem 0.9rem;
    font-size: 0.8125rem;
}

.button:disabled,
.button[aria-disabled="true"] {
    opacity: 0.5;
    pointer-events: none;
}

.button-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.6rem;
    margin: 1.25rem 0 0;
}

:where(.site input[type="text"], .site input[type="email"], .site input[type="password"], .site input[type="search"], .site input[type="tel"], .site input[type="url"], .site input[type="number"], .site input[type="date"], .site select, .site textarea) {
    width: 100%;
    min-height: 2.75rem;
    padding: 0.55rem 0.85rem;
    border: 1px solid var(--rule-strong);
    border-radius: var(--radius);
    background: var(--surface);
    color: var(--ink);
    font: 400 1rem/1.45 var(--sans);
    transition: border-color 120ms var(--ease), box-shadow 120ms var(--ease);
}

:where(.site input, .site select, .site textarea):focus {
    border-color: var(--accent);
    outline: none;
    box-shadow: var(--ring);
}

:where(.site input, .site select, .site textarea)::placeholder {
    color: var(--ink-muted);
}

:where(.site textarea) {
    min-height: 7rem;
    resize: vertical;
}

:where(.site select) {
    -webkit-appearance: none;
    appearance: none;
    padding-right: 2.25rem;
    background-image: linear-gradient(45deg, transparent 50%, var(--ink-muted) 50%), linear-gradient(135deg, var(--ink-muted) 50%, transparent 50%);
    background-position: right 1.1rem center, right 0.8rem center;
    background-repeat: no-repeat;
    background-size: 0.3rem 0.3rem;
}

:where(.site input[type="checkbox"], .site input[type="radio"]) {
    width: 1.05rem;
    height: 1.05rem;
    margin: 0.15rem 0 0;
    accent-color: var(--ink);
}

/* Üst bant ------------------------------------------------------------ */

.topbar {
    background: var(--bar);
    color: #e8e8e6;
    font-size: 0.8125rem;
}

.topbar .wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 2.25rem;
}

.topbar-date {
    flex: none;
    color: #bdb7ad;
    font-variant-numeric: tabular-nums;
}

.topbar-demo {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    color: #9d978d;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.topbar-links {
    display: flex;
    flex: none;
    align-items: center;
    gap: 0.125rem;
}

.tool {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-height: 2.25rem;
    padding: 0.25rem 0.65rem;
    border: 0;
    border-radius: var(--radius-pill);
    background: none;
    color: inherit;
    font: 500 0.8125rem/1 var(--sans);
    white-space: nowrap;
    cursor: pointer;
    transition: background-color 140ms var(--ease), color 140ms var(--ease);
}

.tool .icon {
    width: 1rem;
    height: 1rem;
}

.topbar .tool {
    min-height: 1.875rem;
    color: #d4d4d1;
}

.topbar .tool:hover,
.topbar .tool[aria-pressed="true"] {
    background: rgb(255 255 255 / 0.08);
    color: #ffffff;
}

.tool-accent {
    color: var(--accent);
    font-weight: 700;
}

.theme-icon-light { display: none; }

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) .theme-icon-light { display: inline-block; }
    :root:not([data-theme="light"]) .theme-icon-dark { display: none; }
}

:root[data-theme="dark"] .theme-icon-light { display: inline-block; }
:root[data-theme="dark"] .theme-icon-dark { display: none; }

/* Logo satırı --------------------------------------------------------- */

.masthead {
    background: var(--paper);
}

.brand-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    min-height: 5.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.brand-block {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
}

.brand {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    color: var(--ink);
    font: 700 clamp(2rem, 4.5vw, 3rem)/1 var(--serif);
    letter-spacing: -0.03em;
}

.brand img {
    display: block;
    width: auto;
    max-width: min(22rem, 60vw);
    max-height: 3.25rem;
}

.brand-logo-dark {
    display: none !important;
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) .brand-has-dark .brand-logo-light { display: none !important; }
    :root:not([data-theme="light"]) .brand-has-dark .brand-logo-dark { display: block !important; }
}

:root[data-theme="dark"] .brand-has-dark .brand-logo-light { display: none !important; }
:root[data-theme="dark"] .brand-has-dark .brand-logo-dark { display: block !important; }

.tagline {
    margin: 0;
    color: var(--ink-muted);
    font: 400 0.9375rem/1.4 var(--sans);
}

.masthead-actions {
    display: flex;
    flex: none;
    align-items: center;
    gap: 0.5rem;
}

.masthead-search {
    position: relative;
    display: flex;
    align-items: center;
    width: 17rem;
}

.masthead-search .icon {
    position: absolute;
    left: 0.9rem;
    width: 1rem;
    height: 1rem;
    color: var(--ink-muted);
    pointer-events: none;
}

.site .masthead-search input[type="search"] {
    min-height: 2.5rem;
    padding: 0.4rem 1rem 0.4rem 2.4rem;
    border-color: var(--rule);
    border-radius: var(--radius-pill);
    background: var(--surface);
    font-size: 0.9375rem;
}

.masthead-account {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-height: 2.5rem;
    padding: 0.4rem 0.9rem;
    border: 1px solid var(--rule-strong);
    border-radius: var(--radius-pill);
    color: var(--ink);
    font: 600 0.875rem/1 var(--sans);
    white-space: nowrap;
    transition: border-color 140ms var(--ease);
}

.masthead-account:hover {
    border-color: var(--ink);
}

.masthead-account .icon {
    width: 1rem;
    height: 1rem;
}

.masthead-subscribe {
    min-height: 2.5rem;
    white-space: nowrap;
}

/* Ana menü: yapışkan, tek satır ------------------------------------- */

.nav {
    position: sticky;
    top: 0;
    z-index: 40;
    border-top: 1px solid var(--rule);
    border-bottom: 1px solid var(--rule);
    background: var(--paper);
    transition: box-shadow 200ms var(--ease);
}

@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)) {
    .nav {
        background: color-mix(in srgb, var(--paper) 88%, transparent);
        -webkit-backdrop-filter: saturate(1.4) blur(14px);
        backdrop-filter: saturate(1.4) blur(14px);
    }
}

.nav.is-stuck {
    border-top-color: transparent;
    box-shadow: 0 6px 20px -14px rgb(0 0 0 / 0.35);
}

.nav > .wrap {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-height: var(--nav-h);
}

.nav-brand {
    display: none;
    flex: none;
    align-items: center;
    margin-right: 0.5rem;
    color: var(--ink);
    font: 700 1.25rem/1 var(--serif);
    letter-spacing: -0.03em;
}

.nav-brand img {
    display: block;
    width: auto;
    max-height: 1.6rem;
}

.nav.is-stuck .nav-brand {
    display: flex;
}

.nav-list {
    display: flex;
    flex: 1;
    align-items: center;
    gap: 0.125rem;
    min-width: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.nav-item {
    position: relative;
    flex: none;
}

.nav-link {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.3rem;
    min-height: var(--nav-h);
    padding: 0 0.7rem;
    border: 0;
    background: none;
    color: var(--ink-soft);
    font: 600 0.9375rem/1 var(--sans);
    white-space: nowrap;
    cursor: pointer;
    transition: color 140ms var(--ease);
}

.nav-link .icon {
    width: 0.9rem;
    height: 0.9rem;
}

.nav-link::after {
    position: absolute;
    right: 0.7rem;
    bottom: 0;
    left: 0.7rem;
    height: 3px;
    border-radius: 3px 3px 0 0;
    background: var(--accent);
    content: "";
    transform: scaleX(0);
    transition: transform 180ms var(--ease);
}

.nav-link:hover,
.nav-item:focus-within > .nav-link,
.nav-link[aria-current="page"] {
    color: var(--ink);
}

.nav-link:hover::after,
.nav-link[aria-current="page"]::after {
    transform: scaleX(1);
}

.nav-panel {
    position: absolute;
    top: calc(100% - 0.25rem);
    left: 0;
    z-index: 30;
    display: none;
    min-width: 14rem;
    padding: 0.4rem;
    border: 1px solid var(--rule);
    border-radius: var(--radius);
    background: var(--surface);
    box-shadow: var(--shadow-lg);
}

.nav-item:hover > .nav-panel,
.nav-item:focus-within > .nav-panel {
    display: grid;
}

.nav-panel a {
    display: block;
    padding: 0.55rem 0.75rem;
    border-radius: var(--radius-sm);
    color: var(--ink-soft);
    font: 500 0.9375rem/1.3 var(--sans);
}

.nav-panel a:hover {
    background: var(--paper-raised);
    color: var(--ink);
}

.nav-more {
    margin-left: auto;
}

.nav-more .nav-panel {
    right: 0;
    left: auto;
    margin: 0;
    list-style: none;
}

.nav-more .nav-panel .nav-item {
    display: block;
}

.nav-more .nav-panel .nav-link {
    min-height: 2.5rem;
    padding: 0 0.75rem;
    border-radius: var(--radius-sm);
}

.nav-more .nav-panel .nav-link::after,
.nav-more .nav-panel .nav-item .nav-panel {
    display: none;
}

.nav-more .nav-panel .nav-link:hover {
    background: var(--paper-raised);
}

.nav-search,
.nav-toggle {
    flex: none;
}

.nav .tool {
    color: var(--ink-soft);
}

.nav .tool:hover {
    background: var(--paper-raised);
    color: var(--ink);
}

.nav-search {
    display: none;
}

.nav-toggle {
    display: none;
}

.search-panel {
    padding: 1rem 0;
    border-top: 1px solid var(--rule);
    background: var(--paper);
}

.search-form {
    display: flex;
    gap: 0.5rem;
    max-width: 40rem;
    margin: 0 auto;
}

.site .search-form input[type="search"] {
    flex: 1;
    min-width: 0;
    min-height: 3rem;
    border-radius: var(--radius-pill);
    padding-left: 1.25rem;
    font-size: 1.0625rem;
}

.search-form .button {
    min-height: 3rem;
}

/* Son dakika bandı --------------------------------------------------- */

.ticker {
    margin-top: 1rem;
}

.ticker-inner {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    min-height: 3rem;
    padding: 0.35rem 0.5rem 0.35rem 0.35rem;
    border: 1px solid color-mix(in srgb, var(--accent-strong) 22%, var(--rule));
    border-radius: var(--radius-pill);
    background: color-mix(in srgb, var(--accent-strong) 5%, var(--surface));
}

.ticker > .wrap {
    padding-top: 0;
    padding-bottom: 0;
}

.ticker-label {
    display: inline-flex;
    flex: none;
    align-items: center;
    gap: 0.5rem;
    min-height: 2.25rem;
    padding: 0 0.9rem;
    border-radius: var(--radius-pill);
    background: var(--accent-strong);
    color: var(--on-accent);
    font: 700 0.8125rem/1 var(--sans);
    letter-spacing: 0.02em;
}

.ticker-label .icon {
    width: 0.9rem;
    height: 0.9rem;
}

.ticker-list {
    flex: 1;
    min-width: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ticker-list li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ticker-list li + li,
.ticker-list.is-rotating li {
    display: none;
}

.ticker-list.is-rotating li.is-current {
    display: block;
    animation: ticker-in 360ms var(--ease);
}

@keyframes ticker-in {
    from { opacity: 0; transform: translateY(0.35rem); }
}

.ticker time {
    margin-right: 0.6rem;
    color: var(--accent);
    font: 700 0.875rem var(--sans);
    font-variant-numeric: tabular-nums;
}

.ticker a {
    color: var(--ink);
    font: 600 1rem var(--serif);
}

.ticker a:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.ticker-more {
    display: inline-flex;
    flex: none;
    align-items: center;
    gap: 0.25rem;
    padding: 0.4rem 0.75rem;
    border-radius: var(--radius-pill);
    color: var(--ink-soft) !important;
    font: 600 0.8125rem var(--sans) !important;
}

.ticker-more:hover {
    background: var(--paper-raised);
    text-decoration: none !important;
}

.ticker-more .icon {
    width: 0.95rem;
    height: 0.95rem;
}


/* Haber özetleri ---------------------------------------------------- */

main {
    display: block;
    padding-bottom: 4rem;
}

.t {
    min-width: 0;
}

.t-media {
    position: relative;
    display: block;
    margin-bottom: 0.85rem;
    overflow: hidden;
    border-radius: var(--radius);
    background: var(--paper-raised);
    isolation: isolate;
}

.t-media img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    transition: transform 500ms var(--ease);
}

.t-media:hover img,
.t:hover .t-media img {
    transform: scale(1.03);
}

.t-play {
    position: absolute;
    bottom: 0.6rem;
    left: 0.6rem;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.7rem;
    border-radius: var(--radius-pill);
    background: rgb(0 0 0 / 0.68);
    color: #ffffff;
    font: 600 0.75rem/1 var(--sans);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
}

.t-play .icon {
    width: 0.85rem;
    height: 0.85rem;
}

.t-kicker {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.3rem 0.6rem;
    margin: 0 0 0.45rem;
    font: 600 0.8125rem/1.3 var(--sans);
}

.t-kicker .kicker-cat {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}


.t-kicker a:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.is-breaking {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.55rem;
    border-radius: var(--radius-pill);
    background: var(--accent-strong);
    color: var(--on-accent);
    font: 700 0.6875rem/1.2 var(--sans);
    letter-spacing: 0.02em;
}

.is-sponsored {
    color: var(--ink-muted);
}

.t-title {
    margin: 0;
    color: var(--ink);
    font: 700 1.1875rem/1.25 var(--serif);
    letter-spacing: -0.01em;
    text-wrap: pretty;
}

.t-title a {
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 1px;
    transition: background-size 260ms var(--ease);
}

.t-title a:hover {
    background-size: 100% 1px;
}

.t-genre-yorum .t-title,
.t-kose .t-title {
    font-style: italic;
    font-weight: 600;
}

.t-spot {
    margin: 0.5rem 0 0;
    color: var(--ink-soft);
    font: 400 0.98rem/1.55 var(--sans);
}

.t-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.2rem 0.5rem;
    margin: 0.6rem 0 0;
    color: var(--ink-muted);
    font: 400 0.8125rem/1.4 var(--sans);
    font-variant-numeric: tabular-nums;
}

.t-meta > :not(:last-child)::after {
    margin-left: 0.5rem;
    content: "·";
}

.t-lead .t-media {
    border-radius: var(--radius-lg);
}

.t-lead .t-title {
    font-size: clamp(1.8rem, 2.8vw, 2.6rem);
    line-height: 1.1;
    letter-spacing: -0.025em;
    text-wrap: balance;
}

.t-lead .t-spot {
    font-size: 1.0625rem;
}

.t-small .t-title {
    font-size: 1.0625rem;
    line-height: 1.28;
}

.t-text .t-title {
    font-size: 1.25rem;
}

/* Yanında küçük kare görsel */
.t-thumb {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 6rem;
    align-items: start;
    gap: 1rem;
}

.t-thumb .t-media {
    order: 2;
    margin: 0;
}

.t-thumb .t-media img {
    aspect-ratio: 1;
}

.t-thumb .t-title {
    font-size: 1.0625rem;
    line-height: 1.28;
}

.t-col .t-title {
    font-size: 1.125rem;
}

.rule-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.rule-list > li {
    padding: 1rem 0;
    border-top: 1px solid var(--rule);
}

.rule-list > li:first-child {
    padding-top: 0;
    border-top: 0;
}

/* Bölümler ---------------------------------------------------------- */

.home {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: 2rem;
    grid-auto-flow: row dense;
}

.home > * {
    grid-column: 1 / -1;
}

.home > .span-8 { grid-column: span 8; }
.home > .span-4 { grid-column: span 4; }

.section {
    margin-top: 3rem;
}

.section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
    padding-bottom: 0.85rem;
    border-bottom: 1px solid var(--rule);
}

.section-head:empty {
    margin-bottom: 1.25rem;
    padding: 0;
}

.section-title {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin: 0;
    color: var(--ink);
    font: 700 1.25rem/1.2 var(--sans);
    letter-spacing: -0.01em;
}

.section-title::before {
    width: 0.3rem;
    height: 1.1em;
    flex: none;
    border-radius: var(--radius-pill);
    background: var(--cat, var(--accent));
    content: "";
}

.section-title a:hover {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
}

.section-more {
    display: inline-flex;
    flex: none;
    align-items: center;
    gap: 0.3rem;
    padding: 0.35rem 0.8rem;
    border: 1px solid var(--rule);
    border-radius: var(--radius-pill);
    color: var(--ink-soft);
    font: 600 0.8125rem/1 var(--sans);
    white-space: nowrap;
    transition: border-color 140ms var(--ease), color 140ms var(--ease);
}

.section-more:hover {
    border-color: var(--ink);
    color: var(--ink);
}

.section-more .icon {
    width: 0.9rem;
    height: 0.9rem;
}

.cols {
    display: grid;
    gap: 2rem var(--col-gap);
}

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

/* Manşet ------------------------------------------------------------ */

.headline {
    margin-top: 1.5rem;
}

.headline-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2.15fr) minmax(0, 1fr);
    gap: 0 2rem;
}

.headline-grid.is-two {
    grid-template-columns: minmax(0, 2.15fr) minmax(0, 1fr);
}

.headline-left {
    order: -1;
}

.headline-left .rule-list > li {
    padding: 1.25rem 0;
}

.headline-left .rule-list > li:first-child {
    padding-top: 0;
}

.headline-right .t-small .t-media img {
    aspect-ratio: 16 / 10;
}

/* Numaralı manşet */

.numbered .t-lead {
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr);
    align-items: center;
    gap: 0 2.5rem;
}

.numbered .t-lead .t-media {
    margin: 0;
}

[data-slider].is-ready [data-slide]:not(.is-current) {
    display: none;
}

[data-slider].is-ready [data-slide].is-current {
    animation: slide-in 320ms var(--ease);
}

@keyframes slide-in {
    from { opacity: 0.4; }
}

.numbered-pager {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin: 1.25rem 0 0;
    padding: 0;
    list-style: none;
}

.numbered-pager button {
    min-width: 2.5rem;
    height: 2.5rem;
    padding: 0 0.5rem;
    border: 1px solid var(--rule);
    border-radius: var(--radius-pill);
    background: var(--surface);
    color: var(--ink-soft);
    font: 600 0.875rem var(--sans);
    font-variant-numeric: tabular-nums;
    cursor: pointer;
    transition: background-color 140ms var(--ease), color 140ms var(--ease), border-color 140ms var(--ease);
}

.numbered-pager button:hover {
    border-color: var(--ink);
}

.numbered-pager button[aria-current="true"] {
    border-color: var(--accent-strong);
    background: var(--accent-strong);
    color: var(--on-accent);
}

/* Mozaik manşet */

.mosaic-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 0.75rem;
}

.mosaic-item {
    position: relative;
    min-width: 0;
    overflow: hidden;
    border-radius: var(--radius-lg);
    background: var(--bar);
    isolation: isolate;
}

.mosaic-item.is-lead {
    grid-row: span 2;
}

.mosaic-item a {
    display: block;
    height: 100%;
}

.mosaic-item img {
    display: block;
    width: 100%;
    height: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    transition: transform 600ms var(--ease);
}

.mosaic-item.is-lead img {
    aspect-ratio: auto;
    min-height: 100%;
}

.mosaic-item a:hover img {
    transform: scale(1.04);
}

.mosaic-caption {
    position: absolute;
    inset: auto 0 0;
    display: grid;
    gap: 0.4rem;
    padding: 3rem 1rem 1rem;
    background: linear-gradient(to top, rgb(0 0 0 / 0.86), rgb(0 0 0 / 0.5) 55%, transparent);
    color: #ffffff;
}

.mosaic-item.is-lead .mosaic-caption {
    padding: 5rem 1.5rem 1.5rem;
}

.mosaic-kicker {
    font: 600 0.75rem/1.2 var(--sans);
    opacity: 0.85;
}

.mosaic-caption .is-breaking {
    justify-self: start;
}

.mosaic-title {
    font: 700 1.0625rem/1.25 var(--serif);
    text-wrap: pretty;
}

.mosaic-item.is-lead .mosaic-title {
    font-size: clamp(1.5rem, 2.6vw, 2.25rem);
    line-height: 1.12;
    text-wrap: balance;
}

/* Kategori bloğu: solda büyük haber, sağda 2x2 */

.split {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    gap: 0 2rem;
}

.split .t-lead .t-title {
    font-size: clamp(1.5rem, 2.1vw, 1.875rem);
}

.split-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-content: start;
    gap: 1.5rem var(--col-gap);
}

/* Zaman akışı */

.timeline {
    margin: 0;
    padding: 0;
    list-style: none;
}

.timeline li {
    display: grid;
    grid-template-columns: 4.5rem minmax(0, 1fr);
    gap: 0.75rem;
    padding: 0.85rem 0;
    border-top: 1px solid var(--rule);
}

.timeline-columns {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr));
    column-gap: 2rem;
}

.timeline time {
    color: var(--ink-muted);
    font: 600 0.8125rem/1.6 var(--sans);
    font-variant-numeric: tabular-nums;
}

.timeline .is-new time {
    color: var(--accent);
}

.timeline .t-title {
    font-size: 1.03rem;
    line-height: 1.32;
}

.timeline .t-kicker {
    margin-bottom: 0.2rem;
}

/* Numaralı liste (en çok okunanlar, günün özeti) */

.ranked {
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: ranked;
}

.ranked li {
    display: grid;
    grid-template-columns: 2.25rem minmax(0, 1fr);
    gap: 0.5rem;
    padding: 0.85rem 0;
    border-top: 1px solid var(--rule);
    counter-increment: ranked;
}

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

.ranked li::before {
    color: var(--accent);
    font: 800 1.5rem/1 var(--sans);
    font-variant-numeric: tabular-nums;
    content: counter(ranked);
}

.ranked .t-title {
    font-size: 1.03rem;
    line-height: 1.3;
}

.ranked .t-spot {
    margin-top: 0.3rem;
    font-size: 0.9375rem;
}

.ranked-columns {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr));
    column-gap: 2rem;
}

.ranked-columns li,
.ranked-columns li:first-child {
    padding-top: 0.85rem;
    border-top: 1px solid var(--rule);
}

/* Panel bantlar: yazarlar ve video/galeri ---------------------------- */

.band-soft,
.band-ink {
    margin-top: 3rem;
    padding: 0.25rem 1.75rem 2rem;
    border-radius: var(--radius-lg);
}

.band-soft.bleed,
.band-ink.bleed {
    box-shadow: none;
    clip-path: none;
}

.band-soft {
    --bleed-bg: var(--paper-raised);
    background: var(--paper-raised);
}

.band-soft .section-head,
.band-ink .section-head {
    margin-top: 1.25rem;
}

.band-ink {
    --bleed-bg: #121212;
    --ink: #f0f0ee;
    --ink-soft: #cdcdca;
    --ink-muted: #9a9aa0;
    --rule: #2c2a27;
    --rule-strong: #45464a;
    --paper: #121212;
    --paper-raised: #1c1b19;
    --surface: #1c1b19;
    background: #121212;
    color: #f0f0ee;
}

.band-ink .t-play {
    background: var(--accent-strong);
}

.dossier-head .section-title::before {
    background: var(--accent);
}

.columnists {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 15rem), 1fr));
    gap: 1rem;
}

.columnist {
    display: grid;
    grid-template-columns: 3.5rem minmax(0, 1fr);
    align-items: start;
    gap: 0.9rem;
    padding: 1rem;
    border: 1px solid var(--rule);
    border-radius: var(--radius);
    background: var(--surface);
}

.portrait {
    display: block;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    object-fit: cover;
}

.portrait-empty {
    display: grid;
    place-items: center;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    background: color-mix(in srgb, var(--accent) 12%, var(--paper-raised));
    color: var(--accent);
    font: 700 1.375rem/1 var(--serif);
}

.columnist-name {
    display: block;
    margin-bottom: 0.3rem;
    color: var(--ink-muted);
    font: 600 0.8125rem/1.3 var(--sans);
}

.columnist-name:hover {
    color: var(--ink);
}

.columnist .t-title {
    font-size: 1.0625rem;
    font-style: italic;
    font-weight: 600;
    line-height: 1.3;
}

/* Yazarlar şeridi */

.columnist-strip {
    position: relative;
}

.strip-head {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin: 0 0 1.25rem;
    padding-bottom: 0.85rem;
    border-bottom: 1px solid var(--rule);
    font: 700 1.25rem/1.2 var(--sans);
    letter-spacing: -0.01em;
}

.strip-head::before {
    width: 0.3rem;
    height: 1.1em;
    border-radius: var(--radius-pill);
    background: var(--accent);
    content: "";
}

.strip-head a:hover {
    text-decoration: underline;
    text-underline-offset: 4px;
}

.carousel-track {
    display: grid;
    grid-auto-columns: calc((100% - 3 * var(--col-gap)) / 4);
    grid-auto-flow: column;
    gap: var(--col-gap);
    overflow-x: auto;
    padding: 0.25rem 0.125rem;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
}

.carousel-track::-webkit-scrollbar {
    display: none;
}

.cs-item {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid var(--rule);
    border-radius: var(--radius-lg);
    background: var(--surface);
    scroll-snap-align: start;
    transition: border-color 160ms var(--ease), box-shadow 160ms var(--ease);
}

.cs-item:hover {
    border-color: var(--rule-strong);
    box-shadow: var(--shadow);
}

.cs-photo {
    display: grid;
    flex: none;
    place-items: center;
    width: 4.5rem;
    height: 4.5rem;
    overflow: hidden;
    border-radius: 50%;
    background: color-mix(in srgb, var(--accent) 12%, var(--paper-raised));
    box-shadow: 0 0 0 2px var(--surface), 0 0 0 4px color-mix(in srgb, var(--accent) 35%, transparent);
}

.cs-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cs-photo span {
    color: var(--accent);
    font: 700 1.75rem var(--serif);
}

.cs-text {
    min-width: 0;
}

.cs-text h3 {
    margin: 0 0 0.35rem;
    font: 700 1rem/1.3 var(--serif);
}

.cs-text h3 a:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.cs-name {
    color: var(--ink-muted);
    font: 500 0.8125rem var(--sans);
}

.cs-name:hover {
    color: var(--ink);
}

.carousel-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    margin-top: 1.25rem;
}

.carousel-arrow {
    display: grid;
    place-items: center;
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid var(--rule-strong);
    border-radius: 50%;
    background: var(--surface);
    color: var(--ink);
    cursor: pointer;
    transition: border-color 140ms var(--ease);
}

.carousel-arrow:hover {
    border-color: var(--ink);
}

.carousel-arrow .icon {
    width: 1.1rem;
    height: 1.1rem;
}

.carousel-arrow:disabled {
    opacity: 0.35;
    cursor: default;
}

.carousel-dots {
    display: flex;
    gap: 0.125rem;
}

.carousel-dot {
    display: grid;
    place-items: center;
    width: 1.5rem;
    height: 1.5rem;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.carousel-dot::before {
    width: 0.75rem;
    height: 3px;
    border-radius: 2px;
    background: var(--rule-strong);
    content: "";
    transition: width 200ms var(--ease), background-color 200ms var(--ease);
}

.carousel-dot[aria-current="true"]::before {
    width: 1.375rem;
    background: var(--accent);
}

/* Piyasalar şeridi --------------------------------------------------- */

.markets {
    --bleed-bg: var(--surface);
    margin-top: 1rem;
    border: 1px solid var(--rule);
    border-radius: var(--radius-lg);
    background: var(--surface);
}

.markets.bleed {
    box-shadow: none;
    clip-path: none;
}

.markets-list {
    position: relative;
    display: flex;
    align-items: stretch;
    margin: 0;
    padding: 0 0.5rem;
    overflow-x: auto;
    list-style: none;
    scrollbar-width: none;
}

.markets-list::-webkit-scrollbar {
    display: none;
}

.mk {
    display: grid;
    flex: 1 0 auto;
    grid-template-columns: auto auto;
    align-content: center;
    column-gap: 0.5rem;
    padding: 0.7rem 0.8rem;
    white-space: nowrap;
}

.mk + .mk {
    border-left: 1px solid var(--rule);
}

.mk-label {
    display: inline-flex;
    grid-column: 1 / -1;
    align-items: center;
    gap: 0.35rem;
    color: var(--ink-muted);
    font: 600 0.75rem/1.3 var(--sans);
}

.mk-up .mk-label::after,
.mk-down .mk-label::after {
    border-right: 0.28rem solid transparent;
    border-left: 0.28rem solid transparent;
    content: "";
}

.mk-up .mk-label::after {
    border-bottom: 0.38rem solid var(--up);
}

.mk-down .mk-label::after {
    border-top: 0.38rem solid var(--down);
}

.mk-value {
    font: 700 1.0625rem/1.4 var(--sans);
    font-variant-numeric: tabular-nums;
}

.mk-change {
    align-self: center;
    color: var(--ink-muted);
    font: 500 0.75rem/1.4 var(--sans);
    font-variant-numeric: tabular-nums;
}

.mk-up .mk-change { color: var(--up); }
.mk-down .mk-change { color: var(--down); }

.mk-more {
    display: flex;
    flex: none;
    align-items: center;
    padding: 0 0.25rem 0 0.6rem;
    border-left: 1px solid var(--rule);
    font: 600 0.8125rem var(--sans);
    white-space: nowrap;
}

.mk-more a {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    padding: 0.4rem 0.6rem;
    border-radius: var(--radius-pill);
    color: var(--ink-soft);
}

.mk-more a:hover {
    background: var(--paper-raised);
    color: var(--ink);
}

/* Yan sütun kutuları -------------------------------------------------- */

.home-aside {
    display: grid;
    align-content: start;
    gap: 1.25rem;
}

.home-aside > .section,
.aside-card {
    margin-top: 3rem;
    padding: 1.25rem;
    border: 1px solid var(--rule);
    border-radius: var(--radius-lg);
    background: var(--surface);
}

.home-aside > .section + .section {
    margin-top: 0;
}

.home-aside .section-head {
    margin-bottom: 1rem;
}

.home-aside .section-title {
    font-size: 1.0625rem;
}

.widget-box .section-head {
    margin-bottom: 0.85rem;
}

.widget-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    margin: 0 0 0.85rem;
}

.widget-tabs button {
    padding: 0.35rem 0.75rem;
    border: 1px solid var(--rule);
    border-radius: var(--radius-pill);
    background: transparent;
    color: var(--ink-soft);
    font: 600 0.8125rem var(--sans);
    cursor: pointer;
}

.widget-tabs button:hover {
    border-color: var(--ink);
}

.widget-tabs [aria-selected="true"] {
    border-color: var(--ink);
    background: var(--ink);
    color: var(--paper);
}

.widget-place {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0 0 0.6rem;
    color: var(--ink-soft);
    font: 600 0.875rem var(--sans);
}

.widget-place .icon {
    width: 1rem;
    height: 1rem;
}

.mini-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.mini-list li {
    display: grid;
    gap: 0.2rem;
    padding: 0.7rem 0;
    border-bottom: 1px solid var(--rule);
}

.mini-list li:first-child {
    padding-top: 0;
}

.mini-list li:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.mini-list a,
.mini-list strong {
    font: 700 0.9375rem/1.32 var(--serif);
}

.mini-list a:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.mini-kicker {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    color: var(--ink-muted);
    font: 600 0.75rem var(--sans);
}

.mini-kicker .icon {
    width: 0.9rem;
    height: 0.9rem;
}

.mini-meta {
    color: var(--ink-muted);
    font-size: 0.8125rem;
}

.mini-meta a {
    font: inherit;
}


/* Servis kutuları: döviz, hava, namaz vakitleri, puan durumu --------- */

.widgets {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));
    gap: 1rem;
}

.widget {
    padding: 1.1rem 1.25rem 1.25rem;
    border: 1px solid var(--rule);
    border-radius: var(--radius-lg);
    background: var(--surface);
}

.widget h2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin: 0 0 0.75rem;
    font: 700 1rem/1.25 var(--sans);
}

.widget h2 small {
    color: var(--ink-muted);
    font: 500 0.75rem var(--sans);
}

.widget table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
    font-variant-numeric: tabular-nums;
}

.widget th,
.widget td {
    padding: 0.4rem 0;
    border-bottom: 1px solid var(--rule);
    text-align: left;
}

.widget tr:last-child th,
.widget tr:last-child td {
    border-bottom: 0;
}

.widget td.num,
.widget th.num {
    text-align: right;
}

.widget .up { color: var(--up); }
.widget .down { color: var(--down); }

.widget-weather {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.widget-weather .temp {
    font: 700 2.5rem/1 var(--sans);
    letter-spacing: -0.03em;
}

.widget-weather p {
    margin: 0;
    color: var(--ink-soft);
    font-size: 0.875rem;
}

.widget-weather .icon,
.weather-icon {
    width: 2.75rem;
    height: 2.75rem;
    color: var(--accent);
}

.widget-days {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5rem;
    margin-top: 0.9rem;
    font-size: 0.8125rem;
    font-variant-numeric: tabular-nums;
}

.widget-days > * {
    padding: 0.5rem;
    border-radius: var(--radius-sm);
    background: var(--paper-raised);
    text-align: center;
}

.widget-days span {
    display: block;
    color: var(--ink-muted);
    font-weight: 600;
}

.widget-days .icon {
    width: 1rem;
    height: 1rem;
    vertical-align: -0.2em;
}

.widget-prayer {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.4rem;
    margin: 0;
}

.widget-prayer div {
    padding: 0.5rem;
    border-radius: var(--radius-sm);
    background: var(--paper-raised);
    text-align: center;
}

.widget-prayer dt {
    color: var(--ink-muted);
    font-size: 0.75rem;
}

.widget-prayer dd {
    margin: 0.1rem 0 0;
    font: 700 1rem var(--sans);
    font-variant-numeric: tabular-nums;
}

.widget-prayer .is-next {
    background: color-mix(in srgb, var(--accent) 12%, var(--paper-raised));
}

.widget-prayer .is-next dd {
    color: var(--accent);
}

.widget-note {
    margin: 0.75rem 0 0;
    color: var(--ink-muted);
    font-size: 0.75rem;
}

.standings-scroll {
    overflow-x: auto;
}

.standings {
    width: 100%;
    border-collapse: collapse;
    font: 0.8125rem/1.3 var(--sans);
    font-variant-numeric: tabular-nums;
}

.standings th,
.standings td {
    padding: 0.45rem 0.35rem;
    border-bottom: 1px solid var(--rule);
    text-align: left;
    white-space: nowrap;
}

.standings thead th {
    color: var(--ink-muted);
    font-size: 0.75rem;
    font-weight: 600;
}

.standings abbr {
    text-decoration: none;
}

.standings .num {
    width: 2rem;
    text-align: right;
}

.standings tbody th {
    max-width: 11rem;
    overflow: hidden;
    font-weight: 600;
    text-overflow: ellipsis;
}

.standings .pts {
    font-weight: 700;
}

.standings .zone-top td:first-child {
    box-shadow: inset 3px 0 0 var(--up);
}

.standings .zone-bottom td:first-child {
    box-shadow: inset 3px 0 0 var(--down);
}

.standings .is-highlight {
    background: var(--paper-raised);
}

/* Sayfa düzeni: içerik ve kenar sütunu -------------------------------- */

.layout-aside {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 20rem;
    align-items: start;
    gap: 0 3rem;
}

.layout-aside > .aside {
    position: sticky;
    top: calc(var(--nav-h) + 1.25rem);
    padding: 1.25rem;
    border: 1px solid var(--rule);
    border-radius: var(--radius-lg);
    background: var(--surface);
}

.aside .section-head {
    margin-top: 0;
    margin-bottom: 1rem;
}

.aside .section-title {
    font-size: 1.0625rem;
}

.aside .ad {
    margin: 1.25rem 0 0;
}

/* Liste sayfaları */

.page-header {
    padding: 2.5rem 0 1.75rem;
    border-bottom: 1px solid var(--rule);
}

.page-kicker {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0 0 0.6rem;
    color: var(--accent);
    font: 700 0.8125rem/1.3 var(--sans);
}

.page-kicker a:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.page-title {
    margin: 0;
    color: var(--ink);
    font: 700 clamp(2.1rem, 4.6vw, 3.25rem)/1.05 var(--serif);
    letter-spacing: -0.03em;
    text-wrap: balance;
}

.page-description {
    max-width: var(--measure);
    margin: 0.85rem 0 0;
    color: var(--ink-soft);
    font: 400 1.0625rem/1.55 var(--sans);
}

.subnav {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin: 1.25rem 0 0;
    padding: 0;
    list-style: none;
}

.subnav a {
    display: inline-flex;
    align-items: center;
    min-height: 2.25rem;
    padding: 0.3rem 0.9rem;
    border: 1px solid var(--rule);
    border-radius: var(--radius-pill);
    background: var(--surface);
    color: var(--ink-soft);
    font: 600 0.875rem var(--sans);
    transition: border-color 140ms var(--ease), color 140ms var(--ease);
}

.subnav a:hover,
.subnav a[aria-current="page"] {
    border-color: var(--ink);
    color: var(--ink);
}

.profile {
    display: grid;
    grid-template-columns: 7rem minmax(0, 1fr);
    align-items: center;
    gap: 1.5rem;
}

.profile .portrait,
.profile .portrait-empty {
    width: 7rem;
    height: 7rem;
    font-size: 2.75rem;
}

.profile-links {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
    margin: 0.85rem 0 0;
    padding: 0;
    list-style: none;
    font-size: 0.875rem;
}

.profile-links .icon {
    width: 0.95rem;
    height: 0.95rem;
}

.listing {
    margin-top: 2rem;
}

.listing-lead {
    margin-bottom: 1.25rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--rule);
}

.listing-lead .t-lead {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
    align-items: center;
    gap: 0 2rem;
}

.listing-lead .t-lead .t-media {
    margin: 0;
}

.listing-lead .t-lead .t-title {
    font-size: clamp(1.6rem, 2.4vw, 2.125rem);
}

.section .listing-lead {
    padding-bottom: 0;
    border-bottom: 0;
}

.section .listing-lead .t-lead {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
}

.section .listing-lead .t-lead .t-title {
    font-size: clamp(1.4rem, 2vw, 1.875rem);
}

.listing .t-thumb {
    grid-template-columns: minmax(0, 1fr) 10rem;
    gap: 1.25rem;
}

.listing .t-thumb .t-media img {
    aspect-ratio: 16 / 10;
}

.listing .t-thumb .t-title {
    font-size: 1.25rem;
}

.pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 2rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--rule);
    font: 600 0.875rem var(--sans);
}

.pagination a {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 2.5rem;
    padding: 0.4rem 1rem;
    border: 1px solid var(--rule-strong);
    border-radius: var(--radius-pill);
    background: var(--surface);
    transition: border-color 140ms var(--ease);
}

.pagination a:hover {
    border-color: var(--ink);
}

.pagination a[rel="next"] {
    margin-left: auto;
}

.pagination span {
    color: var(--ink-muted);
    font-weight: 500;
    font-variant-numeric: tabular-nums;
}

.empty {
    padding: 3rem 1rem;
    border: 1px dashed var(--rule-strong);
    border-radius: var(--radius-lg);
    color: var(--ink-muted);
    font: 400 1.0625rem/1.5 var(--sans);
    text-align: center;
}

/* Haber sayfası ----------------------------------------------------- */

.story {
    min-width: 0;
    padding-top: 1.75rem;
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
    margin: 0 0 1.25rem;
    padding: 0;
    list-style: none;
    color: var(--ink-muted);
    font: 500 0.8125rem var(--sans);
}

.breadcrumb li + li::before {
    display: inline-block;
    width: 0.35rem;
    height: 0.35rem;
    margin: 0 0.5rem 0.1rem 0.1rem;
    border-top: 1.5px solid var(--rule-strong);
    border-right: 1.5px solid var(--rule-strong);
    content: "";
    transform: rotate(45deg);
}

.breadcrumb a:hover {
    color: var(--ink);
}

/* Haber sütunu kenar çubuğuna kadar tam genişlikte kullanılır. */
.story .article-head,
.story .article-toc,
.story-foot {
    max-width: none;
    margin-right: 0;
    margin-left: 0;
}

.story .article-body {
    max-width: none;
    margin: 0;
    font: 400 calc(1.1875rem * var(--read-scale, 1))/1.68 var(--serif);
}

.story .article-kicker {
    gap: 0.6rem;
    margin-bottom: 1rem;
    color: inherit;
    font: 600 0.875rem/1.3 var(--sans);
    letter-spacing: 0;
    text-transform: none;
}

.story .article-title {
    margin-bottom: 1rem;
    font-size: calc(clamp(2.1rem, 4.2vw, 3.25rem) * var(--read-scale, 1));
    line-height: 1.06;
    letter-spacing: -0.03em;
}

.story-column .article-title {
    font-style: italic;
    font-weight: 600;
}

.story .article-spot {
    margin-bottom: 1.5rem;
    color: var(--ink-soft);
    font: 400 calc(1.25rem * var(--read-scale, 1))/1.5 var(--sans);
}

.byline {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem 1.5rem;
    padding: 1rem 0;
    border-top: 1px solid var(--rule);
}

.byline-who {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.byline-who .portrait,
.byline-who .portrait-empty {
    width: 2.75rem;
    height: 2.75rem;
    font-size: 1.125rem;
}

.byline-name {
    display: block;
    font: 700 0.9375rem/1.25 var(--sans);
}

a.byline-who:hover .byline-name {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.byline-role {
    display: block;
    color: var(--ink-muted);
    font-size: 0.8125rem;
}

.byline-dates {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 1rem;
    color: var(--ink-muted);
    font: 400 0.8125rem/1.5 var(--sans);
    font-variant-numeric: tabular-nums;
}

.byline-dates .icon {
    width: 0.9rem;
    height: 0.9rem;
}

.byline-dates a {
    text-decoration: underline;
    text-decoration-color: var(--rule-strong);
    text-underline-offset: 3px;
}

.story-tools {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem 1rem;
    margin-bottom: 1.75rem;
    padding: 0.6rem 0;
    border-top: 1px solid var(--rule);
    border-bottom: 1px solid var(--rule);
}

.share,
.font-size {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.share-label {
    margin-right: 0.25rem;
    color: var(--ink-muted);
    font: 600 0.8125rem var(--sans);
}

.share a,
.share button,
.font-size button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-width: 2.25rem;
    min-height: 2.25rem;
    padding: 0.25rem 0.75rem;
    border: 1px solid var(--rule);
    border-radius: var(--radius-pill);
    background: var(--surface);
    color: var(--ink);
    font: 600 0.8125rem var(--sans);
    cursor: pointer;
    transition: border-color 140ms var(--ease), background-color 140ms var(--ease);
}

.share a .icon,
.share button .icon,
.font-size button .icon {
    width: 1rem;
    height: 1rem;
}

.share a:hover,
.share button:hover,
.font-size button:hover {
    border-color: var(--ink);
}

/* Okur yazı boyutu: başlık, spot ve metin birlikte büyür ya da küçülür. */
body.font-small { --read-scale: 0.9; }
body.font-large { --read-scale: 1.12; }
body.font-xlarge { --read-scale: 1.25; }

.story .article-lead,
.story-video,
.story-gallery {
    max-width: none;
    margin: 0 0 1.75rem;
}

.story .article-lead img,
.story-gallery img {
    border-radius: var(--radius-lg);
}

.story-video iframe,
.story-video .b-embed-consent {
    border-radius: var(--radius-lg);
}

.story-gallery {
    padding: 0;
    list-style: none;
}

.story-gallery li {
    margin-bottom: 2rem;
}

.story-gallery img {
    display: block;
    width: 100%;
}

.story-gallery .b-caption::before {
    margin-right: 0.4rem;
    color: var(--accent);
    font-weight: 700;
    content: attr(data-number) " / " attr(data-total);
}

.column-head {
    display: grid;
    grid-template-columns: 4.5rem minmax(0, 1fr);
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.column-head .portrait,
.column-head .portrait-empty {
    width: 4.5rem;
    height: 4.5rem;
}

.column-head strong {
    display: block;
    font: 700 1.25rem/1.2 var(--serif);
}

.column-head strong a:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.column-head span {
    color: var(--ink-muted);
    font-size: 0.875rem;
}

.tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin: 2rem 0 0;
    padding: 1.25rem 0 0;
    border-top: 1px solid var(--rule);
    list-style: none;
}

.tags a {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.35rem 0.8rem;
    border-radius: var(--radius-pill);
    background: var(--paper-raised);
    color: var(--ink-soft);
    font: 600 0.8125rem var(--sans);
    transition: background-color 140ms var(--ease), color 140ms var(--ease);
}

.tags a:hover {
    background: var(--ink);
    color: var(--paper);
}

.tags .icon {
    width: 0.85rem;
    height: 0.85rem;
}

.author-box {
    display: grid;
    grid-template-columns: 4.5rem minmax(0, 1fr);
    gap: 1.1rem;
    margin-top: 2rem;
    padding: 1.25rem;
    border: 1px solid var(--rule);
    border-radius: var(--radius-lg);
    background: var(--surface);
}

.author-box .portrait,
.author-box .portrait-empty {
    width: 4.5rem;
    height: 4.5rem;
}

.author-box strong {
    font: 700 1.125rem/1.3 var(--serif);
}

.author-box p {
    margin: 0.35rem 0 0;
    color: var(--ink-soft);
    font-size: 0.9375rem;
}

.next-story {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    margin-top: 2rem;
    padding: 1.25rem 1.5rem;
    border: 1px solid var(--rule);
    border-radius: var(--radius-lg);
    background: var(--surface);
    transition: border-color 160ms var(--ease), box-shadow 160ms var(--ease);
}

.next-story:hover {
    border-color: var(--rule-strong);
    box-shadow: var(--shadow);
}

.next-story span {
    display: block;
    margin-bottom: 0.35rem;
    color: var(--accent);
    font: 700 0.8125rem var(--sans);
}

.next-story strong {
    font: 700 1.375rem/1.25 var(--serif);
}

.next-story .icon {
    width: 1.5rem;
    height: 1.5rem;
    transition: transform 200ms var(--ease);
}

.next-story:hover .icon {
    transform: translateX(4px);
}

/* Yazarlar sayfası, arama, hata sayfası */

.authors-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 18rem), 1fr));
    gap: 1rem;
    margin: 1.75rem 0 0;
    padding: 0;
    list-style: none;
}

.authors-grid li {
    padding: 1.1rem;
    border: 1px solid var(--rule);
    border-radius: var(--radius-lg);
    background: var(--surface);
}

.search-form-page {
    margin: 1.25rem 0 0;
}

.search-summary {
    margin: 1rem 0 0;
    color: var(--ink-muted);
    font-size: 0.9375rem;
}

.error-page {
    max-width: var(--measure);
    margin: 4rem auto 1rem;
    text-align: center;
}

.error-code {
    display: inline-block;
    margin: 0 0 1rem;
    padding: 0.3rem 0.8rem;
    border-radius: var(--radius-pill);
    background: color-mix(in srgb, var(--accent) 10%, var(--paper-raised));
    color: var(--accent);
    font: 700 0.8125rem var(--sans);
    letter-spacing: 0.06em;
}

.error-page .page-description {
    margin-right: auto;
    margin-left: auto;
}

.error-page .search-form {
    margin-top: 1.75rem;
}

/* Düzeltme notları, cevap hakkı */

.corrections,
.replies {
    max-width: var(--measure);
    margin: 2rem 0 0;
    padding: 1.1rem 1.25rem;
    border: 1px solid var(--rule);
    border-left: 3px solid var(--ink);
    border-radius: var(--radius);
    background: var(--surface);
    font-size: 0.9375rem;
}

.replies {
    border-left-color: var(--accent);
}

.corrections h2,
.replies h2 {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin: 0 0 0.6rem;
    font: 700 0.9375rem/1.25 var(--sans);
}

.corrections h2 .icon,
.replies h2 .icon {
    width: 1rem;
    height: 1rem;
}

.corrections ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.corrections li + li {
    margin-top: 0.6rem;
}

.corrections time,
.replies time {
    display: block;
    color: var(--ink-muted);
    font: 500 0.8125rem var(--sans);
    font-variant-numeric: tabular-nums;
}

.corrections p {
    margin: 0.75rem 0 0;
    font-size: 0.8125rem;
}

.replies article + article {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--rule);
}

.replies p {
    margin: 0.4rem 0 0;
    font: 1rem/1.6 var(--serif);
    white-space: pre-line;
}

/* Okur etkileşimi ---------------------------------------------------- */

.hp-field {
    position: absolute !important;
    left: -9999px;
    width: 1px;
    height: 1px;
    opacity: 0;
}

/* Canlı yayın */

.live {
    max-width: var(--measure);
    margin: 2.25rem 0 0;
}

.live-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.9rem;
    padding: 0.85rem 0;
    border-top: 1px solid var(--rule);
    border-bottom: 1px solid var(--rule);
}

.live-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.3rem 0.7rem;
    border-radius: var(--radius-pill);
    background: var(--accent-strong);
    color: var(--on-accent);
    font: 700 0.75rem/1 var(--sans);
    letter-spacing: 0.04em;
}

.live-badge .icon {
    width: 0.85rem;
    height: 0.85rem;
}

.live-badge.is-ended {
    background: var(--ink);
    color: var(--paper);
}

.live-heading {
    margin: 0;
    font: 700 1.0625rem var(--sans);
}

.live-count {
    margin-left: auto;
    color: var(--ink-muted);
    font: 500 0.8125rem var(--sans);
    font-variant-numeric: tabular-nums;
}

.live-summary {
    margin: 1.25rem 0;
    padding: 1.1rem 1.25rem;
    border: 1px solid var(--rule);
    border-radius: var(--radius-lg);
    background: var(--surface);
}

.live-summary h3 {
    margin: 0 0 0.7rem;
    font: 700 0.9375rem var(--sans);
}

.live-summary ol {
    margin: 0;
    padding: 0;
    list-style: none;
    font: 600 0.98rem/1.4 var(--serif);
}

.live-summary li + li {
    margin-top: 0.55rem;
}

.live-summary time {
    margin-right: 0.4rem;
    color: var(--accent);
    font: 700 0.8125rem var(--sans);
    font-variant-numeric: tabular-nums;
}

.live-summary a:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.live-pinned {
    margin: 1rem 0;
    padding: 0 1.1rem;
    border: 1px solid color-mix(in srgb, var(--accent) 30%, var(--rule));
    border-radius: var(--radius-lg);
    background: color-mix(in srgb, var(--accent) 4%, var(--surface));
}

.live-pinned-label {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin: 0.9rem 0 0;
    color: var(--accent);
    font: 700 0.75rem var(--sans);
}

.live-new {
    position: sticky;
    top: calc(var(--nav-h) + 0.75rem);
    z-index: 5;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0.75rem auto;
    padding: 0.6rem 1.1rem;
    border: 0;
    border-radius: var(--radius-pill);
    background: var(--accent-strong);
    color: var(--on-accent);
    font: 700 0.875rem var(--sans);
    box-shadow: var(--shadow);
    cursor: pointer;
}

.live-feed {
    margin: 0;
    padding: 0;
    list-style: none;
}

.live-update {
    position: relative;
    padding: 1.1rem 0 1.1rem 1.5rem;
    border-left: 2px solid var(--rule);
}

.live-feed > li + li .live-update {
    border-top: 1px solid var(--rule);
}

.live-update::before {
    position: absolute;
    top: calc(1.75rem - 1px);
    left: -0.375rem;
    width: 0.875rem;
    height: 2px;
    background: var(--ink-muted);
    content: "";
}

.live-update.is-key::before {
    background: var(--accent-strong);
}

.live-update-head {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.35rem 0.75rem;
}

.live-time {
    color: var(--accent);
    font: 700 0.9375rem var(--sans);
    font-variant-numeric: tabular-nums;
}

.live-date {
    color: var(--ink-muted);
    font: 500 0.8125rem var(--sans);
}

.live-key-label {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    color: var(--accent);
    font: 700 0.75rem var(--sans);
}

.live-update-title {
    margin: 0.4rem 0 0;
    font: 700 1.25rem/1.28 var(--serif);
}

.story .live-update-body {
    margin-top: 0.5rem;
    font-size: 1.0625rem;
}

.live-update-body > :last-child {
    margin-bottom: 0;
}

.live-author {
    margin: 0.5rem 0 0;
    color: var(--ink-muted);
    font: 600 0.8125rem var(--sans);
}

/* Tepkiler */

.reactions {
    margin-top: 2rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--rule);
}

.reactions-title {
    margin: 0 0 0.85rem;
    font: 700 1rem var(--sans);
}

.reaction-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(6.5rem, 1fr));
    gap: 0.5rem;
}

.reaction {
    display: grid;
    justify-items: center;
    gap: 0.3rem;
    padding: 0.8rem 0.4rem;
    border: 1px solid var(--rule);
    border-radius: var(--radius);
    background: var(--surface);
    color: var(--ink);
    font: 600 0.8125rem var(--sans);
    cursor: pointer;
    transition: border-color 140ms var(--ease), background-color 140ms var(--ease), transform 140ms var(--ease);
}

.reaction .icon {
    width: 1.4rem;
    height: 1.4rem;
}

.reaction:hover {
    border-color: var(--ink);
    transform: translateY(-1px);
}

.reaction[aria-pressed="true"] {
    border-color: var(--ink);
    background: var(--ink);
    color: var(--paper);
}

.reaction-count {
    color: inherit;
    font: 500 0.75rem var(--sans);
    font-variant-numeric: tabular-nums;
    opacity: 0.75;
}

.reactions-status {
    min-height: 1.2em;
    margin: 0.5rem 0 0;
    color: var(--ink-muted);
    font-size: 0.8125rem;
}

/* Anket bloğu */

.b-poll {
    margin: 1.75rem 0;
    padding: 1.25rem 1.4rem;
    border: 1px solid var(--rule);
    border-radius: var(--radius-lg);
    background: var(--surface);
    font-family: var(--sans);
}

.b-poll fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}

.b-poll-question {
    display: block;
    margin-bottom: 0.9rem;
    font: 700 1.1875rem/1.3 var(--serif);
}

.b-poll-label {
    display: block;
    margin-bottom: 0.35rem;
    color: var(--accent);
    font: 700 0.8125rem var(--sans);
}

.b-poll-option {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.6rem;
    padding: 0.6rem 0;
    border-top: 1px solid var(--rule);
    font-size: 0.9375rem;
    cursor: pointer;
}

.b-poll-bar {
    display: none;
}

.b-poll.is-results .b-poll-bar {
    display: block;
    grid-column: 1 / -1;
    height: 0.4rem;
    overflow: hidden;
    border-radius: var(--radius-pill);
    background: var(--paper-raised);
}

.b-poll-bar span {
    display: block;
    width: 0;
    height: 100%;
    border-radius: var(--radius-pill);
    background: var(--ink);
    transition: width 0.4s var(--ease);
}

.b-poll-percent {
    font: 700 0.8125rem var(--sans);
    font-variant-numeric: tabular-nums;
}

.b-poll-submit {
    margin-top: 0.9rem;
    padding: 0.6rem 1.25rem;
    border: 1px solid var(--ink);
    border-radius: var(--radius-pill);
    background: var(--ink);
    color: var(--paper);
    font: 600 0.875rem var(--sans);
    cursor: pointer;
}

.b-poll-status,
.b-poll-closed {
    margin: 0.6rem 0 0;
    color: var(--ink-muted);
    font-size: 0.8125rem;
}

/* Yorumlar */

.comments {
    max-width: var(--measure);
    margin-top: 2.5rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--rule);
}

.comments-title {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0 0 1.1rem;
    font: 700 1.25rem var(--sans);
}

.comments-title .icon {
    width: 1.15rem;
    height: 1.15rem;
}

.comments-title span {
    padding: 0.1rem 0.55rem;
    border-radius: var(--radius-pill);
    background: var(--paper-raised);
    color: var(--ink-muted);
    font: 600 0.8125rem var(--sans);
    font-variant-numeric: tabular-nums;
}

.comments-notice {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0 0 1rem;
    padding: 0.8rem 1rem;
    border-radius: var(--radius);
    background: var(--paper-raised);
    font-size: 0.9375rem;
}

.comments-notice .icon {
    width: 1.05rem;
    height: 1.05rem;
}

.comments-empty {
    color: var(--ink-muted);
}

.comment-list {
    margin: 0 0 1.5rem;
    padding: 0;
    list-style: none;
}

.comment {
    padding: 1.1rem 0;
    border-top: 1px solid var(--rule);
}

.comment-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem 0.6rem;
    font-size: 0.9375rem;
}

.comment-avatar {
    display: grid;
    place-items: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    background: color-mix(in srgb, var(--accent) 12%, var(--paper-raised));
    color: var(--accent);
    font: 700 1rem var(--sans);
}

.comment-head time {
    color: var(--ink-muted);
    font: 500 0.8125rem var(--sans);
}

.comment-body {
    margin: 0.6rem 0 0;
    font: 1.0625rem/1.6 var(--serif);
    white-space: pre-line;
    overflow-wrap: anywhere;
}

.comment-report {
    margin-top: 0.5rem;
    font-size: 0.8125rem;
}

.comment-report summary {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    color: var(--ink-muted);
    cursor: pointer;
}

.comment-report summary .icon {
    width: 0.9rem;
    height: 0.9rem;
}

.comment-report fieldset {
    display: grid;
    gap: 0.35rem;
    margin: 0.5rem 0;
    padding: 0.7rem 0.9rem;
    border: 1px solid var(--rule);
    border-radius: var(--radius);
}

.comment-form {
    display: grid;
    gap: 1rem;
    padding: 1.4rem;
    border: 1px solid var(--rule);
    border-radius: var(--radius-lg);
    background: var(--surface);
}

.comment-form h3 {
    margin: 0;
    font: 700 1.25rem var(--serif);
}

.form-field {
    display: grid;
    gap: 0.35rem;
}

.form-field label {
    font: 600 0.875rem var(--sans);
}

.form-field [aria-invalid="true"] {
    border-color: var(--accent);
}

.form-check {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.55rem;
    font-size: 0.875rem;
    line-height: 1.45;
}

.form-hint {
    margin: 0;
    color: var(--ink-muted);
    font-size: 0.8125rem;
}

.form-error {
    margin: 0;
    color: var(--accent);
    font: 600 0.8125rem var(--sans);
}

.comment-form .button {
    justify-self: start;
}

/* Alt bilgi ---------------------------------------------------------- */

.footer {
    margin-top: 0;
    background: var(--bar);
    color: #c9c3b9;
    font-size: 0.875rem;
}

.footer .wrap {
    padding-top: 3.5rem;
    padding-bottom: 2rem;
}

.footer-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) repeat(auto-fit, minmax(10rem, 1fr));
    gap: 2.5rem;
}

.footer-brand {
    margin: 0 0 0.75rem;
    color: #f0f0ee;
    font: 700 2rem/1 var(--serif);
    letter-spacing: -0.03em;
}

.footer-brand img {
    display: block;
    width: auto;
    max-height: 2.5rem;
}

.footer h2 {
    margin: 0 0 1rem;
    color: #f0f0ee;
    font: 700 0.875rem var(--sans);
}

.footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer li + li {
    margin-top: 0.6rem;
}

.footer a {
    transition: color 140ms var(--ease);
}

.footer a:hover {
    color: #ffffff;
}

.footer-newsletter {
    display: grid;
    gap: 0.6rem;
    max-width: 26rem;
    margin-top: 1.5rem;
    padding: 1.1rem;
    border: 1px solid #2c2a27;
    border-radius: var(--radius-lg);
    background: #1a1917;
}

.footer-newsletter-title {
    display: flex;
    align-items: flex-start;
    gap: 0.45rem;
    color: #f0f0ee;
    font: 700 0.9375rem/1.35 var(--sans);
}

/* Başlık iki satıra inerse ikon ilk satırla hizalı kalır. */
.footer-newsletter-title .icon {
    flex: none;
    width: 1.05rem;
    height: 1.05rem;
    margin-top: 0.08rem;
}

.footer-newsletter-row {
    display: flex;
    gap: 0.4rem;
}

.site .footer-newsletter-row input[type="email"] {
    flex: 1;
    min-width: 0;
    min-height: 2.75rem;
    border-color: #3a3733;
    border-radius: var(--radius-pill);
    background: #121212;
    color: #f0f0ee;
    font-size: 0.9375rem;
}

.footer-newsletter .button {
    border-color: #f0f0ee;
    background: #f0f0ee;
    color: #121212;
}

.footer-newsletter .button:hover {
    border-color: #ffffff;
    background: #ffffff;
}

.footer-newsletter-consent {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.5rem;
    color: #9a9aa0;
    font-size: 0.75rem;
    line-height: 1.45;
}

.footer-newsletter-consent input {
    accent-color: #f0f0ee;
}

.footer-bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 2.75rem;
    padding-top: 1.25rem;
    border-top: 1px solid #2c2a27;
    color: #9a9aa0;
    font-size: 0.8125rem;
}

.footer-bottom > a {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.footer-bottom .icon {
    width: 0.95rem;
    height: 0.95rem;
}

.footer-legal {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem 1.25rem;
}

.footer-legal button {
    padding: 0;
    border: 0;
    background: none;
    color: inherit;
    font: inherit;
    cursor: pointer;
}

.footer-legal button:hover {
    color: #ffffff;
}

.topbar .tool[aria-pressed="true"] {
    color: #ffffff;
}


/* Bülten durum sayfası, bilgilendirme sayfaları ----------------------- */

.notice-page {
    max-width: var(--measure);
    margin: 3rem 0;
}

.notice-page form {
    margin-top: 1.25rem;
}

/* Uyum: künye, cevap ve düzeltme, reklam etiketi, erişim engeli ------ */

.masthead-list {
    margin: 0 0 1.5rem;
    overflow: hidden;
    border: 1px solid var(--rule);
    border-radius: var(--radius-lg);
    background: var(--surface);
}

.masthead-list > div {
    display: grid;
    grid-template-columns: minmax(10rem, 0.8fr) minmax(0, 1.4fr);
    gap: 1rem;
    padding: 0.85rem 1.25rem;
    border-bottom: 1px solid var(--rule);
}

.masthead-list > div:last-child {
    border-bottom: 0;
}

.masthead-list dt {
    color: var(--ink-muted);
    font: 600 0.875rem/1.5 var(--sans);
}

.masthead-list dd {
    margin: 0;
    font: 1.0625rem/1.5 var(--serif);
}

.masthead-line {
    display: block;
}

.home-notices {
    margin: 1.5rem auto 0;
}

.home-notice {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.4rem 1rem;
    padding: 1rem 1.25rem;
    border: 1px solid var(--rule);
    border-left: 3px solid var(--accent);
    border-radius: var(--radius);
    background: var(--surface);
}

.home-notice + .home-notice {
    margin-top: 0.75rem;
}

.home-notice strong {
    color: var(--accent);
    font: 700 0.875rem/1.6 var(--sans);
}

.home-notice p {
    margin: 0;
    font: 1rem/1.55 var(--serif);
    white-space: pre-line;
}

.home-notice a {
    grid-column: 2;
    font: 600 0.875rem var(--sans);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.sponsor-label {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem 0.6rem;
    margin: 0 0 0.85rem;
    padding: 0.35rem 0.8rem;
    border: 1px solid var(--rule-strong);
    border-radius: var(--radius-pill);
    font: 700 0.75rem/1.3 var(--sans);
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.sponsor-label span {
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
}

.t-sponsor {
    display: inline-block;
    margin-right: 0.4rem;
    padding: 0.05rem 0.4rem;
    border: 1px solid currentColor;
    border-radius: var(--radius-pill);
    font: 700 0.625rem/1.5 var(--sans);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    vertical-align: 0.15em;
}

.blocked-notice {
    max-width: var(--measure);
    margin: 3rem 0;
    padding: 1.75rem;
    border: 1px solid var(--rule);
    border-top: 4px solid var(--accent);
    border-radius: var(--radius-lg);
    background: var(--surface);
}

.blocked-notice h1 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0 0 0.75rem;
    font: 700 1.75rem/1.2 var(--serif);
}

.blocked-notice p {
    margin: 0.5rem 0 0;
    font: 1.0625rem/1.6 var(--serif);
    white-space: pre-line;
}

/* Çerez tercihleri: üç seçenek eşit ağırlıkta */

.consent {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
    z-index: 60;
    max-width: 62rem;
    margin: 0 auto;
    border: 1px solid var(--rule);
    border-radius: var(--radius-lg);
    background: var(--surface);
    color: var(--ink);
    box-shadow: var(--shadow-lg);
}

.consent-inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem 2rem;
    padding: 1.25rem 1.5rem;
}

.consent h2 {
    margin: 0 0 0.35rem;
    font: 700 1.0625rem/1.25 var(--sans);
}

.consent p {
    margin: 0;
    color: var(--ink-soft);
    font-size: 0.875rem;
}

.consent p a {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.consent-actions {
    display: grid;
    grid-template-columns: repeat(3, minmax(7rem, 1fr));
    gap: 0.5rem;
}

.consent-actions .button {
    width: 100%;
}

.consent-panel {
    display: grid;
    grid-column: 1 / -1;
    gap: 0.75rem;
    padding-top: 1rem;
    border-top: 1px solid var(--rule);
}

.consent-option {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.15rem 0.6rem;
    font-size: 0.875rem;
}

.consent-option strong {
    font-weight: 700;
}

.consent-option span {
    grid-column: 2;
    color: var(--ink-muted);
    font-size: 0.8125rem;
}

.embed-gate {
    display: grid;
    place-items: center;
    gap: 0.6rem;
    min-height: 12rem;
    padding: 1.5rem;
    border: 1px solid var(--rule);
    border-radius: var(--radius-lg);
    background: var(--paper-raised);
    font-size: 0.9375rem;
    text-align: center;
}

.embed-gate p {
    max-width: 32rem;
    margin: 0;
}

/* Resmi ilanlar ve yerel servisler */

.notice-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.notice-list li {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.35rem 1.5rem;
    padding: 1.1rem 0;
    border-bottom: 1px solid var(--rule);
}

.notice-list li:first-child {
    padding-top: 0.5rem;
}

.notice-list h2,
.notice-list h3 {
    margin: 0;
    font: 700 1.1875rem/1.3 var(--serif);
}

.notice-list a:hover h2,
.notice-list a:hover h3 {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.notice-list .meta {
    grid-column: 1;
    margin: 0;
    color: var(--ink-muted);
    font: 0.875rem/1.5 var(--sans);
    font-variant-numeric: tabular-nums;
}

.notice-list .badge {
    grid-column: 2;
    grid-row: 1;
    align-self: start;
    padding: 0.2rem 0.65rem;
    border-radius: var(--radius-pill);
    background: var(--paper-raised);
    color: var(--ink-soft);
    font: 700 0.75rem/1.4 var(--sans);
}

.notice-list p.body {
    grid-column: 1 / -1;
    margin: 0.25rem 0 0;
    font: 1rem/1.55 var(--serif);
    white-space: pre-line;
}

.facts {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
    gap: 0.6rem;
    margin: 0 0 1.5rem;
}

.facts > div {
    padding: 0.8rem 1rem;
    border: 1px solid var(--rule);
    border-radius: var(--radius);
    background: var(--surface);
}

.facts dt {
    color: var(--ink-muted);
    font: 600 0.8125rem var(--sans);
}

.facts dd {
    margin: 0.25rem 0 0;
    font: 1rem/1.45 var(--serif);
}

.text-body {
    white-space: pre-line;
}

.table-scroll {
    overflow-x: auto;
}

.table-scroll table {
    width: 100%;
    border-collapse: collapse;
    font: 0.9375rem/1.45 var(--sans);
    font-variant-numeric: tabular-nums;
}

.table-scroll th,
.table-scroll td {
    padding: 0.6rem 0.75rem 0.6rem 0;
    border-bottom: 1px solid var(--rule);
    text-align: left;
    vertical-align: top;
}

.table-scroll thead th {
    color: var(--ink-muted);
    font-size: 0.8125rem;
    font-weight: 600;
}

.table-scroll .num {
    text-align: right;
}

.market-table table {
    font-size: 1rem;
}

.market-table tr.mk-up .mk-change { color: var(--up); }
.market-table tr.mk-down .mk-change { color: var(--down); }

.filter-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 0.75rem;
    margin: 1.25rem 0;
}

.site .filter-bar select,
.site .filter-bar input {
    width: auto;
    min-width: 12rem;
}

.data-form {
    display: grid;
    gap: 1rem;
    max-width: var(--measure);
    margin: 1.5rem 0 3rem;
    padding: 1.5rem;
    border: 1px solid var(--rule);
    border-radius: var(--radius-lg);
    background: var(--surface);
}

.data-form .button {
    justify-self: start;
}

.data-form .notice-ok {
    margin: 0;
    padding: 0.85rem 1rem;
    border-left: 3px solid var(--up);
    border-radius: var(--radius-sm);
    background: var(--paper-raised);
}

/* Reklam alanları: her reklam "Reklam" etiketiyle, içerikten ayrık */

.ad-row:empty {
    display: none;
}

.ad-row {
    margin: 1.5rem auto;
}

.ad {
    display: grid;
    justify-items: center;
    gap: 0.4rem;
    margin: 1.75rem 0;
    padding: 0.6rem 0 0.85rem;
    border-top: 1px solid var(--rule);
    border-bottom: 1px solid var(--rule);
}

/* Ortalanmış grid öğesi (bağlantı) görselin doğal genişliğine büyümesin; dar ekranda taşma olmaz. */
.ad > * {
    min-width: 0;
    max-width: 100%;
}

.ad > a {
    display: block;
}

.ad img {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: var(--radius-sm);
}

.ad-frame {
    display: block;
    max-width: 100%;
    border: 0;
}

.ad-label {
    justify-self: start;
    color: var(--ink-muted);
    font: 700 0.6875rem/1 var(--sans);
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.ad-label span {
    font-weight: 500;
    letter-spacing: 0.02em;
    text-transform: none;
}

.ad-consent {
    margin: 0;
    padding: 1.25rem;
    color: var(--ink-muted);
    font-size: 0.8125rem;
    text-align: center;
}

.article-body .ad {
    margin: 1.75rem 0;
}

@media (max-width: 760px) {
    .ad-desktop-only {
        display: none;
    }
}

@media (min-width: 761px) {
    .ad-mobile-only {
        display: none;
    }
}

/* E-gazete ------------------------------------------------------------- */

.section-label {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0 0 1rem;
    color: var(--ink);
    font: 700 1rem/1.3 var(--sans);
}

.section-label::before {
    width: 0.3rem;
    height: 1.1em;
    border-radius: var(--radius-pill);
    background: var(--accent);
    content: "";
}

.edition-today,
.edition-issue {
    display: grid;
    grid-template-columns: minmax(0, 20rem) minmax(0, 1fr);
    align-items: start;
    gap: 2.5rem;
    margin: 0 0 3rem;
}

.edition-today-title {
    margin: 0 0 0.5rem;
    font: 700 clamp(1.6rem, 3vw, 2.25rem)/1.15 var(--serif);
}

.edition-headline {
    margin: 0 0 0.75rem;
    color: var(--ink-soft);
    font: italic 1.15rem/1.45 var(--serif);
}

.edition-summary {
    max-width: var(--measure);
    white-space: pre-line;
}

.edition-cover {
    display: block;
    overflow: hidden;
    border: 1px solid var(--rule);
    border-radius: var(--radius-sm);
    background: var(--surface);
    box-shadow: var(--shadow);
    transition: transform 220ms var(--ease), box-shadow 220ms var(--ease);
}

.edition-cover:hover {
    box-shadow: var(--shadow-lg);
    transform: translateY(-3px);
}

.edition-cover img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1.414;
    object-fit: cover;
}

.edition-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.25rem;
    aspect-ratio: 1 / 1.414;
    padding: 1rem;
    border-top: 6px solid var(--accent);
    text-align: center;
}

.edition-card-name {
    font: 700 1.1rem/1.2 var(--serif);
}

.edition-card-day {
    font: 700 3.5rem/1 var(--serif);
}

.edition-card-month,
.edition-card-number {
    color: var(--ink-muted);
    font: 600 0.8125rem var(--sans);
}

.edition-layout {
    display: grid;
    grid-template-columns: 12rem minmax(0, 1fr);
    gap: 2.5rem;
}

.edition-calendar ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.edition-calendar > ul > li {
    margin-bottom: 0.9rem;
}

.edition-calendar > ul > li > a {
    font: 700 1.05rem var(--sans);
}

.edition-calendar li li a {
    display: flex;
    justify-content: space-between;
    padding: 0.35rem 0.6rem;
    border-radius: var(--radius-sm);
    color: var(--ink-soft);
    font: 500 0.875rem var(--sans);
}

.edition-calendar li li a:hover {
    background: var(--paper-raised);
}

.edition-calendar a[aria-current="page"] {
    color: var(--accent);
    font-weight: 700;
}

.edition-calendar .count {
    color: var(--ink-muted);
    font-variant-numeric: tabular-nums;
}

.edition-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(9.5rem, 1fr));
    gap: 1.75rem 1.25rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.edition-date {
    margin: 0.7rem 0 0;
    font: 600 0.9375rem/1.3 var(--sans);
}

.edition-grid .meta {
    margin: 0.15rem 0 0;
    color: var(--ink-muted);
    font-size: 0.8125rem;
}

.edition-nav {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 2rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--rule);
    font: 600 0.875rem var(--sans);
}

.edition-nav a {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.45rem 1rem;
    border: 1px solid var(--rule-strong);
    border-radius: var(--radius-pill);
}

.edition-nav a:hover {
    border-color: var(--ink);
}

.edition-nav a[rel="next"] {
    margin-left: auto;
}

.edition-box .edition-cover {
    max-width: 14rem;
    margin: 0 auto;
}

.edition-box .edition-date {
    text-align: center;
}

.edition-box .button {
    display: flex;
    max-width: 14rem;
    margin: 0.85rem auto 0;
}

/* Podcast -------------------------------------------------------------- */

.podcast-cover {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1;
    border-radius: var(--radius);
    object-fit: cover;
}

.podcast-cover-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem;
    background: var(--bar);
    color: #f0f0ee;
    font: 700 0.875rem/1.25 var(--serif);
    text-align: center;
}

.podcast-cover-empty .icon {
    width: 1.75rem;
    height: 1.75rem;
    color: var(--accent);
}

.podcast-shows {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr));
    gap: 1.5rem 1.25rem;
    margin: 0 0 2.75rem;
    padding: 0;
    list-style: none;
}

.podcast-show-card {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.podcast-show-card .podcast-cover {
    box-shadow: var(--shadow);
    transition: transform 220ms var(--ease);
}

.podcast-show-card:hover .podcast-cover {
    transform: translateY(-3px);
}

.podcast-show-title {
    margin-top: 0.5rem;
    font: 700 1.05rem/1.25 var(--serif);
}

.podcast-show-card:hover .podcast-show-title {
    color: var(--accent);
}

.podcast-episodes {
    margin: 0;
    padding: 0;
    list-style: none;
}

.podcast-row {
    display: grid;
    grid-template-columns: 5rem minmax(0, 1fr) auto;
    align-items: center;
    gap: 1.1rem;
    padding: 1rem 0;
    border-bottom: 1px solid var(--rule);
}

.podcast-row-title {
    margin: 0.15rem 0 0.25rem;
    font: 700 1.1rem/1.3 var(--serif);
}

.podcast-row-title a:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.podcast-row-summary {
    margin: 0 0 0.3rem;
    color: var(--ink-soft);
    font-size: 0.9375rem;
}

.podcast-row .meta {
    margin: 0;
    color: var(--ink-muted);
    font-size: 0.8125rem;
    font-variant-numeric: tabular-nums;
}

.podcast-row-play {
    display: grid;
    place-items: center;
    width: 2.75rem;
    height: 2.75rem;
    border: 1px solid var(--rule-strong);
    border-radius: 50%;
    transition: background-color 140ms var(--ease), color 140ms var(--ease), border-color 140ms var(--ease);
}

.podcast-row-play:hover {
    border-color: var(--accent-strong);
    background: var(--accent-strong);
    color: var(--on-accent);
}

.podcast-hero {
    display: grid;
    grid-template-columns: minmax(0, 15rem) minmax(0, 1fr);
    align-items: start;
    gap: 2.5rem;
    margin: 0 0 2rem;
}

.podcast-hero > .podcast-cover {
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow);
}

.podcast-subscribe {
    margin-top: 1rem;
}

.podcast-feed {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.podcast-feed code {
    flex: 1 1 16rem;
    padding: 0.6rem 0.85rem;
    overflow-wrap: anywhere;
    border: 1px solid var(--rule);
    border-radius: var(--radius);
    background: var(--paper-raised);
    font: 0.8125rem var(--mono);
}

.podcast-player {
    margin-top: 1.25rem;
    padding: 1rem;
    border: 1px solid var(--rule);
    border-radius: var(--radius-lg);
    background: var(--surface);
}

.podcast-player audio {
    display: block;
    width: 100%;
}

.podcast-controls {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.7rem;
    font: 600 0.8125rem var(--sans);
}

.podcast-skip,
.site .podcast-speed select {
    width: auto;
    min-height: 2.25rem;
    padding: 0.25rem 0.85rem;
    border: 1px solid var(--rule);
    border-radius: var(--radius-pill);
    background-color: var(--surface);
    color: var(--ink);
    font: inherit;
    cursor: pointer;
}

.site .podcast-speed select {
    padding-right: 2rem;
}

.podcast-skip {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
}

.podcast-skip:hover {
    border-color: var(--ink);
}

.podcast-duration {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    margin-left: auto;
    color: var(--ink-muted);
    font-variant-numeric: tabular-nums;
}

.podcast-body {
    max-width: var(--measure);
    margin-bottom: 2.5rem;
    font: 1.075rem/1.7 var(--serif);
}

.podcast-related {
    display: flex;
    align-items: flex-start;
    gap: 0.4rem;
    padding: 0.85rem 0;
    border-block: 1px solid var(--rule);
    font: 600 0.9375rem var(--sans);
}

.podcast-transcript {
    margin-top: 1.5rem;
    padding: 0.5rem 1.1rem;
    border: 1px solid var(--rule);
    border-radius: var(--radius-lg);
    background: var(--surface);
}

.podcast-transcript summary {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.6rem 0;
    font: 700 0.9375rem var(--sans);
    cursor: pointer;
}

.article-podcast {
    margin: 0 0 1.75rem;
    padding: 1.1rem 1.25rem;
    border: 1px solid var(--rule);
    border-radius: var(--radius-lg);
    background: var(--surface);
}

.article-podcast-label {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
    margin: 0;
    color: var(--ink-muted);
    font: 600 0.8125rem var(--sans);
}

.article-podcast-label .icon {
    width: 1rem;
    height: 1rem;
    color: var(--accent);
}

.article-podcast-title {
    margin: 0.35rem 0 0;
    font: 700 1.125rem/1.3 var(--serif);
}

.article-podcast .podcast-player {
    margin-top: 0.75rem;
    padding: 0;
    border: 0;
    background: none;
}

.podcast-strip {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(10.5rem, 1fr));
    gap: 1.25rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.podcast-strip-item {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.podcast-strip-item .kicker-cat {
    margin-top: 0.5rem;
    font: 600 0.8125rem var(--sans);
}

.podcast-strip-title {
    font: 700 1rem/1.3 var(--serif);
}

.podcast-strip-item:hover .podcast-strip-title {
    color: var(--accent);
}

.podcast-strip-item .meta {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    color: var(--ink-muted);
    font-size: 0.8125rem;
}

/* Üyelik ve abonelik ---------------------------------------------------- */

.member-wrap {
    padding-block: 1rem 3rem;
}

.member-card {
    max-width: 30rem;
    margin: 2rem auto;
    padding: 2rem;
    border: 1px solid var(--rule);
    border-radius: var(--radius-lg);
    background: var(--surface);
    box-shadow: var(--shadow);
}

.member-wide {
    max-width: 52rem;
}

.member-title {
    margin: 0 0 0.75rem;
    font: 700 1.75rem/1.2 var(--serif);
}

.member-lead {
    color: var(--ink-soft);
}

.member-form {
    display: grid;
    gap: 1rem;
    margin: 1.25rem 0 0;
}

.member-form .button,
.checkout-pay {
    justify-self: start;
}

.member-aside {
    margin: 1.25rem 0 0;
    color: var(--ink-muted);
    font-size: 0.875rem;
}

.member-aside a {
    color: var(--ink);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.member-notice {
    margin: 0 0 1.25rem;
    padding: 0.85rem 1rem;
    border: 1px solid color-mix(in srgb, var(--accent) 25%, var(--rule));
    border-radius: var(--radius);
    background: color-mix(in srgb, var(--accent) 5%, var(--surface));
}

.member-notice p {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    margin: 0.25rem 0;
}

.member-section {
    margin: 0 0 2.25rem;
}

.member-status {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font: 600 1.05rem var(--sans);
}

.member-status.is-active {
    color: var(--up);
}

.member-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9375rem;
    font-variant-numeric: tabular-nums;
}

.member-table th,
.member-table td {
    padding: 0.6rem 0.5rem;
    border-bottom: 1px solid var(--rule);
    text-align: left;
}

.member-table th {
    color: var(--ink-muted);
    font: 600 0.8125rem var(--sans);
}

.member-danger {
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid var(--rule);
}

.member-danger summary {
    color: var(--accent);
    font: 600 0.9rem var(--sans);
    cursor: pointer;
}

.member-document {
    padding: 1.1rem;
    overflow-x: auto;
    border: 1px solid var(--rule);
    border-radius: var(--radius);
    background: var(--paper-raised);
    font: 0.875rem/1.6 var(--mono);
    white-space: pre-wrap;
}

.member-list {
    padding-left: 1.1rem;
}

.paywall {
    position: relative;
    margin: 0 0 2rem;
    padding: 1.75rem;
    border: 1px solid color-mix(in srgb, var(--accent) 25%, var(--rule));
    border-radius: var(--radius-lg);
    background: var(--surface);
    box-shadow: var(--shadow);
}

.article-body.is-locked {
    position: relative;
    max-height: 22rem;
    overflow: hidden;
}

.article-body.is-locked::after {
    position: absolute;
    inset: auto 0 0;
    height: 7rem;
    background: linear-gradient(to bottom, transparent, var(--paper));
    content: "";
}

.paywall-kicker {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0 0 0.5rem;
    color: var(--accent);
    font: 700 0.8125rem var(--sans);
}

.paywall-title {
    margin: 0 0 0.5rem;
    font: 700 1.5rem/1.25 var(--serif);
}

.plans-header {
    max-width: 46rem;
}

.plan-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));
    gap: 1.25rem;
    margin: 1.75rem 0;
    padding: 0;
    list-style: none;
}

.plan-card {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1.75rem;
    border: 1px solid var(--rule);
    border-radius: var(--radius-lg);
    background: var(--surface);
    transition: box-shadow 200ms var(--ease), transform 200ms var(--ease);
}

.plan-card:hover {
    box-shadow: var(--shadow);
    transform: translateY(-2px);
}

.plan-card.is-featured {
    border: 2px solid var(--accent);
    box-shadow: var(--shadow);
}

.plan-badge {
    align-self: flex-start;
    margin: 0;
    padding: 0.25rem 0.7rem;
    border-radius: var(--radius-pill);
    background: var(--accent-strong);
    color: var(--on-accent);
    font: 700 0.75rem var(--sans);
}

.plan-name {
    margin: 0;
    font: 700 1.3rem var(--serif);
}

.plan-description {
    margin: 0;
    color: var(--ink-soft);
    font-size: 0.9375rem;
}

.plan-price {
    margin: 0.25rem 0 0;
    font: 700 2rem/1.1 var(--sans);
    letter-spacing: -0.02em;
    font-variant-numeric: tabular-nums;
}

.plan-price span,
.plan-monthly {
    color: var(--ink-muted);
    font: 500 0.875rem var(--sans);
    letter-spacing: 0;
}

.plan-monthly {
    margin: 0;
}

.plan-features {
    flex: 1;
    margin: 0.75rem 0 1rem;
    padding: 0;
    list-style: none;
}

.plan-features li {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.3rem 0;
    font-size: 0.9375rem;
}

.plan-features .icon {
    flex: none;
    width: 1rem;
    height: 1rem;
    margin-top: 0.2rem;
    margin-top: calc((1lh - 1rem) / 2);
    color: var(--up);
}

.plan-card .button {
    align-self: stretch;
}

.plans-note {
    display: flex;
    align-items: flex-start;
    gap: 0.4rem;
    color: var(--ink-muted);
    font-size: 0.875rem;
}

.checkout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 22rem);
    align-items: start;
    gap: 2.5rem;
    margin-bottom: 3rem;
}

.checkout-billing {
    display: grid;
    gap: 1rem;
}

.checkout-type {
    margin: 0;
    padding: 0;
    border: 0;
}

.checkout-type legend {
    margin-bottom: 0.4rem;
    font: 600 0.875rem var(--sans);
}

.checkout-summary {
    position: sticky;
    top: calc(var(--nav-h) + 1.25rem);
    padding: 1.5rem;
    border: 1px solid var(--rule);
    border-radius: var(--radius-lg);
    background: var(--surface);
    box-shadow: var(--shadow);
}

.checkout-consents {
    display: grid;
    gap: 0.75rem;
    margin: 1rem 0;
}

.checkout-pay {
    width: 100%;
}

.pay-frame {
    max-width: 46rem;
    overflow: hidden;
    border: 1px solid var(--rule);
    border-radius: var(--radius-lg);
    background: #ffffff;
}

.pay-frame iframe {
    display: block;
    border: 0;
}


/* Dar ekranlar ------------------------------------------------------- */

@media (max-width: 1180px) {
    .nav-link {
        padding-right: 0.55rem;
        padding-left: 0.55rem;
    }

    .nav-link::after {
        right: 0.55rem;
        left: 0.55rem;
    }

    .masthead-search {
        width: 13rem;
    }
}

@media (max-width: 1080px) {
    .headline-grid,
    .headline-grid.is-two {
        grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
    }

    .headline-left {
        order: 0;
        grid-column: 1 / -1;
        margin-top: 1.75rem;
        padding-top: 1.5rem;
        border-top: 1px solid var(--rule);
    }

    .headline-left .rule-list {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 2rem;
    }

    .headline-left .rule-list > li {
        padding: 0;
        border: 0;
    }

    .home > .span-8,
    .home > .span-4 {
        grid-column: 1 / -1;
    }

    .home-aside {
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
    }

    .home-aside > .section + .section {
        margin-top: 3rem;
    }

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

    .layout-aside > .aside {
        position: static;
        margin-top: 2.5rem;
    }

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

    .carousel-track {
        grid-auto-columns: calc((100% - var(--col-gap)) / 2);
    }

    .mosaic-grid {
        grid-template-columns: 1fr 1fr;
    }

    .mosaic-item.is-lead {
        grid-column: 1 / -1;
        grid-row: auto;
    }

    .mosaic-item.is-lead img {
        aspect-ratio: 16 / 9;
        min-height: 0;
    }
}

@media (max-width: 1023px) {
    .masthead-search {
        display: none;
    }

    .nav-search {
        display: inline-flex;
    }

    .nav-toggle {
        display: inline-flex;
    }

    .nav .nav-brand {
        display: flex;
    }

    .nav > .wrap {
        gap: 0.25rem;
    }

    .nav-search {
        margin-left: auto;
    }

    .nav[data-collapsible] .nav-list {
        display: none;
    }

    .nav[data-collapsible].is-open > .wrap {
        flex-wrap: wrap;
    }

    .nav[data-collapsible].is-open .nav-list {
        display: block;
        flex-basis: 100%;
        order: 10;
        border-top: 1px solid var(--rule);
        max-height: calc(100vh - var(--nav-h) - 1rem);
        max-height: calc(100dvh - var(--nav-h) - 1rem);
        overflow-y: auto;
        overscroll-behavior: contain;
        padding: 0.25rem 0 1rem;
    }

    .nav.is-open .nav-item {
        border-top: 1px solid var(--rule);
    }

    .nav.is-open .nav-link {
        min-height: 3rem;
        padding: 0 0.25rem;
        font-size: 1rem;
    }

    .nav.is-open .nav-link::after {
        display: none;
    }

    .nav.is-open .nav-link[aria-current="page"] {
        color: var(--accent);
    }

    .nav.is-open .nav-panel {
        position: static;
        display: flex;
        flex-wrap: wrap;
        gap: 0.35rem;
        min-width: 0;
        padding: 0 0 0.85rem;
        border: 0;
        background: none;
        box-shadow: none;
    }

    .nav.is-open .nav-panel a {
        padding: 0.35rem 0.8rem;
        border: 1px solid var(--rule);
        border-radius: var(--radius-pill);
        font-size: 0.875rem;
    }

    .nav.is-open .nav-panel a:first-child {
        display: none;
    }

    .nav-more {
        display: none !important;
    }
}

@media (max-width: 760px) {
    :root {
        --col-gap: 1.25rem;
        --nav-h: 3rem;
    }

    .topbar-date,
    .topbar-demo,
    .topbar .tool span {
        display: none;
    }

    .topbar .wrap {
        justify-content: flex-end;
    }

    .brand-row {
        min-height: 4rem;
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }

    .brand {
        font-size: 2rem;
    }

    .brand img {
        max-height: 2.25rem;
    }

    .tagline {
        display: none;
    }

    .masthead-account span {
        display: none;
    }

    .masthead-account {
        width: 2.5rem;
        padding: 0;
        justify-content: center;
    }

    .masthead-subscribe {
        min-height: 2.5rem;
        padding: 0.4rem 0.9rem;
    }

    .nav .nav-brand {
        display: none;
    }

    .nav.is-stuck .nav-brand {
        display: flex;
    }

    .nav-toggle span {
        display: none;
    }

    .ticker-inner {
        border-radius: var(--radius-lg);
    }

    .ticker-more {
        display: none;
    }

    .ticker-label {
        padding: 0 0.7rem;
    }

    .headline-grid,
    .headline-grid.is-two,
    .split,
    .numbered .t-lead,
    .listing-lead .t-lead,
    .section .listing-lead .t-lead {
        grid-template-columns: minmax(0, 1fr);
    }

    .headline-right,
    .split-grid {
        margin-top: 1.5rem;
        padding-top: 1.5rem;
        border-top: 1px solid var(--rule);
    }

    .headline-left .rule-list {
        grid-template-columns: minmax(0, 1fr);
    }

    .numbered .t-lead .t-media,
    .listing-lead .t-lead .t-media {
        margin-bottom: 0.85rem;
    }

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

    .cols > .t:not(:first-child) {
        padding-top: 1.5rem;
        border-top: 1px solid var(--rule);
    }

    .cols-4 > .t-small:not(:first-child),
    .cols-3 > .t-small:not(:first-child) {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 6rem;
        gap: 1rem;
    }

    .cols-4 > .t-small:not(:first-child) .t-media,
    .cols-3 > .t-small:not(:first-child) .t-media {
        order: 2;
        margin: 0;
    }

    .cols-4 > .t-small:not(:first-child) .t-media img,
    .cols-3 > .t-small:not(:first-child) .t-media img {
        aspect-ratio: 1;
    }

    .section {
        margin-top: 2.5rem;
    }

    .band-soft,
    .band-ink {
        margin-top: 2.5rem;
        padding: 0.25rem 1rem 1.5rem;
    }

    .listing .t-thumb {
        grid-template-columns: minmax(0, 1fr) 6.5rem;
        gap: 1rem;
    }

    .listing .t-thumb .t-title {
        font-size: 1.0625rem;
    }

    .listing .t-thumb .t-media img {
        aspect-ratio: 1;
    }

    .profile {
        grid-template-columns: 5rem minmax(0, 1fr);
        gap: 1rem;
    }

    .profile .portrait,
    .profile .portrait-empty {
        width: 5rem;
        height: 5rem;
        font-size: 2rem;
    }

    .page-header {
        padding-top: 1.75rem;
    }

    .story .article-body {
        font-size: calc(1.125rem * var(--read-scale, 1));
    }

    .byline {
        align-items: flex-start;
        flex-direction: column;
    }

    .share-label,
    .share .share-text {
        display: none;
    }

    .story-tools {
        flex-wrap: nowrap;
    }

    .share {
        flex: 1;
        flex-wrap: nowrap;
        min-width: 0;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .share::-webkit-scrollbar {
        display: none;
    }

    .font-size {
        flex: none;
        flex-wrap: nowrap;
    }

    .next-story strong {
        font-size: 1.125rem;
    }

    .carousel-track {
        grid-auto-columns: 85%;
    }

    .home-aside {
        grid-column: 1 / -1;
    }

    .mk {
        min-width: 7.5rem;
    }

    .mosaic-grid {
        grid-template-columns: 1fr;
    }

    .mosaic-item img {
        aspect-ratio: 16 / 9;
    }

    .masthead-list > div {
        grid-template-columns: minmax(0, 1fr);
        gap: 0.25rem;
    }

    .consent {
        right: 0.5rem;
        bottom: 0.5rem;
        left: 0.5rem;
    }

    .consent-inner {
        grid-template-columns: minmax(0, 1fr);
        gap: 0.85rem;
        padding: 1rem;
    }

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

    .consent-actions .button {
        padding: 0.5rem;
    }

    .edition-today,
    .edition-issue,
    .edition-layout,
    .podcast-hero,
    .checkout {
        grid-template-columns: minmax(0, 1fr);
        gap: 1.5rem;
    }

    .edition-today .edition-cover,
    .edition-issue .edition-cover {
        max-width: 16rem;
    }

    .edition-calendar > ul {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem 1.5rem;
    }

    .podcast-hero > .podcast-cover {
        max-width: 11rem;
    }

    .podcast-row {
        grid-template-columns: 3.75rem minmax(0, 1fr);
    }

    .podcast-row-play {
        display: none;
    }

    .checkout-summary {
        position: static;
    }

    .member-card {
        padding: 1.5rem;
    }

    .footer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 2rem 1.5rem;
    }

    .footer-grid > :first-child {
        grid-column: 1 / -1;
    }
}

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

    .masthead-subscribe .icon {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        transition: none !important;
        animation: none !important;
    }
}

/* Yazdırma: yalnızca logo ve haberin kendisi (başlık, spot, künye, ana görsel, metin,
   düzeltmeler). Site gezinmesi, reklam, oynatıcı, tepki ve yorumlar basılmaz. */
@media print {
    @page {
        margin: 16mm 14mm;
    }

    body.site > :not(.masthead):not(main),
    .masthead-actions,
    .tagline,
    main > :not(.layout-aside),
    .layout-aside > :not(.story),
    .story > :not(.article-head):not(.article-lead):not(.story-gallery):not(.article-body):not(.live):not(.replies):not(.corrections),
    .breadcrumb,
    .ad,
    .ad-row,
    .ad-slot,
    .b-embed,
    .podcast-player,
    .live-actions,
    .read-progress {
        display: none !important;
    }

    html,
    body.site {
        background: #ffffff !important;
        color: #000000;
    }

    .masthead {
        padding: 0 0 4mm;
        border-bottom: 1pt solid #000000;
        margin-bottom: 6mm;
    }

    .brand img {
        max-height: 12mm;
        width: auto;
    }

    .brand-logo-dark {
        display: none !important;
    }

    .wrap {
        max-width: none;
        padding: 0;
    }

    .layout-aside,
    .story {
        display: block;
        max-width: none;
        margin: 0;
    }

    .article-title {
        font-size: 22pt;
    }

    .article-spot {
        font-size: 13pt;
    }

    .article-body {
        font-size: 11.5pt;
        line-height: 1.55;
    }

    .article-lead img {
        max-height: 95mm;
        width: auto;
        border-radius: 0;
    }

    .article-body h2,
    .article-body h3 {
        break-after: avoid;
    }

    .article-body figure,
    .article-body blockquote {
        break-inside: avoid;
    }

    .article-body a::after {
        font-size: 0.8em;
        word-break: break-all;
        content: " (" attr(href) ")";
    }
}

.plans-note .icon,
.member-notice p .icon {
    flex: none;
    width: 1rem;
    height: 1rem;
    margin-top: 0.2rem;
    margin-top: calc((1lh - 1rem) / 2);
}

.podcast-related .icon {
    flex: none;
    width: 1rem;
    height: 1rem;
    margin-top: 0.2rem;
    margin-top: calc((1lh - 1rem) / 2);
}

/* Görsel zenginlik: zemin ışığı, bölüm rozetleri, manşet ---------------- */

body.site {
    background:
        radial-gradient(72rem 28rem at 50% -10rem, color-mix(in srgb, var(--accent) 7%, transparent), transparent 70%) no-repeat,
        var(--paper);
}

.masthead {
    background: transparent;
}

.section-head {
    position: relative;
    border-bottom: 0;
    background: linear-gradient(var(--rule), var(--rule)) left bottom / 100% 1px no-repeat;
}

.section-head::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 4.5rem;
    height: 3px;
    border-radius: 3px;
    background: var(--cat, var(--accent));
    content: "";
}

.section-head:empty::after {
    display: none;
}

.section-title.has-icon::before,
.strip-head.has-icon::before {
    display: none;
}

.section-icon {
    display: inline-grid;
    flex: none;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border-radius: 10px;
    background: color-mix(in srgb, var(--cat, var(--accent)) 12%, var(--surface));
    color: var(--cat, var(--accent));
}

.section-icon .icon {
    width: 1.05rem;
    height: 1.05rem;
}

.home-aside .section-icon,
.aside .section-icon {
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 8px;
}

.home-aside .section-icon .icon,
.aside .section-icon .icon {
    width: 0.95rem;
    height: 0.95rem;
}

.band-ink .section-icon {
    background: rgb(255 255 255 / 0.08);
    color: #ffffff;
}

/* Manşet: fotoğraf üzerine yazılan büyük haber ve yan liste */

.headline-hero {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    gap: 1.75rem;
    align-items: stretch;
}

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

.t-hero {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 32rem;
    overflow: hidden;
    border-radius: var(--radius-lg);
    background: var(--bar);
    color: #ffffff;
    isolation: isolate;
}

.t-hero .t-media {
    position: absolute;
    inset: 0;
    z-index: -1;
    margin: 0;
    border-radius: 0;
}

.t-hero .t-media img {
    height: 100%;
    aspect-ratio: auto;
}

.t-hero .t-body {
    padding: 7rem 2rem 1.9rem;
    background: linear-gradient(to top, rgb(0 0 0 / 0.9), rgb(0 0 0 / 0.62) 45%, transparent);
}

.t-hero .t-title,
.t-hero .t-title a {
    color: #ffffff;
}

.t-hero .t-title {
    font-size: clamp(1.9rem, 3vw, 2.85rem);
    text-shadow: 0 1px 18px rgb(0 0 0 / 0.35);
}

.t-hero .t-spot {
    max-width: 44rem;
    color: rgb(255 255 255 / 0.86);
}

.t-hero .t-meta {
    color: rgb(255 255 255 / 0.7);
}

.t-hero .t-kicker .kicker-cat {
    color: #ffffff;
}

.t-hero .t-kicker .kicker-cat {
    padding-left: 0.5rem;
    border-left: 3px solid var(--cat, var(--accent));
}

.t-hero .t-play {
    top: 1rem;
    bottom: auto;
    left: 1rem;
}

.hero-side {
    display: grid;
    align-content: space-between;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.hero-side > li {
    padding: 1rem 0;
    border-top: 1px solid var(--rule);
}

.hero-side > li:first-child {
    padding-top: 0;
    border-top: 0;
}

.hero-side > li:last-child {
    padding-bottom: 0;
}

.t-side {
    grid-template-columns: 7.5rem minmax(0, 1fr);
}

.t-side .t-media {
    order: 0;
}

.t-side .t-media img {
    aspect-ratio: 4 / 3;
}

.t-side .t-title {
    font-size: 1.0625rem;
}

.t-side .t-meta {
    margin-top: 0.4rem;
}

.hero-more {
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px solid var(--rule);
}

/* Zaman akışı: zaman çizgisi noktaları */

.timeline li {
    position: relative;
    grid-template-columns: 4.5rem minmax(0, 1fr);
    gap: 1.6rem;
}

.timeline li::before {
    position: absolute;
    top: calc(1.5rem - 1px);
    left: 4.99rem;
    width: 0.625rem;
    height: 2px;
    background: var(--rule-strong);
    content: "";
}

.timeline .is-new::before {
    background: var(--accent);
}

/* En çok okunanlar: konturlu büyük sıra numaraları */

.ranked li {
    grid-template-columns: 2.6rem minmax(0, 1fr);
}

.ranked li::before {
    color: transparent;
    font: 800 2rem/0.95 var(--sans);
    -webkit-text-stroke: 1.5px var(--accent);
}

.ranked li:nth-child(-n + 3)::before {
    color: var(--accent);
    -webkit-text-stroke: 0;
}

/* Liste sayfası başlığı: desenli, ışıklı kart */

.page-header {
    position: relative;
    margin-top: 1.5rem;
    padding: 2.5rem 2.25rem 2rem;
    overflow: hidden;
    border: 1px solid var(--rule);
    border-radius: 20px;
    background:
        radial-gradient(40rem 16rem at 100% 0%, color-mix(in srgb, var(--accent) 11%, transparent), transparent 70%),
        var(--surface);
}

.page-header::after {
    position: absolute;
    top: 1.25rem;
    right: 1.5rem;
    width: 10rem;
    height: 6.5rem;
    background-image: radial-gradient(color-mix(in srgb, var(--accent) 40%, transparent) 1.2px, transparent 1.5px);
    background-size: 12px 12px;
    content: "";
    -webkit-mask-image: linear-gradient(to left, #000000, transparent);
    mask-image: linear-gradient(to left, #000000, transparent);
    pointer-events: none;
}

.page-header > * {
    position: relative;
    z-index: 1;
}

.listing {
    margin-top: 2.25rem;
}

/* Haber sayfası: okuma ilerlemesi */

.read-progress {
    position: fixed;
    inset: 0 0 auto;
    z-index: 70;
    height: 3px;
    background: linear-gradient(90deg, var(--accent-strong), color-mix(in srgb, var(--accent) 60%, #ff9f43));
    transform: scaleX(0);
    transform-origin: 0 50%;
    animation: read-progress linear both;
    animation-timeline: scroll(root);
}

@keyframes read-progress {
    to { transform: scaleX(1); }
}

@supports not (animation-timeline: scroll()) {
    .read-progress {
        display: none;
    }
}

/* Alt bilgi: marka şeridi */

.footer {
    box-shadow: inset 0 3px 0 var(--accent-strong);
}

/* Kart ayrıntıları */

.cols > .t-small .t-media,
.split-grid .t-media,
.hero-more .t-media {
    box-shadow: var(--shadow-sm);
}

.columnist,
.cs-item,
.widget,
.home-aside > .section,
.layout-aside > .aside {
    box-shadow: var(--shadow-sm);
}

@media (max-width: 1080px) {
    .headline-hero {
        grid-template-columns: minmax(0, 1fr);
    }

    .t-hero {
        min-height: 26rem;
    }

    .hero-side {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.25rem 1.5rem;
    }

    .hero-side > li,
    .hero-side > li:first-child {
        padding: 0;
        border: 0;
    }
}

@media (max-width: 760px) {
    .t-hero {
        min-height: 24rem;
        border-radius: var(--radius);
    }

    .t-hero .t-body {
        padding: 5rem 1.1rem 1.25rem;
    }

    .t-hero .t-spot {
        display: none;
    }

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

    .hero-side > li {
        padding: 1rem 0;
        border-top: 1px solid var(--rule);
    }

    .hero-side > li:first-child {
        border-top: 0;
    }

    .t-side {
        grid-template-columns: 6rem minmax(0, 1fr);
    }

    .page-header {
        margin-top: 1rem;
        padding: 1.75rem 1.25rem 1.5rem;
        border-radius: var(--radius-lg);
    }

    .page-header::after {
        width: 6rem;
        height: 4rem;
    }

    .timeline li {
        grid-template-columns: 4rem minmax(0, 1fr);
        gap: 1.4rem;
    }

    .timeline li::before {
        left: 4.45rem;
    }
}

/* Erişilebilirlik: kontrast güvenceleri */

.ticker .ticker-label {
    color: var(--on-accent);
}

.band-ink .kicker-cat {
    color: color-mix(in srgb, var(--cat, #cdcdca) 45%, #ffffff);
}
.widget-prayer .is-next dt {
    color: var(--ink-soft);
}

/* Performans: ekran dışındaki büyük bölümler görünür alana yaklaşana kadar
   hesaplanmaz ve çizilmez. Yükseklik bir kez ölçülünce tarayıcı onu hatırlar. */

.home > .section:not(.headline),
.home > .home-aside,
.home > .ad-row,
.related,
.comments,
.footer {
    content-visibility: auto;
    contain-intrinsic-block-size: auto 640px;
}

.footer {
    contain-intrinsic-block-size: auto 520px;
}

/* Dil seçici: üst banttaki dil kodları; geçerli dil vurgu rengiyle işaretlenir. */

.lang-switch {
    display: inline-flex;
    flex: none;
    align-items: center;
    gap: 0.35rem;
    margin-left: 0.4rem;
    padding-left: 0.6rem;
    border-left: 1px solid rgb(255 255 255 / 0.16);
    color: #bdb7ad;
}

.lang-switch > .icon {
    width: 0.95rem;
    height: 0.95rem;
}

.lang-list {
    display: flex;
    align-items: center;
    gap: 0.125rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.lang-link {
    display: inline-flex;
    align-items: center;
    min-height: 1.625rem;
    padding: 0.2rem 0.5rem;
    border: 1px solid transparent;
    border-radius: var(--radius-pill);
    color: #d4d4d1;
    font: 600 0.75rem/1 var(--sans);
    letter-spacing: 0.04em;
    transition: background-color 140ms var(--ease), color 140ms var(--ease);
}

.lang-link:hover {
    background: rgb(255 255 255 / 0.08);
    color: #ffffff;
}

.lang-link[aria-current="true"] {
    border-color: var(--accent);
    background: var(--accent);
    color: var(--on-accent);
}

@media (max-width: 760px) {
    .lang-switch {
        margin-left: 0.2rem;
        padding-left: 0.4rem;
    }

    .lang-switch > .icon {
        display: none;
    }
}

/* =====================================================================
   Haber sitesi görünümü (1.1): Türkiye'deki haber sitelerinin alışılmış
   düzeni. Kalın başlıklar, görselin köşesinde kategori renginde etiket,
   gölgeli beyaz kartlar, kayan numaralı manşet, logo satırında piyasa ve
   hava özeti. Başlık kalınlığı ve köşe yazısı biçemi tema yazı tipi
   takımından gelir (--heading-weight, --column-style).
   ===================================================================== */

body.site {
    background: var(--paper);
}

.t-title,
.article-title,
.hs-title,
.mosaic-title,
.cs-text h3,
.ticker a {
    font-weight: var(--heading-weight, 700);
}

.t-genre-yorum .t-title,
.t-kose .t-title,
.story-column .article-title {
    font-style: var(--column-style, italic);
}

/* Logo satırı: logo, piyasa ve hava özeti, üyelik */

.masthead {
    background: var(--surface);
}

.brand-row {
    min-height: 5.25rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.hdr-services {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    margin-left: auto;
}

.hdr-markets {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.hm a {
    display: grid;
    gap: 0.15rem;
}

.hm-label {
    color: var(--ink-muted);
    font: 600 0.75rem/1.2 var(--sans);
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.hm-row {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.hm-value {
    color: var(--ink);
    font: 700 1.0625rem/1.2 var(--sans);
    font-variant-numeric: tabular-nums;
}

.hm-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.1rem;
    padding: 0.15rem 0.35rem;
    border-radius: 4px;
    background: var(--ink-muted);
    color: #ffffff;
    font: 700 0.6875rem/1.2 var(--sans);
    font-variant-numeric: tabular-nums;
}

.hm-chip .icon {
    width: 0.7rem;
    height: 0.7rem;
    stroke-width: 2.5;
}

.hm-up .hm-chip {
    background: #15803d;
}

.hm-down .hm-chip {
    background: #c8102e;
}

.hm a:hover .hm-value {
    color: var(--accent);
}

.hdr-weather {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin: 0;
    padding-left: 1.5rem;
    border-left: 1px solid var(--rule);
}

.hdr-weather > .icon {
    width: 2.1rem;
    height: 2.1rem;
    color: var(--ink-muted);
    stroke-width: 1.4;
}

.hdr-weather > span {
    display: grid;
    gap: 0.15rem;
}

.hw-place {
    color: var(--ink-muted);
    font: 600 0.75rem/1.2 var(--sans);
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.hw-now {
    color: var(--ink);
    font: 600 0.9375rem/1.2 var(--sans);
    white-space: nowrap;
}

.hdr-services + .masthead-actions {
    padding-left: 1.5rem;
    border-left: 1px solid var(--rule);
}

/* Ana menü: kalın bölüm adları, altta vurgu çizgisi */

.nav {
    border-top: 1px solid var(--rule);
    border-bottom: 3px solid var(--accent-strong);
    background: var(--surface);
}

@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)) {
    .nav {
        background: color-mix(in srgb, var(--surface) 94%, transparent);
    }
}

.nav-link {
    padding: 0 0.85rem;
    color: var(--ink);
    font: 700 1rem/1 var(--sans);
}

.nav-link::after {
    right: 0.85rem;
    bottom: -3px;
    left: 0.85rem;
    height: 3px;
    border-radius: 0;
}

.nav-link:hover,
.nav-link[aria-current="page"] {
    color: var(--accent);
}

.nav .nav-search {
    display: inline-flex;
}

/* Son dakika bandı */

.ticker-inner {
    gap: 0;
    min-height: 2.75rem;
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--rule);
    border-radius: 6px;
    background: var(--surface);
    box-shadow: var(--shadow-sm);
}

.ticker-label {
    align-self: stretch;
    min-height: 2.75rem;
    margin-right: 0.9rem;
    padding: 0 1rem;
    border-radius: 0;
    font: 800 0.8125rem/1 var(--sans);
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.ticker a {
    font: var(--heading-weight, 700) 0.9875rem var(--sans);
}

.ticker-more {
    margin-right: 0.35rem;
}

/* Bölüm başlığı: kategori renginde etiket ve ince çizgi */

.section-head {
    margin-bottom: 1.1rem;
    padding-bottom: 0;
    background: linear-gradient(var(--cat, var(--accent-strong)), var(--cat, var(--accent-strong))) left bottom / 100% 2px no-repeat;
}

.section-head::after {
    display: none;
}

.section-title {
    gap: 0.45rem;
    padding: 0.5rem 0.95rem 0.45rem;
    border-radius: 4px 4px 0 0;
    background: var(--cat, var(--accent-strong));
    color: #ffffff;
    font: 800 1rem/1.2 var(--sans);
    letter-spacing: 0.01em;
}

.section-title a,
.section-title a:hover {
    color: inherit;
}

.section-title::before {
    display: none;
}

.section-head .section-icon,
.home-aside .section-head .section-icon,
.aside .section-head .section-icon {
    width: auto;
    height: auto;
    border-radius: 0;
    background: none;
    color: inherit;
}

.section-head .section-icon .icon {
    width: 1rem;
    height: 1rem;
}

.section-more {
    margin-bottom: 0.35rem;
    padding: 0.25rem 0;
    border: 0;
    border-radius: 0;
    color: var(--accent);
    font-weight: 700;
}

.section-more:hover {
    color: var(--ink);
}

.strip-head {
    padding-bottom: 0;
    border-bottom: 2px solid var(--accent-strong);
}

.strip-head::before,
.strip-head .section-icon {
    display: none;
}

.strip-head > a {
    padding: 0.5rem 0.95rem 0.45rem;
    border-radius: 4px 4px 0 0;
    background: var(--accent-strong);
    color: #ffffff;
    font: 800 1rem/1.2 var(--sans);
}

/* Haber kartları: gölgeli beyaz kart, görselin köşesinde kategori etiketi,
   başlığın üstünde tarih */

.t-badge {
    position: absolute;
    top: 0.6rem;
    right: 0.6rem;
    z-index: 1;
    max-width: calc(100% - 1.2rem);
    overflow: hidden;
    padding: 0.3rem 0.55rem;
    border-radius: 3px;
    background: var(--cat, var(--accent-strong));
    color: #ffffff;
    font: 800 0.6875rem/1.1 var(--sans);
    letter-spacing: 0.03em;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.has-badge .t-kicker .kicker-cat {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

.has-badge .t-kicker:not(:has(.is-breaking, .is-sponsored)) {
    margin: 0;
}

.cols > .t-small,
.split-grid > .t-small,
.hero-more > .t-small {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 6px;
    background: var(--surface);
    box-shadow: 0 1px 2px rgb(20 18 15 / 0.06), 0 6px 18px -8px rgb(20 18 15 / 0.22);
    transition: box-shadow 180ms var(--ease), transform 180ms var(--ease);
}

.cols > .t-small:hover,
.split-grid > .t-small:hover,
.hero-more > .t-small:hover {
    box-shadow: 0 2px 4px rgb(20 18 15 / 0.08), 0 14px 28px -12px rgb(20 18 15 / 0.32);
    transform: translateY(-2px);
}

.cols > .t-small .t-media,
.split-grid > .t-small .t-media,
.hero-more > .t-small .t-media {
    margin: 0;
    border-radius: 0;
    box-shadow: none;
}

.cols > .t-small .t-body,
.split-grid > .t-small .t-body,
.hero-more > .t-small .t-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 0.85rem 1rem 1.05rem;
}

.t-small .t-meta {
    order: -1;
    gap: 0.35rem;
    margin: 0 0 0.45rem;
    color: var(--accent);
    font-size: 0.75rem;
}

.t-small .t-meta .icon {
    width: 0.85rem;
    height: 0.85rem;
}

.t-small .t-meta > :not(:last-child)::after {
    display: none;
}

.t-small .t-title {
    display: -webkit-box;
    overflow: hidden;
    font-size: 1.0625rem;
    line-height: 1.32;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
}

.cols.ruled {
    gap: 1.25rem;
}

.cols.ruled > * {
    padding: 0;
    border: 0;
}

.cols.ruled > *::before,
.cols.ruled > *::after {
    display: none;
}

/* Kayan manşet ------------------------------------------------------- */

.hs {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
    margin-top: 1.25rem;
}

.hs.has-side {
    grid-template-columns: minmax(0, 2.05fr) minmax(0, 1fr);
}

.hs-main {
    min-width: 0;
    overflow: hidden;
    border-radius: 6px;
    background: #111214;
    box-shadow: 0 10px 30px -16px rgb(0 0 0 / 0.5);
}

.hs-stage {
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    isolation: isolate;
}

.hs-slide {
    position: absolute;
    inset: 0;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
}

.hs-slide.is-current {
    z-index: 2;
    visibility: visible;
    opacity: 1;
}

.hs-slide.is-leaving {
    z-index: 1;
    visibility: visible;
}

.hs-link {
    display: block;
    height: 100%;
    color: #ffffff;
}

.hs-slide img,
.hs-card img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hs-caption {
    position: absolute;
    inset: auto 0 0;
    padding: 5rem 1.75rem 1.4rem;
    background: linear-gradient(to top, rgb(0 0 0 / 0.88), rgb(0 0 0 / 0.55) 55%, transparent);
}

.hs-title {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    color: #ffffff;
    font: var(--heading-weight, 700) clamp(1.4rem, 2.5vw, 2.25rem)/1.15 var(--serif);
    letter-spacing: -0.015em;
    text-shadow: 0 2px 16px rgb(0 0 0 / 0.4);
    text-wrap: balance;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
}

.hs-badge {
    position: absolute;
    top: 0.85rem;
    right: 0.85rem;
    z-index: 3;
    padding: 0.35rem 0.65rem;
    border-radius: 3px;
    background: var(--cat, var(--accent-strong));
    color: #ffffff;
    font: 800 0.75rem/1.1 var(--sans);
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.hs-badge.is-breaking-badge {
    background: var(--accent-strong);
}

.hs-link:hover .hs-title,
.hs-card a:hover .hs-title {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 5px;
}

/* Geçiş: yeni haber yandan kayarak gelir, eskisi solar; görsel yavaşça uzaklaşır. */

[data-hs].is-moving .hs-slide.is-current {
    animation: hs-in-next 700ms var(--ease) both;
}

[data-hs][data-direction="prev"] .hs-slide.is-current {
    animation-name: hs-in-prev;
}

[data-hs].is-moving .hs-slide.is-leaving {
    animation: hs-out 700ms var(--ease) both;
}

[data-hs].is-moving .hs-slide.is-current img {
    animation: hs-zoom 7s ease-out both;
}

@keyframes hs-in-next {
    from { opacity: 0; transform: translateX(6%); }
    to { opacity: 1; transform: none; }
}

@keyframes hs-in-prev {
    from { opacity: 0; transform: translateX(-6%); }
    to { opacity: 1; transform: none; }
}

@keyframes hs-out {
    from { opacity: 1; }
    to { opacity: 0; }
}

@keyframes hs-zoom {
    from { transform: scale(1.06); }
    to { transform: scale(1); }
}

.hs-arrow {
    position: absolute;
    top: 50%;
    z-index: 4;
    display: grid;
    place-items: center;
    width: 2.75rem;
    height: 2.75rem;
    border: 0;
    border-radius: 50%;
    background: rgb(0 0 0 / 0.38);
    color: #ffffff;
    cursor: pointer;
    opacity: 0;
    transform: translateY(-50%);
    transition: opacity 180ms var(--ease), background-color 140ms var(--ease);
}

.hs-prev {
    left: 0.85rem;
}

.hs-next {
    right: 0.85rem;
}

.hs-arrow .icon {
    width: 1.5rem;
    height: 1.5rem;
    stroke-width: 2.25;
}

.hs-main:hover .hs-arrow,
.hs-arrow:focus-visible {
    opacity: 1;
}

.hs-arrow:hover {
    background: var(--accent-strong);
}

@media (hover: none) {
    .hs-arrow {
        opacity: 1;
    }
}

.hs-bar {
    display: flex;
    align-items: stretch;
    background: #17181b;
}

.hs-pager {
    display: flex;
    flex: 1;
    min-width: 0;
    margin: 0;
    padding: 0;
    overflow-x: auto;
    list-style: none;
    scrollbar-width: none;
}

.hs-pager::-webkit-scrollbar {
    display: none;
}

.hs-pager li {
    flex: 1 0 2.4rem;
}

.hs-pager a {
    display: grid;
    place-items: center;
    height: 2.6rem;
    border-right: 1px solid rgb(255 255 255 / 0.07);
    color: #c9c9cc;
    font: 700 0.9375rem/1 var(--sans);
    font-variant-numeric: tabular-nums;
    transition: background-color 140ms var(--ease), color 140ms var(--ease);
}

.hs-pager a:hover {
    background: rgb(255 255 255 / 0.08);
    color: #ffffff;
}

.hs-pager a[aria-current="true"] {
    background: var(--accent-strong);
    color: #ffffff;
}

.hs-pause {
    display: grid;
    flex: none;
    place-items: center;
    width: 2.6rem;
    border: 0;
    background: #0e0f11;
    color: #c9c9cc;
    cursor: pointer;
}

.hs-pause:hover {
    color: #ffffff;
}

.hs-pause .icon {
    width: 0.95rem;
    height: 0.95rem;
}

.hs-icon-play,
.hs-pause[aria-pressed="true"] .hs-icon-pause {
    display: none;
}

.hs-pause[aria-pressed="true"] .hs-icon-play {
    display: inline-block;
}

.hs-side {
    display: grid;
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.hs-side > li {
    min-height: 0;
}

.hs-card {
    position: relative;
    height: 100%;
    overflow: hidden;
    border-radius: 6px;
    background: #111214;
    box-shadow: 0 10px 30px -16px rgb(0 0 0 / 0.5);
}

.hs-card a {
    display: block;
    height: 100%;
    min-height: 11rem;
    color: #ffffff;
}

.hs-card img {
    position: absolute;
    inset: 0;
    transition: transform 600ms var(--ease);
}

.hs-card a:hover img {
    transform: scale(1.04);
}

.hs-card .hs-caption {
    padding: 3.5rem 1.1rem 1rem;
}

.hs-card .hs-title {
    font-size: clamp(1.05rem, 1.4vw, 1.3rem);
    line-height: 1.22;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.hs-card .hs-badge {
    top: 0.65rem;
    right: 0.65rem;
    font-size: 0.6875rem;
}

@media (prefers-reduced-motion: reduce) {
    [data-hs].is-ready .hs-slide.is-current,
    [data-hs].is-ready .hs-slide.is-leaving,
    [data-hs].is-ready .hs-slide.is-current img {
        animation: none;
    }
}

/* Piyasalar şeridi: değişim yönü renkli rozetle */

.markets {
    border-radius: 6px;
    box-shadow: var(--shadow-sm);
}

.mk-label {
    color: var(--ink);
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.markets-list .mk-change {
    justify-self: start;
    padding: 0.1rem 0.4rem;
    border-radius: 4px;
    background: var(--paper-raised);
    font-weight: 700;
}

.markets-list .mk-up .mk-change {
    background: #15803d;
    color: #ffffff;
}

.markets-list .mk-down .mk-change {
    background: #c8102e;
    color: #ffffff;
}

/* Piyasalar sayfası: gösterge kartları */

.market-cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
    gap: 1rem;
    margin: 1.75rem 0 1.25rem;
    padding: 0;
    list-style: none;
}

.market-card {
    position: relative;
    padding: 1.1rem 1.25rem 1.2rem;
    overflow: hidden;
    border: 1px solid var(--rule);
    border-radius: var(--radius-lg);
    background: var(--surface);
    box-shadow: var(--shadow-sm);
}

.market-card::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: var(--ink-muted);
    content: "";
}

.market-card.mk-up::before {
    background: var(--up);
}

.market-card.mk-down::before {
    background: var(--down);
}

.market-card-label {
    margin: 0;
    color: var(--ink-muted);
    font: 800 0.8125rem/1.2 var(--sans);
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.market-card-value {
    margin: 0.4rem 0 0.6rem;
    color: var(--ink);
    font: 800 1.75rem/1.1 var(--sans);
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.01em;
}

.market-card-change {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    font: 600 0.875rem/1.2 var(--sans);
    font-variant-numeric: tabular-nums;
}

.market-card-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.15rem;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    background: var(--paper-raised);
    color: var(--ink-soft);
    font-weight: 800;
}

.market-card-chip .icon {
    width: 0.85rem;
    height: 0.85rem;
    stroke-width: 2.5;
}

.mk-up .market-card-chip {
    background: #15803d;
    color: #ffffff;
}

.mk-down .market-card-chip {
    background: #c8102e;
    color: #ffffff;
}

.market-card-delta {
    color: var(--ink-muted);
}

/* Yazarlar: renkli halkalı yuvarlak fotoğraf, vurgu renginde başlık */

.cs-item {
    border-radius: 6px;
}

.cs-photo {
    width: 5rem;
    height: 5rem;
    padding: 3px;
    background: conic-gradient(from 210deg, var(--accent-strong), #1d3f8f, var(--accent-strong));
    box-shadow: none;
}

.cs-photo img,
.cs-photo span {
    border: 3px solid var(--surface);
    border-radius: 50%;
}

.cs-photo span {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    background: var(--surface);
}

.cs-text h3 {
    font-size: 1.0625rem;
    line-height: 1.25;
}

.cs-text h3 a {
    color: var(--accent);
}

/* En çok okunanlar: koyu kutuda sıra numarası */

.ranked li {
    grid-template-columns: 2.25rem minmax(0, 1fr);
    align-items: start;
    gap: 0.85rem;
}

.ranked li::before {
    display: grid;
    place-items: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 4px;
    background: var(--ink);
    color: var(--surface);
    font: 800 1rem/1 var(--sans);
    -webkit-text-stroke: 0;
}

.ranked li:nth-child(-n + 3)::before {
    background: var(--accent-strong);
    color: #ffffff;
    -webkit-text-stroke: 0;
}

/* Yan kutular ve haber sayfası */

.home-aside > .section,
.layout-aside > .aside,
.widget-box {
    border-radius: 6px;
}

.story .article-kicker .kicker-cat {
    padding: 0.3rem 0.6rem;
    border-radius: 3px;
    background: var(--cat, var(--accent-strong));
    color: #ffffff;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.story .article-kicker .kicker-cat:hover {
    text-decoration: none;
    filter: brightness(1.1);
}

/* Dar ekranlar */

@media (max-width: 1180px) {
    .hdr-weather {
        display: none;
    }
}

@media (max-width: 1080px) {
    .hdr-services {
        display: none;
    }

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

    .hs-side {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: none;
    }

    .hs-card a {
        min-height: 0;
        aspect-ratio: 16 / 10;
    }
}

@media (max-width: 760px) {
    .hs {
        gap: 0.75rem;
        margin-top: 0.75rem;
    }

    .hs-main,
    .hs-card {
        border-radius: 4px;
    }

    .hs-stage {
        aspect-ratio: 4 / 3;
    }

    .hs-caption {
        padding: 3.5rem 1rem 0.9rem;
    }

    .hs-title {
        font-size: 1.3rem;
    }

    .hs-arrow {
        width: 2.25rem;
        height: 2.25rem;
    }

    .hs-side {
        gap: 0.75rem;
    }

    .hs-card .hs-caption {
        padding: 2.5rem 0.7rem 0.65rem;
    }

    .hs-card .hs-title {
        font-size: 0.9375rem;
        -webkit-line-clamp: 3;
        line-clamp: 3;
    }

    .hs-card .hs-badge {
        display: none;
    }

    .hs-pager li {
        flex-basis: 2.25rem;
    }

    .section-title {
        font-size: 0.9375rem;
    }
}

/* Köşeler: haber sitelerinde alışılmış az yuvarlatılmış kutular */

:root {
    --radius: 6px;
    --radius-lg: 8px;
}

.home > .section {
    margin-top: 2.5rem;
}

.mk {
    padding: 0.65rem 0.7rem;
}

.mk-value {
    font-size: 1rem;
}

/* Namaz vakitleri: sıradaki vakte kalan süre */

.prayer-left {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.25rem 0.75rem;
    margin: 0 0 0.75rem;
    padding: 0.6rem 0.85rem;
    border-radius: 6px;
    background: color-mix(in srgb, #15803d 10%, var(--surface));
    color: var(--ink-soft);
    font: 600 0.875rem/1.3 var(--sans);
}

.prayer-left strong {
    color: #15803d;
    font: 800 1.375rem/1 var(--sans);
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.02em;
}

.widget-prayer .is-next {
    background: #15803d;
    color: #ffffff;
}

.widget-prayer .is-next dt,
.widget-prayer .is-next dd {
    color: #ffffff;
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) .prayer-left strong {
        color: #4ade80;
    }
}

:root[data-theme="dark"] .prayer-left strong {
    color: #4ade80;
}
/* Mobil: kategoriler yatay kaydırılan şerit; menü düğmesi tam listeyi açar */

@media (max-width: 1023px) {
    .nav[data-collapsible]:not(.is-open) .nav-list {
        display: flex;
        flex: 1;
        gap: 0;
        overflow-x: auto;
        scrollbar-width: none;
        -webkit-mask-image: linear-gradient(to right, #000000 85%, transparent);
        mask-image: linear-gradient(to right, #000000 85%, transparent);
    }

    .nav[data-collapsible]:not(.is-open) .nav-list::-webkit-scrollbar {
        display: none;
    }

    .nav[data-collapsible]:not(.is-open) .nav-panel,
    .nav[data-collapsible]:not(.is-open) .nav-more {
        display: none !important;
    }

    .nav[data-collapsible]:not(.is-open) .nav-link {
        padding: 0 0.7rem;
        font-size: 0.9375rem;
    }

    .nav[data-collapsible]:not(.is-open) .nav-link::after {
        right: 0.7rem;
        left: 0.7rem;
    }

    .nav[data-collapsible]:not(.is-open) .nav-brand {
        display: none;
    }

    .nav-search {
        margin-left: 0;
    }
}

/* Mobil kartlar: solda görsel, sağda tarih ve başlık */

@media (max-width: 760px) {
    .cols > .t.t-small:not(:first-child) {
        padding-top: 0;
        border-top: 0;
    }

    .cols-4 > .t-small:not(:first-child),
    .cols-3 > .t-small:not(:first-child) {
        display: grid;
        grid-template-columns: 8rem minmax(0, 1fr);
        gap: 0;
    }

    .cols-4 > .t-small:not(:first-child) .t-media,
    .cols-3 > .t-small:not(:first-child) .t-media {
        order: 0;
        height: 100%;
    }

    .cols-4 > .t-small:not(:first-child) .t-media img,
    .cols-3 > .t-small:not(:first-child) .t-media img {
        height: 100%;
        min-height: 6.5rem;
        aspect-ratio: auto;
    }

    .cols-4 > .t-small:not(:first-child) .t-body,
    .cols-3 > .t-small:not(:first-child) .t-body {
        padding: 0.7rem 0.85rem 0.8rem;
    }

    .cols-4 > .t-small:not(:first-child) .t-badge,
    .cols-3 > .t-small:not(:first-child) .t-badge {
        display: none;
    }

    .cols-4 > .t-small:not(:first-child) .t-title,
    .cols-3 > .t-small:not(:first-child) .t-title {
        font-size: 0.98rem;
    }

    .cols.ruled {
        gap: 0.85rem;
    }
}
/* Haber sayfası: alt bölümler de sütunu tam doldurur (sola yaslı dar blok kalmaz). */

.story .article-toc,
.story .article-podcast,
.story .live,
.story .replies,
.story .corrections,
.story .reactions,
.story .tags,
.story .author-box,
.story .next-story,
.story .comments,
.story .paywall {
    max-width: none;
}
/* E-gazete: kapak solda, bilgiler kartta; başlık kutusuyla arasında boşluk */

.edition-panel {
    grid-template-columns: minmax(0, 19rem) minmax(0, 1fr);
    gap: 2.25rem;
    margin: 1.75rem 0 2.5rem;
    padding: 1.75rem;
    border: 1px solid var(--rule);
    border-radius: var(--radius-lg);
    background: var(--surface);
    box-shadow: var(--shadow-sm);
}

.edition-panel .edition-cover-large {
    box-shadow: 0 18px 40px -22px rgb(0 0 0 / 0.55);
}

.edition-panel .edition-cover-large:hover {
    transform: none;
}

.edition-today-text,
.edition-issue-text {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.edition-today-text .page-kicker {
    margin-top: 0;
}

.edition-today-title {
    font-weight: var(--heading-weight, 700);
}

.edition-today-title a:hover {
    color: var(--accent);
}

.edition-panel .meta {
    color: var(--ink-muted);
    font-size: 0.875rem;
}

.edition-panel .button-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-top: 1.25rem;
}

.edition-panel .button {
    border-radius: var(--radius);
}

.edition-panel .button:not(.button-outline) {
    border-color: var(--accent-strong);
    background: var(--accent-strong);
    color: var(--on-accent);
}

.edition-issue-text .facts {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
    gap: 0;
    margin: 0 0 1.5rem;
    overflow: hidden;
    border: 1px solid var(--rule);
    border-radius: var(--radius);
}

.edition-issue-text .facts > div {
    margin: 0;
    padding: 0.85rem 1rem;
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
}

.edition-issue-text .facts > div + div {
    border-left: 1px solid var(--rule);
}

.edition-issue-text .facts dt {
    color: var(--ink-muted);
    font: 600 0.75rem/1.3 var(--sans);
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.edition-issue-text .facts dd {
    margin: 0.25rem 0 0;
    font: 700 1rem/1.3 var(--sans);
}

.edition-summary {
    margin: 0;
    padding-left: 1rem;
    border-left: 3px solid var(--accent-strong);
    color: var(--ink-soft);
    font: 500 1rem/1.6 var(--sans);
}

.edition-panel .edition-nav {
    margin-top: auto;
    padding-top: 1.5rem;
}

.edition-layout {
    gap: 2rem;
}

.edition-calendar {
    align-self: start;
    padding: 1.25rem;
    border: 1px solid var(--rule);
    border-radius: var(--radius-lg);
    background: var(--surface);
}

.edition-grid {
    grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
    gap: 1.5rem 1.25rem;
}

.edition-grid > li {
    padding: 0.6rem 0.6rem 0.85rem;
    border-radius: var(--radius-lg);
    background: var(--surface);
    box-shadow: var(--shadow-sm);
    text-align: center;
}

.edition-grid .edition-cover {
    border-radius: 3px;
    box-shadow: none;
}

.edition-grid .edition-cover:hover {
    transform: none;
}

.edition-grid > li:hover {
    box-shadow: var(--shadow);
}

@media (max-width: 760px) {
    .edition-panel {
        grid-template-columns: minmax(0, 1fr);
        gap: 1.25rem;
        padding: 1rem;
    }

    .edition-panel .edition-cover-large {
        max-width: 15rem;
        margin: 0 auto;
    }

    .edition-issue-text .facts > div + div {
        border-left: 0;
    }

    .edition-issue-text .facts > div:nth-child(even) {
        border-left: 1px solid var(--rule);
    }
}
.hdr-services + .masthead-actions:not(:has(*)) {
    display: none;
}

@media (max-width: 760px) {
    .market-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.75rem;
    }

    .market-card {
        padding: 0.9rem 0.9rem 1rem 1.05rem;
    }

    .market-card-value {
        font-size: 1.3rem;
    }

    .market-card-delta {
        display: none;
    }
}

/* Resmi ilanlar: belge görünümlü ilan ve kartlı liste */

.ad-sheet {
    max-width: 58rem;
    margin: 1.25rem auto 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--rule);
    border-radius: var(--radius-lg);
    background: var(--surface);
    box-shadow: var(--shadow);
}

.ad-sheet .article-head {
    margin: 0;
}

.ad-sheet-band {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem 1rem;
    padding: 0.75rem 1.75rem;
    background: var(--bar);
    color: #ffffff;
    font: 600 0.8125rem/1.3 var(--sans);
}

.ad-sheet-kind {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.ad-sheet-kind .icon {
    width: 1rem;
    height: 1rem;
}

.ad-sheet-number {
    color: #c9c9cc;
}

.ad-sheet-number strong {
    margin-left: 0.3rem;
    color: #ffffff;
    font-family: var(--mono);
    letter-spacing: 0.03em;
}

.ad-sheet-titlebar {
    padding: 1.75rem 1.75rem 1.25rem;
    border-bottom: 1px solid var(--rule);
    box-shadow: inset 0 3px 0 var(--accent-strong);
}

.ad-sheet-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin: 0 0 0.75rem;
}

.ad-sheet-category {
    padding: 0.3rem 0.6rem;
    border-radius: 3px;
    background: var(--accent-strong);
    color: #ffffff;
    font: 800 0.75rem/1.1 var(--sans);
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.ad-sheet-state {
    padding: 0.3rem 0.6rem;
    border-radius: 3px;
    background: color-mix(in srgb, var(--up) 14%, var(--surface));
    color: var(--up);
    font: 700 0.75rem/1.1 var(--sans);
}

.ad-sheet-state.is-ended {
    background: var(--paper-raised);
    color: var(--ink-muted);
}

.ad-sheet .article-title {
    margin: 0;
    font-size: clamp(1.6rem, 3.2vw, 2.4rem);
    line-height: 1.15;
}

.ad-sheet-institution {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin: 0.85rem 0 0;
    color: var(--ink-soft);
    font: 600 1rem/1.4 var(--sans);
}

.ad-sheet-institution .icon {
    color: var(--ink-muted);
}

.ad-sheet-facts {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
    margin: 0;
    border-bottom: 1px solid var(--rule);
    background: var(--paper);
}

.ad-sheet-facts > div {
    padding: 0.9rem 1.75rem;
    border-right: 1px solid var(--rule);
}

.ad-sheet-facts > div:last-child {
    border-right: 0;
}

.ad-sheet-facts dt {
    color: var(--ink-muted);
    font: 700 0.6875rem/1.3 var(--sans);
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.ad-sheet-facts dd {
    margin: 0.3rem 0 0;
    color: var(--ink);
    font: 700 0.9375rem/1.35 var(--sans);
}

.ad-sheet-archive {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    padding: 0.75rem 1.75rem;
    border-bottom: 1px solid var(--rule);
    background: var(--paper-raised);
    color: var(--ink-soft);
    font: 600 0.875rem/1.4 var(--sans);
}

.story.ad-sheet .ad-sheet-body {
    padding: 1.75rem;
    font-size: calc(1.0625rem * var(--read-scale, 1));
}

.ad-sheet-body .text-body {
    white-space: pre-line;
}

.ad-sheet-foot {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.1rem 1.75rem;
    border-top: 1px solid var(--rule);
    background: var(--paper);
}

.ad-sheet-foot p {
    flex: 1 1 22rem;
    margin: 0;
    color: var(--ink-muted);
    font: 400 0.8125rem/1.5 var(--sans);
}

.ad-sheet-foot a:not(.button) {
    text-decoration: underline;
    text-underline-offset: 2px;
}

.ad-sheet-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.ad-sheet-actions .button {
    min-height: 2.5rem;
    border-radius: var(--radius);
}

.ad-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 1.5rem 0 1.25rem;
}

.ad-filters a {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.5rem 0.9rem;
    border: 1px solid var(--rule);
    border-radius: var(--radius);
    background: var(--surface);
    color: var(--ink-soft);
    font: 600 0.875rem/1.2 var(--sans);
}

.ad-filters a:hover {
    border-color: var(--ink);
    color: var(--ink);
}

.ad-filters a[aria-current="page"] {
    border-color: var(--accent-strong);
    background: var(--accent-strong);
    color: #ffffff;
}

.ad-filters .ad-filters-archive {
    margin-left: auto;
}

.ad-list {
    display: grid;
    gap: 0.75rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ad-item {
    position: relative;
    display: grid;
    grid-template-columns: 4.5rem minmax(0, 1fr) auto;
    align-items: center;
    gap: 1.25rem;
    padding: 1rem 1.25rem;
    border: 1px solid var(--rule);
    border-radius: var(--radius-lg);
    background: var(--surface);
    box-shadow: var(--shadow-sm);
    transition: box-shadow 160ms var(--ease), border-color 160ms var(--ease);
}

.ad-item:hover {
    border-color: var(--rule-strong);
    box-shadow: var(--shadow);
}

.ad-item-date {
    display: grid;
    place-items: center;
    padding: 0.6rem 0 0.55rem;
    border-radius: var(--radius);
    background: var(--accent-strong);
    color: #ffffff;
    text-align: center;
}

.ad-item.is-archived .ad-item-date {
    background: var(--ink-muted);
}

.ad-item-day {
    font: 800 1.6rem/1 var(--sans);
}

.ad-item-month {
    margin-top: 0.2rem;
    font: 700 0.6875rem/1 var(--sans);
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.ad-item-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem 0.75rem;
    margin: 0 0 0.35rem;
    color: var(--ink-muted);
    font: 600 0.8125rem/1.3 var(--sans);
}

.ad-item-meta .icon {
    width: 0.85rem;
    height: 0.85rem;
}

.ad-item-category {
    color: var(--accent);
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.ad-item-title {
    margin: 0;
    font: var(--heading-weight, 700) 1.1875rem/1.3 var(--serif);
}

.ad-item-title a::after {
    position: absolute;
    inset: 0;
    content: "";
}

.ad-item-title a:hover {
    color: var(--accent);
}

.ad-item-info {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 1rem;
    margin: 0.45rem 0 0;
    color: var(--ink-muted);
    font: 400 0.8125rem/1.4 var(--sans);
}

.ad-item-go {
    display: grid;
    place-items: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    background: var(--paper-raised);
    color: var(--ink-soft);
}

@media (max-width: 760px) {
    .ad-sheet {
        margin-top: 0.75rem;
        border-radius: var(--radius);
    }

    .ad-sheet-band,
    .ad-sheet-titlebar,
    .ad-sheet-archive,
    .ad-sheet-foot,
    .story.ad-sheet .ad-sheet-body {
        padding-right: 1rem;
        padding-left: 1rem;
    }

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

    .ad-sheet-facts > div {
        padding: 0.75rem 1rem;
        border-bottom: 1px solid var(--rule);
    }

    .ad-sheet-facts > div:nth-child(2n) {
        border-right: 0;
    }

    .ad-item {
        grid-template-columns: 3.5rem minmax(0, 1fr);
        gap: 0.85rem;
        padding: 0.85rem;
    }

    .ad-item-go {
        display: none;
    }

    .ad-item-day {
        font-size: 1.3rem;
    }

    .ad-filters {
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .ad-filters a {
        flex: none;
    }

    .ad-filters .ad-filters-archive {
        margin-left: 0;
    }
}

@media print {
    .ad-sheet {
        border: 0;
        box-shadow: none;
    }

    .ad-sheet-foot .ad-sheet-actions {
        display: none !important;
    }
}
/* Yorumlar: başlık bandı, üstte yazma kutusu, kart görünümlü yorumlar */

.story .comments {
    margin-top: 2.5rem;
    padding-top: 0;
    border-top: 0;
}

.comments-head {
    margin-bottom: 1.1rem;
    border-bottom: 2px solid var(--accent-strong);
}

.comments-title {
    display: inline-flex;
    margin: 0;
    padding: 0.5rem 0.95rem 0.45rem;
    border-radius: 4px 4px 0 0;
    background: var(--accent-strong);
    color: #ffffff;
    font: 800 1rem/1.2 var(--sans);
}

.comments-title .comments-count {
    padding: 0.1rem 0.5rem;
    border-radius: var(--radius-pill);
    background: rgb(255 255 255 / 0.22);
    color: #ffffff;
    font: 800 0.75rem/1.3 var(--sans);
}

.comment-form {
    gap: 0.85rem;
    margin-bottom: 1.5rem;
    padding: 1.25rem;
    border-radius: var(--radius-lg);
    background: var(--surface);
    box-shadow: var(--shadow-sm);
}

.comment-form h3 {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    font: 800 1.0625rem/1.3 var(--sans);
}

.comment-form h3 .icon {
    color: var(--accent);
}

.comment-form textarea,
.comment-form input[type="text"] {
    width: 100%;
    border-radius: var(--radius);
}

.comment-form textarea {
    min-height: 6.5rem;
    resize: vertical;
}

.comment-form-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 0.75rem;
}

.comment-form .comment-form-row .button {
    min-height: 2.9rem;
    border-radius: var(--radius);
}

.comment-form .form-hint {
    display: flex;
    gap: 0.4rem;
}

.comment-form .form-hint .icon {
    flex: none;
    width: 0.95rem;
    height: 0.95rem;
    margin-top: 0.1rem;
}

.comment-list {
    display: grid;
    gap: 0.75rem;
}

.comment {
    display: grid;
    grid-template-columns: 2.75rem minmax(0, 1fr);
    gap: 0.85rem;
    padding: 1rem 1.1rem;
    border: 1px solid var(--rule);
    border-top: 1px solid var(--rule);
    border-radius: var(--radius-lg);
    background: var(--surface);
}

.comment-avatar {
    width: 2.75rem;
    height: 2.75rem;
    background: #b3001b;
    color: #ffffff;
    font: 800 1.05rem/1 var(--sans);
}

.comment-avatar.av-1 { background: #1d4ed8; }
.comment-avatar.av-2 { background: #047857; }
.comment-avatar.av-3 { background: #7c3aed; }
.comment-avatar.av-4 { background: #b45309; }
.comment-avatar.av-5 { background: #0f766e; }

.comment-main {
    min-width: 0;
}

.comment-head strong {
    font: 800 0.9375rem/1.3 var(--sans);
}

.comment-head time::before {
    margin-right: 0.5rem;
    color: var(--rule-strong);
    content: "·";
}

.comment-body {
    margin: 0.35rem 0 0;
    color: var(--ink-soft);
    font: 400 1rem/1.6 var(--sans);
}

.comment-report {
    margin-top: 0.6rem;
}

.comment-report summary {
    font-size: 0.75rem;
    opacity: 0.8;
}

.comment-report summary:hover {
    color: var(--accent);
    opacity: 1;
}

.comments-empty {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem;
    border: 1px dashed var(--rule-strong);
    border-radius: var(--radius-lg);
}

@media (max-width: 760px) {
    .comment-form-row {
        grid-template-columns: minmax(0, 1fr);
    }

    .comment {
        grid-template-columns: 2.25rem minmax(0, 1fr);
        gap: 0.7rem;
        padding: 0.85rem;
    }

    .comment-avatar {
        width: 2.25rem;
        height: 2.25rem;
        font-size: 0.9375rem;
    }
}
/* Sürmanşet: manşetin hemen altında beyaz panel içinde dört haber; zeminle karışmaz. */

.home > .section.surmanset {
    margin-top: 1rem;
    padding: 1rem 0;
    border: 1px solid var(--rule);
    border-radius: var(--radius-lg);
    background: var(--surface);
    box-shadow: var(--shadow-sm);
}

.surmanset > .section-head:empty {
    display: none;
}

.surmanset .cols {
    gap: 0;
}

.surmanset .cols > .t-small {
    padding: 0 1rem;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}


.surmanset .cols > .t-small + .t-small {
    border-left: 1px solid var(--rule);
}

.surmanset .cols > .t-small:hover {
    box-shadow: none;
    transform: none;
}

.surmanset .cols > .t-small .t-media {
    border-radius: var(--radius);
}

.surmanset .cols > .t-small .t-body {
    padding: 0.75rem 0 0;
}

@media (max-width: 1080px) and (min-width: 761px) {
    .surmanset .cols > .t-small:nth-child(odd) {
        border-left: 0;
    }

    .surmanset .cols > .t-small:nth-child(n + 3) {
        margin-top: 1rem;
    }
}

@media (max-width: 760px) {
    .home > .section.surmanset {
        padding: 0.75rem;
    }


    .surmanset .cols > .t-small,
    .surmanset .cols > .t-small + .t-small {
        padding: 0;
        border-left: 0;
    }

    .surmanset .cols > .t-small + .t-small {
        padding-top: 0.75rem;
        margin-top: 0.75rem;
        border-top: 1px solid var(--rule);
    }

    .surmanset .cols-4 > .t-small:not(:first-child) .t-body {
        padding: 0 0 0 0.85rem;
    }
}
/* Haber araçları: marka renginde yuvarlak paylaşım düğmeleri; araçlar her genişlikte tek satır */

.story-tools {
    flex-wrap: nowrap;
    gap: 0.75rem;
}

.share {
    flex-wrap: nowrap;
    gap: 0.4rem;
    min-width: 0;
}

.share .share-text {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

.share .sh {
    display: inline-grid;
    flex: none;
    place-items: center;
    width: 2.375rem;
    height: 2.375rem;
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: var(--paper-raised);
    color: var(--ink-soft);
    font: 800 1rem/1 var(--sans);
    transition: filter 140ms var(--ease), transform 140ms var(--ease);
}

.share .sh:hover {
    filter: brightness(1.08);
    transform: translateY(-1px);
}

.share .sh .icon {
    width: 1.05rem;
    height: 1.05rem;
}

.share .sh-wa { background: #25d366; color: #ffffff; }
.share .sh-x { background: #111111; color: #ffffff; }
.share .sh-fb { background: #1877f2; color: #ffffff; font-size: 1.2rem; }
.share .sh-tg { background: #229ed9; color: #ffffff; }
.share .sh-in { background: #0a66c2; color: #ffffff; font-size: 0.9375rem; }

.share .sh-copy.is-copied {
    background: #15803d;
    color: #ffffff;
}

.font-size {
    flex: none;
    gap: 0.4rem;
}

.font-size button {
    width: 2.375rem;
    height: 2.375rem;
    min-height: 0;
    padding: 0;
    border-radius: 50%;
}

/* Tepkiler: altı düğme sütunu eşit paylaşır */

.reaction-list {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.5rem;
}

.reaction {
    width: auto;
    min-width: 0;
}

@media (max-width: 600px) {
    .share-label {
        display: none;
    }

    .share {
        overflow-x: auto;
        scrollbar-width: none;
    }

    .share::-webkit-scrollbar {
        display: none;
    }

    .share .sh,
    .font-size button {
        width: 2.125rem;
        height: 2.125rem;
    }

    .reaction-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
/* Haber başlığı satırları dengelemek için erken kırılmaz; sütunu doldurur. */
.story .article-title {
    text-wrap: wrap;
}
/* Mega menü: ana menüde alt bölümü olan kategoriler tam genişlikte panel açar.
   Solda bölümler, sağda bölümün son dört haberi. Mobilde açılır listede yalnızca bölümler görünür. */

.nav > .wrap {
    position: relative;
}

.nav-item {
    position: static;
}

.nav-panel.nav-mega {
    top: 100%;
    right: var(--gutter);
    left: var(--gutter);
    grid-template-columns: 14rem minmax(0, 1fr);
    gap: 1.5rem;
    min-width: 0;
    padding: 1.25rem;
    border-top: 3px solid var(--accent-strong);
    border-radius: 0 0 var(--radius-lg) var(--radius-lg);
}

.nav-item:not(.nav-more) > .nav-panel:not(.nav-mega) {
    left: auto;
}

.mega-sections {
    display: grid;
    align-content: start;
    gap: 0.15rem;
}

.mega-title {
    margin: 0 0 0.5rem;
    padding-bottom: 0.6rem;
    border-bottom: 1px solid var(--rule);
}

.nav-panel .mega-title a {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0;
    color: var(--ink);
    font: 800 1.125rem/1.2 var(--sans);
}

.nav-panel .mega-title a:hover {
    background: none;
    color: var(--accent);
}

.mega-title .icon {
    width: 1rem;
    height: 1rem;
    color: var(--accent);
}

.nav-panel a.mega-link {
    font-weight: 600;
}

.mega-stories {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.nav-panel a.mega-story {
    display: grid;
    gap: 0.5rem;
    padding: 0;
    color: var(--ink);
}

.nav-panel a.mega-story:hover {
    background: none;
    color: var(--accent);
}

.mega-story img,
.mega-noimg {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: var(--radius);
    background: var(--paper-raised);
    object-fit: cover;
}

.mega-story-title {
    display: -webkit-box;
    overflow: hidden;
    font: var(--heading-weight, 700) 0.9375rem/1.3 var(--serif);
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
}

@media (max-width: 1023px) {
    .nav-item {
        position: relative;
    }

    .nav-panel.nav-mega {
        grid-template-columns: minmax(0, 1fr);
        border-top: 0;
    }

    .mega-stories,
    .mega-title {
        display: none;
    }
}
/* Haber metnindeki bağlantılar: vurgu renginde, altı çizili */
.article-body a:not(.button) {
    color: var(--accent);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    text-decoration-color: color-mix(in srgb, var(--accent) 45%, transparent);
}

.article-body a:not(.button):hover {
    text-decoration-color: currentColor;
    text-decoration-thickness: 2px;
}