.guide-hero{background:linear-gradient(120deg,#062d4b,#0b5878);color:#fff}.guide-hero .hero-grid{min-height:420px}.guide-hero h1{font-size:clamp(38px,5.5vw,66px)}
.guide-hero .hero-lead{max-width:780px}.guide-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.guide-actions a{display:inline-flex;padding:11px 15px;border-radius:12px;font-weight:850;background:#fff;color:#062d4b}.guide-actions a.ghost{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.3)}
.data-note{border-left:4px solid #0b9ea8;background:#f7fbfc;border-radius:14px;padding:16px 18px;color:#435d6d;margin:18px 0}.data-note strong{color:#062d4b}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric{background:#fff;border:1px solid #dce7ec;border-radius:18px;padding:18px}.metric b{display:block;font-size:27px;color:#062d4b;line-height:1.05}.metric span{display:block;color:#647887;font-size:12px;margin-top:7px;font-weight:750}
.city-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.city-link-card{display:block;border:1px solid #dce7ec;border-radius:22px;padding:24px;background:#fff;box-shadow:0 10px 30px rgba(6,45,75,.055)}.city-link-card span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#0b9ea8;font-weight:900}.city-link-card h3{margin:7px 0 8px;color:#062d4b;font-size:24px}.city-link-card p{margin:0 0 13px;color:#647887}.city-link-card b{color:#0b5e83}
.directory-toolbar{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin:0 0 18px}.directory-toolbar input,.directory-toolbar select{width:100%;min-height:46px;border:1px solid #cfdde4;border-radius:13px;padding:10px 13px;background:#fff;color:#173247;font:inherit}.directory-count{font-size:13px;color:#647887;font-weight:800;white-space:nowrap}
.directory-list{display:grid;gap:10px}.directory-entry{border:1px solid #dce7ec;border-radius:16px;background:#fff;padding:16px 18px;content-visibility:auto;contain-intrinsic-size:120px}.directory-entry h3{margin:0 0 5px;color:#062d4b;font-size:18px}.directory-entry .arabic{font-family:Tahoma,Arial,sans-serif;direction:rtl;text-align:left;color:#466171;font-size:14px;margin-left:8px}.entry-meta{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0}.entry-meta span{display:inline-flex;padding:5px 8px;border-radius:999px;background:#edf6f7;color:#176a73;font-size:11px;font-weight:800}.entry-line{margin:4px 0;color:#607582;font-size:13px}.entry-source{margin-top:8px;color:#84949e;font-size:11px}.empty-state{display:none;padding:22px;border-radius:16px;background:#f5f8fa;color:#647887;text-align:center}
.source-panel{display:grid;grid-template-columns:1fr 1fr;gap:16px}.source-card{border:1px solid #dce7ec;border-radius:18px;background:#fff;padding:20px}.source-card h3{margin:0 0 8px;color:#062d4b}.source-card p{margin:0;color:#647887;font-size:14px}.source-card code{font-size:12px;background:#f2f6f8;padding:2px 5px;border-radius:5px}
.city-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.city-hub-card{border:1px solid #dce7ec;border-radius:20px;background:#fff;padding:22px}.city-hub-card h3{margin:10px 0 7px;color:#062d4b}.city-hub-card p{margin:0 0 12px;color:#647887;font-size:14px}.city-hub-card a{color:#0b5e83;font-weight:850}.ico-round{width:43px;height:43px;border-radius:13px;background:#e9f5f6;display:grid;place-items:center;font-size:20px}
.archive-badge{display:inline-flex;padding:5px 8px;border-radius:999px;background:#f7f1e6;color:#805f22;font-size:11px;font-weight:850}
@media(max-width:900px){.metric-grid{grid-template-columns:1fr 1fr}.city-hub-grid{grid-template-columns:1fr 1fr}.source-panel{grid-template-columns:1fr}}
@media(max-width:640px){.metric-grid,.city-link-grid,.city-hub-grid{grid-template-columns:1fr}.directory-toolbar{grid-template-columns:1fr}.directory-count{white-space:normal}.directory-entry{padding:14px}.guide-actions a{width:100%;justify-content:center}}


/* v2.18 — standard commun des pages villes : aucun grand espace vertical superflu */
.city-page .section{padding:24px 0}
.city-page .section-head{margin-bottom:14px;gap:22px}
.city-page .section-head .kicker{margin-bottom:5px}
.city-page .city-hub-grid,.city-page .city-link-grid,.city-page .metric-grid,.city-page .source-panel{gap:12px}
.city-page .data-note{margin:10px 0}
.city-page main>.section:first-of-type{padding-top:28px}
.city-page main>.section:last-of-type{padding-bottom:24px}
.city-page footer{margin-top:0}
@media(max-width:640px){
  .city-page .section{padding:18px 0}
  .city-page .section-head{margin-bottom:10px;gap:10px}
  .city-page .city-hub-grid,.city-page .city-link-grid,.city-page .metric-grid,.city-page .source-panel{gap:10px}
  .city-page main>.section:first-of-type{padding-top:20px}
  .city-page main>.section:last-of-type{padding-bottom:18px}
}

.city-card-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.city-card-links a,.category-mini a{font-weight:800;text-decoration:none}.category-mini{margin:.55rem 0 0}.city-card-links a:hover,.category-mini a:hover{text-decoration:underline}