@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/pjs-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/pjs-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --cini:#0E9AA7;
  --lacivert:#1F3C88;
  --zemin:#F3FAF9;
  --kart:#FFFFFF;
  --metin:#15233F;
  --soluk:#4A5A73;
  --cizgi:#D3E7E5;
  --vurgu-zemin:#E2F4F3;
}
@media (prefers-color-scheme: dark){
  :root{
    --cini:#3CC3CE;
    --lacivert:#9DB4F2;
    --zemin:#0C1A24;
    --kart:#13263A;
    --metin:#E7F1F3;
    --soluk:#A7B9C6;
    --cizgi:#25405A;
    --vurgu-zemin:#173347;
  }
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--zemin);color:var(--metin);
  font-family:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans Arabic",sans-serif;
  font-size:17px;line-height:1.65;
}
.serit{height:6px;background:linear-gradient(90deg,var(--lacivert),var(--cini) 60%,var(--lacivert))}
.ust{max-width:820px;margin:0 auto;padding:18px 16px 4px;display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between}
.marka{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--lacivert);font-weight:800;font-size:19px}
.marka img{width:40px;height:40px;border-radius:10px}
.diller{display:flex;flex-wrap:wrap;gap:6px}
.diller a{font-size:14px;font-weight:700;text-decoration:none;color:var(--lacivert);border:1.5px solid var(--cizgi);border-radius:999px;padding:3px 11px;background:var(--kart)}
.diller a[aria-current="true"]{background:var(--lacivert);border-color:var(--lacivert);color:#fff}
main{max-width:820px;margin:0 auto;padding:8px 16px 48px}
h1{color:var(--lacivert);font-size:30px;line-height:1.25;margin:18px 0 6px;font-weight:800}
h2{color:var(--lacivert);font-size:21px;line-height:1.3;margin:34px 0 8px;font-weight:800}
h3{font-size:17px;margin:20px 0 4px;font-weight:700}
p,li{overflow-wrap:anywhere}
a{color:var(--cini);font-weight:600}
.tarih{color:var(--soluk);font-size:15px;margin:0 0 18px}
.ozet{background:var(--kart);border:1px solid var(--cizgi);border-inline-start:5px solid var(--cini);border-radius:14px;padding:14px 18px;margin:16px 0}
.ozet ul{margin:6px 0;padding-inline-start:20px}
.tablo{overflow-x:auto;margin:12px 0;border:1px solid var(--cizgi);border-radius:12px;background:var(--kart)}
table{border-collapse:collapse;width:100%;font-size:15px;min-width:560px}
th,td{text-align:start;vertical-align:top;padding:9px 12px;border-bottom:1px solid var(--cizgi)}
th{background:var(--vurgu-zemin);color:var(--lacivert);font-weight:700}
tr:last-child td{border-bottom:0}
.kartlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin:18px 0}
.kartlar a{display:block;text-decoration:none;background:var(--kart);border:1px solid var(--cizgi);border-radius:14px;padding:16px;color:var(--metin);font-weight:400}
.kartlar a strong{display:block;color:var(--lacivert);font-size:18px;margin-bottom:2px}
details{background:var(--kart);border:1px solid var(--cizgi);border-radius:12px;padding:10px 14px;margin:10px 0}
summary{cursor:pointer;font-weight:700;color:var(--lacivert)}
.alt{max-width:820px;margin:0 auto;padding:18px 16px 36px;color:var(--soluk);font-size:14px;border-top:1px solid var(--cizgi)}
section[dir="rtl"]{font-size:18px}
