/* ==========================================================================
   Bilimimiz — sayfa stilleri (bil-*)
   Katmanlı anlatı: karar soruları → ilk katman (molekül profili) → ikinci katman (açılır detay)
   → temalar → analitik → referans. Genel bileşenler fuwell.css'ten gelir; burada yalnız sayfa kompozisyonu.
   ========================================================================== */

/* Katman zinciri (hero altı) ------------------------------------------------ */
.bil-layers {
    position: relative;
    background: var(--c-ivory-100);
    border-bottom: 1px solid var(--t-line);
}
.bil-layers__inner { display: flex; align-items: center; gap: 28px; }
.bil-layers__label {
    flex: none;
    display: flex;
    align-items: center;
    gap: 28px;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--t-muted);
}
.bil-layers__label::after { content: ""; width: 1px; height: 24px; background: var(--t-line); }
.bil-layers__list {
    flex: 1;
    min-width: 0;
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .16em;
    white-space: nowrap;
}
.bil-layers__list::-webkit-scrollbar { display: none; }
.bil-layers__list > li { flex: none; }
.bil-layers__list a {
    display: inline-block;
    padding-block: 24px;
    color: var(--t-strong);
    transition: color .3s var(--ease);
}
.bil-layers__list a:hover { color: var(--t-gold); }
/* 1200 altında beş etiket sığmıyor: etiket gizlenir, liste kenarları sönen yatay kaydırmaya döner */
@media (max-width: 1199px) {
    .bil-layers__label { display: none; }
    .bil-layers__inner { padding-inline: 0; }
    .bil-layers__list {
        padding-inline: var(--gutter);
        -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 var(--gutter), #000 calc(100% - 48px), transparent);
        mask-image: linear-gradient(90deg, transparent 0, #000 var(--gutter), #000 calc(100% - 48px), transparent);
    }
    .bil-layers__list a { padding-block: 20px; }
}

/* 2 — Sürecin temeli: 4 karar düğümü --------------------------------------- */
.bil-nodes { position: relative; }
.bil-nodes__list {
    list-style: none;
    position: relative;
    display: grid;
    gap: 36px;
}
.bil-nodes__line {
    position: absolute;
    left: 24px;
    top: 24px;
    bottom: 24px;
    width: 1px;
    background: linear-gradient(180deg, var(--t-gold-line), var(--t-line) 75%);
}
.bil-node {
    position: relative;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    column-gap: 22px;
    row-gap: 10px;
    align-content: start;
}
.bil-node__num {
    grid-row: 1 / span 2;
    width: 48px;
    height: 48px;
    font-size: 12px;
    border-color: var(--t-gold-line);
}
.bil-node__title {
    padding-top: 6px;
    font-family: var(--font-sans);
    font-size: 11.5px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--t-strong);
}
.bil-node__q p {
    font-family: var(--font-display);
    font-style: italic;
    font-size: clamp(23px, 2.1vw, 30px);
    line-height: 1.2;
    letter-spacing: -.005em;
    color: var(--t-strong);
    text-wrap: balance;
}
@media (min-width: 900px) {
    .bil-nodes { padding-top: 8px; }
    .bil-nodes__list { grid-template-columns: repeat(var(--n, 4), minmax(0, 1fr)); gap: 0 clamp(24px, 3vw, 48px); }
    /* yatay çizgi: düğüm merkezlerinden geçer, sağda okla sürer */
    .bil-nodes__line {
        left: 0;
        right: 0;
        top: 40px;          /* padding 8 + num margin 8 + yarıçap 24 */
        bottom: auto;
        width: auto;
        height: 1px;
        background: linear-gradient(90deg, var(--t-gold-line) 0, var(--t-line) 78%);
    }
    .bil-nodes__line::after {
        content: "";
        position: absolute;
        right: 0;
        top: -4px;
        width: 9px;
        height: 9px;
        border-top: 1px solid var(--t-line);
        border-right: 1px solid var(--t-line);
        transform: rotate(45deg);
        transform-origin: center;
    }
    .bil-node { grid-template-columns: minmax(0, 1fr); row-gap: 14px; padding-right: 8px; }
    .bil-node__num { grid-row: auto; margin: 8px 0 18px; }
    .bil-node__title { padding-top: 0; }
    /* uzun başlık iki satıra inse de sorular aynı hizada */
    @supports (grid-template-rows: subgrid) {
        .bil-node { grid-row: span 3; grid-template-rows: subgrid; }
    }
}
@media (prefers-reduced-motion: no-preference) {
    html.js .bil-nodes__line.reveal { opacity: 1; transform: scaleY(0); transform-origin: top; transition: transform 1.8s var(--ease) .2s; }
    html.js .bil-nodes__line.reveal.is-visible { transform: none; }
    @media (min-width: 900px) {
        html.js .bil-nodes__line.reveal { transform: scaleX(0); transform-origin: left; }
        html.js .bil-nodes__line.reveal.is-visible { transform: none; }
    }
}

