/* Ortak iskelet — renk ve yazı kişiliği tema/tema.css'ten gelir (değişkenler). Burada yalnız yapı. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--zemin);color-scheme:dark}
body{margin:0;background:var(--zemin);color:var(--metin);font:var(--govde-agirlik,400) var(--govde-boy,1.0625rem)/var(--govde-satir,1.65) var(--f-govde);
  font-kerning:normal;font-variant-ligatures:common-ligatures;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;min-height:100vh}
img{max-width:100%;height:auto;display:block}
a{color:var(--baglanti);text-decoration-thickness:1px;text-underline-offset:.22em;text-decoration-color:color-mix(in srgb,var(--baglanti) 45%,transparent)}
a:hover{text-decoration-color:currentColor}
:focus-visible{outline:2px solid var(--odak);outline-offset:3px;border-radius:2px}
::selection{background:var(--secim);color:var(--zemin)}
.atla{position:absolute;left:1rem;top:-4rem;z-index:50;padding:.6rem 1rem;background:var(--metin);color:var(--zemin)}
.atla:focus{top:1rem}

/* sahne: sabit arka plan */
.sahne{position:fixed;inset:0;z-index:0;pointer-events:none}
.sahne canvas{width:100%;height:100%;display:block}
.sahne-etiket{position:absolute;inset:0;pointer-events:none}
body.s-ana .sahne{pointer-events:auto}
body.s-ana main{pointer-events:none}
body.s-ana main>:not(.giris){pointer-events:auto}
.ust,main,.alt{position:relative;z-index:2}

/* üst şerit */
.ust{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;gap:1.5rem;
  padding:max(.9rem,env(safe-area-inset-top)) var(--kenar) .9rem}
.ust::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--ust-zemin);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  opacity:var(--ust-opak,0);transition:opacity .4s}
body.kaydi .ust{--ust-opak:1}
.marka{display:flex;flex-direction:column;text-decoration:none;color:var(--metin);line-height:1.15;margin-right:auto}
.marka-ad{font-family:var(--f-baslik);font-weight:var(--marka-agirlik,400);font-size:var(--marka-boy,.98rem);letter-spacing:var(--marka-iz,0)}
.marka-alt{font-size:.74rem;color:var(--soluk)}
.menu ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.2rem 1.15rem}
.menu a{color:var(--metin-2);text-decoration:none;font-size:.86rem;padding:.25rem 0;display:inline-block}
.menu a:hover,.menu a[aria-current]{color:var(--metin)}
.menu a[aria-current]{text-decoration:underline;text-decoration-color:var(--vurgu);text-decoration-thickness:1px;text-underline-offset:.5em}
.n-no{display:none}
.dil{font-size:.8rem;color:var(--metin-2);text-decoration:none;border:1px solid var(--cizgi);padding:.2rem .5rem;border-radius:999px}
.dil:hover{color:var(--metin);border-color:var(--metin-2)}
.menu-ac{display:none;font:inherit;font-size:.86rem;color:var(--metin);background:none;border:1px solid var(--cizgi);border-radius:999px;padding:.3rem .8rem;cursor:pointer}
@media (max-width:1080px){
  .menu-ac{display:inline-block}
  .menu{position:fixed;inset:0;z-index:-1;padding:6rem var(--kenar) 2rem;background:var(--menu-zemin);display:none;overflow:auto}
  .menu.acik{display:block}
  .menu ol{flex-direction:column;gap:0}
  .menu a{font-family:var(--f-baslik);font-size:1.6rem;padding:.55rem 0;color:var(--metin)}
}

