/* KREDİ · FAİZ · MEVDUAT HUB'LARI (2026-10-31) — /sifir-faizli-kredi, /kredi-faiz-oranlari, /kredi-hesaplama, /mevduat-faiz-oranlari, /politika-faizi.
   kamu1 dili: kalın üst çizgi + ince ayraç + tipografi; kutu/hap/dolgulu rozet yok, kırmızı açık zeminle karışmaz.
   ekonomi.css'in .ek1/.ek2 desenleri (başlık, gezinti, SSS, form çizgisi) üzerine yalnız tablo, teklif listesi, hesaplayıcı ve grafik. */
.kv { margin-top: 6px; }
.kv, .kv-bas { --kv-iyi: #15803d; --kv-kotu: #c8102e; --kv-s2: #c2410c; --kv-s3: #0b6aa2; }
@media (prefers-color-scheme: dark) { html:not([data-theme=light]) .kv, html:not([data-theme=light]) .kv-bas { --kv-iyi: #4ade80; --kv-kotu: #ff6b7a; --kv-s2: #f0884a; --kv-s3: #56b4e9; } }
html[data-theme=dark] .kv, html[data-theme=dark] .kv-bas { --kv-iyi: #4ade80; --kv-kotu: #ff6b7a; --kv-s2: #f0884a; --kv-s3: #56b4e9; }
.kv :is(b, td, th, dd, time, output, small) { font-variant-numeric: tabular-nums; }

/* üst bölüm */
.kv-bas { margin: 20px 0 0; }
.kv-h1 { font-size: clamp(32px, 5.2vw, 56px); max-width: 20ch; }
.kv-h1 small { display: block; margin-top: 8px; font-family: var(--sans, inherit); font-size: clamp(14px, 1.6vw, 17px); font-weight: 800; letter-spacing: .02em; color: var(--accent); }
.kv-ozet { max-width: 70ch; font-size: 15.5px; }
.kv-ozet b { color: var(--ink); }
.kv-editor { display: flex; flex-wrap: wrap; gap: 4px 18px; margin: 14px 0 0; font-size: 12.5px; color: var(--ink-faint); }
.kv-editor a { color: inherit; }
.kv-editor b { color: var(--ink); font-weight: 800; }
.kv-editor a:hover b { text-decoration: underline; text-underline-offset: 3px; }
.kv-nav a[aria-current=page] { color: var(--ink); border-bottom-color: var(--accent); }
.kv-nav a:focus-visible, .kv a:focus-visible, .kv button:focus-visible, .kv summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }

/* sayı şeridi */
.kv-kpi { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 22px 0 0; border-top: 3px solid var(--ink); border-bottom: 1px solid var(--line); }
.kv-kpi > div { min-width: 0; padding: 12px 16px 14px; border-left: 1px solid var(--line); }
.kv-kpi > div:first-child { padding-left: 0; border-left: 0; }
.kv-kpi dt { font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-faint); }
.kv-kpi dd { margin: 4px 0 0; }
.kv-kpi dd > b { display: block; font-family: var(--display); font-size: clamp(25px, 2.7vw, 36px); font-weight: 900; line-height: 1.05; letter-spacing: -.03em; color: var(--ink); white-space: nowrap; }
.kv-kpi dd > b.is-vurgu { color: var(--accent); }
.kv-kpi dd > span { display: block; margin-top: 5px; font-size: 12.5px; line-height: 1.35; color: var(--ink-soft); }
.kv-kpi--5 { grid-template-columns: 1.35fr repeat(4, minmax(0, 1fr)); }
.kv-kpi--5 > div:first-child dd > b { font-size: clamp(44px, 6vw, 78px); letter-spacing: -.05em; color: var(--accent); }

.kv-uyari { margin: 12px 0 0; font-size: 12.5px; line-height: 1.5; color: var(--ink-soft); }
.kv-uyari--alt { margin-top: 30px; padding-top: 12px; border-top: 1px solid var(--line); }
.kv-blok { margin-top: 36px; scroll-margin-top: 90px; min-width: 0; }
.kv-blok > p, .kv-metin { max-width: 72ch; margin: 10px 0 0; font-size: 14.5px; line-height: 1.6; color: var(--ink-soft); }
.kv-blok > p b, .kv-metin b { color: var(--ink); }
.kv-metin a, .kv-blok > p a, .kv-uyari a { color: var(--accent); text-decoration: underline; text-underline-offset: 2px; }

/* tablolar */
.kv-tablo { width: 100%; margin-top: 4px; border-collapse: collapse; }
.kv-tablo th, .kv-tablo td { padding: 11px 10px; border-bottom: 1px solid var(--line); font-size: 14px; text-align: right; vertical-align: baseline; }
.kv-tablo :is(th, td):first-child { padding-left: 0; }
.kv-tablo :is(th, td):last-child { padding-right: 0; }
.kv-tablo thead th { padding-top: 6px; border-bottom: 2px solid var(--ink); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-faint); vertical-align: bottom; }
.kv-tablo .kv-sol { text-align: left; }
.kv-tablo tbody th { font-weight: 800; color: var(--ink); }
.kv-tablo tbody td { font-weight: 700; color: var(--ink-soft); }
.kv-tablo tbody td.kv-ana { font-weight: 900; color: var(--ink); }
.kv-tablo small { display: block; margin-top: 2px; font-size: 11.5px; font-weight: 600; color: var(--ink-faint); letter-spacing: 0; text-transform: none; }
.kv-tablo .kv-no { width: 2em; color: var(--ink-faint); font-weight: 700; }
.kv-tablo tr.is-ilk th, .kv-tablo tr.is-ilk td.kv-ana { color: var(--accent); }
.kv-tablo tr.is-ilk th { position: relative; }
.kv-deg { display: inline-block; margin-left: 6px; font-size: 11.5px; font-weight: 800; white-space: nowrap; }
.kv-deg.is-iyi { color: var(--kv-iyi); }
.kv-deg.is-kotu { color: var(--kv-kotu); }
.kv-deg.is-yeni { color: var(--ink-faint); }
.kv-tablo-ust { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 8px 20px; margin: 8px 0 0; }
.kv-olcek { display: flex; align-items: flex-end; gap: 10px; margin: 0; }
.kv-olcek label { display: grid; gap: 2px; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-faint); }
.kv-olcek input { width: 150px; min-height: 40px; padding: 0 2px; border: 0; border-bottom: 2px solid var(--ink); border-radius: 0; background: none; color: var(--ink); font: inherit; font-family: var(--display); font-size: 20px; font-weight: 900; letter-spacing: 0; text-transform: none; font-variant-numeric: tabular-nums; }
.kv-olcek input:focus-visible { outline: none; border-bottom-color: var(--accent); }
.kv-olcek span { padding-bottom: 9px; font-size: 13px; font-weight: 700; color: var(--ink-faint); }
.kv-olcek-not { margin: 0; font-size: 12.5px; color: var(--ink-faint); }

