:root{--zemin:#fbfaf7;--metin:#1f1d1a;--soluk:#6b665e;--vurgu:#9a3d1f;--kutu:#f1ece2;--cizgi:#e2dccf}
@media (prefers-color-scheme:dark){:root{--zemin:#16140f;--metin:#ece7dc;--soluk:#a39d91;--vurgu:#e08a62;--kutu:#24211a;--cizgi:#36322a}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--zemin);color:var(--metin);font:18px/1.7 Georgia,'Iowan Old Style','Noto Serif',serif}
[dir=rtl] body{font-family:'Geeza Pro','Noto Naskh Arabic',Tahoma,serif}
header,main,footer{max-width:760px;margin:0 auto;padding:0 20px}
header{display:flex;justify-content:space-between;align-items:center;padding-top:18px;padding-bottom:18px;border-bottom:1px solid var(--cizgi);font-family:system-ui,sans-serif;font-size:15px}
header a.logo{font-weight:700;font-size:20px;color:var(--metin);text-decoration:none;letter-spacing:.02em}
nav.diller a{margin-inline-start:10px;color:var(--soluk);text-decoration:none}nav.diller a[aria-current]{color:var(--metin);font-weight:600}
h1{font-size:2.1em;line-height:1.2;margin:.8em 0 .3em}h2{font-size:1.45em;margin-top:2em}h3{font-size:1.15em}
a{color:var(--vurgu)}
.ozet{color:var(--soluk);font-size:1.05em}
figure{margin:1.6em -20px}figure img{width:100%;height:auto;display:block;background:var(--kutu)}
figcaption{font-size:.82em;color:var(--soluk);padding:6px 20px;font-family:system-ui,sans-serif}figcaption small{display:block;opacity:.85}
aside.uygulama{background:var(--kutu);border-radius:10px;padding:18px 22px;margin:2em 0;font-family:system-ui,sans-serif;font-size:16px}
aside.uygulama strong{font-size:1.15em}.dugmeler{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
a.dugme{background:var(--vurgu);color:#fff;padding:9px 16px;border-radius:8px;text-decoration:none;font-weight:600}
.video{position:relative;aspect-ratio:16/9;margin:1em 0}.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:8px}
.yakinda,.not{color:var(--soluk);font-size:.9em}
ul.liste{padding:0;list-style:none}ul.liste li{padding:8px 0;border-bottom:1px solid var(--cizgi)}
.gecis{display:flex;justify-content:space-between;gap:16px;font-family:system-ui,sans-serif;font-size:15px;margin:2.5em 0}
footer{border-top:1px solid var(--cizgi);margin-top:3em;padding-top:18px;padding-bottom:40px;font-family:system-ui,sans-serif;font-size:14px;color:var(--soluk)}
footer a{color:var(--soluk)}