/* ana yerleşim: metin sütunu + kenar notu sütunu */
main{padding:0 var(--kenar)}
.bas,.metin,.kaynakca,.sonraki{max-width:var(--genislik);margin-left:auto;margin-right:auto}
.bas{padding-top:clamp(8rem,22vh,13rem);padding-bottom:2.5rem}
.par{display:grid;grid-template-columns:minmax(0,var(--olcu)) var(--not-gen);column-gap:var(--not-ara);align-items:start}
.metin>:not(.par):not(.kanit):not(.tablo):not(.olcu):not(.isler):not(.dunyalar):not(.gorsel):not(.kayitlar):not(.basin):not(.zaman):not(.projeler){max-width:var(--olcu)}
.kayitlar,.basin,.zaman,.projeler{max-width:var(--genislik)}
.kenar{font-size:.78rem;line-height:1.42;color:var(--soluk);padding-top:.35rem;height:0;overflow:visible}
.kenar li>a,.kenar li>span:last-child{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.kenar ol{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}
.kenar li{display:grid;grid-template-columns:1.3rem 1fr}
.kenar a{color:var(--soluk);text-decoration:none}
.kenar a:hover{color:var(--metin)}
.kn-no{color:var(--vurgu)}
.kn-beyan .kn-no,.kn-beyan{font-style:italic}
@media (max-width:1100px){.par{grid-template-columns:minmax(0,1fr)}.kenar{display:none}}

h1,h2,h3{font-family:var(--f-baslik);font-weight:var(--baslik-agirlik,400);color:var(--metin);text-wrap:balance}
h1{font-size:var(--h1);line-height:1.05;letter-spacing:var(--h1-iz,-.01em);margin:0 0 1rem}
h2{font-size:var(--h2);line-height:1.15;letter-spacing:var(--h2-iz,0);margin:4.5rem 0 1.4rem}
h3{font-size:1.06rem;line-height:1.3;margin:0 0 .3rem;font-family:var(--f-govde);font-weight:600}
p{margin:0 0 1.15em;text-wrap:pretty}
.ust-et{margin:0 0 1.1rem;color:var(--metin-2);font-size:.92rem}
.b-no{display:none}
.giris-p{font-size:var(--giris-boy,1.28rem);line-height:1.55;color:var(--metin);font-weight:var(--giris-agirlik,400)}

/* dipnot işareti */
.dn{font-size:.68em;line-height:0;margin-left:.08em;font-feature-settings:"tnum"}
.dn a{text-decoration:none;color:var(--vurgu);padding:0 .08em}
.dn-beyan a{font-style:italic;color:var(--beyan)}
.dn a:hover{color:var(--metin)}

/* ana sayfa girişi */
.giris{min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding:7rem 0 clamp(2.5rem,9vh,6rem);
  max-width:var(--genislik);margin:0 auto;pointer-events:none}
.giris>*{pointer-events:auto}
.giris h1{font-size:var(--ad-boy);margin:0 0 1.4rem;max-width:14ch}
.profil{max-width:58ch;font-size:var(--profil-boy,1.16rem);line-height:1.6;color:var(--metin);margin:0}
.giris .ust-et{order:-1}
.kaydir{display:none}
.metin-ana{padding-top:2rem}

/* derleyen notu */
.derleyen{border-left:1px solid var(--vurgu);padding:.2rem 0 .2rem 1.4rem;margin:2rem 0 1rem;color:var(--metin-2);font-size:1rem}
.derleyen .imza{margin:0;color:var(--soluk);font-size:.86rem}

/* öne çıkan kayıtlar */
.kayitlar{list-style:none;margin:0;padding:0;border-top:1px solid var(--cizgi)}
.kayit{display:grid;grid-template-columns:8.5rem minmax(0,44rem) auto;gap:.4rem 2rem;padding:1.35rem 0;border-bottom:1px solid var(--cizgi);align-items:baseline}
.kayit-no{display:none}
.kayit-yil{color:var(--vurgu);font-feature-settings:"tnum";font-size:.95rem}
.kayit-m{margin:0;font-size:1.08rem;line-height:1.55}
.git{font-size:.86rem;color:var(--metin-2);text-decoration:none;white-space:nowrap}
.git:hover{color:var(--metin)}
.git span{display:none}
@media (max-width:720px){.kayit{grid-template-columns:1fr}.git{justify-self:start}}

/* bölüm dizini */
.dunyalar{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--cizgi);border:1px solid var(--cizgi)}
.dunyalar li{background:var(--zemin)}
.dunyalar a{display:flex;flex-direction:column;gap:.35rem;height:100%;padding:1.3rem 1.25rem 1.5rem;text-decoration:none;color:var(--metin);transition:background .25s}
.dunyalar a:hover,.dunyalar a.isik{background:var(--panel)}
.d-no{display:none}
@media (max-width:1000px){.dunyalar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.dunyalar{grid-template-columns:1fr}}
.d-ad{font-family:var(--f-baslik);font-size:1.25rem;line-height:1.2}
.d-k{color:var(--soluk);font-size:.9rem;line-height:1.45}