/* aralık şeridi (kredi türleri) */
.kv-aralik { list-style: none; margin: 14px 0 0; padding: 0; }
.kv-aralik li { display: grid; grid-template-columns: 120px minmax(0, 1fr) 210px; align-items: center; gap: 14px; padding: 12px 0; border-bottom: 1px solid var(--line); }
.kv-aralik li > a { font-weight: 800; color: var(--ink); }
.kv-iz { position: relative; height: 22px; }
.kv-iz::before { content: ''; position: absolute; left: 0; right: 0; top: 50%; border-top: 1px dashed var(--line); }
.kv-iz i { position: absolute; top: 7px; height: 8px; background: var(--ink); border-radius: 1px; }
.kv-iz b { position: absolute; top: 2px; width: 2px; height: 18px; background: var(--accent); transform: translateX(-1px); }
.kv-aralik li > span { font-size: 13px; font-weight: 700; color: var(--ink-soft); text-align: right; }
.kv-aralik-eksen { display: grid; grid-template-columns: 120px minmax(0, 1fr) 210px; gap: 14px; }
.kv-aralik-eksen div { position: relative; height: 18px; }
.kv-aralik-eksen div span { position: absolute; top: 2px; transform: translateX(-50%); font-size: 11px; font-weight: 700; color: var(--ink-faint); }
.kv-lejant { display: flex; flex-wrap: wrap; gap: 4px 18px; margin: 8px 0 0; font-size: 12px; font-weight: 700; color: var(--ink-soft); }
.kv-lejant span::before { content: ''; display: inline-block; width: 14px; height: 8px; margin-right: 6px; vertical-align: 0; background: var(--ink); }
.kv-lejant span.is-ort::before { width: 2px; height: 12px; background: var(--accent); vertical-align: -2px; }

