/* ORION — yasal sayfa stilleri (kullanim-sartlari, gizlilik).
   Uzun metin okunacak; sitenin geri kalanından farklı olarak burada
   satir uzunlugu ve dikey ritim en onemli sey. */

.yasal .lede{max-width:60ch}
.yasal .tarih{margin-top:1.4rem;font-family:var(--mono);font-size:11.5px;
  letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}

/* ── ozet seridi: cevabi okumadan veren kutu ─────────────────────── */
.ozet{display:grid;grid-template-columns:1fr;border:1px solid var(--line);
  margin-top:clamp(2rem,4vw,2.8rem);background:rgba(8,8,10,.62)}
@media(min-width:640px){.ozet{grid-template-columns:repeat(4,1fr)}}
.ozet div{padding:1.1rem 1.3rem;border-bottom:1px solid var(--line)}
.ozet div:last-child{border-bottom:0}
@media(min-width:640px){
  .ozet div{border-bottom:0;border-right:1px solid var(--line)}
  .ozet div:last-child{border-right:0}
}
.ozet b{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--faint);font-weight:400}
.ozet span{display:block;margin-top:.45rem;font-size:1.02rem;font-weight:500;
  color:var(--mint)}

/* ── metin ────────────────────────────────────────────────────────
   ⚠️ `max-width` karakter biriminde (ch), pikselde degil: yazi tipi
   degisse de satir basina dusen karakter sayisi sabit kaliyor —
   okunabilirligi belirleyen sey o. */
.metin{margin-top:clamp(2.4rem,5vw,3.4rem);max-width:68ch}
.metin h2{font-weight:600;font-size:clamp(1.1rem,2.2vw,1.32rem);letter-spacing:-.015em;
  margin:clamp(2.2rem,4vw,3rem) 0 .9rem;padding-top:clamp(2.2rem,4vw,3rem);
  border-top:1px solid var(--line)}
.metin h2:first-child{margin-top:0;padding-top:0;border-top:0}
.metin p{color:var(--muted);font-size:1rem;line-height:1.62;margin:0 0 1rem}
.metin p:last-child{margin-bottom:0}
.metin b{color:var(--bone);font-weight:600}
.metin a{color:var(--amber);text-decoration:none;
  border-bottom:1px solid rgba(227,179,65,.3);transition:color .2s,border-color .2s}
.metin a:hover{color:#FFE9B0;border-bottom-color:rgba(255,233,176,.6)}
.metin code{font-family:var(--mono);font-size:.86em;color:var(--amber);
  background:rgba(227,179,65,.08);border:1px solid rgba(227,179,65,.22);
  border-radius:5px;padding:.06em .4em}
.metin ul{margin:0 0 1rem;padding-left:1.1rem;color:var(--muted);
  font-size:1rem;line-height:1.62}
.metin li{margin-bottom:.5rem}
.metin li::marker{color:var(--amber)}

/* ── tablo ────────────────────────────────────────────────────────── */
.tbl-yasal{width:100%;border-collapse:collapse;margin:1.3rem 0;font-size:.95rem;
  /* ⚠️ Dar ekranda tablo tasar; kendi icinde kaydirilsin ki sayfa
     yatay kaymasin. `display:block` olmadan overflow islemiyor. */
  display:block;overflow-x:auto}
.tbl-yasal th{text-align:left;font-family:var(--mono);font-size:10.5px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--faint);font-weight:400;
  padding:.7rem .9rem .7rem 0;border-bottom:1px solid var(--line-2);white-space:nowrap}
.tbl-yasal td{padding:.85rem .9rem .85rem 0;border-bottom:1px solid var(--line);
  color:var(--muted);vertical-align:top}
.tbl-yasal tr:last-child td{border-bottom:0}