/* ölçü */
.olcu{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:2rem;margin:.5rem 0 2.5rem;max-width:calc(var(--olcu) + var(--not-gen) + var(--not-ara))}
.olcu-k{display:flex;flex-direction:column;gap:.4rem;border-top:1px solid var(--cizgi);padding-top:1rem}
.olcu-d{font-family:var(--f-baslik);font-size:var(--olcu-boy,2.6rem);line-height:1;color:var(--metin);font-feature-settings:"tnum","lnum"}
.olcu-e{color:var(--metin-2);font-size:.9rem;line-height:1.45}

/* tablo */
.tablo{overflow-x:auto;margin:1rem 0 2rem;max-width:calc(var(--olcu) + var(--not-gen) + var(--not-ara))}
table{border-collapse:collapse;width:100%;font-size:.93rem;line-height:1.5}
th{text-align:left;font-weight:400;color:var(--soluk);font-size:.82rem;padding:.6rem 1rem .6rem 0;border-bottom:1px solid var(--cizgi-guclu)}
td{padding:.85rem 1.2rem .85rem 0;border-bottom:1px solid var(--cizgi);vertical-align:top}
td strong{font-weight:600;color:var(--metin)}
@media (max-width:720px){
  .tablo table,.tablo tbody,.tablo tr,.tablo td{display:block}.tablo thead{display:none}
  .tablo tr{padding:.8rem 0;border-bottom:1px solid var(--cizgi)}.tablo td{border:0;padding:.15rem 0}
  .tablo td::before{content:attr(data-baslik);display:block;font-size:.75rem;color:var(--soluk)}
}

/* zaman çizgisi */
.zaman{list-style:none;margin:0;padding:0}
.zaman li{display:grid;grid-template-columns:10.5rem minmax(0,1fr);gap:1.6rem;padding:1.15rem 0;border-top:1px solid var(--cizgi)}
.z-t{color:var(--vurgu);font-size:.9rem;font-feature-settings:"tnum"}
.z-ic p{margin:0;color:var(--metin-2);font-size:.98rem}
@media (max-width:720px){.zaman li{grid-template-columns:1fr;gap:.3rem}}

/* projeler */
.projeler{list-style:none;margin:0;padding:0}
.projeler li{display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr);grid-template-areas:"ad m" "d m";column-gap:2rem;padding:1rem 0;border-top:1px solid var(--cizgi)}
.projeler h3{grid-area:ad;margin:0}.p-d{grid-area:d;color:var(--soluk);font-size:.84rem}.projeler p{grid-area:m;margin:0;color:var(--metin-2);font-size:.98rem}
@media (max-width:720px){.projeler li{grid-template-columns:1fr;grid-template-areas:"ad" "d" "m";row-gap:.3rem}}

/* basın */
.basin{list-style:none;margin:0;padding:0}
.basin li{display:grid;grid-template-columns:9rem minmax(0,13rem) minmax(0,1fr) auto;gap:.3rem 1.4rem;padding:.95rem 0;border-top:1px solid var(--cizgi);align-items:baseline}
.b-t{color:var(--soluk);font-size:.86rem;font-feature-settings:"tnum"}.b-y a,.b-y{color:var(--metin);font-weight:500}.b-k{color:var(--metin-2);font-size:.96rem}
.b-et{justify-self:start;font-size:.74rem;color:var(--soluk);border:1px solid var(--cizgi);border-radius:999px;padding:.05rem .5rem;white-space:nowrap}
.b-et.b-beyan{color:var(--beyan);border-color:color-mix(in srgb,var(--beyan) 40%,transparent);font-style:italic}
@media (max-width:860px){.basin li{grid-template-columns:1fr auto}.b-y{grid-column:1/-1;order:-1}.b-k{grid-column:1/-1}}

