/* Statik sayfalar (rehber, kurallar, gizlilik, koşullar, admin) ortak stili */
*{margin:0;padding:0;box-sizing:border-box}
body{
  font:14px/1.65 "Segoe UI",system-ui,sans-serif;
  background:#161209;color:#2b241a;
}
.syf{
  max-width:860px;margin:26px auto 60px;padding:26px 30px 34px;
  background:linear-gradient(#f7f4ec,#eeeade);
  border:1px solid #b5ad9b;border-radius:9px;
  box-shadow:0 12px 40px rgba(0,0,0,.55);
}
.syf-ust{
  display:flex;align-items:center;gap:13px;
  border-bottom:2px solid #cfc8b8;padding-bottom:13px;margin-bottom:19px;
}
.syf-ust img{width:52px;height:52px}
.syf-ust h1{font-size:23px;color:#5d4a17;letter-spacing:.04em}
.syf-ust .alt{font-size:12px;color:#8a8171}
h2{font-size:17px;color:#5d4a17;margin:26px 0 8px;letter-spacing:.03em}
h3{font-size:14.5px;color:#4a3d22;margin:16px 0 5px}
p{margin:0 0 9px}
ul,ol{margin:0 0 10px 22px}
li{margin-bottom:4px}
b{color:#3a2c08}
a{color:#7c5f16}
table{border-collapse:collapse;width:100%;margin:8px 0 14px;font-size:13px}
th,td{border:1px solid #cfc8b8;padding:5px 9px;text-align:left;vertical-align:top}
th{background:#e8e2d2;color:#4a3d22}
tr:nth-child(even) td{background:#f1ede2}
.not{
  background:#f1ecdd;border:1px solid #d6cdb4;border-left:4px solid #a3831f;
  border-radius:5px;padding:9px 13px;margin:10px 0;font-size:13px;
}
.syf-dip{
  max-width:860px;margin:0 auto 30px;text-align:center;
  font-size:12px;color:#9a927e;
}
.syf-dip a{color:#b8a76b;margin:0 7px}
.btn{
  display:inline-block;background:linear-gradient(#f2efe8,#e2dccd);
  border:1px solid #a99f8a;border-radius:5px;color:#4a3d22;
  padding:6px 14px;font-size:13px;cursor:pointer;text-decoration:none;
}
.btn:hover{border-color:#7c5f16}
.btn.tehlike{color:#a03325;border-color:#c69384}
input,select{
  background:#fff;border:1px solid #cfc8b8;border-radius:4px;
  padding:6px 9px;font-size:13px;color:#2b241a;
}
input:focus,select:focus{outline:none;border-color:#7c5f16}
.icindekiler{
  background:#efe9d8;border:1px solid #d6cdb4;border-radius:6px;
  padding:11px 15px;margin-bottom:6px;font-size:13px;column-count:2;column-gap:26px;
}
.icindekiler a{display:block;padding:1.5px 0}
@media(max-width:640px){.syf{margin:10px;padding:18px 16px}.icindekiler{column-count:1}}

/* ---------- rehber: boy kartları ve birim tabloları ---------- */
.boy-kartlar{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:12px 0 18px}
.boy-kart{
  border:1px solid var(--cizgi,#d8d0bd);border-radius:8px;padding:14px 14px 12px;
  background:rgba(255,255,255,.5);text-align:center;
}
.boy-kart h3{margin:6px 0 10px;font-size:18px;letter-spacing:.03em}
.bd-amblem{
  width:132px;height:132px;object-fit:contain;
  filter:drop-shadow(0 6px 9px rgba(0,0,0,.28));
}
.boy-hun h3{color:#8c3a22}
.boy-gokturk h3{color:#2f4f7a}
.boy-cin h3{color:#6b4a1e}
.boy-hun{border-top:3px solid #8c3a22}
.boy-gokturk{border-top:3px solid #2f4f7a}
.boy-cin{border-top:3px solid #6b4a1e}
.bd-arti{list-style:none;padding:0;margin:0 0 10px;text-align:left}
.bd-arti li{padding:5px 0;border-bottom:1px dotted rgba(0,0,0,.12);font-size:13px}
.bd-arti li:last-child{border-bottom:none}
.bd-deger{
  display:inline-block;background:#3f6b2e;color:#eef4ea;border-radius:4px;
  padding:1px 7px;font-size:12px;font-weight:700;margin-left:6px;
}
.bd-arti i{display:block;font-style:normal;font-size:11.5px;color:#7a7263;margin-top:2px}
.bd-zayif{font-size:12px;color:#8a4a3a;text-align:left;margin:0;line-height:1.5}

.birim-baslik{margin:20px 0 6px;font-size:16px;letter-spacing:.04em}
/* Dar ekranda tablo sayfayı taşırmasın, kendi içinde kaysın */
.tablo-kaydir{overflow-x:auto;-webkit-overflow-scrolling:touch}
.birim-tablo{font-size:12.5px;min-width:640px}
.birim-tablo th{white-space:nowrap}
.birim-tablo .sy{text-align:right;font-variant-numeric:tabular-nums}
.bk-gorsel{width:60px;padding:2px 4px}
.bk-gorsel img{
  width:52px;height:52px;object-fit:contain;display:block;
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.3));
}
.bk-tur{display:block;font-size:10.5px;color:#8a8271;font-weight:400;letter-spacing:.02em}
.bk-mal{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px}
.bk-sart{font-size:11.5px;color:#7a7263}
@media (max-width:700px){
  .boy-kartlar{grid-template-columns:1fr}
  .bd-amblem{width:104px;height:104px}
}

/* rehber: bina adları tablosu — üç boyun karşılıkları yan yana */
.bina-tablo{font-size:12.5px;min-width:640px}
.bina-tablo th{white-space:nowrap}
.bina-tablo td:nth-child(-n+3){white-space:nowrap}
.bina-tablo .bt-yok{color:#a89f88}

/* ---- SEO / donusum sayfalari (v4): kahraman serit, CTA, karsilastirma ---- */
.kahraman{
  position:relative;max-width:860px;margin:26px auto 0;border-radius:9px 9px 0 0;
  overflow:hidden;border:1px solid #b5ad9b;border-bottom:none;
}
.kahraman img{width:100%;height:240px;object-fit:cover;display:block}
.kahraman .ort{
  position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;
  padding:18px 26px;background:linear-gradient(transparent 20%,rgba(12,9,4,.88));
}
.kahraman h1{color:#f0e6cc;font-size:24px;line-height:1.25;text-shadow:0 2px 8px #000}
.kahraman .alt{color:#cdbf9e;font-size:13.5px;margin-top:4px;text-shadow:0 1px 4px #000}
.kahraman + .syf{margin-top:0;border-radius:0 0 9px 9px}
.cta{
  display:block;text-align:center;background:linear-gradient(#c8973c,#a3761f);
  border:1px solid #7a5a14;border-radius:7px;color:#fff8ea;
  padding:13px 18px;font-size:16px;font-weight:700;text-decoration:none;
  margin:18px 0 6px;box-shadow:0 3px 10px rgba(0,0,0,.25);letter-spacing:.02em;
}
.cta:hover{background:linear-gradient(#d5a447,#b28325)}
.cta-not{text-align:center;font-size:12px;color:#8a8171;margin-bottom:14px}
.guven{
  display:flex;gap:10px;justify-content:center;flex-wrap:wrap;
  margin:14px 0 4px;font-size:12.5px;color:#5d4a17;
}
.guven span{background:#eee8d6;border:1px solid #d6cdb4;border-radius:20px;padding:4px 12px}
.kk-tablo td:first-child{font-weight:600;white-space:nowrap}
.onceki-sonraki{
  display:flex;justify-content:space-between;gap:10px;margin:26px 0 0;
  padding-top:14px;border-top:1px solid #cfc8b8;font-size:13px;
}
.bolum-kartlar{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
  gap:12px;margin:14px 0 6px;
}
.bolum-kart{
  display:block;background:#f1ecdd;border:1px solid #d6cdb4;border-radius:7px;
  padding:13px 15px;text-decoration:none;color:#2b241a;
}
.bolum-kart:hover{border-color:#a3831f}
.bolum-kart b{display:block;color:#5d4a17;margin-bottom:3px;font-size:14px}
.bolum-kart i{font-style:normal;font-size:12.5px;color:#6f6653;line-height:1.5}
@media (max-width:600px){
  .kahraman{margin:0;border-radius:0}
  .kahraman img{height:190px}
  .kahraman h1{font-size:19px}
  .syf{margin:0 0 30px;border-radius:0}
}