@font-face{font-family:Vazirmatn;src:url('/assets/Vazirmatn.woff2') format('woff2');font-display:swap}
:root{color-scheme:light;--blue:#1145ae;--red:#d52b1e;--ink:#17243a;--muted:#52617b;--line:#dee5ef;--soft:#f6f8fc}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.city-index-page{margin:0;background:#fff;color:var(--ink);font-family:Vazirmatn,Tahoma,Arial,sans-serif;line-height:1.8}
a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible{outline:3px solid var(--red);outline-offset:3px;border-radius:3px}
.city-wrap{width:min(calc(100% - 2rem),1140px);margin-inline:auto}
.city-skip{position:absolute;right:-9999px;top:0;background:#fff;padding:12px;z-index:10}.city-skip:focus{right:12px}
.city-header{border-top:5px solid var(--red);border-bottom:1px solid var(--line);background:#fff}
.city-nav{display:flex;align-items:center;justify-content:space-between;gap:2rem;min-height:74px}
.city-brand{font-size:1.3rem;font-weight:900;color:var(--ink)}.city-brand span{color:var(--red);font-size:1.6rem}
.city-nav nav{display:flex;gap:1.2rem;flex-wrap:wrap}.city-nav nav a{font-size:.93rem;color:var(--ink);font-weight:650}
.city-crumb{display:flex;gap:.65rem;flex-wrap:wrap;margin:25px 0;font-size:.88rem;color:var(--muted)}
.city-crumb a{color:var(--blue)}
.city-hero{padding:28px 34px 30px;border:1px solid var(--line);border-right:5px solid var(--blue);border-radius:15px;background:linear-gradient(125deg,#fff 50%,var(--soft))}
.city-eyebrow{color:var(--blue);font-size:.9rem;font-weight:800;margin:0 0 8px}
.city-hero h1{font-size:clamp(1.55rem,3.7vw,2.35rem);line-height:1.4;margin:0 0 12px}
.city-hero>p:not(.city-eyebrow){max-width:830px;color:var(--muted);margin:10px 0}
.city-hero .city-count{font-weight:800;color:var(--ink)!important}
.city-back{display:inline-block;background:var(--blue);color:#fff;border-radius:9px;padding:10px 19px;font-weight:750;margin-top:10px}
.city-back:hover{color:#fff}
.city-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:17px;margin:28px 0}
.city-card{border:1px solid var(--line);border-radius:13px;padding:20px 23px;display:flex;flex-direction:column;min-height:174px;box-shadow:0 3px 13px rgba(22,49,85,.035)}
.city-card h2{font-size:1.1rem;line-height:1.65;margin:0 0 9px}.city-card h2 a{color:var(--ink)}
.city-card p{font-size:.91rem;line-height:1.85;color:var(--muted);margin:0 0 15px}
.city-card-more{font-size:.88rem;font-weight:700;margin-top:auto}
.city-pagination{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;padding:12px 0 25px}
.city-pagination a{border:1px solid var(--blue);border-radius:9px;padding:9px 18px;font-weight:750}
.city-pagination span{color:var(--muted)}
.city-notice{font-size:.86rem;color:var(--muted);background:var(--soft);border-right:3px solid var(--red);border-radius:8px;padding:14px 20px;margin:8px 0 45px}
.city-footer{border-top:1px solid var(--line);padding:24px 0;background:var(--soft);color:var(--muted);font-size:.9rem}
@media(max-width:720px){.city-nav{align-items:flex-start;flex-direction:column;gap:4px;padding:14px 0}.city-nav nav{gap:.8rem}.city-hero{padding:20px}.city-list{gap:12px}.city-card{padding:16px}.city-crumb{margin:17px 0}}