/* Extra styles for the commune pages (ville.php). */
.crumbs{display:flex;flex-wrap:wrap;gap:6px 8px;font-size:13px;margin-bottom:22px;opacity:.85}
.crumbs a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.crumbs span{opacity:.5}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.ghost-btn{background:transparent;color:inherit;border:1px solid currentColor}
.tips{list-style:none;padding:0;margin:0}
.tips li{display:grid;gap:4px;border-bottom:1px solid var(--line);padding:18px 0}
.tips li:first-child{border-top:1px solid var(--line)}
.tips b{font-size:17px}
.tips span{color:var(--muted)}
.nearby{list-style:none;padding:0;margin:28px 0 20px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.nearby a{display:flex;justify-content:space-between;gap:10px;align-items:baseline;padding:14px 16px;border:1px solid var(--line);color:inherit;text-decoration:none;transition:.2s}
.nearby a:hover{border-color:var(--blue)}
.nearby span{color:var(--muted);font-size:13px;white-space:nowrap}
@media(max-width:900px){.nearby{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.nearby{grid-template-columns:1fr}.hero-actions .btn{width:100%}}