/* kanıt şeridi */
.kanit{margin:4rem 0 1rem}
.kanit-bas{font-size:1.1rem;margin:0 0 1rem;display:flex;align-items:baseline;gap:.6rem}
.kanit-bas .sayi{color:var(--soluk);font-size:.85rem;font-family:var(--f-govde)}
.serit{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(14rem,16rem);gap:1rem;overflow-x:auto;padding-bottom:1rem;scroll-snap-type:x proximity;
  scrollbar-width:thin;scrollbar-color:var(--cizgi-guclu) transparent;margin-right:calc(-1 * var(--kenar));padding-right:var(--kenar)}
.kart{scroll-snap-align:start;margin:0;display:flex;flex-direction:column;gap:.5rem;text-decoration:none;color:var(--metin)}
.kart-g a{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--panel);border:1px solid var(--cizgi)}
.kart-g img{width:100%;height:100%;object-fit:cover;filter:var(--belge-filtre,none);transition:filter .3s,transform .5s}
.kart-g a:hover img{filter:none;transform:scale(1.03)}
.kart-l{border:1px solid var(--cizgi);padding:1rem;aspect-ratio:auto;min-height:100%;justify-content:flex-start}
.kart-l:hover{border-color:var(--cizgi-guclu);background:var(--panel)}
.k-tip{font-size:.74rem;color:var(--vurgu)}
.k-ad{font-size:.88rem;line-height:1.4}
.k-kay{font-size:.76rem;color:var(--soluk);line-height:1.4}
figcaption{display:flex;flex-direction:column;gap:.25rem}

/* tek görsel */
.gorsel{margin:2.5rem 0;max-width:calc(var(--olcu) + 6rem)}
.gorsel img{border:1px solid var(--cizgi);filter:var(--belge-filtre,none);max-height:72vh;width:auto}
.gorsel figcaption{display:block;margin-top:.8rem;color:var(--soluk);font-size:.86rem;max-width:var(--olcu)}

/* söz ve alıntı */
.soz,.alinti{margin:2.5rem 0}
.soz blockquote,.alinti blockquote{margin:0}
.soz p{font-family:var(--f-alinti,var(--f-baslik));font-size:1.45rem;line-height:1.4;font-style:var(--alinti-italik,italic);margin:0 0 .6rem}
.soz figcaption,.alinti figcaption{color:var(--soluk);font-size:.88rem;display:block}
.alinti p{font-family:var(--f-alinti,var(--f-baslik));font-size:var(--alinti-boy,1.6rem);line-height:1.38;margin:0 0 1rem;max-width:34ch;font-style:var(--alinti-italik,normal)}
.liste{padding-left:1.1rem}.liste li{margin:.35rem 0}

/* işler */
.isler{list-style:none;margin:1rem 0 2rem;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));gap:2rem 1.5rem;
  max-width:calc(var(--olcu) + var(--not-gen) + var(--not-ara))}
.is a{display:flex;flex-direction:column;gap:.45rem;text-decoration:none;color:var(--metin)}
.is-g{display:block;aspect-ratio:16/10;overflow:hidden;border:1px solid var(--cizgi);background:var(--panel)}
.is-g img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .6s}
.is a:hover .is-g img{transform:scale(1.03)}
.is-ad{font-family:var(--f-baslik);font-size:1.2rem;margin-top:.4rem}
.is-m{color:var(--metin-2);font-size:.93rem;line-height:1.5}
.is-git{font-size:.82rem;color:var(--vurgu)}