/* 3 — İlk katman: molekül profili ------------------------------------------- */
.bil-specimen {
    --accent: #7A1F2B;
    position: relative;
    margin: 0;
    overflow: hidden;
    border: 1px solid var(--t-line);
    border-radius: var(--radius);
    background: var(--c-ink-850);
}
.bil-specimen__stage {
    position: relative;
    isolation: isolate;
    display: grid;
    place-items: center;
    aspect-ratio: 32 / 10;
    min-height: 200px;
    padding: clamp(28px, 4.4vw, 68px) clamp(22px, 6vw, 96px);
    background:
        radial-gradient(55% 85% at 50% 58%, rgba(122, 31, 43, .18), transparent 72%),
        var(--c-ink-850);
    background:
        radial-gradient(55% 85% at 50% 58%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 72%),
        radial-gradient(40% 60% at 92% 8%, rgba(111, 122, 90, .14), transparent 70%),
        var(--c-ink-850);
}
/* ölçüm kâğıdı: kenarlara doğru sönen ince ızgara + gren */
.bil-specimen__stage::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(220, 194, 143, .07) 1px, transparent 1px),
        linear-gradient(90deg, rgba(220, 194, 143, .07) 1px, transparent 1px);
    background-size: 44px 44px;
    background-position: center center;
    -webkit-mask-image: radial-gradient(62% 78% at 50% 50%, #000 20%, transparent 100%);
    mask-image: radial-gradient(62% 78% at 50% 50%, #000 20%, transparent 100%);
}
.bil-specimen__stage::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background-image: var(--grain);
    background-size: 180px;
    opacity: .06;
}
.bil-specimen__stage .molecule {
    position: relative;
    width: min(100%, 940px);
    max-height: 100%;
    --mol-color: var(--c-gold-300);
    --mol-stroke: 1.6px;
    filter: drop-shadow(0 0 18px rgba(198, 164, 106, .22));
}
/* numune plakası köşe işaretleri */
.bil-specimen__corners { position: absolute; inset: clamp(12px, 1.4vw, 20px); pointer-events: none; }
.bil-specimen__corners span { position: absolute; width: 18px; height: 18px; border: 0 solid rgba(220, 194, 143, .5); }
.bil-specimen__corners span:nth-child(1) { top: 0; left: 0; border-top-width: 1px; border-left-width: 1px; }
.bil-specimen__corners span:nth-child(2) { top: 0; right: 0; border-top-width: 1px; border-right-width: 1px; }
.bil-specimen__corners span:nth-child(3) { bottom: 0; left: 0; border-bottom-width: 1px; border-left-width: 1px; }
.bil-specimen__corners span:nth-child(4) { bottom: 0; right: 0; border-bottom-width: 1px; border-right-width: 1px; }