/* üç sütun özet (kredi türleri) */
.kv-uclu { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 32px; margin-top: 30px; }
.kv-tur-buyuk { margin: 6px 0 2px; font-family: var(--display); font-size: clamp(34px, 3.6vw, 46px); font-weight: 900; letter-spacing: -.04em; line-height: 1; color: var(--ink); }
.kv-tur-buyuk small { margin-left: 6px; font-family: var(--sans, inherit); font-size: 13px; font-weight: 700; letter-spacing: 0; color: var(--ink-soft); }
.kv-tur-alt { margin: 0 0 8px; font-size: 13px; color: var(--ink-soft); }
.kv-mini { list-style: none; margin: 0; padding: 0; counter-reset: kv; }
.kv-mini li { display: grid; grid-template-columns: 18px minmax(0, 1fr) auto auto; gap: 8px; align-items: baseline; padding: 8px 0; border-bottom: 1px solid var(--line); font-size: 13.5px; counter-increment: kv; }
.kv-mini li::before { content: counter(kv); font-size: 11.5px; font-weight: 800; color: var(--ink-faint); }
.kv-mini li span { overflow: hidden; font-weight: 700; color: var(--ink); white-space: nowrap; text-overflow: ellipsis; }
.kv-mini li b { font-weight: 900; }
.kv-mini li small { min-width: 64px; font-size: 12px; font-weight: 700; color: var(--ink-faint); text-align: right; }
.kv-devam { display: inline-block; margin-top: 10px; font-size: 13px; font-weight: 800; color: var(--accent); }
.kv-devam:hover { text-decoration: underline; text-underline-offset: 3px; }

/* teklif listesi (faizsiz kredi) */
.kv-teklifler { list-style: none; margin: 4px 0 0; padding: 0; }
.kv-teklif { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr) minmax(150px, auto); gap: 6px 26px; padding: 18px 0; border-bottom: 1px solid var(--line); }
.kv-teklif:first-child { padding-top: 12px; }
.kv-t-banka { display: grid; align-content: start; gap: 3px; min-width: 0; }
.kv-t-banka b { font-size: 18px; font-weight: 900; letter-spacing: -.01em; color: var(--ink); }
.kv-t-banka span { font-size: 13px; font-weight: 600; color: var(--ink-soft); }
.kv-t-etiket { font-size: 11px !important; font-weight: 800 !important; letter-spacing: .08em; text-transform: uppercase; color: var(--accent) !important; }
.kv-t-kalem { list-style: none; margin: 0; padding: 0; }
.kv-t-kalem li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0 12px; padding: 4px 0; border-bottom: 1px dashed var(--line); font-size: 13.5px; }
.kv-t-kalem li:last-child { border-bottom: 0; }
.kv-t-kalem span { color: var(--ink-soft); font-weight: 600; }
.kv-t-kalem b { font-weight: 900; color: var(--ink); text-align: right; }
.kv-t-kalem small { grid-column: 1 / -1; font-size: 12px; color: var(--ink-faint); }
.kv-t-toplam { display: grid; align-content: start; justify-items: end; gap: 2px; text-align: right; }
.kv-t-toplam b { font-family: var(--display); font-size: clamp(24px, 2.4vw, 30px); font-weight: 900; letter-spacing: -.03em; line-height: 1.05; color: var(--ink); white-space: nowrap; }
.kv-t-toplam span { font-size: 12.5px; font-weight: 700; color: var(--ink-faint); }
.kv-t-toplam .kv-sifir { font-size: 13px; font-weight: 900; letter-spacing: .04em; color: var(--accent); }
.kv-t-toplam .kv-son { color: var(--ink); }
.kv-t-not { grid-column: 1 / -1; margin: 4px 0 0; padding-left: 12px; border-left: 2px solid var(--ink); font-size: 13px; line-height: 1.5; color: var(--ink-soft); }
.kv-t-not a { color: var(--accent); font-weight: 700; white-space: nowrap; }
.kv-t-not a:hover { text-decoration: underline; text-underline-offset: 3px; }

/* maddeler */
.kv-maddeler { list-style: none; margin: 8px 0 0; padding: 0; counter-reset: kvm; }
.kv-maddeler li { position: relative; padding: 11px 0 11px 34px; border-bottom: 1px solid var(--line); font-size: 14.5px; line-height: 1.55; color: var(--ink-soft); counter-increment: kvm; }
.kv-maddeler li::before { content: counter(kvm, decimal-leading-zero); position: absolute; left: 0; top: 12px; font-size: 12px; font-weight: 900; color: var(--accent); }
.kv-maddeler b { color: var(--ink); }