/* iletişim */
.iletisim{display:flex;flex-wrap:wrap;align-items:baseline;gap:1rem 2rem;margin:1rem 0 2rem}
.eposta{font-family:var(--f-baslik);font-size:clamp(1.5rem,3.4vw,2.3rem);color:var(--metin);text-decoration:none;border-bottom:1px solid var(--vurgu)}
.eposta:hover{color:var(--vurgu)}
.sosyal{display:flex;gap:1.2rem}.sosyal a{color:var(--metin-2);font-size:.9rem}

/* imza */
.imza-k{margin:3.5rem 0 1rem;padding-top:1.4rem;border-top:1px solid var(--cizgi);color:var(--soluk);font-size:.9rem;max-width:var(--olcu)}
.imza-a{color:var(--metin);font-family:var(--f-baslik);font-size:1.05rem;margin-bottom:.4rem}

/* kaynakça */
.kaynakca{margin-top:5rem;padding-top:2rem;border-top:1px solid var(--cizgi-guclu)}
.kaynakca h2{margin:0 0 .8rem;font-size:1.2rem}
.kl-aciklama{font-size:.8rem;color:var(--soluk);max-width:var(--olcu)}
.kaynakca ol{list-style:none;margin:1.2rem 0 0;padding:0;columns:2 22rem;column-gap:3rem}
.kaynakca li{break-inside:avoid;display:grid;grid-template-columns:1.8rem 1fr auto;gap:.6rem;padding:.5rem 0;font-size:.84rem;line-height:1.45;border-top:1px solid var(--cizgi)}
.kaynakca li:target{background:var(--panel)}
.kl-no{color:var(--vurgu);font-feature-settings:"tnum"}
.kl-ad a{color:var(--metin-2);text-decoration:none}.kl-ad a:hover{color:var(--metin);text-decoration:underline}
.kl-ad{color:var(--metin-2)}
.kl-et{font-size:.7rem;color:var(--soluk);border:1px solid var(--cizgi);border-radius:999px;padding:0 .45rem;height:fit-content;white-space:nowrap}
.kl-beyan .kl-et{color:var(--beyan);font-style:italic}

/* sıradaki bölüm */
.sonraki{display:flex;flex-direction:column;gap:.3rem;margin-top:5rem;margin-bottom:2rem;padding:2rem 0;border-top:1px solid var(--cizgi);text-decoration:none;color:var(--metin)}
.s-et{color:var(--soluk);font-size:.84rem}.s-ad{font-family:var(--f-baslik);font-size:var(--h2)}.s-k{color:var(--metin-2)}
.sonraki:hover .s-ad{color:var(--vurgu)}

/* alt bilgi */
.alt{padding:2.5rem var(--kenar) 3rem;border-top:1px solid var(--cizgi);color:var(--soluk);font-size:.82rem;background:var(--zemin)}
.alt p{max-width:var(--genislik);margin:0 auto .5rem}
.alt-satir{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem}
.alt a{color:var(--soluk)}.alt a:hover{color:var(--metin)}

/* metin zemini: sahnenin üstünde okunurluk */
.s-ana main>.metin,.s-ana main>.kaynakca,.s-ana main>.sonraki{position:relative}
body:not(.s-ana) main{background:linear-gradient(to bottom,transparent 0,var(--zemin-yari) 40vh,var(--zemin) 85vh)}
.s-ana .metin-ana{background:var(--zemin);box-shadow:0 0 0 100vmax var(--zemin);clip-path:inset(0 -100vmax)}
.s-ana .kaynakca{background:var(--zemin);box-shadow:0 0 0 100vmax var(--zemin);clip-path:inset(0 -100vmax)}

