/* Styles propres à en/web-developer/bonneville/index.html.
   Extraits des 1 bloc(s) <style> de la page, dans leur ordre d'origine.
   Chargé au même rang qu'avant dans la cascade : après le socle, avant responsive.css. */

/* ==== bloc <style> — extrait de en/web-developer/bonneville/index.html ==== */
  .local-eyebrow{display:inline-flex; align-items:center; gap:0.6rem;}
  .local-eyebrow .flagchip{width:26px; height:18px; border-radius:3px;}

  .zones{display:flex; flex-wrap:wrap; gap:0.6rem; margin-top:1.6rem;}
  .zones span{font-size:0.85rem; color:#39435a; background:#fff; border:1px solid var(--line); border-radius:30px; padding:0.45rem 1rem;}
  .leaflet-container{font-family:'Inter',sans-serif; background:#eef1f6;}
  .nearby{display:flex; flex-wrap:wrap; gap:0.8rem; justify-content:center; margin-top:0.4rem;}
  .nearby a{display:inline-flex; align-items:center; gap:0.5rem; font-family:'Space Grotesk'; font-weight:600; font-size:0.95rem; color:var(--ink); background:#fff; border:1px solid var(--line); border-radius:30px; padding:0.6rem 1.2rem; transition:border-color .2s, transform .18s, box-shadow .2s;}
  .nearby a:hover{border-color:var(--gold); transform:translateY(-2px); box-shadow:0 12px 26px -16px rgba(14,23,38,0.4);}
  .nearby a svg{width:15px; height:15px; color:var(--gold);}