/* kütüphane sayfası: site.css'in tokenları üzerine sakin bir liste. Ön ek: kt- */
.kt .ust nav a[aria-current="page"]{color:var(--metin);text-decoration:underline;text-decoration-color:var(--sinyal);text-decoration-thickness:1.5px;text-underline-offset:6px}

/* giriş */
.kt-bas{padding:clamp(40px,6vw,88px) 0 0;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:0 clamp(32px,4.5vw,80px);align-items:end}
.kt-bas .ust-not{grid-column:1 / -1}
.kt-bas h1{font-weight:300;font-size:clamp(36px,3.6vw,54px);line-height:1.06;margin:0 0 18px;max-width:14em}
.kt-alt{grid-column:1;font-size:17px;line-height:1.55;max-width:34em;color:var(--murekkep)}
.kt-antet{grid-column:2;grid-row:2 / span 2;align-self:end;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--ince);margin:0}
.kt-antet div{padding:12px 14px 13px;border-left:1px solid var(--ince);min-width:0}
.kt-antet div:first-child{border-left:0}
.kt-antet dt{font-size:12.5px;color:var(--soluk);margin-bottom:4px}
.kt-antet dd{margin:0;font:500 20px/1.2 var(--baslik);font-stretch:110%;color:var(--metin);font-variant-numeric:tabular-nums}
.kt-antet a{text-decoration:underline;text-decoration-color:var(--sinyal);text-decoration-thickness:1.5px;text-underline-offset:4px}

/* başlıklara atlama */
.kt-atla{display:flex;flex-wrap:wrap;gap:8px;margin:clamp(32px,4vw,48px) 0 0;padding:16px 0 0;border-top:1px solid var(--ince)}
.kt-atla a{display:inline-flex;align-items:center;min-height:40px;padding:0 13px;border:1px solid var(--ince);font-size:14.5px;color:var(--murekkep);text-decoration:none;transition:border-color .2s,color .2s}
.kt-atla a:hover{border-color:var(--murekkep);color:var(--metin)}

/* gruplar: solda pafta başlığı, sağda liste */
.kt-grup{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:16px clamp(32px,4.5vw,80px);padding:clamp(44px,5vw,72px) 0 0;scroll-margin-top:16px}
.kt-gbas{position:sticky;top:20px;align-self:start;border-top:1.5px solid var(--murekkep);padding-top:14px}
.kt-no{display:flex;align-items:center;gap:10px;font:500 14px/1 var(--baslik);font-stretch:110%;color:var(--soluk);font-variant-numeric:tabular-nums;margin-bottom:12px}
.kt-no::after{content:"";width:9px;height:9px;border:1.5px solid var(--murekkep);border-radius:50%}
.kt-gbas h2{font-weight:400;font-size:clamp(24px,2.1vw,30px);line-height:1.1;margin:0 0 10px}
.kt-gbas p{font-size:15px;color:var(--murekkep);max-width:24em}

.kt-liste{list-style:none;margin:0;padding:0;border-top:1px solid var(--ince);counter-reset:kt}
.kt-liste li{counter-increment:kt;border-bottom:1px solid var(--ince)}
.kt-liste a{position:relative;display:grid;grid-template-columns:2.4em minmax(0,1fr) 30px;gap:2px 14px;align-items:baseline;padding:15px 0 16px;text-decoration:none;color:var(--murekkep)}
.kt-liste a::before{content:counter(kt,decimal-leading-zero);grid-row:span 2;font:400 13px/1.6 var(--baslik);font-stretch:110%;color:var(--soluk);font-variant-numeric:tabular-nums}
.kt-liste a::after{content:"";grid-column:3;grid-row:1 / span 2;align-self:center;width:30px;height:12px;background:currentColor;color:var(--soluk);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 12'%3E%3Cpath d='M0 6H22' stroke='black' stroke-width='1.5'/%3E%3Ccircle cx='25.5' cy='6' r='3.5' fill='none' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat center/contain;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 12'%3E%3Cpath d='M0 6H22' stroke='black' stroke-width='1.5'/%3E%3Ccircle cx='25.5' cy='6' r='3.5' fill='none' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat center/contain;
  transition:transform .2s,background-color .2s}
.kt-liste b{grid-column:2;font:500 17.5px/1.3 var(--baslik);font-stretch:105%;color:var(--metin)}
.kt-liste span{grid-column:2;font-size:15px;line-height:1.45;color:var(--murekkep)}
.kt-liste a:hover b,.kt-liste a:focus-visible b{text-decoration:underline;text-decoration-color:var(--sinyal);text-decoration-thickness:1.5px;text-underline-offset:4px}
.kt-liste a:hover::after{background-color:var(--sinyal);transform:translateX(3px)}

/* arşiv */
.kt-arsiv{padding:clamp(56px,6vw,96px) 0 0;scroll-margin-top:16px}
.kt-olcu{position:relative;height:22px;margin-bottom:10px;display:flex;justify-content:center;align-items:center}
.kt-olcu::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--soluk)}
.kt-olcu i::before,.kt-olcu i::after{content:"";position:absolute;top:50%;margin-top:-6px;width:1px;height:12px;background:var(--soluk);transform:rotate(45deg)}
.kt-olcu i::before{left:0}.kt-olcu i::after{right:0}
.kt-olcu span{position:relative;background:var(--zemin);padding:0 8px;font:400 13.5px/1 var(--baslik);font-stretch:110%;color:var(--murekkep)}
.kt-arsiv-izgara{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);border:1px solid var(--ince);background:var(--kagit)}
.kt-kart{position:relative;display:block;padding:22px 64px 24px 22px;text-decoration:none;color:var(--murekkep);min-width:0}
.kt-kart+.kt-kart{border-left:1px solid var(--ince)}
.kt-kart h2,.kt-kart h3{font-weight:400;font-size:clamp(24px,2.1vw,30px);line-height:1.1;margin:0 0 8px}
.kt-kart h3{font-size:clamp(20px,1.6vw,23px)}
.kt-kart p{font-size:15px;max-width:30em}
.kt-kart svg{position:absolute;right:22px;bottom:26px;width:30px;height:12px;color:var(--soluk);transition:transform .2s,color .2s}
.kt-kart:hover svg{color:var(--sinyal);transform:translateX(3px)}
.kt-kart:hover h2,.kt-kart:hover h3{text-decoration:underline;text-decoration-color:var(--sinyal);text-decoration-thickness:1.5px;text-underline-offset:5px}

@media (max-width:899px){
  .kt-bas{grid-template-columns:1fr;padding-top:28px}
  .kt-alt,.kt-antet{grid-column:1;grid-row:auto}
  .kt-antet{margin-top:22px}
  .kt-bas h1{order:0;font-size:clamp(31px,8.4vw,40px);margin-bottom:12px}
  .kt-atla{gap:6px}
  .kt-atla a{font-size:14px;padding:0 11px}
  .kt-grup{grid-template-columns:1fr;gap:14px}
  .kt-gbas{position:static}
  .kt-liste a{grid-template-columns:2em minmax(0,1fr) 26px;gap:2px 10px}
  .kt-liste a::after{width:26px}
  .kt-liste b{font-size:16.5px}
  .kt-arsiv-izgara{grid-template-columns:1fr}
  .kt-kart+.kt-kart{border-left:0;border-top:1px solid var(--ince)}
  .kt .antet{padding-bottom:28px}
}
@media (prefers-reduced-motion:reduce){.kt-liste a::after,.kt-kart svg{transition:none}}