/* Son tasarım — Gözlemevi düzeni, Buz geode renkleri (Tamer'in seçimi, 12 Eki 2026).
   Taslak B'den türedi: gök küresi + Zodiak/Fragment Mono; renkler C'nin camgöbeği-buz ve derin buzul mavisi.
   Bir gök kataloğu: siyah gök, buz mavisi koordinat ağı, yavaşça dönen yıldız küresi.
   Cesaret tek yerde: küre. Metin bir gözlem defteri gibi sakin; Zodiak serif gövde,
   Fragment Mono yalnız katalog türü tarih ve numaralarda. */
:root{
  --zemin:#000;
  --zemin-yari:rgba(0,0,0,.72);
  --metin:#EEF8FD;
  --metin-2:#A9BECB;
  --soluk:#7D95A6;
  --vurgu:#A8E6FF;
  --baglanti:#D4F2FF;
  --beyan:#E4CDB4;            /* soluk kehribar: sıcak yıldız ışığı — yalnız sahibinin beyanına dayanan iddialar */
  --odak:#A8E6FF;
  --secim:#A8E6FF;
  --cizgi:rgba(168,230,255,.12);
  --cizgi-guclu:rgba(168,230,255,.26);
  --panel:rgba(168,230,255,.05);
  --ust-zemin:rgba(0,5,12,.66);
  --menu-zemin:#000;
  --belge-filtre:grayscale(.4) contrast(1.04) brightness(.9);

  --f-baslik:"Zodiak",ui-serif,Georgia,"Times New Roman",serif;
  --f-govde:"Zodiak",ui-serif,Georgia,"Times New Roman",serif;
  --f-alinti:"Zodiak",ui-serif,Georgia,"Times New Roman",serif;
  --f-mono:"Fragment Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
  --govde-boy:1.0625rem;--govde-satir:1.72;--govde-agirlik:360;
  --baslik-agirlik:300;
  --giris-agirlik:350;
  --ad-boy:clamp(2.5rem,5.4vw,4.5rem);
  --h1:clamp(2rem,4vw,3.15rem);
  --h1-iz:-.012em;
  --h2:clamp(1.45rem,2.2vw,1.85rem);
  --h2-iz:-.006em;
  --giris-boy:clamp(1.12rem,1.5vw,1.28rem);
  --profil-boy:clamp(1.05rem,1.35vw,1.2rem);
  --olcu-boy:clamp(2.3rem,3.8vw,3.1rem);
  --alinti-boy:clamp(1.35rem,2.3vw,1.75rem);
  --alinti-italik:italic;
  --marka-boy:1.04rem;--marka-agirlik:400;--marka-iz:0;
  --etiket-opak:.8;

  --olcu:35.5rem;--not-gen:15rem;--not-ara:3.25rem;
  --genislik:calc(var(--olcu) + var(--not-gen) + var(--not-ara));
  --kenar:clamp(1rem,4.5vw,3.25rem);
}

