/* kk-desc — kategori term description mock A-v3 */
.kk-desc{
  --kk-cream:#fbfaf3;
  --kk-surface:#fefefe;
  --kk-box:#f4f2ea;
  --kk-ink:#1a1a1a;
  --kk-muted:#595959;
  --kk-line:rgba(17,17,17,.10);
  --kk-focus:#1a4d8f;
  --kk-cat:var(--ck,#2a5e4e);
  font-family:inherit;
  color:var(--kk-ink);
}
.kk-desc *{box-sizing:border-box}
@media (prefers-reduced-motion:reduce){
  .kk-desc,.kk-desc *{transition:none!important}
}

.kk-desc--a{
  margin:16px 0 0;
  padding:0;
  font-family:inherit;
}
@media (min-width:782px){
  .kk-desc--a{margin-top:20px}
}

.kk-desc--a .kk-desc__box{
  position:relative;
  background:var(--kk-box);
  border:1px solid var(--kk-line);
  border-radius:16px;
  padding:16px 18px;
  box-shadow:0 1px 2px rgba(17,17,17,.04);
  display:flex;
  align-items:flex-start;
  gap:10px;
}
.kk-desc--a .kk-desc__dot{
  flex:none;
  width:8px;
  height:8px;
  margin-top:0.55em;
  border-radius:999px;
  background:var(--kk-cat);
}
.kk-desc--a .kk-desc__body{
  flex:1 1 auto;
  min-width:0;
}
.kk-desc--a .kk-desc__txt{
  margin:0;
  font-family:inherit;
  font-size:1.0625rem;
  line-height:1.6;
  color:var(--kk-ink);
  text-wrap:pretty;
}
@media (max-width:599px){
  .kk-desc--a .kk-desc__txt{font-size:1rem}
}

/* —— Mobil: 4 satır + Devamı (JS yok, tam metin DOM'da) —— */
@media (max-width:767px){
  .kk-desc--a .kk-desc__txt{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:4;
    line-clamp:4;
    overflow:hidden;
  }
  .kk-desc--a:has(details[open]) .kk-desc__txt{
    -webkit-line-clamp:unset;
    line-clamp:unset;
    display:block;
    overflow:visible;
  }
  .kk-desc--a .kk-desc__more{
    margin:8px 0 0;
  }
  .kk-desc--a .kk-desc__more > summary{
    list-style:none;
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    min-height:48px;
    padding:8px 0;
    font-family:inherit;
    font-size:1rem;
    font-weight:600;
    line-height:1.3;
    color:var(--kk-muted);
    text-decoration:underline;
    text-underline-offset:3px;
  }
  .kk-desc--a .kk-desc__more > summary::-webkit-details-marker{display:none}
  .kk-desc--a .kk-desc__more > summary::marker{content:""}
  .kk-desc--a .kk-desc__more > summary:focus{outline:none}
  .kk-desc--a .kk-desc__more > summary:focus-visible{
    outline:3px solid var(--kk-focus);
    outline-offset:2px;
    border-radius:4px;
  }
  .kk-desc--a .kk-desc__more-close{display:none}
  .kk-desc--a .kk-desc__more[open] > summary .kk-desc__more-open{display:none}
  .kk-desc--a .kk-desc__more[open] > summary .kk-desc__more-close{display:inline}
}

/* —— Masaüstü: clamp/Devamı yok; kutu ~72ch, kapak/TOC sütun sol hiza —— */
@media (min-width:768px){
  .kk-desc--a .kk-desc__more{display:none}
  .kk-desc--a .kk-desc__txt{
    display:block;
    -webkit-line-clamp:unset;
    line-clamp:unset;
    overflow:visible;
  }
}
/* 782+: .kk-cv-i padding-left 95px → h1 / .toc .ttl ile aynı sol; kutu metne göre daralır */
@media (min-width:782px){
  .kk-desc--a{
    margin-left:95px;
    max-width:72ch;
  }
}

/* A: kısa kapak .ds gizlenir */
body.kk-desc-a .kk-kt-wrap .cv .ds{display:none!important}

/* B referans (CEO A seçti) */
.kk-desc--b.ds,
.kk-kt-wrap .cv .ds.kk-desc--b{
  margin-top:16px;
  max-width:68ch;
  font-family:inherit;
  font-size:1rem;
  line-height:1.6;
  color:var(--kk-cream);
  text-wrap:pretty;
}
@media (min-width:782px){
  .kk-kt-wrap .cv .ds.kk-desc--b{font-size:1.0625rem}
}
@media (max-width:781px){
  body.kk-desc-b .kk-kt-wrap .cvi{padding-bottom:28px}
  body.kk-desc-b .kk-kt-wrap .by{margin-top:20px}
}

