/* ae101 — konu sayfaları (lib/konu_sayfa.php). Ortak iskelet + her konunun kendi görünümü (.ks-serit, .ks-zaman, …). */
.ks{--ks:#e5a341;margin:1rem 0 2.5rem}
.ks-bas{position:relative;padding:1.6rem 1.4rem 1.2rem;border-radius:var(--r-lg,1.1rem);border:1px solid var(--border);overflow:hidden;
  background:radial-gradient(90% 140% at 100% 0%,color-mix(in srgb,var(--ks) 26%,transparent),transparent 62%),var(--card)}
.ks-ust{margin:0;color:var(--ks);font-size:.74rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.ks-bas h1{margin:.25rem 0 .45rem;font-size:clamp(1.8rem,4.2vw,2.7rem);letter-spacing:-.03em}
.ks-acik{margin:0 0 .9rem;max-width:60ch;color:var(--text2);line-height:1.55}
.ks-sayilar{display:flex;gap:1.2rem;margin:0 0 1rem;color:var(--text3);font-size:.82rem}
.ks-sayilar b{color:var(--text);font-size:1.15rem;margin-right:.2rem}
.ks-konular{display:flex;gap:.35rem;overflow-x:auto;scrollbar-width:none;padding-bottom:.1rem}
.ks-konular::-webkit-scrollbar{display:none}
.ks-konular a{flex-shrink:0;padding:.32rem .8rem;border-radius:999px;border:1px solid var(--border);color:var(--text2);font-size:.78rem;text-decoration:none;background:var(--bg2)}
.ks-konular a:hover{border-color:var(--ks);color:var(--ks)}
.ks-konular a[aria-current]{background:var(--ks);border-color:var(--ks);color:#111;font-weight:700}

.ks-zengin{margin:1.6rem 0 .6rem}
.ks-zengin h2,.ks-akis h2{font-size:1.05rem;margin:0 0 .8rem;display:flex;gap:.5rem;align-items:center}
.ks-zengin h2::before{content:"";width:3px;height:1em;border-radius:2px;background:var(--ks)}
.ks-zengin-serit{display:flex;gap:.75rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:1rem;margin:0 -1rem;padding:0 1rem .5rem;scrollbar-width:thin}
.ks-zengin-serit a{flex:0 0 120px;scroll-snap-align:start;color:var(--text);text-decoration:none}
.ks-afis{position:relative;display:grid;place-items:center;aspect-ratio:2/3;border-radius:10px;overflow:hidden;background:var(--bg3);border:1px solid var(--border)}
.ks-afis img{width:100%;height:100%;object-fit:cover;display:block}
.ks-afis em{position:absolute;right:.35rem;bottom:.35rem;padding:.12rem .45rem;border-radius:999px;background:rgba(10,10,12,.8);color:var(--ks);font-style:normal;font-size:.68rem;font-weight:800}
.ks-zengin-serit b{display:block;margin-top:.4rem;font-size:.78rem;line-height:1.3}
.ks-zengin-serit a:hover b{color:var(--ks)}
.ks-yer{font-size:1.6rem;color:var(--text3);font-weight:700}

.ks-liste{list-style:none;margin:1.2rem 0 0;padding:0;display:grid;gap:.75rem}
.ks-kart{position:relative;padding:1rem 1.1rem;border:1px solid var(--border);border-radius:14px;background:var(--card)}
.ks-kart p{margin:0 0 .75rem;line-height:1.6;color:var(--text)}
.ks-no{display:block;margin-bottom:.35rem;color:var(--ks);font-size:.7rem;font-weight:800;letter-spacing:.1em}
.ks-sahip{display:flex;align-items:center;gap:.6rem;color:var(--text2);text-decoration:none;font-size:.8rem}
.ks-sahip b{display:block;color:var(--text);font-size:.84rem}
.ks-sahip small{color:var(--text3);font-size:.72rem}
.ks-sahip:hover b{color:var(--ks)}
.ks-mini{flex:0 0 32px;height:48px;border-radius:5px;overflow:hidden;background:var(--bg3)}
.ks-mini img{width:100%;height:100%;object-fit:cover;display:block}
.ks-sayfalar{display:flex;align-items:center;justify-content:center;gap:1rem;margin:1.6rem 0 0}
.ks-sayfalar a{padding:.5rem 1rem;border-radius:999px;border:1px solid var(--border);color:var(--text);text-decoration:none}
.ks-sayfalar a:hover{border-color:var(--ks);color:var(--ks)}
.ks-sayfalar span{color:var(--text3);font-size:.85rem}

/* Kamera arkası — film şeridi: kenarda delikler, çekim numarası. */
.ks-serit .ks-liste{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.ks-serit .ks-kart{padding:1.1rem 1.2rem 1rem 2.2rem;background:
  repeating-linear-gradient(to bottom,transparent 0 10px,var(--bg) 10px 18px) left .55rem top 0/9px 100% no-repeat,var(--card)}
.ks-serit .ks-no{font-family:ui-monospace,Menlo,Consolas,monospace}

/* Yapım hikâyesi — dikey zaman çizgisi. */
.ks-zaman .ks-liste{gap:0;border-left:2px solid color-mix(in srgb,var(--ks) 55%,transparent);margin-left:.6rem;padding-left:1.4rem}
.ks-zaman .ks-kart{border:0;border-radius:0;background:transparent;padding:.2rem 0 1.4rem}
.ks-zaman .ks-kart::before{content:"";position:absolute;left:-1.85rem;top:.35rem;width:12px;height:12px;border-radius:50%;background:var(--ks);box-shadow:0 0 0 4px var(--bg)}

/* Karakterler — portre öncelikli: büyük görsel, metin yanında. */
.ks-portre .ks-liste{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}
.ks-portre .ks-kart{display:flex;flex-direction:column}
.ks-portre .ks-sahip{order:-1;margin-bottom:.7rem}
.ks-portre .ks-mini{flex-basis:52px;height:78px;border-radius:50% / 40%}
.ks-portre .ks-no{display:none}

/* Easter egg — kart kapalı gelir, dokununca açılır. */
.ks-gizli .ks-liste{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.ks-gizli .ks-kart{background:linear-gradient(135deg,color-mix(in srgb,var(--ks) 10%,var(--card)),var(--card))}
.ks-ac summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;margin:0 0 .7rem;padding:.45rem .9rem;border-radius:999px;border:1px dashed var(--ks);color:var(--ks);font-weight:700;font-size:.82rem}
.ks-ac summary::-webkit-details-marker{display:none}
.ks-ac summary::before{content:"🥚";font-size:.95rem}
.ks-ac[open] summary{display:none}
.ks-ac p{animation:ksAc .3s ease}
@keyframes ksAc{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

/* Derin anlam — okuma kartları: serif, alıntı işareti. */
.ks-okuma .ks-liste{max-width:780px}
.ks-okuma .ks-kart{padding:1.4rem 1.5rem 1.1rem 3rem}
.ks-okuma .ks-kart::before{content:"“";position:absolute;left:1rem;top:.4rem;font-family:Georgia,serif;font-size:3rem;line-height:1;color:var(--ks)}
.ks-okuma .ks-kart p{font-family:Georgia,'Times New Roman',serif;font-size:1.06rem;line-height:1.7}
.ks-okuma .ks-no{display:none}

/* Kariyer — kilometre taşları: solda numara rozeti. */
.ks-tas .ks-kart{padding-left:4.2rem}
.ks-tas .ks-no{position:absolute;left:1rem;top:1rem;display:grid;place-items:center;width:2.4rem;height:2.4rem;margin:0;border-radius:50%;
  background:color-mix(in srgb,var(--ks) 20%,transparent);border:1px solid var(--ks);font-size:.72rem}

/* Hayat ve aile — defter sayfası: çizgili kâğıt. */
.ks-defter .ks-liste{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.ks-defter .ks-kart{background:repeating-linear-gradient(to bottom,transparent 0 27px,color-mix(in srgb,var(--ks) 16%,transparent) 27px 28px),var(--card);
  border-left:3px solid color-mix(in srgb,var(--ks) 60%,transparent)}
.ks-defter .ks-kart p{line-height:28px}

@media (max-width:620px){.ks-bas{padding:1.2rem 1rem}.ks-serit .ks-liste,.ks-portre .ks-liste,.ks-gizli .ks-liste,.ks-defter .ks-liste{grid-template-columns:1fr}}