/* Tagds belgeleri (/docs/, /en/docs/, /ru/docs/) — site.css'in üstüne; aynı dil ("Gravür + Kalkış"): grafit bant + soğuk beyaz, sarı
   yalnız "buradan" (ilk adım damgası, içindekilerde bulunulan yer, açık menü işareti). Derinlik gölgeyle değil kıl çizgiyle; köşeler
   keskin; italik yok. Rol ipucu oyma: düz = reklamveren, noktalı = yayıncı, 45° tarama = tanıtımcı, kod = yazılımcı.
   Kırılımlar: ≥1024 sol içindekiler yapışkan; ≤1023 içindekiler içeriğin başında açılır liste; ≤720 telefon. Kod blokları ve tablolar
   kendi içinde yatay kayar, sayfa kaymaz (ızgara çocukları min-width:0). */

.menu a.on { color: #fff; border-bottom-color: var(--sinyal); }
.mob-panel > nav a.on { color: #fff; box-shadow: inset 3px 0 0 var(--sinyal); padding-left: 12px; }
.rol.tn::before { background: repeating-linear-gradient(45deg, currentColor 0 1px, transparent 1px 3.4px); }
.rol.yz::before { background: linear-gradient(currentColor, currentColor) 0 50% / 100% 1px no-repeat, linear-gradient(currentColor, currentColor) 0 0 / 1px 100% no-repeat, linear-gradient(currentColor, currentColor) 100% 0 / 1px 100% no-repeat; }
.rol.ilke::before { background: linear-gradient(currentColor, currentColor) 0 0 / 100% 1px no-repeat, linear-gradient(currentColor, currentColor) 0 100% / 100% 1px no-repeat; }
.rol.genel::before { background: repeating-linear-gradient(90deg, currentColor 0 1.2px, transparent 1.2px 3px) 0 0 / 50% 100% no-repeat, repeating-linear-gradient(45deg, currentColor 0 1px, transparent 1px 3.4px) 100% 0 / 50% 100% no-repeat; }

/* ── giriş bandı ── */
.d-hero { background: var(--grafit); color: #fff; padding: 52px 0 64px; position: relative; overflow: hidden; }
.d-hero::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 14px; background: var(--halat-koyu) 0 50% / 40px 14px repeat-x; opacity: .7; }
.d-yol { display: flex; gap: 10px; align-items: center; font: 500 12.5px/1.2 var(--f-tabela); letter-spacing: .05em; text-transform: uppercase; color: var(--grafit-sonuk); }
.d-yol a { color: var(--grafit-yazi); }
.d-yol a:hover { color: #fff; }
.d-hero h1 { margin-top: 18px; font-size: 52px; line-height: 1.04; letter-spacing: -0.035em; max-width: 860px; text-wrap: balance; }
.d-hero-p { margin-top: 20px; font-size: 17.5px; line-height: 1.6; color: var(--grafit-yazi); max-width: 760px; }
.d-kitle { margin-top: 40px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid var(--grafit-cizgi); }
.d-kitle li + li { border-left: 1px solid var(--grafit-cizgi); }
.d-kitle a { display: flex; flex-direction: column; height: 100%; padding: 22px 22px 20px; transition: background-color .15s; }
.d-kitle a:hover { background: var(--grafit-2); }
.d-kitle .rol { color: var(--grafit-yazi); }
.d-kitle b { margin-top: 14px; font: 600 19px/1.25 var(--f-metin); letter-spacing: -0.015em; color: #fff; }
.d-kitle-m { margin-top: 6px; font-size: 14px; line-height: 1.5; color: var(--grafit-yazi); }
.d-kitle-ok { margin-top: auto; padding-top: 18px; display: block; }
.d-kitle-ok::after { content: ""; display: block; width: 26px; height: 1px; background: #fff; transition: width .2s; }
.d-kitle a:hover .d-kitle-ok::after { width: 40px; }

/* ── düzen: sol içindekiler + içerik ── */
.d-duzen { display: grid; grid-template-columns: 252px minmax(0, 1fr); gap: 72px; align-items: start; padding-top: 56px; }
/* yapışkan içindekiler: sayfada ikinci kaydırma çubuğu görünmesin (kullanıcı: "çift scroll"); uzunsa tekerlekle kayar, çubuk yalnız fare üzerindeyken */
.d-yan { position: sticky; top: 0; max-height: 100vh; overflow-y: auto; overscroll-behavior: contain; padding: 24px 6px 32px 0; scrollbar-width: none; }
.d-yan::-webkit-scrollbar { width: 0; height: 0; }
@media (hover: hover) { .d-yan:hover { scrollbar-width: thin; scrollbar-color: var(--cizgi) transparent; } .d-yan:hover::-webkit-scrollbar { width: 6px; } .d-yan:hover::-webkit-scrollbar-thumb { background: var(--cizgi); } }
.d-toc-bas { color: var(--sonuk); margin-bottom: 14px; }
.d-toc-l > li { border-top: 1px solid var(--cizgi-ince); }
.d-toc-l > li:last-child { border-bottom: 1px solid var(--cizgi-ince); }
.d-toc-l a { display: block; position: relative; }
.d-toc-l > li > a { padding: 11px 0 11px 0; font: 600 14.5px/1.35 var(--f-metin); letter-spacing: -0.01em; color: var(--murekkep); }
.d-toc-l > li > a .rol { margin-right: 0; color: var(--murekkep); }
.d-toc-l ol { padding: 0 0 10px 31px; }
.d-toc-l ol a { padding: 5px 0 5px 10px; font-size: 13.5px; line-height: 1.4; color: var(--yazi); border-left: 1px solid var(--cizgi); }
.d-toc-l a:hover { color: var(--murekkep); }
.d-toc-l ol a:hover { border-left-color: var(--murekkep); }
.d-toc-l ol a.on { color: var(--murekkep); font-weight: 500; border-left: 2px solid var(--sinyal); padding-left: 9px; }
.d-toc-l > li > a.on { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.d-toc-mob { display: none; }

.d-icerik { min-width: 0; max-width: 800px; padding-bottom: 8px; }
.d-icerik > * { min-width: 0; }

/* ── bölümler ── */
.d-bolum { padding-top: 32px; }
.d-bolum + .d-bolum { margin-top: 72px; }
.d-bolum .bolum-bas { margin-bottom: 18px; }
.d-bolum h2 { font-size: 40px; line-height: 1.08; scroll-margin-top: 24px; }
.d-capa:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 6px; }
.d-giris { margin-top: 18px; font-size: 18px; line-height: 1.62; color: var(--yazi); }
.d-bolum > .d-giris + *, .d-bolum > h2 + figure, .d-bolum > h2 + .d-adim { margin-top: 30px; }
.d-alt { margin-top: 52px; scroll-margin-top: 16px; }
.d-alt h3 { font-size: 25px; line-height: 1.2; letter-spacing: -0.02em; padding-top: 22px; border-top: 1px solid var(--cizgi); }
.d-icerik h4 { margin: 0; font-weight: 600; }
.d-alt h4, .d-bolum h4 { font-size: 17px; line-height: 1.35; letter-spacing: -0.01em; }
.d-icerik p { font-size: 16.5px; line-height: 1.7; color: var(--yazi); }
.d-alt > h3 + p, .d-alt > h3 + * { margin-top: 14px; }
.d-alt > p + p, .d-alt > * + p, .d-alt > p + *, .d-alt > * + .d-kod, .d-alt > * + .d-tablo, .d-alt > * + .d-not, .d-alt > * + figure, .d-alt > * + .d-liste, .d-alt > * + .d-tanim, .d-alt > * + .d-adim, .d-alt > * + .d-sss, .d-alt > * + h4 { margin-top: 18px; }
.d-alt > * + h4 { margin-top: 30px; }
.d-alt > h4 + * { margin-top: 10px; }
.d-icerik strong, .d-icerik b { color: var(--murekkep); }
.d-icerik a:not(.d-capa):not([class]) { color: var(--murekkep); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; text-decoration-color: var(--cerceve, #C9CED3); }
.d-icerik a:not(.d-capa):not([class]):hover { text-decoration-color: var(--murekkep); }
.d-ui { font-weight: 600; color: var(--murekkep); white-space: nowrap; border-bottom: 1px solid var(--cizgi); }
.d-icerik code { font: 400 .875em/1.4 var(--f-sayi); color: var(--murekkep); background: var(--zemin-2); border: 1px solid var(--cizgi-ince); padding: 1px 5px; overflow-wrap: anywhere; }

/* adımlar (landing .adimlar'ın küçüğü) */
.d-adim li { display: grid; grid-template-columns: 58px minmax(0, 1fr); padding-bottom: 22px; position: relative; }
.d-adim li:last-child { padding-bottom: 0; }
.d-adim li::before { content: ""; position: absolute; left: 19px; top: 44px; bottom: 4px; width: 2px; background: var(--murekkep); }
.d-adim li:last-child::before { display: none; }
.d-adim .damga { width: 40px; height: 40px; font-size: 14px; }
.d-adim li.buradan .damga { background: var(--sinyal); color: var(--murekkep); }
.d-adim li.buradan .damga::after { border-color: rgba(18,20,22,.35); }
.d-adim h4 { padding-top: 9px; }
.d-adim p { margin-top: 4px; font-size: 15.5px; line-height: 1.6; }

/* not kutuları: bilgi (açık zemin), önemli (siyah kıl çerçeve: dikkat kutusu), dikkat (kırmızı çizgi) */
.d-not { padding: 16px 20px 18px; background: var(--zemin-2); border: 1px solid var(--cizgi); }
.d-not.onemli { background: var(--zemin); border-color: var(--murekkep); }
.d-not.dikkat { background: var(--zemin); border-left: 3px solid var(--kirmizi); }
.d-not-b { font: 500 12.5px/1.45 var(--f-tabela) !important; letter-spacing: .05em; text-transform: uppercase; color: var(--murekkep) !important; }
.d-not.dikkat .d-not-b { color: #B3302C !important; }
.d-not > div { margin-top: 6px; }
.d-not > div > p { font-size: 15.5px; line-height: 1.6; }
.d-not > div > * + * { margin-top: 8px; }
.d-not .d-liste li { font-size: 15.5px; }

/* madde ve tanım listeleri */
.d-liste li { position: relative; padding: 7px 0 7px 28px; font-size: 16px; line-height: 1.6; color: var(--yazi); }
.d-liste li::before { content: ""; position: absolute; left: 0; top: 17px; width: 15px; height: 6px; background: repeating-linear-gradient(90deg, var(--murekkep) 0 1.2px, transparent 1.2px 3px); }
.d-liste.yok li::before { background: linear-gradient(var(--kirmizi), var(--kirmizi)) 50% 50% / 100% 1.5px no-repeat; }
.d-liste.var li::before { background: linear-gradient(var(--yesil), var(--yesil)) 50% 50% / 100% 2px no-repeat; }
.d-tanim > div { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 20px; padding: 12px 0; border-top: 1px solid var(--cizgi); }
.d-tanim > div:last-child { border-bottom: 1px solid var(--cizgi); }
.d-tanim dt { font: 600 15px/1.5 var(--f-metin); color: var(--murekkep); overflow-wrap: anywhere; }
.d-tanim dd { font-size: 15.5px; line-height: 1.6; color: var(--yazi); }

/* tablolar: grafit başlık satırı; dar ekranda kendi içinde kayar */
.d-tablo { overflow-x: auto; overflow-y: hidden; border: 1px solid var(--cizgi); -webkit-overflow-scrolling: touch; }
.d-tablo:focus-visible { outline-offset: 0; }
.d-tablo table { width: 100%; border-collapse: collapse; font-size: 15px; line-height: 1.5; }
.d-tablo thead th { background: var(--grafit); color: #D6DBDF; font: 500 12px/1.3 var(--f-tabela); letter-spacing: .05em; text-transform: uppercase; text-align: left; padding: 11px 14px; white-space: nowrap; }
.d-tablo tbody th, .d-tablo td { padding: 12px 14px; text-align: left; vertical-align: top; border-top: 1px solid var(--cizgi-ince); color: var(--yazi); }
.d-tablo tbody th { font-weight: 600; color: var(--murekkep); white-space: nowrap; }
.d-tablo td.num, .d-tablo .num { font-variant-numeric: tabular-nums; white-space: nowrap; }
.d-tablo.genis table { min-width: 640px; }

/* kod blokları: grafit levha, gülloş zemin izi, kopyala düğmesi; pre kendi içinde kayar */
.d-kod { background: var(--grafit); color: #E7EAEC; position: relative; max-width: 100%; }
.d-kod::before { content: ""; position: absolute; inset: 0; background: var(--halat-koyu) 0 0 / 40px 14px; opacity: .18; pointer-events: none; }
.d-kod figcaption { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 42px; padding: 0 6px 0 16px; border-bottom: 1px solid var(--grafit-cizgi); color: var(--grafit-yazi); }
.d-kopyala { height: 32px; padding: 0 12px; background: none; border: 1px solid var(--grafit-cizgi); color: #D6DBDF; font: 500 12px/1 var(--f-tabela); letter-spacing: .05em; text-transform: uppercase; cursor: pointer; }
.d-kopyala:hover { border-color: #6B737A; color: #fff; }
.d-kopyala.tamam { border-color: var(--yesil); color: #fff; }
.d-kod pre { position: relative; margin: 0; padding: 16px 16px 18px; font: 400 13px/1.75 var(--f-sayi); white-space: pre; overflow-x: auto; overflow-y: hidden; tab-size: 2; scrollbar-color: #3A4148 transparent; }
.d-kod code { font: inherit; background: none; border: 0; padding: 0; color: inherit; }
.d-kod .s { color: var(--sinyal); }
.d-kod .c { color: #7C858C; }
.d-kod .k { color: #AEB6BD; }

/* SSS */
.d-sss details { border-bottom: 1px solid var(--cizgi); }
.d-sss details:first-child { border-top: 1px solid var(--cizgi); }
.d-sss summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 16px; padding: 16px 0; }
.d-sss summary::-webkit-details-marker { display: none; }
.d-sss summary h4 { flex: 1; font-size: 17px; }
.d-sss summary:hover h4 { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.d-sss .isaret, .d-toc-mob .isaret { width: 20px; height: 20px; flex: none; position: relative; }
.d-sss .isaret::before, .d-sss .isaret::after, .d-toc-mob .isaret::before, .d-toc-mob .isaret::after { content: ""; position: absolute; background: var(--murekkep); left: 3px; right: 3px; top: 9.5px; height: 1.5px; }
.d-sss .isaret::after, .d-toc-mob .isaret::after { transform: rotate(90deg); transition: transform .2s; }
.d-sss details[open] .isaret::after, .d-toc-mob[open] .isaret::after { transform: rotate(0deg); }
.d-sss details > div { padding: 0 36px 20px 0; }
.d-sss details > div > * + * { margin-top: 10px; }
.d-sss details p { font-size: 16px; }

/* ── şemalar ── */
figure figcaption { font-size: 13.5px; line-height: 1.5; color: var(--sonuk); }
/* para akışı */
.d-akis { border: 1px solid var(--cizgi); padding: 22px 22px 16px; }
.d-akis-s { display: grid; grid-template-columns: minmax(0, 1fr) 54px minmax(0, 1fr) 54px minmax(0, 1.25fr); align-items: center; }
.d-kutu { border: 1px solid var(--murekkep); padding: 14px 14px 13px; background: var(--zemin); min-width: 0; }
.d-kutu .rol { font-size: 11.5px; color: var(--sonuk); }
.d-kutu .rol::before { width: 18px; margin-right: 7px; }
.d-kutu b { display: block; margin-top: 8px; font: 600 15.5px/1.3 var(--f-metin); }
.d-kutu p { margin-top: 4px; font-size: 13.5px !important; line-height: 1.5 !important; }
.d-kutu.koyu { background: var(--grafit); color: #fff; border-color: var(--grafit); text-align: center; }
.d-kutu.koyu b { color: #fff; margin-top: 6px; }
.d-kutu.koyu p { color: var(--grafit-yazi); }
.d-isaret { width: 19px; height: 22px; display: block; margin: 0 auto; }
.d-ok { position: relative; height: 40px; }
.d-ok::before { content: ""; position: absolute; left: 6px; right: 8px; top: 50%; height: 1px; background: var(--murekkep); }
.d-ok::after { content: ""; position: absolute; right: 6px; top: calc(50% - 4px); border: 4px solid transparent; border-left: 6px solid var(--murekkep); border-right: 0; }
.d-ok span { position: absolute; left: 0; right: 0; top: 0; text-align: center; font: 500 10.5px/1.2 var(--f-tabela); letter-spacing: .04em; text-transform: uppercase; color: var(--sonuk); }
.d-cift { display: grid; gap: 10px; }
.d-akis figcaption { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--cizgi-ince); }

/* ilan kartı çizimi + numaralı işaretler */
.d-ilan { display: grid; grid-template-columns: 330px minmax(0, 1fr); gap: 32px; align-items: start; padding: 24px; background: var(--zemin-2); border: 1px solid var(--cizgi); }
.d-ilan-kart { background: var(--zemin); border: 1px solid var(--cerceve, #C9CED3); padding: 0 0 14px; position: relative; }
.d-ilan-gorsel { height: 138px; position: relative; background: var(--zemin-2) repeating-linear-gradient(0deg, rgba(18,20,22,.13) 0 .7px, transparent .7px 3px); border-bottom: 1px solid var(--cizgi); }
.d-ilan-ust { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 12px 14px 0; }
.d-ilan-rv { font-size: 12.5px; color: var(--sonuk); }
.d-ilan-pl { display: flex; gap: 4px; align-items: center; position: relative; }
.d-ilan-pl i { font: 500 10.5px/1 var(--f-tabela); letter-spacing: .05em; text-transform: uppercase; border: 1px solid var(--murekkep); padding: 3px 5px; color: var(--murekkep); }
.d-ilan-b { display: block; padding: 8px 14px 0; font: 600 16px/1.3 var(--f-metin); }
.d-ilan-m { padding: 4px 14px 0; font-size: 13px !important; line-height: 1.45 !important; }
.d-ilan-adim { margin: 12px 14px 0; border-top: 1px solid var(--cizgi); position: relative; }
.d-ilan-adim > div { display: flex; justify-content: space-between; gap: 10px; padding: 6px 0; border-bottom: 1px solid var(--cizgi-ince); font-size: 13px; }
.d-ilan-adim dt { color: var(--yazi); }
.d-ilan-adim dd { font-weight: 600; font-variant-numeric: tabular-nums; }
.d-ilan-cok { padding: 6px 14px 0; font-size: 12px !important; color: var(--sonuk) !important; }
.d-ilan-sonuc { margin: 10px 14px 0; padding: 8px 10px; background: var(--zemin-2); font-size: 12.5px !important; line-height: 1.4 !important; position: relative; }
.d-ilan-tus { display: flex; flex-wrap: wrap; gap: 6px; padding: 12px 14px 0; position: relative; }
.d-ilan-tus span:not(.d-pin) { flex: 1 1 auto; text-align: center; padding: 9px 8px; background: var(--murekkep); color: #fff; font: 600 12.5px/1.2 var(--f-metin); white-space: nowrap; }
.d-pin { display: inline-grid; place-items: center; width: 20px; height: 20px; flex: none; background: var(--sinyal); color: var(--murekkep); font: 600 11.5px/1 var(--f-rakam); }
.d-ilan-kart .d-pin { position: absolute; }
.d-ilan-gorsel .d-pin { left: 10px; top: 10px; }
.d-ilan-pl .d-pin { right: -24px; top: -2px; }
.d-ilan-adim .d-pin { right: -24px; top: 4px; }
.d-ilan-sonuc .d-pin { right: -24px; top: 6px; }
.d-ilan-tus .d-pin { right: -10px; top: 20px; }
.d-ilan figcaption { color: var(--yazi); font-size: 15px; }
.d-ilan-not { font-size: 13.5px !important; color: var(--sonuk) !important; }
.d-pinler { margin-top: 12px; }
.d-pinler li { display: grid; grid-template-columns: 30px minmax(0, 1fr); padding: 9px 0; border-top: 1px solid var(--cizgi); font-size: 15px; line-height: 1.55; color: var(--yazi); }
.d-pinler li .d-pin { margin-top: 2px; }

/* huni */
.d-huni ol { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border: 1px solid var(--cizgi); }
.d-huni li { padding: 14px 14px 16px; border-left: 1px solid var(--cizgi); position: relative; min-width: 0; }
.d-huni li:first-child { border-left: 0; }
.d-huni li::after { content: ""; position: absolute; right: -6px; top: 18px; width: 10px; height: 10px; background: var(--zemin); border-top: 1px solid var(--cizgi); border-right: 1px solid var(--cizgi); transform: rotate(45deg); z-index: 1; }
.d-huni li:last-child::after { display: none; }
.d-huni-n { display: block; font: 500 11.5px/1 var(--f-rakam); color: var(--sonuk); font-variant-numeric: tabular-nums; }
.d-huni b { display: block; margin-top: 10px; font: 600 15.5px/1.25 var(--f-metin); overflow-wrap: anywhere; }
.d-huni li > span:last-child { display: block; margin-top: 5px; font-size: 13px; line-height: 1.45; color: var(--yazi); }
.d-huni li.odenir { background: repeating-linear-gradient(90deg, rgba(18,20,22,.06) 0 1px, transparent 1px 4px); }
.d-huni li.odenir .d-huni-n::after { content: "$"; margin-left: 6px; display: inline-block; padding: 2px 4px; border: 1px solid var(--murekkep); color: var(--murekkep); font-size: 10.5px; }
.d-huni figcaption { margin-top: 10px; }

/* entegrasyon sırası */
.d-sira ol { border-left: 2px solid var(--murekkep); }
.d-sira li { display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: 16px; padding: 10px 0 10px 18px; position: relative; border-bottom: 1px solid var(--cizgi-ince); }
.d-sira li::before { content: ""; position: absolute; left: -6px; top: 17px; width: 10px; height: 10px; background: var(--zemin); border: 2px solid var(--murekkep); }
.d-sira li:first-child::before { background: var(--sinyal); }
.d-sira-k { font: 500 12.5px/1.6 var(--f-tabela); letter-spacing: .05em; text-transform: uppercase; color: var(--sonuk); }
.d-sira-m { font-size: 15.5px; line-height: 1.6; color: var(--yazi); }
.d-sira figcaption { margin-top: 10px; }

.d-guncel { margin-top: 72px; padding-top: 18px; border-top: 1px solid var(--cizgi); font-size: 13.5px !important; color: var(--sonuk) !important; }
.d-basa { color: var(--murekkep); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
body.belge .alt { margin-top: 112px; }
body.belge .alt-ust { border-top: 0; padding-top: 56px; }

/* ── orta genişlik ── */
@media (max-width: 1279px) {
  .d-duzen { grid-template-columns: 232px minmax(0, 1fr); gap: 48px; }
}
@media (max-width: 1199px) {
  .d-ilan { grid-template-columns: 1fr; }
  .d-ilan-kart { max-width: 360px; }
  .d-akis-s { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .d-ok { height: 34px; }
  .d-ok::before { left: 50%; right: auto; top: 6px; bottom: 8px; width: 1px; height: auto; }
  .d-ok::after { left: calc(50% - 4px); right: auto; top: auto; bottom: 4px; border: 4px solid transparent; border-top: 6px solid var(--murekkep); border-bottom: 0; }
  .d-ok span { left: calc(50% + 12px); right: auto; top: 11px; text-align: left; }
  .d-cift { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 1023px) {
  .d-duzen { grid-template-columns: minmax(0, 1fr); padding-top: 32px; }
  .d-yan { display: none; }
  .d-toc-mob { display: block; border: 1px solid var(--murekkep); margin-bottom: 8px; }
  .d-toc-mob summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 48px; padding: 0 16px; }
  .d-toc-mob summary::-webkit-details-marker { display: none; }
  .d-toc-mob > nav { padding: 0 16px 12px; border-top: 1px solid var(--cizgi); }
  .d-toc-mob .d-toc-l > li:first-child { border-top: 0; }
  .d-toc-mob .d-toc-l > li:last-child { border-bottom: 0; }
  .d-kitle { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .d-kitle li:nth-child(3) { border-left: 0; }
  .d-kitle li:nth-child(n+3) { border-top: 1px solid var(--grafit-cizgi); }
  .d-icerik { max-width: none; }
}
@media (max-width: 860px) {
  .d-huni ol { grid-template-columns: minmax(0, 1fr); }
  .d-huni li { border-left: 0; border-top: 1px solid var(--cizgi); display: grid; grid-template-columns: 34px minmax(0, 1fr); column-gap: 8px; }
  .d-huni li:first-child { border-top: 0; }
  .d-huni li::after { display: none; }
  .d-huni-n { grid-row: span 2; padding-top: 2px; }
  .d-huni b { margin-top: 0; }
}

/* ── telefon ── */
@media (max-width: 720px) {
  .d-hero { padding: 30px 0 44px; }
  .d-hero h1 { font-size: 34px; margin-top: 14px; }
  .d-hero-p { font-size: 15.5px; margin-top: 14px; }
  .d-kitle { margin-top: 28px; grid-template-columns: minmax(0, 1fr); }
  .d-kitle li + li { border-left: 0; border-top: 1px solid var(--grafit-cizgi); }
  .d-kitle a { padding: 16px 16px 14px; display: grid; grid-template-columns: minmax(0, 1fr) 30px; column-gap: 12px; }
  .d-kitle .rol, .d-kitle b, .d-kitle-m { grid-column: 1; }
  .d-kitle b { margin-top: 8px; font-size: 17px; }
  .d-kitle-ok { grid-column: 2; grid-row: 1 / span 3; align-self: center; padding: 0; }
  .d-duzen { padding-top: 24px; }
  .d-bolum + .d-bolum { margin-top: 56px; }
  .d-bolum h2 { font-size: 30px; }
  .d-giris { font-size: 16.5px; }
  .d-alt { margin-top: 40px; }
  .d-alt h3 { font-size: 21px; padding-top: 18px; }
  .d-icerik p { font-size: 16px; }
  .d-tanim > div { grid-template-columns: minmax(0, 1fr); gap: 4px; }
  .d-sira li { grid-template-columns: minmax(0, 1fr); gap: 2px; }
  .d-cift { grid-template-columns: minmax(0, 1fr); }
  .d-ilan { padding: 16px; gap: 20px; }
  .d-ilan-kart { max-width: none; margin-right: 22px; }
  .d-kod pre { font-size: 12.5px; padding: 14px 14px 16px; }
  .d-sss details > div { padding-right: 0; }
  .d-not { padding: 14px 16px 16px; }
  .d-ui { white-space: normal; }
  body.belge .alt { margin-top: 80px; }
  body.belge .alt-ust { padding-top: 40px; }
}
@media (max-width: 1099px), (pointer: coarse) {
  .d-toc-l ol a { padding-top: 9px; padding-bottom: 9px; }
  .d-toc-l > li > a { padding: 12px 0; }
}
@media print {
  .ust, .d-yan, .d-toc-mob, .alt, .d-kopyala, .secici { display: none !important; }
  .d-hero { background: none; color: var(--murekkep); padding: 0; }
  .d-hero::after, .d-kitle { display: none; }
  .d-duzen { display: block; }
  .d-kod pre { white-space: pre-wrap; }
}