.bil-specimen__label {
    display: grid;
    gap: 22px 40px;
    align-items: center;
    padding: clamp(22px, 2.6vw, 34px) clamp(22px, 3.2vw, 44px);
    border-top: 1px solid var(--t-line);
    background: rgba(12, 16, 10, .35);
}
.bil-specimen__stage + .bil-specimen__label { border-top-color: rgba(198, 164, 106, .2); }
.bil-specimen__name {
    display: block;
    font-family: var(--font-display);
    font-size: clamp(30px, 3vw, 42px);
    font-weight: 500;
    line-height: 1.05;
    letter-spacing: -.01em;
    color: var(--t-strong);
}
.bil-specimen__desc { display: block; margin-top: 8px; font-size: 13.5px; line-height: 1.5; color: var(--t-muted); }
.bil-specimen__data { display: grid; gap: 4px; margin: 0; }
.bil-specimen__data dt {
    font-size: 10.5px;
    font-weight: 500;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--t-muted);
}
.bil-specimen__data dd {
    margin: 0;
    font-family: var(--font-display);
    font-size: clamp(26px, 2.4vw, 34px);
    font-weight: 500;
    line-height: 1.1;
    color: var(--t-strong);
    font-feature-settings: "lnum" 1;
}
.bil-specimen__cta { justify-self: start; }
@media (min-width: 900px) {
    .bil-specimen__label { grid-template-columns: minmax(0, 1fr) auto auto; }
    .bil-specimen__data { padding-inline: 40px; border-left: 1px solid var(--t-line); border-right: 1px solid var(--t-line); }
    .bil-specimen__cta { justify-self: end; }
    .bil-specimen__label:not(:has(.bil-specimen__cta)) .bil-specimen__data { border-right: 0; }
}
@media (max-width: 599px) {
    /* telefonda molekülün tamamı görünsün: dar plaka, ince kenar boşluğu */
    .bil-specimen__stage { aspect-ratio: 2 / 1; min-height: 0; padding: 22px 8px; }
    .bil-specimen__stage .molecule { --mol-stroke: 1.3px; }
}