/* büyüteç */
.buyut{border:0;padding:0;background:transparent;max-width:min(92vw,1100px);max-height:92vh;color:var(--metin)}
.buyut::backdrop{background:rgba(0,0,0,.88);backdrop-filter:blur(4px)}
.buyut img{max-height:80vh;width:auto;margin:0 auto;border:1px solid var(--cizgi)}
.buyut-alt{text-align:center;color:var(--metin-2);font-size:.88rem;margin:.8rem 0 0}
.buyut-kapat{position:fixed;top:1rem;right:1.2rem;font-size:2rem;line-height:1;background:none;border:0;color:var(--metin);cursor:pointer}

/* sahne etiketleri (yalnız ana sayfada, fareyle) */
.sahne-etiket a{position:absolute;left:0;top:0;transform:translate(-50%,-50%);white-space:nowrap;font-size:.8rem;color:var(--metin);text-decoration:none;
  opacity:0;transition:opacity .35s;pointer-events:auto;padding:.3rem .6rem}
.sahne-etiket a.gor{opacity:var(--etiket-opak,.85)}
.sahne-etiket a:hover,.sahne-etiket a.isik{opacity:1;color:var(--vurgu)}

/* düzenleme modu (?duzenle) */
body.dz-on [data-dz]{cursor:text;outline:1px dashed transparent}
body.dz-on [data-dz]:hover{outline-color:var(--vurgu)}
body.dz-on .dz-var{outline:1px solid #ffb347 !important}
#dz-rozet{position:fixed;left:1rem;bottom:1rem;z-index:60;background:#ffb347;color:#000;font-size:.75rem;padding:.3rem .6rem;border-radius:4px}
#dz-panel{position:fixed;right:1rem;bottom:1rem;z-index:60;width:min(22rem,90vw);max-height:60vh;display:flex;flex-direction:column;background:#0d1117;border:1px solid #333;font-size:.82rem;color:#ddd}
#dz-panel header,#dz-panel footer{display:flex;justify-content:space-between;gap:.5rem;padding:.6rem .8rem;border-bottom:1px solid #333}
#dz-panel footer{border:0;border-top:1px solid #333}
#dz-liste{overflow:auto;padding:.4rem .8rem}#dz-liste div{padding:.4rem 0;border-bottom:1px solid #222}#dz-liste b{display:block;color:#ffb347;font-weight:500}
#dz-kutu{position:absolute;z-index:61;width:300px;background:#0d1117;border:1px solid #ffb347;padding:.5rem}
#dz-kutu textarea{width:100%;min-height:90px;background:#000;color:#eee;border:1px solid #333;font:inherit;font-size:.85rem}
#dz-panel button,#dz-kutu button{font:inherit;font-size:.8rem;background:#ffb347;color:#000;border:0;padding:.3rem .7rem;cursor:pointer}
#dz-panel button.ikincil,#dz-kutu button.ikincil{background:#333;color:#ddd}

@media (prefers-reduced-motion:reduce){*{transition:none !important;animation:none !important;scroll-behavior:auto !important}}
@media print{.sahne,.ust,.sonraki,.alt-satir{display:none}body{background:#fff;color:#000}main{background:none}}
/* kaynakta ek bağlantılar (aynı belgenin başka kopyaları) */
.ek a{margin-left:.7em;white-space:nowrap}
.kenar .ek{display:block}
.kenar .ek a{margin-left:0;margin-right:.7em}

/* iletişim: küçük e-posta, altında renkli küçük simgeler (12 Eki 2026) */
.iletisim{display:flex;flex-direction:column;align-items:flex-start;gap:.7rem;margin:.6rem 0 2rem}
.metin .iletisim .eposta{font-family:var(--f-govde);font-size:.95rem;font-weight:400;color:var(--metin-2);border:0;text-decoration:underline;
  text-decoration-color:color-mix(in srgb,var(--vurgu) 45%,transparent);text-underline-offset:.25em}
.metin .iletisim .eposta:hover{color:var(--metin)}
.iletisim .sosyal{display:flex;gap:.9rem;align-items:center}
.iletisim .sosyal a{display:inline-flex;opacity:.92;transition:opacity .2s}
.iletisim .sosyal a:hover{opacity:1}
.iletisim .sosyal svg{width:20px;height:20px;display:block}
