/* لندینگ منطقه */
.dl-hero{background:radial-gradient(900px 380px at 90% -20%,#fff3c4 0,transparent 60%),linear-gradient(180deg,#eaf0fb,#f7f8fb);padding-bottom:28px}
.dl-hero-in{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:32px;align-items:center;margin-top:14px}
.dl-hero h1{font-size:clamp(24px,3.4vw,38px);line-height:1.5;margin:6px 0 10px}
.dl-lead{font-size:15.5px;color:var(--text);max-width:640px}
.dl-jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.dl-stats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.dl-stats li{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;display:grid}
.dl-stats li.big{grid-column:1/-1;background:var(--navy);border-color:var(--navy)}
.dl-stats li.big strong{color:var(--amber);font-size:34px}
.dl-stats li.big span{color:#cfd6e6}
.dl-stats strong{font-size:22px;color:var(--navy);line-height:1.4}
.dl-stats span{font-size:12.5px;color:var(--muted);font-weight:700}
.dl-sec{margin-top:40px}
.dl-map{height:520px;border-radius:20px;box-shadow:var(--shadow)}
.dl-map-note{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:13px;margin:8px 0 0}
.dl-feat{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.dl-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:10px}
.chip{border:1px solid var(--line);background:#fff;color:var(--ink);font-weight:700;font-size:13.5px;padding:6px 14px;border-radius:var(--r-pill);transition:background .15s,border-color .15s}
.chip:hover{border-color:var(--navy-2)}
.chip.is-on{background:var(--navy);border-color:var(--navy);color:#fff}
.dl-mh-label{margin-inline-start:10px;font-weight:800;font-size:13px;color:var(--muted)}
.dl-chips .mbs{width:220px}
.dl-cards{margin-top:8px;transition:opacity .15s}
.dl-cards.is-loading{opacity:.45}
.dl-more{text-align:center;margin-top:18px}
.dl-mh a span{white-space:nowrap}
.dl-guide .art-body{margin-top:0}
@media (max-width:1024px){.dl-hero-in{grid-template-columns:1fr}.dl-map{height:420px}}
@media (max-width:640px){.dl-chips-g{flex-wrap:wrap}.dl-chips .mbs{width:100%;flex:1 1 100%}.dl-mh-label{display:none}.dl-stats{grid-template-columns:repeat(2,1fr)}.dl-map{height:360px;border-radius:14px}.dl-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.chip{flex:0 0 auto}}
.dl-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.dl-post{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:var(--r-sm);padding:10px;color:var(--ink);transition:box-shadow .2s,transform .2s}
.dl-post:hover{box-shadow:var(--shadow);transform:translateY(-2px)}
.dl-post-img{flex:0 0 112px;height:64px;border-radius:10px;overflow:hidden;background:var(--navy-soft);display:grid;place-items:center;color:var(--navy-2)}
.dl-post-img img{width:100%;height:100%;object-fit:cover}
.dl-post-t{font-weight:800;font-size:14px;line-height:1.75;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:1024px){.dl-posts{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.dl-posts{grid-template-columns:1fr}}
.dl-spokes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.dl-spoke-g{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px 16px}
.dl-spoke-g h3{font-size:15px;margin:0 0 8px;color:var(--navy)}
.dl-spoke-g ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.dl-spoke-g a{display:block;padding:6px 8px;border-radius:8px;color:var(--ink);font-weight:700;font-size:14px}
.dl-spoke-g a:hover{background:var(--navy-soft);color:var(--navy)}
@media (max-width:900px){.dl-spokes{grid-template-columns:1fr}}
/* نقشه‌ی قدیمیِ داخل متن هاب تکراری است (و از دیتای قدیمی مقاله، با شهرهای اقماری) — نقشه‌ی اصلی لندینگ مرجع است */
.dl-guide .entry [id*="map"],.dl-guide .entry .hqseo-map,.dl-guide .entry select,.dl-guide .entry .mbs,.dl-guide .entry label:has(+ select),.dl-guide .entry label:has(+ .mbs){display:none!important}
/* لندینگ شهر تهران */
.tl-intro{color:var(--muted);font-size:14.5px;margin:-6px 0 16px}
.tl-search{margin-top:6px;margin-bottom:14px}
.tl-districts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.tl-d{display:flex;align-items:flex-start;gap:12px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px;color:var(--ink);transition:box-shadow .2s,transform .2s,border-color .2s}
.tl-d:hover{box-shadow:var(--shadow);transform:translateY(-2px);border-color:var(--amber)}
.tl-d-n{flex:0 0 44px;height:44px;border-radius:12px;background:var(--navy);color:var(--amber);display:grid;place-items:center;font-weight:900;font-size:19px}
.tl-d-b{display:grid;gap:2px;min-width:0}
.tl-d-b strong{font-size:15px;line-height:1.6}
.tl-d-c{font-size:13px;font-weight:800;color:var(--navy-2)}
.tl-d-t{font-size:12px;color:var(--muted);line-height:1.8}
.tl-levels{grid-template-columns:repeat(5,minmax(0,1fr))}
.tl-quick{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.tl-quick a{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:var(--r-pill);padding:8px 16px;color:var(--ink);font-size:14px;transition:border-color .15s,background .15s}
.tl-quick a strong{font-weight:800}
.tl-quick a span{background:var(--navy-soft);color:var(--navy);font-weight:800;font-size:12.5px;border-radius:var(--r-pill);padding:1px 9px}
.tl-quick a:hover{border-color:var(--navy-2);background:var(--navy-soft)}
.tl-map{height:600px}
.tl .dl-chips .mbs{width:220px}
@media (max-width:1024px){.tl-districts{grid-template-columns:repeat(3,minmax(0,1fr))}.tl-levels{grid-template-columns:repeat(3,minmax(0,1fr))}.tl-map{height:460px}}
@media (max-width:760px){.tl-districts{grid-template-columns:repeat(2,minmax(0,1fr))}.tl-levels{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.tl-d{padding:12px;gap:10px}.tl-d-n{flex-basis:38px;height:38px;font-size:16px}.tl-d-t{display:none}.tl-map{height:380px}.tl-quick{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.tl-quick a{flex:0 0 auto}}
.tl-d-c{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tl-d-f{display:inline-flex;align-items:center;gap:3px;font-style:normal;background:#fff4d9;color:#8a5b00;border-radius:var(--r-pill);padding:0 8px;font-size:11.5px;font-weight:800}
.tl-d-f .i{width:12px;height:12px}
@media (max-width:640px){.tl-d-pre{display:none}.tl-d-b strong{font-size:14.5px}}
