/*
Yasal sayfalarin ortak bicimi.
index.html KASITLI olarak kendi gomulu stilini koruyor: acilis sayfasi tek
dosya olarak en hizli yukleniyor ve canlida calisiyor, dokunmuyoruz. Buradaki
degiskenler onunla AYNI degerlerde tutuluyor; biri degisirse digeri de
degismeli.
*/
:root{
--navy:#3D137A; --navy-br:#7A3FD0; --green:#069C54; --green-br:#1FBE74;
--bg:#FBF8FC; --card:#FFFFFF; --ink:#1C0B33; --soft:#5A4E70; --line:#E8DEF3;
--tint:#F4EDFA; --warn-bg:#FFF4E5; --warn-line:#E6A23C; --warn-ink:#7A4A00;
}
@media (prefers-color-scheme:dark){
:root{--navy:#C6A6F2;--navy-br:#B98BF0;--green:#2FD98A;--green-br:#2FD98A;
--bg:#120620;--card:#1B0B2E;--ink:#F4EEFA;--soft:#B6A6CC;--line:#31204A;
--tint:#251038;--warn-bg:#2E2008;--warn-line:#C98A20;--warn-ink:#F2D08A;}
}
/* Kullanicinin secimi isletim sistemi tercihini EZER. */
:root[data-theme="dark"]{--navy:#C6A6F2;--navy-br:#B98BF0;--green:#2FD98A;
--green-br:#2FD98A;--bg:#120620;--card:#1B0B2E;--ink:#F4EEFA;--soft:#B6A6CC;
--line:#31204A;--tint:#251038;--warn-bg:#2E2008;--warn-line:#C98A20;
--warn-ink:#F2D08A;}
:root[data-theme="light"]{--navy:#3D137A;--navy-br:#7A3FD0;--green:#069C54;
--green-br:#1FBE74;--bg:#FBF8FC;--card:#FFFFFF;--ink:#1C0B33;--soft:#5A4E70;
--line:#E8DEF3;--tint:#F4EDFA;--warn-bg:#FFF4E5;--warn-line:#E6A23C;
--warn-ink:#7A4A00;}
*{box-sizing:border-box;}
body{margin:0;background:var(--bg);color:var(--ink);line-height:1.65;
font-family:system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;}
.wrap{max-width:820px;margin:0 auto;padding:0 20px;}
header{padding:30px 0 0;display:flex;justify-content:space-between;
align-items:center;gap:14px;flex-wrap:wrap;}
.logo{width:170px;height:auto;display:block;}
.tools{display:flex;gap:9px;align-items:center;}
select,.tbtn{font:inherit;font-size:.88rem;padding:7px 11px;border-radius:9px;
border:1px solid var(--line);background:var(--card);color:var(--ink);
cursor:pointer;}
.tbtn{line-height:1;padding:8px 12px;}
.tbtn:hover{border-color:var(--navy);}
select:focus-visible,.tbtn:focus-visible,a:focus-visible,button:focus-visible{
outline:2px solid var(--navy);outline-offset:2px;}
/*
Dil blogu secimi CSS ile yapiliyor, JS ile DEGIL.
Uc dilin metni de HTML'in icinde duruyor ve gorunen dil
ile seciliyor. Metni JS ile doldurmak daha once basimizi yakmisti: tarayici
bos sayfayi Ingilizce sanip otomatik cevirdi, sonra JS'in koydugu metni de
yeniden cevirdi. Boylece JS calismasa bile sayfa okunur kaliyor.
*/
.loc{display:none;}
:root[data-lc="tr"] .loc[data-lang="tr"],
:root[data-lc="de"] .loc[data-lang="de"],
:root[data-lc="en"] .loc[data-lang="en"]{display:block;}
/* Alt gezintide blok degil flex: aksi halde linkler arasindaki bosluk
kaybolurdu, cunku gap nav'in cocuklarina uygulaniyor ve o cocuk artik
tek bir span. Element secicisi eklendigi icin ustteki kurali sirasi ne
olursa olsun ezer. */
:root[data-lc="tr"] footer nav .loc[data-lang="tr"],
:root[data-lc="de"] footer nav .loc[data-lang="de"],
:root[data-lc="en"] footer nav .loc[data-lang="en"]{display:flex;gap:16px;
flex-wrap:wrap;}
main{padding:34px 0 10px;}
h1{font-size:clamp(1.6rem,4vw,2.2rem);line-height:1.2;margin:0 0 6px;
letter-spacing:-.02em;text-wrap:balance;}
.updated{color:var(--soft);font-size:.86rem;margin:0 0 28px;}
section{background:var(--card);border:1px solid var(--line);border-radius:13px;
padding:20px 22px;margin:0 0 14px;}
h2{font-size:1.06rem;margin:0 0 10px;color:var(--navy);letter-spacing:-.01em;}
h3{font-size:.95rem;margin:18px 0 6px;}
p{margin:0 0 11px;text-wrap:pretty;}
p:last-child,ul:last-child{margin-bottom:0;}
ul{margin:0 0 11px;padding-left:20px;}
li{margin:0 0 6px;}
a{color:var(--navy);}
strong{font-weight:650;}
/* Kurulus tamamlanana kadar kunye yerine duran bilgilendirme. Uyari degil
bilgi tonunda: sayfa halka acik. Doldurmak icin kaynakta TODO-KUNYE ara. */
.pending{background:var(--tint);border:1px solid var(--line);
border-left:3px solid var(--navy);border-radius:0 10px 10px 0;
padding:13px 16px;margin:0 0 13px;font-size:.94rem;color:var(--soft);}
.back{display:inline-block;margin:6px 0 30px;font-size:.9rem;}
footer{border-top:1px solid var(--line);margin-top:26px;padding:20px 0 40px;
display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;
color:var(--soft);font-size:.88rem;}
footer nav{display:flex;gap:16px;flex-wrap:wrap;}
footer a{color:var(--soft);text-decoration:none;}
footer a:hover{color:var(--navy);text-decoration:underline;}