/* HF City Pages minimal CSS (turuncu-mavi) */
:root{
  --orange:#f97316;
  --blue:#2563eb;
  --ink:#0f172a;
  --muted:#475569;
  --panel:#ffffff;
}
*{box-sizing:border-box}
.wrap{max-width:1100px;margin:0 auto;padding:20px}
.hero{
  background:linear-gradient(135deg,var(--orange),var(--blue));
  color:#fff;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.08)
}
.hero-inner{padding:28px 24px}
.breadcrumb{display:flex;gap:6px;flex-wrap:wrap;font-size:14px;margin-bottom:8px}
.breadcrumb a{color:#fff;text-decoration:underline dotted}
.title{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.title h1{margin:0;font-size:clamp(24px,4vw,36px);font-weight:800}
.badge{font-size:12px;border:1px solid rgba(255,255,255,.35);padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.15)}
.lead{margin-top:10px;max-width:860px;font-size:clamp(14px,2.1vw,16px)}
.cta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:10px 14px;font-weight:700;border:1px solid rgba(255,255,255,.35);background:#fff;color:#0f172a}
.btn.alt{background:rgba(255,255,255,.15);color:#fff;border-color:rgba(255,255,255,.35)}
.grid{display:grid;gap:16px}
@media(min-width:900px){ .grid.cols-3{grid-template-columns:1.15fr 1fr 1fr} }
@media(min-width:900px){ .grid.cols-2{grid-template-columns:1fr 1fr} }
.card{background:var(--panel);border:1px solid #e2e8f0;border-radius:16px;padding:18px;box-shadow:0 6px 12px rgba(15,23,42,.03)}
.card h2,.card h3{margin:0 0 10px}
.muted{color:var(--muted)}
.table{width:100%;border-collapse:collapse;font-size:15px}
.table th,.table td{padding:12px;border-bottom:1px solid #e5e7eb;text-align:left}
.table thead th{background:linear-gradient(135deg,#fff,#f1f5f9);font-size:14px}
.chip{display:inline-block;padding:4px 8px;border-radius:999px;background:#eef2ff;border:1px solid #c7d2fe;font-size:12px;color:#1e293b}
.note{font-size:13px;color:#334155;margin-top:8px;background:#fff7ed;border:1px dashed #fdba74;padding:10px;border-radius:10px}
.bullet{padding-left:18px}
.bullet li{margin:6px 0}
.districts{columns:2;column-gap:18px}
@media(min-width:900px){ .districts{columns:3} }
.districts a{display:block;padding:6px 8px;margin:4px 0;background:#f1f5f9;border-radius:10px;border:1px solid #e2e8f0}
.districts a:hover{background:#e2e8f0;text-decoration:none}
.cta{background:linear-gradient(135deg,#fff,#f0f7ff);border:1px solid #dbeafe;border-radius:18px;padding:18px}
.cta .row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.cta .kicker{font-size:13px;color:#1e40af}
.cta .big{font-size:clamp(18px,3vw,22px);font-weight:800;color:#0f172a;margin:6px 0}
.cta .actions{display:flex;gap:10px;flex-wrap:wrap}
.cta .actions a{border-radius:12px;padding:10px 14px;border:1px solid #bfdbfe;background:#dbeafe}
.cta .actions a:hover{background:#bfdbfe;text-decoration:none}
a:focus,.btn:focus{outline:3px solid rgba(37,99,235,.25);outline-offset:2px}
/* YASR style (zorunlu) */
.yasr-overall-block { margin:16px 0; padding:16px; background:#fff7ed; border:1px solid #fde68a; border-radius:12px; }