/* değişim satırı */
.kv-degisim { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 32px; }
.kv-degisim h3 { margin: 12px 0 4px; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-faint); }
.kv-degisim ul { list-style: none; margin: 0; padding: 0; }
.kv-degisim li { padding: 7px 0; border-bottom: 1px solid var(--line); font-size: 13.5px; color: var(--ink-soft); }
.kv-degisim li b { color: var(--ink); }

/* maliyet dağılımı çubuğu */
.kv-dagilim { margin: 12px 0 0; }
.kv-cubuk { display: flex; height: 14px; overflow: hidden; border-radius: 1px; }
.kv-cubuk i { display: block; height: 100%; }
.kv-cubuk .is-ana { background: var(--ink); }
.kv-cubuk .is-faiz { background: var(--kv-s2); }
.kv-cubuk .is-vergi { background: var(--kv-s3); }
.kv-dagilim dl { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 10px 0 0; }
.kv-dagilim dl div { padding: 6px 12px 0; border-left: 1px solid var(--line); }
.kv-dagilim dl div:first-child { padding-left: 0; border-left: 0; }
.kv-dagilim dt { font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-faint); }
.kv-dagilim dt::before { content: ''; display: inline-block; width: 8px; height: 8px; margin-right: 6px; vertical-align: 0; background: var(--ink); }
.kv-dagilim dt.is-faiz::before { background: var(--kv-s2); }
.kv-dagilim dt.is-vergi::before { background: var(--kv-s3); }
.kv-dagilim dt.is-top::before { display: none; }
.kv-dagilim dd { margin: 2px 0 0; font-size: 17px; font-weight: 900; color: var(--ink); }

/* hesaplayıcı */
.kv-hesap { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: 0 44px; margin-top: 10px; }
.kv-form { display: grid; gap: 14px; align-content: start; }
.kv-turler { display: flex; gap: 0 4px; margin: 0; padding: 0; border: 0; border-bottom: 1px solid var(--line); overflow-x: auto; scrollbar-width: none; }
.kv-turler legend { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.kv-turler label { position: relative; display: inline-flex; align-items: center; min-height: 44px; padding: 0 12px; margin-bottom: -1px; border-bottom: 2px solid transparent; font-size: 13.5px; font-weight: 800; color: var(--ink-faint); white-space: nowrap; cursor: pointer; touch-action: manipulation; }
.kv-turler label:first-of-type { padding-left: 0; }
.kv-turler input { position: absolute; opacity: 0; pointer-events: none; }
.kv-turler label:has(input:checked) { color: var(--ink); border-bottom-color: var(--accent); }
.kv-turler label:has(input:focus-visible) { outline: 2px solid var(--accent); outline-offset: 2px; }
.kv-alanlar { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, .8fr) minmax(0, .9fr); gap: 14px; }
.kv-alanlar label { display: grid; gap: 4px; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-faint); }
.kv-alanlar input { width: 100%; min-height: 46px; padding: 0 2px; border: 0; border-bottom: 2px solid var(--ink); border-radius: 0; background: none; color: var(--ink); font: inherit; font-family: var(--display); font-size: 22px; font-weight: 900; letter-spacing: -.01em; text-transform: none; font-variant-numeric: tabular-nums; }
.kv-alanlar input:focus-visible { outline: none; border-bottom-color: var(--accent); }
.kv-alanlar label > span { display: flex; align-items: baseline; gap: 6px; }
.kv-alanlar small { font-size: 11.5px; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--ink-faint); }
.kv-hizli { display: flex; flex-wrap: wrap; gap: 2px 14px; padding-top: 8px; border-top: 1px solid var(--line); }
.kv-hizli > span { width: 100%; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-faint); }
.kv-hizli button { padding: 6px 0; border: 0; background: none; color: var(--ink-soft); font: inherit; font-size: 13px; font-weight: 700; text-decoration: underline; text-decoration-color: var(--line); text-underline-offset: 4px; cursor: pointer; touch-action: manipulation; }
.kv-hizli button:hover, .kv-hizli button[aria-pressed=true] { color: var(--ink); text-decoration-color: var(--accent); }
.kv-sonuc { display: grid; align-content: start; gap: 2px; padding-top: 10px; border-top: 3px solid var(--ink); }
.kv-sonuc > span { font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-faint); }
.kv-sonuc output { display: block; font-family: var(--display); font-size: clamp(40px, 5vw, 60px); font-weight: 900; letter-spacing: -.04em; line-height: 1.02; color: var(--accent); word-break: break-word; }
.kv-sonuc dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 12px 0 0; }
.kv-sonuc dl div { padding: 9px 0; border-bottom: 1px solid var(--line); }
.kv-sonuc dl div:nth-child(even) { padding-left: 16px; border-left: 1px solid var(--line); }
.kv-sonuc dt { font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-faint); }
.kv-sonuc dd { margin: 2px 0 0; font-size: 19px; font-weight: 900; color: var(--ink); }
.kv-sonuc-not { margin: 10px 0 0; font-size: 13px; line-height: 1.5; color: var(--ink-soft); }
.kv-sonuc-not b { color: var(--ink); }
.kv-plan { margin-top: 22px; border-top: 1px solid var(--line); }
.kv-plan > summary { display: flex; justify-content: space-between; gap: 12px; padding: 14px 0; font-size: 15px; font-weight: 800; cursor: pointer; list-style: none; }
.kv-plan > summary::-webkit-details-marker { display: none; }
.kv-plan > summary::after { content: '+'; font-weight: 400; font-size: 20px; line-height: 1; color: var(--ink-faint); }
.kv-plan[open] > summary::after { content: '−'; }
.kv-plan .kv-tablo td, .kv-plan .kv-tablo th { padding: 7px 8px; font-size: 13px; }
.kv-plan tbody tr { content-visibility: auto; contain-intrinsic-size: auto 33px; }
.kv-plan tr.is-yil td { border-bottom: 2px solid var(--ink); }

