:root{
  --turuncu:#FF6B00;
  --turuncu-koyu:#C24E00;
  --krem:#FFF6EE;
  --kenar:#FFE0B2;
  --metin:#1A1A1A;
  --gri:#666;
  --soluk:#999;
  --zemin:#F5F5F7;
}

*{box-sizing:border-box;margin:0;padding:0}

html{-webkit-text-size-adjust:100%}

body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  background:var(--zemin);
  color:var(--metin);
  line-height:1.6;
  padding:0 18px 60px;
}

.sayfa{max-width:720px;margin:0 auto}

/* ── üst şerit ── */
header.ust{
  padding:26px 0 20px;
  border-bottom:1px solid #E8E8EC;
  margin-bottom:28px;
}
.marka{
  font-size:22px;font-weight:800;letter-spacing:-0.4px;
  color:var(--turuncu);text-decoration:none;display:inline-block;
}
.marka span{color:var(--metin)}
.alt-yazi{font-size:13px;color:var(--soluk);margin-top:2px}

/* ── başlıklar ── */
h1{font-size:26px;font-weight:800;letter-spacing:-0.4px;margin:0 0 6px}
h2{font-size:16px;font-weight:800;margin:30px 0 8px}
h3{font-size:14px;font-weight:700;margin:18px 0 6px}
.tarih{font-size:12px;color:var(--soluk);margin-bottom:22px}

p{font-size:15px;color:#333;margin:0 0 12px}
ul{margin:0 0 12px 20px}
li{font-size:15px;color:#333;margin-bottom:6px}
a{color:var(--turuncu-koyu)}
strong{font-weight:700}

/* ── özet kutusu ── */
.ozet{
  background:var(--krem);
  border:1px solid var(--kenar);
  border-radius:14px;
  padding:16px 18px;
  margin:0 0 26px;
}
.ozet p:last-child{margin-bottom:0}

/* ── doldurulacak alan ── */
.doldur{
  background:#FFF3E8;
  border-bottom:2px dashed var(--turuncu);
  padding:0 4px;font-weight:700;color:var(--turuncu-koyu);
}

/* ── ana sayfa kartları ── */
.kartlar{display:grid;gap:10px;margin-top:22px}
.kart{
  display:block;background:#fff;border:1px solid #ECECEF;border-radius:14px;
  padding:16px 18px;text-decoration:none;color:inherit;
}
.kart:hover{border-color:var(--kenar);background:#FFFDFB}
.kart b{display:block;font-size:15px;font-weight:800;margin-bottom:2px}
.kart span{font-size:13px;color:var(--gri)}

.rozet{
  display:inline-block;background:var(--krem);border:1px solid var(--kenar);
  color:var(--turuncu-koyu);font-size:11px;font-weight:700;letter-spacing:0.4px;
  border-radius:20px;padding:5px 12px;margin-bottom:14px;
}

/* ── alt ── */
footer{
  margin-top:44px;padding-top:18px;border-top:1px solid #E8E8EC;
  font-size:12px;color:var(--soluk);
}
footer a{color:var(--gri);text-decoration:none;margin-right:14px}
footer a:hover{color:var(--turuncu-koyu)}
footer .telif{margin-top:10px}

@media (max-width:480px){
  h1{font-size:22px}
  p,li{font-size:14px}
}