/* Shared footer — identical on every page (same look as the Travel Tools pages) */
.sf{position:relative;overflow:hidden;color:#fff;margin-top:10px;font-family:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;line-height:1.5;text-align:left;background:#083070 url(europe-hero.webp) right center/cover no-repeat}
.sf *,.sf *::before,.sf *::after{box-sizing:border-box}
.sf::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#062a68 0,#083274 45%,rgba(8,50,116,.55) 78%,rgba(8,50,116,.25) 100%)}
.sf-w{position:relative;z-index:2;max-width:1180px;margin:0 auto;padding:34px 22px 20px}
.sf-top{display:grid;grid-template-columns:1.3fr 1fr 1.1fr 1fr;gap:28px}
.sf-br{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}
.sf-br svg{width:40px;height:40px;flex:none;fill:#fff;stroke:none}
.sf-br b{display:block;font:700 17px/1.1 'Manrope',system-ui,sans-serif;color:#fff}
.sf-br small{display:block;font-size:10px;font-weight:500;color:#c9d8f3}
.sf h4{font:800 13.5px 'Manrope',system-ui,sans-serif;color:#fff;margin:0 0 12px}
.sf nav{display:grid;gap:8px;align-content:start}
.sf nav a{font-size:12.5px;font-weight:600;color:#dce8ff;text-decoration:none}
.sf nav a:hover{color:#fff;text-decoration:underline}
.sf-cp{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;margin-top:26px;padding-top:14px;border-top:1px solid rgba(255,255,255,.18);font-size:11.5px;color:#cfdcf5}
@media(max-width:1000px){.sf-top{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.sf-top{grid-template-columns:1fr}}
@media print{.sf{display:none!important}}

/* v-seo: prevent sideways scroll on small phones */
main a,main li,main p{overflow-wrap:anywhere}
.tiles{grid-template-columns:repeat(auto-fit,minmax(min(130px,100%),1fr))}
.tile{min-width:0;overflow-wrap:anywhere}