/* grafik: çizgiler SVG'de esner, yazılar HTML */
.kv-grafik { margin: 14px 0 0; }
.kv-g-alan { position: relative; height: 230px; margin-left: 44px; }
.kv-g-alan svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.kv-g-iz { stroke: var(--line); stroke-width: 1; }
.kv-g-c { fill: none; stroke: var(--ink); stroke-width: 2.25; stroke-linejoin: round; stroke-linecap: round; }
.kv-g-c.kv-s2 { stroke: var(--kv-s2); }
.kv-g-c.kv-s3 { stroke: var(--kv-s3); }
.kv-g-y { position: absolute; left: -44px; width: 38px; transform: translateY(50%); font-size: 11px; font-weight: 600; color: var(--ink-faint); text-align: right; font-variant-numeric: tabular-nums; }
.kv-g-x { position: relative; height: 22px; margin-left: 44px; }
.kv-g-x span { position: absolute; top: 5px; transform: translateX(-50%); font-size: 11px; font-weight: 600; color: var(--ink-faint); white-space: nowrap; font-variant-numeric: tabular-nums; }
.kv-g-x span:first-child:last-child, .kv-g-x span[style^="left:0%"] { transform: none; }
.kv-g-x span[style^="left:100%"] { transform: translateX(-100%); }
.kv-g-lej { display: flex; flex-wrap: wrap; gap: 4px 18px; margin-top: 6px; font-size: 12px; font-weight: 700; color: var(--ink-soft); }
.kv-g-l::before { content: ''; display: inline-block; width: 16px; height: 0; margin-right: 6px; vertical-align: 3px; border-top: 2.5px solid var(--ink); }
.kv-g-l.kv-s2::before { border-top-color: var(--kv-s2); }
.kv-g-l.kv-s3::before { border-top-color: var(--kv-s3); }

/* takvim (PPK) */
.kv-takvim { list-style: none; margin: 0; padding: 0; }
.kv-takvim li { display: grid; grid-template-columns: 54px minmax(0, 1fr) auto; align-items: center; gap: 14px; padding: 10px 0; border-bottom: 1px solid var(--line); }
.kv-takvim li.is-ilk .kv-tk-gun b, .kv-takvim li.is-ilk .kv-tk-kalan { color: var(--accent); }
.kv-tk-gun { display: grid; justify-items: center; line-height: 1; }
.kv-tk-gun b { font-family: var(--display); font-size: 26px; font-weight: 900; }
.kv-tk-gun small { font-size: 10.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-faint); }
.kv-tk-ad { display: grid; min-width: 0; }
.kv-tk-ad b { font-size: 14.5px; font-weight: 800; }
.kv-tk-ad small { font-size: 12px; color: var(--ink-faint); }
.kv-tk-kalan { font-size: 12.5px; font-weight: 800; color: var(--ink-faint); white-space: nowrap; }