/* yazı */
body{font-variant-numeric:lining-nums}
h1,h2,.giris h1{font-weight:300}
.giris h1{line-height:1;letter-spacing:-.018em;text-shadow:0 0 36px #000,0 0 2px #000}
h2{margin-top:5rem}
h3{font-weight:420;font-size:1.1rem;letter-spacing:.002em}
strong,td strong{font-weight:520}
.b-y,.b-y a{font-weight:400}
.b-y a,.z-ic a,.kayit-m a{text-decoration-color:color-mix(in srgb,var(--baglanti) 32%,transparent)}
.d-ad,.is-ad,.s-ad,.eposta,.imza-a,.olcu-d{font-weight:300}
.ust-et{font-style:italic;color:var(--metin-2);font-size:.98rem}
.giris .ust-et{margin-bottom:1.5rem}
.profil{color:#DCE8F1;text-shadow:0 0 22px #000,0 0 3px #000,0 0 1px #000}
.giris-p{line-height:1.6}

/* katalog dili: tarih, yıl, numara — Fragment Mono yalnız burada */
.kayit-yil,.z-t,.b-t,.kl-no,.kn-no,.d-no,.menu .n-no,.sahne-etiket a{font-family:var(--f-mono);font-weight:400;font-style:normal;letter-spacing:0;font-feature-settings:"zero" 0}
.kayit-yil{font-size:.8rem;color:var(--vurgu);padding-top:.2rem}
.z-t{font-size:.78rem;color:var(--vurgu);padding-top:.2rem}
.b-t{font-size:.76rem;color:var(--soluk)}
.kl-no{font-size:.72rem;padding-top:.12rem}
.kn-no{font-size:.68rem;padding-top:.08rem;color:color-mix(in srgb,var(--vurgu) 80%,transparent)}
.kn-beyan .kn-no{color:var(--beyan);font-style:normal}
.kenar{font-size:.79rem;line-height:1.45}
.kenar li{grid-template-columns:1.5rem 1fr}

/* üst şerit */
.marka-ad{font-weight:400;white-space:nowrap}
.marka-alt{font-style:italic;color:var(--soluk);font-size:.8rem}
.menu a{font-size:.9rem}
@media (min-width:1081px) and (max-width:1320px){.menu ol{column-gap:.9rem}.menu a{font-size:.85rem}.ust{gap:1.2rem}}
.dil,.menu-ac{border-radius:2px}
@media (max-width:1080px){
  .menu a{font-weight:300;font-size:1.55rem;display:flex;align-items:baseline;gap:0}
  .menu .n-no{display:inline-block;width:2.6rem;flex:none;font-size:.72rem;color:var(--soluk)}
  .menu a[aria-current]{box-shadow:none;color:var(--vurgu)}
}

/* derleyen notu: gözlem defterinin ön sözü */
.derleyen{border-left:0;padding:0;margin:1rem 0 1.5rem;font-style:italic;color:var(--metin-2);font-size:1.04rem;line-height:1.66}
.derleyen p{margin-bottom:.7em}
.derleyen .imza{font-style:normal;color:var(--soluk);font-size:.84rem}

/* öne çıkan kayıtlar: gözlem kaydı satırları */
.kayitlar{border-top:1px solid var(--cizgi-guclu)}
.kayit{grid-template-columns:8rem minmax(0,40rem) auto;padding:1.25rem 0 1.3rem}
.kayit-m{font-size:1.06rem;line-height:1.62}
.git{font-style:italic;font-size:.9rem}
.git:hover{color:var(--vurgu)}

/* bölüm dizini: katalog sayfası — iki sütun, numara solda */
.metin .dunyalar{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 3.25rem;background:none;border:0}
.metin .dunyalar li{background:none;border-top:1px solid var(--cizgi)}
.metin .dunyalar a{display:grid;grid-template-columns:3.1rem minmax(0,1fr);row-gap:.2rem;padding:1.05rem 0 1.25rem;background:none}
.metin .dunyalar a:hover,.metin .dunyalar a.isik{background:none}
.metin .dunyalar .d-no{display:block;grid-row:1 / span 2;font-size:.72rem;color:var(--soluk);padding-top:.5rem;transition:color .3s}
.dunyalar .d-ad{grid-column:2;font-size:1.32rem;transition:color .3s}
.dunyalar .d-k{grid-column:2;color:var(--soluk);font-size:.93rem}
.metin .dunyalar a:hover .d-ad,.metin .dunyalar a.isik .d-ad,.metin .dunyalar a:focus-visible .d-ad{color:var(--vurgu)}
.metin .dunyalar a:hover .d-no,.metin .dunyalar a.isik .d-no{color:var(--vurgu)}
@media (max-width:760px){.metin .dunyalar{grid-template-columns:1fr}.metin .dunyalar a{grid-template-columns:2.5rem minmax(0,1fr)}}

/* ölçü */
.olcu-k{border-top-color:var(--cizgi-guclu)}
.olcu-d{letter-spacing:-.01em}

/* alıntı ve söz */
.alinti p{font-weight:300;line-height:1.42;letter-spacing:-.004em}
.alinti figcaption{font-style:normal}
.soz p{font-weight:300}

/* etiketler (belge / arşiv / beyan) */
.b-et,.kl-et{border-radius:2px;font-style:italic}
.kl-beyan .kl-et{border-color:color-mix(in srgb,var(--beyan) 38%,transparent)}
.dn a{padding:0 .1em}

/* kanıt şeridi ve işler */
.kart-l,.kart-g a,.is-g{border-radius:0}
.k-tip{font-style:italic}

/* iletişim */
.eposta{border-bottom-color:color-mix(in srgb,var(--vurgu) 60%,transparent)}

/* sıradaki bölüm */
.s-et{font-style:italic}

/* ana sayfa: küre girişte görünür; aşağıda metin koyu zemin üstünde, küre ince bir perde ardından sezilir */
.s-ana .giris{padding-bottom:clamp(3rem,11vh,7rem);position:relative}
/* girişte metnin ardında yumuşak bir karanlık: küre yazının arkasına düştüğünde yıldızlar okumayı bozmasın */
.s-ana .giris::before{content:"";position:absolute;z-index:-1;left:calc(-1 * var(--kenar));right:calc(-1 * var(--kenar));bottom:0;height:min(34rem,80%);pointer-events:none;
  background:radial-gradient(farthest-side at 42% 60%,rgba(0,0,0,.86) 0,rgba(0,0,0,.72) 50%,rgba(0,0,0,.3) 78%,rgba(0,0,0,0) 100%)}
/* metnin ardındaki karartmayı sahne kendisi çizer (yumuşak geçişle); sahne yoksa zemin zaten siyah */
.s-ana main>.metin-ana,.s-ana main>.kaynakca{background:none;box-shadow:none;clip-path:none}
body.s-ana .sahne canvas{touch-action:pan-y}
/* girişte boş alanlar küreye geçsin (sürükleme, tıklama); metin blokları her zamanki gibi */
body.s-ana main{pointer-events:none}
body.s-ana main>:not(.giris){pointer-events:auto}

/* iç sayfalar: küre sağ üst köşede, sönük */
body:not(.s-ana) .sahne{opacity:.9}

/* küre etiketleri: katman tıklamayı küreye geçirir, yalnız görünen etiket tıklanır */
.sahne-etiket{pointer-events:none}
.sahne-etiket a:not(.gor){pointer-events:none}
.sahne-etiket a{font-size:.7rem;color:var(--metin-2);padding:.3rem .45rem;text-shadow:0 0 10px #000,0 0 3px #000,0 0 1px #000;transition:opacity .5s,color .25s}
.sahne-etiket a .no{color:var(--soluk);margin-right:.55em;transition:color .25s}
.sahne-etiket a:hover,.sahne-etiket a.isik{color:var(--metin)}
.sahne-etiket a:hover .no,.sahne-etiket a.isik .no{color:var(--vurgu)}

@media (max-width:720px){
  .kayit{grid-template-columns:1fr;gap:.25rem}
  h2{margin-top:3.75rem}
}

:root{--buzul:#16426A;--buzul-derin:#06182A}
