/* sohbet sayfalari — ana sitenin rengi ve yazi tipi */
:root{
  --serif:"Cormorant Garamond","Iowan Old Style",Georgia,"Times New Roman",serif;
  --govde:"Lora",Georgia,"Times New Roman",serif;
}
html[data-tema="gece"],html:not([data-tema]){
  --zemin:#0D131E; --zemin2:#111926; --metin:#E7DFCE; --sonuk:#93A0B4;
  --cok-sonuk:#65728A; --altin:#C9A55C; --cizgi:rgba(201,165,92,.26);
}
html[data-tema="kagit"]{
  --zemin:#F3ECDC; --zemin2:#EDE4D0; --metin:#121212; --sonuk:#38301F;
  --cok-sonuk:#544A33; --altin:#7A5A12; --cizgi:rgba(92,67,16,.42);
}
@font-face{font-family:"Cormorant Garamond";src:url("../fontlar/cormorant-garamond-latin-500-normal.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Lora";src:url("../fontlar/lora-latin-400-normal.woff2") format("woff2");font-weight:400;font-display:swap}

*{box-sizing:border-box}
body{
  margin:0; background:var(--zemin); color:var(--metin);
  font-family:var(--govde); font-size:1.02rem; line-height:1.75;
  -webkit-text-size-adjust:100%;
}
.kutu{max-width:40rem; margin:0 auto; padding:1.6rem 1.2rem 5rem}

header.ust{border-bottom:1px solid var(--cizgi); margin-bottom:2rem; padding-bottom:1.2rem}
.marka{display:inline-flex; align-items:center; gap:.6rem; text-decoration:none; color:var(--metin)}
.marka img{width:26px; height:26px; border-radius:5px; display:block}
.marka b{font-family:var(--serif); font-weight:500; letter-spacing:.04em; font-size:1rem}

h1{font-family:var(--serif); font-weight:500; font-size:clamp(1.5rem,4.6vw,2.1rem);
   line-height:1.25; margin:1.8rem 0 .5rem}
.kunye{color:var(--cok-sonuk); font-size:.86rem; letter-spacing:.04em; margin-bottom:1.4rem}

.islem{display:flex; flex-wrap:wrap; gap:.4rem; margin:0 0 2.4rem}
.islem a{
  font-family:var(--serif); font-size:.76rem; letter-spacing:.1em; text-transform:uppercase;
  color:var(--altin); text-decoration:none; border:1px solid var(--cizgi);
  border-radius:999px; padding:.4rem .9rem; white-space:nowrap;
}
.islem a:hover{background:var(--altin); border-color:var(--altin); color:var(--zemin)}

.p{display:flex; gap:1rem; margin:0 0 1.15rem; align-items:flex-start}
.p a.time{
  flex:0 0 3.4rem; text-align:right; font-family:var(--serif); font-size:.8rem;
  color:var(--cok-sonuk); padding-top:.35rem; letter-spacing:.02em;
  text-decoration:none; line-height:1.5;
}
.p a.time:hover{color:var(--altin)}
.p time{font-style:normal}
.p div{flex:1 1 auto; margin:0; min-width:0}
.silik{opacity:.6}
.disinda{color:var(--cok-sonuk); font-style:italic}

.not{
  margin-top:3rem; padding-top:1.2rem; border-top:1px solid var(--cizgi);
  color:var(--cok-sonuk); font-size:.86rem; line-height:1.65;
}
.not a{color:var(--altin)}

section.kayit{margin:0 0 2.6rem}
section.kayit h2{
  font-family:var(--serif); font-weight:500; font-size:1.18rem; line-height:1.3; margin:0 0 .15rem;
}
section.kayit h2 a{color:var(--metin); text-decoration:none}
section.kayit h2 a:hover{color:var(--altin)}
section.kayit .kunye{margin:0 0 .9rem}

ol.liste{list-style:none; padding:0; margin:0}
ol.liste li{padding:.9rem 0; border-bottom:1px solid var(--cizgi)}
ol.liste a{color:var(--metin); text-decoration:none; font-family:var(--serif); font-size:1.14rem}
ol.liste a:hover{color:var(--altin)}
ol.liste span{display:block; color:var(--cok-sonuk); font-size:.82rem; margin-top:.15rem}