/* LGS_v2 — statik okul sayfaları (29.08.2026)
   Uygulamadan ayrı, JavaScript gerektirmeyen sayfalar için. Tek amaç: arama
   motorundan gelen veli sayfayı hızlı açsın ve okusun. Sade tutuldu. */
:root{
  --bordo:#7c2733; --bordo-ac:#9d3a48; --metin:#22201f; --gri:#6b6461;
  --cizgi:#e6e0dd; --zemin:#faf8f7; --kart:#ffffff;
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--zemin); color:var(--metin);
  font:16px/1.62 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  -webkit-text-size-adjust:100%;
}
header{background:var(--bordo); padding:12px 18px}
header a{display:flex; align-items:center; gap:11px; color:#fff; text-decoration:none; max-width:920px; margin:0 auto}
header img{border-radius:7px; display:block}
header b{display:block; font-size:16px; line-height:1.2}
header small{display:block; font-size:11.5px; opacity:.82}

nav.kirinti{
  max-width:920px; margin:0 auto; padding:11px 18px 0;
  font-size:13px; color:var(--gri); word-break:break-word;
}
nav.kirinti a{color:var(--bordo-ac); text-decoration:none}
nav.kirinti a:hover{text-decoration:underline}

main{max-width:920px; margin:0 auto; padding:6px 18px 34px}
h1{font-size:26px; line-height:1.25; margin:14px 0 6px}
h2{font-size:18px; margin:30px 0 10px; padding-bottom:6px; border-bottom:2px solid var(--cizgi)}
p{margin:10px 0}
a{color:var(--bordo-ac)}
.ozet{color:var(--gri); font-size:15px; margin-top:0}
.ozet b{color:var(--metin)}

.kaydir{overflow-x:auto; -webkit-overflow-scrolling:touch; margin:12px 0}
table{border-collapse:collapse; width:100%; min-width:340px; background:var(--kart); font-size:14.5px}
th,td{border:1px solid var(--cizgi); padding:8px 11px; text-align:left; vertical-align:top}
thead th{background:var(--bordo); color:#fff; font-weight:600; white-space:nowrap}
tbody th{background:#f4efed; font-weight:600; white-space:nowrap}
td{text-align:right; font-variant-numeric:tabular-nums}
table.kunye td{text-align:left}
table.kunye th{width:38%}

.not{font-size:13.5px; color:var(--gri); background:#f4efed;
  border-left:3px solid var(--bordo); padding:9px 12px; border-radius:0 5px 5px 0}

ul.etiketler{list-style:none; padding:0; margin:12px 0; display:flex; flex-wrap:wrap; gap:7px}
ul.etiketler li{background:var(--kart); border:1px solid var(--cizgi);
  border-radius:14px; padding:4px 11px; font-size:13px}
ul.etiketler b{color:var(--bordo)}

ol.sorular{padding-left:20px}
ol.sorular li{margin:6px 0}

ul.dizin{list-style:none; padding:0; margin:16px 0;
  display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:8px}
ul.dizin li{background:var(--kart); border:1px solid var(--cizgi); border-radius:7px; padding:10px 13px}
ul.dizin a{text-decoration:none; font-weight:600}
ul.dizin a:hover{text-decoration:underline}
ul.dizin small{display:block; color:var(--gri); font-size:12.5px; font-weight:400}

.cta{margin:26px 0 0; padding:15px; background:var(--kart);
  border:1px solid var(--cizgi); border-radius:8px; text-align:center}
.cta a{font-weight:600; text-decoration:none; font-size:15.5px}

footer{border-top:1px solid var(--cizgi); background:var(--kart);
  padding:20px 18px 30px; margin-top:26px}
footer p{max-width:920px; margin:8px auto}
footer .kucuk{font-size:12px; color:var(--gri); line-height:1.55}

@media (max-width:560px){
  h1{font-size:22px}
  main{padding:6px 13px 28px}
  table{font-size:13.5px}
  th,td{padding:7px 9px}
}