/* ==========================================================================
   Dokümantasyon sayfası (dk-*). v2 bileşenlerinin üstüne yalnız bu sayfaya özgü düzen: kılavuz kartları, bölüm kartları, konu dizini.
   ========================================================================== */

.dk-bolum[id]{scroll-margin-top:calc(var(--ust-yuk) + 60px)}

/* ---- kılavuz kartları ---- */
.dk-kilavuz-kart{gap:12px}
.dk-kilavuz-kart p{flex:1; margin:0}
.dk-kilavuz-kart .dugme-sira{margin-top:6px}
.dk-not{margin:clamp(20px,2.4vw,28px) 0 0; font-size:.93rem; color:var(--gri)}

/* ---- bölüm kartları ---- */
.dk-bolum-kart{gap:12px}
.dk-bolum-kart p{flex:1}
.dk-bolum-kart .v2-ikon{margin-bottom:2px}
.dk-kart-alt{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:auto; padding-top:12px; border-top:1px solid var(--cizgi-2)}
.dk-kart-alt .v2-baglanti{margin-top:0; font-size:.88rem}

/* ---- konu dizini ---- */
.dk-ara{display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) auto; gap:16px; align-items:end; margin-bottom:18px; padding:clamp(16px,2vw,22px); border-radius:18px; background:var(--zemin); border:1px solid var(--cizgi-2)}
.dk-alan label{display:block; margin-bottom:8px; font:700 .74rem/1 var(--font-baslik); letter-spacing:.1em; text-transform:uppercase; color:var(--gri)}
.dk-alan .alan-girdi{width:100%}
.dk-alan select.alan-girdi{text-overflow:ellipsis}
.dk-durum{margin:0 0 18px; font-size:.92rem; font-weight:600; color:var(--gri)}
.dk-gruplar{display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr)); gap:clamp(14px,1.8vw,22px); align-items:start}
.dk-grup{padding:clamp(18px,2vw,24px); border-radius:16px; background:#fff; border:1px solid var(--cizgi); box-shadow:var(--v2-golge-1); scroll-margin-top:calc(var(--ust-yuk) + 70px)}
.dk-grup:target{border-color:var(--baglanti); box-shadow:0 0 0 3px rgba(28,107,208,.16),var(--v2-golge-1)}
.dk-grup h3{display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:4px 12px; margin:0 0 12px; font-size:1.05rem}
.dk-grup h3 small{font:600 .78rem/1 var(--font-govde); letter-spacing:.02em; color:var(--gri)}
.dk-konular{list-style:none; margin:0; padding:0; display:grid; gap:2px}
.dk-konular li{position:relative; padding:6px 0 6px 20px; font-size:.95rem; line-height:1.45; color:var(--metin); border-top:1px solid var(--cizgi-2)}
.dk-konular li:first-child{border-top:0}
.dk-konular li::before{content:""; position:absolute; left:2px; top:.95em; width:7px; height:7px; border-radius:2px; background:var(--mavi-acik)}
.dk-konular a{display:block; color:inherit; text-decoration:none}
.dk-konular a:hover,.dk-konular a:focus-visible{color:var(--baglanti); text-decoration:underline}
.dk-grup[hidden],.dk-konular li[hidden]{display:none !important}
.dk-bos{margin:0; padding:36px 24px; text-align:center; border:1px dashed #BCC8DC; border-radius:18px; color:var(--gri)}

@media (max-width:860px){
  .dk-ara{grid-template-columns:minmax(0,1fr)}
  .dk-ara .dugme{width:100%}
}