/* 6 soru: 3×2 */
.bil-profile { padding-bottom: clamp(56px, 7vw, 104px); }
.bil-qa {
    list-style: none;
    display: grid;
    gap: 0 clamp(28px, 3.4vw, 56px);
    margin-top: clamp(56px, 6.5vw, 96px);
}
@media (min-width: 640px) { .bil-qa { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .bil-qa { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.bil-qa__item {
    display: grid;
    align-content: start;
    gap: 14px;
    padding: 26px 0 clamp(36px, 4vw, 52px);
    border-top: 1px solid var(--t-line);
}
.bil-qa__num {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .12em;
    color: var(--c-gold-400);
    font-variant-numeric: tabular-nums;
}
.bil-qa__num::after { content: ""; width: 24px; height: 1px; background: currentColor; opacity: .55; }
.bil-qa__q { font-size: clamp(24px, 2.1vw, 30px); line-height: 1.12; }
.bil-qa__a p { font-size: 15px; line-height: 1.68; color: var(--t-muted); max-width: 44ch; }
@supports (grid-template-rows: subgrid) {
    @media (min-width: 640px) { .bil-qa__item { grid-row: span 3; grid-template-rows: subgrid; } }
}

/* 4 — İkinci katman: "Bilimsel Detayı Gör" ---------------------------------- */
.bil-detail { padding-block: clamp(72px, 9vw, 128px); }
.bil-layer {
    border: 1px solid var(--t-line);
    border-radius: var(--radius);
    background: var(--t-surface);
    padding-inline: clamp(22px, 4vw, 60px);
    transition: border-color .5s var(--ease), box-shadow .7s var(--ease);
}
.bil-layer:hover { border-color: rgba(176, 141, 87, .6); }
.bil-layer[open] { box-shadow: 0 34px 60px -46px rgba(12, 16, 10, .35); }
.bil-layer > summary {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: clamp(20px, 3vw, 48px);
    align-items: start;
    padding: clamp(34px, 4.4vw, 60px) 0 clamp(30px, 3.6vw, 48px);
    font-family: var(--font-sans);
    font-size: inherit;
    font-weight: 400;
    line-height: inherit;
    color: inherit;
}
.bil-layer__head { display: block; min-width: 0; }
.bil-layer__head .eyebrow { margin-bottom: clamp(14px, 1.4vw, 20px); }
.bil-layer__title { transition: color .4s var(--ease); }
.bil-layer__intro {
    display: block;
    margin-top: clamp(14px, 1.6vw, 22px);
    max-width: 58ch;
    font-size: var(--fs-lead);
    line-height: 1.6;
    color: var(--t-lead);
}
.bil-layer > summary > i {
    width: clamp(52px, 5vw, 68px);
    height: clamp(52px, 5vw, 68px);
    margin-top: 4px;
    font-size: 22px;
    border-color: var(--t-gold-line);
    color: var(--t-strong);
    transition: transform .5s var(--ease), border-color .3s var(--ease), background-color .35s var(--ease), color .35s var(--ease);
}
.bil-layer > summary:hover > i,
.bil-layer > summary:focus-visible > i { background: var(--c-ink-900); border-color: var(--c-ink-900); color: var(--c-ivory-50); }
.bil-layer[open]:not(.is-closing) > summary > i { background: var(--c-ink-900); border-color: var(--c-ink-900); color: var(--c-ivory-50); }
/* klavye odağı: halka metne yapışmasın diye tüm panele çizilir (:has yoksa summary'de kalır) */
@supports selector(:has(a)) {
    .bil-layer > summary:focus-visible { outline: none; }
    .bil-layer:has(> summary:focus-visible) { outline: 2px solid var(--c-gold-700); outline-offset: 4px; border-color: rgba(176, 141, 87, .6); }
}
@supports not selector(:has(a)) {
    .bil-layer > summary:focus-visible { outline-offset: 10px; }
}
/* kapalıyken içeriğin önizlemesi; açılınca yumuşakça kapanır */
.bil-layer__peek {
    grid-column: 1 / -1;
    display: grid;
    grid-template-rows: 1fr;
    transition: grid-template-rows .55s var(--ease), opacity .4s var(--ease);
}
.bil-layer__peek-in { display: block; min-height: 0; overflow: hidden; }
.bil-layer__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: clamp(24px, 2.8vw, 36px);
    padding-top: clamp(20px, 2.2vw, 28px);
    border-top: 1px solid var(--t-line-soft);
}
.bil-layer__tags .tag { background: var(--c-ivory-50); }
.bil-layer__tags .tag i { font-size: 14px; color: var(--t-gold-line); }
.bil-layer[open]:not(.is-closing) .bil-layer__peek { grid-template-rows: 0fr; opacity: 0; }
.bil-layer .disclosure__body::after { height: clamp(36px, 4.4vw, 60px); }
.bil-layer__grid {
    list-style: none;
    display: grid;
    gap: 0 clamp(28px, 3.4vw, 56px);
}
@media (min-width: 640px) { .bil-layer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .bil-layer__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.bil-fact {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    column-gap: 18px;
    row-gap: 8px;
    align-content: start;
    padding: 28px 0 30px;
    border-top: 1px solid var(--t-line);
}
.bil-fact__icon {
    grid-row: 1 / span 2;
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border: 1px solid var(--t-gold-line);
    border-radius: 50%;
    color: var(--t-gold-line);
    font-size: 20px;
}
.bil-fact > :not(.bil-fact__icon) { grid-column: 2; }
.bil-fact__title { padding-top: 8px; font-size: clamp(22px, 1.8vw, 26px); line-height: 1.15; }
.bil-fact__text p { font-size: 14.5px; line-height: 1.62; color: var(--t-muted); }
@media (max-width: 599px) {
    /* telefonda düğme sağ üst köşeye alınır; giriş metni ve önizleme tam genişliği kullanır */
    .bil-layer { padding-inline: 22px; }
    .bil-layer > summary { position: relative; grid-template-columns: minmax(0, 1fr); padding: 30px 0 28px; }
    .bil-layer > summary > i { position: absolute; top: 24px; right: 0; width: 48px; height: 48px; margin: 0; font-size: 18px; }
    .bil-layer__head .eyebrow,
    .bil-layer__title { padding-right: 60px; }
    .bil-layer__intro { font-size: 17px; }
    .bil-layer__tags { margin-top: 22px; padding-top: 20px; }
    .bil-fact { grid-template-columns: 40px minmax(0, 1fr); column-gap: 16px; padding: 24px 0 26px; }
    .bil-fact__icon { width: 40px; height: 40px; font-size: 18px; }
    .bil-fact__title { padding-top: 6px; }
}

/* 5 — Bilimsel temalar ------------------------------------------------------ */
.bil-themes__grid { display: grid; gap: var(--gap); }
@media (min-width: 600px) { .bil-themes__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1200px) { .bil-themes__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.bil-theme {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: clamp(24px, 2.2vw, 30px) clamp(22px, 2vw, 28px) clamp(26px, 2.4vw, 32px);
    border: 1px solid var(--t-line);
    border-radius: var(--radius);
    background: var(--t-surface);
    transition: border-color .5s var(--ease), transform .7s var(--ease), box-shadow .7s var(--ease);
}
.bil-theme::before {
    content: "";
    position: absolute;
    top: -1px;
    left: clamp(22px, 2vw, 28px);
    width: 32px;
    height: 1px;
    background: var(--t-gold-line);
    transition: width .7s var(--ease);
}
.bil-theme:hover { border-color: rgba(176, 141, 87, .55); transform: translateY(-3px); box-shadow: 0 26px 44px -34px rgba(12, 16, 10, .4); }
.bil-theme:hover::before { width: calc(100% - 2 * clamp(22px, 2vw, 28px)); }
.bil-theme__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: clamp(14px, 1.6vw, 22px); }
.bil-theme__icon {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border: 1px solid var(--t-gold-line);
    border-radius: 50%;
    color: var(--t-strong);
    font-size: 22px;
    transition: background-color .5s var(--ease);
}
.bil-theme:hover .bil-theme__icon { background: rgba(198, 164, 106, .12); }
.bil-theme__no { font-size: 11px; font-weight: 500; letter-spacing: .12em; color: var(--t-gold); font-variant-numeric: tabular-nums; }
.bil-theme__title { font-size: clamp(23px, 1.9vw, 28px); line-height: 1.12; }
.bil-theme__text p { font-size: 14.5px; line-height: 1.62; color: var(--t-muted); }
/* mevzuat notu: ızgaranın son hücresi — kart değil, altın kılçizgili sade not; okunaklı kalmalı */
.bil-themes__note {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: clamp(22px, 2.2vw, 30px) clamp(4px, 1vw, 12px);
    border-top: 1px solid var(--t-gold-line);
    align-self: stretch;
}
.bil-themes__note i { flex: none; margin-top: 1px; font-size: 22px; color: var(--t-gold); }
.bil-themes__note p { font-size: 13.5px; line-height: 1.65; color: var(--t-lead); max-width: 52ch; }
@media (max-width: 1199px) {
    .bil-theme { display: grid; grid-template-columns: 48px minmax(0, 1fr); column-gap: 20px; row-gap: 8px; align-content: start; }
    .bil-theme__top { display: contents; }
    .bil-theme__icon { grid-row: 1 / span 2; }
    .bil-theme__no { position: absolute; top: clamp(24px, 2.2vw, 30px); right: clamp(22px, 2vw, 28px); }
    .bil-theme > :not(.bil-theme__top) { grid-column: 2; }
    .bil-theme__title { padding: 10px 32px 0 0; }
}
@media (min-width: 1200px) {
    /* 8. hücre: kartların ikon satırıyla aynı hizadan başlar */
    .bil-themes__note { flex-direction: column; gap: 18px; border-top: 0; border-left: 1px solid var(--t-gold-line); padding: clamp(24px, 2.2vw, 30px) 0 clamp(24px, 2.2vw, 30px) clamp(20px, 2vw, 28px); }
    .bil-themes__note i { display: grid; place-items: center start; width: 48px; height: 48px; margin: 0; }
}
@media (max-width: 599px) {
    /* telefonda kartlar kılçizgili listeye döner (daha kısa, daha editoryal); not ise çerçeveli kutu olur */
    .bil-themes__grid { gap: 0; }
    .bil-theme { padding: 24px 0 26px; border: 0; border-top: 1px solid var(--t-line); border-radius: 0; background: none; }
    .bil-theme::before { left: 0; }
    .bil-theme:hover { transform: none; box-shadow: none; }
    .bil-theme:hover::before { width: 32px; }
    .bil-theme__no { top: 28px; right: 0; }
    .bil-theme__title { padding-right: 28px; }
    .bil-themes__note { margin-top: 10px; padding: 20px 20px 22px; border: 1px solid var(--t-line); border-left: 1px solid var(--t-gold-line); border-radius: var(--radius-sm); background: var(--t-surface); }
}

/* 6 — Analitik yaklaşım ----------------------------------------------------- */
.bil-analytics__grid { display: grid; gap: clamp(40px, 5vw, 80px); align-items: start; }
@media (min-width: 900px) {
    /* yan yana: yöntem listesi | kromatogram; grafik liste boyunca yapışkan kalır */
    .bil-analytics__grid { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); }
    .bil-analytics__grid--solo { grid-template-columns: minmax(0, 1fr); }
    .bil-analytics__figure { position: sticky; top: calc(var(--header-h) + 32px); }
}
@media (min-width: 1200px) {
    .bil-analytics__grid { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
    .bil-analytics__grid--solo { grid-template-columns: minmax(0, 1fr); }
}
.bil-methods { list-style: none; display: grid; }
.bil-method {
    display: grid;
    gap: 10px;
    padding: 24px 0 26px;
    border-top: 1px solid var(--t-line);
}
.bil-method:last-child { border-bottom: 1px solid var(--t-line); }
.bil-method__label {
    font-size: 11px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--t-gold);
}
.bil-method__title { font-size: clamp(22px, 1.9vw, 27px); line-height: 1.15; }
.bil-method__text { margin-top: 6px; }
.bil-method__text p { font-size: 15px; line-height: 1.65; color: var(--t-muted); }
@media (min-width: 640px) and (max-width: 899px) {
    .bil-method { grid-template-columns: 160px minmax(0, 1fr); column-gap: 28px; }
    .bil-method__label { padding-top: 8px; }
}
@media (min-width: 900px) and (max-width: 1199px) {
    .bil-method { padding: 20px 0 22px; }
    .bil-method__title { font-size: 22px; }
    .bil-method__text p { font-size: 14.5px; }
}
.bil-analytics__figure { margin: 0; min-width: 0; }
/* panel grafiğin kendi oranını izler (sabit 4:3 boş alan bırakıyordu) */
.bil-analytics__figure .vis-panel { aspect-ratio: auto; padding: clamp(28px, 3.4vw, 52px) clamp(20px, 2.8vw, 44px) clamp(22px, 2.8vw, 40px); }
.bil-analytics__figure .media-frame__caption { margin-top: 18px; }
/* 900–1199: dar sütunda grafik metni okunaklı kalsın */
@media (min-width: 900px) and (max-width: 1199px) { .bil-analytics__figure .vis-panel .fw-visual { --vis-k: 1.25; } }
@media (max-width: 899px) {
    /* alt alta: grafik başta (yöntemlerin ortak çıktısı), yöntemler altında */
    .bil-analytics__figure { order: -1; }
}
@media (min-width: 600px) and (max-width: 899px) {
    .bil-analytics__figure .vis-panel { padding: clamp(24px, 4vw, 40px) clamp(20px, 6vw, 72px); }
}
@media (max-width: 599px) {
    /* telefonda panel kenardan kenara taşar: grafik ve etiketleri ~%12 büyür */
    .bil-analytics__figure .vis-panel { margin-inline: calc(-1 * var(--gutter)); padding: 26px 14px 18px; border-radius: 0; }
    .bil-analytics__figure .vis-panel .fw-visual { --vis-k: 1.32; }
}

/* 7 — Yayın ve referans katmanı --------------------------------------------- */
.bil-refs__inner { display: grid; justify-items: center; text-align: center; }
.bil-refs__seal { display: flex; align-items: center; gap: 22px; margin-bottom: clamp(26px, 3vw, 38px); color: var(--t-gold-line); }
.bil-refs__seal::before, .bil-refs__seal::after { content: ""; width: clamp(40px, 6vw, 88px); height: 1px; background: var(--t-line); }
.bil-refs__mark { width: 52px; height: 52px; }
.bil-refs .eyebrow { justify-content: center; }
.bil-refs .section-title { max-width: 18ch; }
.bil-refs__prose { margin-top: clamp(24px, 2.8vw, 36px); max-width: 60ch; }
.bil-refs__prose p { font-size: 17px; line-height: 1.7; }
.bil-refs__prose p:first-child { font-size: var(--fs-lead); line-height: 1.6; color: var(--t-lead); }
.bil-refs__btn { margin-top: clamp(32px, 4vw, 48px); }
@media (max-width: 767px) {
    .bil-refs__inner { justify-items: start; text-align: left; }
    .bil-refs .eyebrow { justify-content: flex-start; }
    .bil-refs__seal::before, .bil-refs__seal::after { display: none; }
    .bil-refs__prose { margin-inline: 0; }
}