/* alt bölüm: ilgili haberler + sayfalar */
.kv-alt { margin-top: 36px; }
.kv-haber { list-style: none; margin: 0; padding: 0; }
.kv-haber li { display: grid; grid-template-columns: 78px minmax(0, 1fr); gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--line); }
.kv-haber time { padding-top: 2px; font-size: 12px; font-weight: 700; color: var(--ink-faint); }
.kv-haber a { font-size: 14.5px; font-weight: 700; line-height: 1.38; color: var(--ink); }
.kv-haber a:hover { text-decoration: underline; text-underline-offset: 3px; }
.kv-bag { list-style: none; margin: 0; padding: 0; }
.kv-bag li { padding: 10px 0; border-bottom: 1px solid var(--line); }
.kv-bag a { display: grid; gap: 1px; color: var(--ink); }
.kv-bag a b { font-size: 14.5px; font-weight: 800; }
.kv-bag a span { font-size: 12.5px; color: var(--ink-soft); }
.kv-bag a:hover b { text-decoration: underline; text-underline-offset: 3px; }
.kv-bag li[aria-current=page] b { color: var(--ink-faint); }

@media (max-width: 1000px) {
    .kv-uclu { grid-template-columns: minmax(0, 1fr); gap: 26px; }
    .kv-kpi--5 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .kv-kpi--5 > div:first-child { grid-column: 1 / -1; padding-left: 0; border-left: 0; border-bottom: 1px solid var(--line); }
    .kv-kpi--5 > div:nth-child(2), .kv-kpi--5 > div:nth-child(4) { padding-left: 0; border-left: 0; }
    .kv-kpi--5 > div:nth-child(n+4) { border-top: 1px solid var(--line); }
}
@media (max-width: 860px) {
    .kv-hesap { grid-template-columns: minmax(0, 1fr); gap: 26px; }
    .kv-teklif { grid-template-columns: minmax(0, 1fr) auto; }
    .kv-t-kalem { grid-column: 1 / -1; grid-row: 2; }
    .kv-t-toplam { grid-column: 2; grid-row: 1; }
}
@media (max-width: 720px) {
    .kv-kpi { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .kv-kpi > div:nth-child(odd) { padding-left: 0; border-left: 0; }
    .kv-kpi > div:nth-child(n+3) { border-top: 1px solid var(--line); }
    .kv-kpi--5 > div:nth-child(odd) { padding-left: 12px; border-left: 1px solid var(--line); }
    .kv-kpi--5 > div:first-child, .kv-kpi--5 > div:nth-child(2), .kv-kpi--5 > div:nth-child(4) { padding-left: 0; border-left: 0; }
    .kv-kpi--5 > div:nth-child(3), .kv-kpi--5 > div:nth-child(5) { padding-left: 12px; border-left: 1px solid var(--line); }
    .kv-gizle-m { display: none; }
    .kv-tablo th, .kv-tablo td { padding: 10px 6px; font-size: 13px; }
    .kv-alanlar { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
    .kv-alanlar label:first-child { grid-column: 1 / -1; }
    .kv-aralik li, .kv-aralik-eksen { grid-template-columns: 74px minmax(0, 1fr); }
    .kv-aralik li > span { grid-column: 2; text-align: left; font-size: 12px; }
    .kv-aralik-eksen > :last-child { display: none; }
    .kv-degisim { grid-template-columns: minmax(0, 1fr); }
    .kv-dagilim dl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .kv-dagilim dl div:nth-child(3) { padding-left: 0; border-left: 0; }
    .kv-dagilim dl div:nth-child(n+3) { margin-top: 8px; }
    .kv-g-alan { height: 190px; margin-left: 38px; }
    .kv-g-x { margin-left: 38px; }
    .kv-g-y { left: -38px; width: 34px; }
    .kv-sonuc dl { grid-template-columns: minmax(0, 1fr); }
    .kv-sonuc dl div:nth-child(even) { padding-left: 0; border-left: 0; }
    .kv-h1 { max-width: none; }
}
@media (max-width: 420px) {
    .kv-teklif { gap: 6px 14px; }
    .kv-t-toplam b { font-size: 22px; }
    .kv-gizle-k { display: none; }
}
@media (prefers-reduced-motion: reduce) { .kv * { scroll-behavior: auto; } }