/* Server-rendered SEO pages (city pairs, city hubs, index, about, privacy) + shared SEO content blocks */
body[data-page="seo"], body.doc{background:var(--bg)}
.wrap{max-width:1080px;margin:0 auto;padding:0 16px}
.seo{padding:14px 16px 30px}
.seo h1{font-size:26px;line-height:1.2;letter-spacing:-.02em;margin:6px 0 14px}
.seo h2{font-size:17px;margin:22px 0 8px}
.seo p{line-height:1.6;margin:0 0 10px}
.seo .lead{font-size:15px;color:#3d3a34;max-width:820px}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:4px;margin:0;padding:0;font-size:12px;color:var(--muted)}
.crumbs li+li::before{content:"›";margin:0 6px 0 2px;color:#b3aa98}
.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--accent);text-decoration:underline}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}
#map.seo-map,.seo-map{height:420px;min-height:0;border:1px solid var(--line);border-radius:6px;margin:8px 0;z-index:0}
#map.seo-map.small,.seo-map.small{height:280px}
.cta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:12px 0 4px}
.cta .go{display:inline-flex;align-items:center;text-decoration:none;padding:0 16px}
.cta .btn2{display:inline-flex;align-items:center;height:36px;text-decoration:none}
.txt{max-width:820px}
.rel .cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}
ul.links{list-style:none;margin:0;padding:0}
ul.links li{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px solid #e9e2d3;font-size:13.5px}
ul.links li span{color:var(--muted);font-family:var(--mono,monospace);font-size:12px;white-space:nowrap}
ul.links a{text-decoration:none;color:var(--ink)} ul.links a:hover{color:var(--accent);text-decoration:underline}
ul.cols3{display:grid;grid-template-columns:repeat(3,1fr);column-gap:18px}
ul.cols4{display:grid;grid-template-columns:repeat(4,1fr);column-gap:18px}
.country h2 small{color:var(--muted);font-weight:400;font-size:12px}
.faq details,.seo-faq details{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:9px 12px;margin-bottom:6px}
.faq summary,.seo-faq summary{cursor:pointer;font-weight:600}
.faq details p,.seo-faq details p{margin:8px 0 0}
table.dist{width:100%;border-collapse:collapse;font-size:13.5px}
table.dist th{font:500 10.5px var(--mono,monospace);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-align:left;padding:5px 6px;border-bottom:1px solid var(--line-2,#c9bfab)}
table.dist td{padding:6px;border-bottom:1px solid #eee7da}
table.dist .r{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
table.dist a{color:var(--ink);text-decoration:none;font-weight:500} table.dist a:hover{color:var(--accent);text-decoration:underline}
.site-foot{border-top:1px solid var(--line);margin-top:20px;padding:16px 0 26px;font-size:13px;color:var(--muted)}
.site-foot a{color:var(--accent-ink,#0b5b55)} .site-foot .small{font-size:11.5px}
header .lang a{display:inline-block;border:1px solid #4a4640;color:#d6d0c4;border-radius:4px;padding:2px 7px;font:11.5px var(--mono,monospace);text-decoration:none}
header .lang a.on{background:#f3efe6;color:#1c1b19;border-color:#f3efe6}
/* SEO content block on the tool pages (inside the side panel) */
.seo-content{font-size:13px;line-height:1.55;color:#3d3a34}
.seo-content h2{font-size:14px;margin:4px 0 6px;color:var(--ink)}
.seo-content h3{font-size:13px;margin:10px 0 4px;color:var(--ink)}
.seo-content p{margin:0 0 8px}
.seo-content ul{margin:0 0 8px 18px;padding:0}
/* advertising: reserve space so the page does not jump when an ad loads (CLS) */
.ad-slot{min-height:120px;margin:14px 0;display:flex;justify-content:center;align-items:center;background:repeating-linear-gradient(45deg,transparent 0 8px,rgba(31,29,26,.025) 8px 16px);border-radius:6px}
.ad-slot ins{width:100%}
.panel .ad-slot{min-height:100px;margin:4px 0}
/* about / privacy */
.doc .seo h2{margin-top:18px}
@media (max-width:760px){
  .kpis{grid-template-columns:1fr 1fr}
  .seo h1{font-size:21px}
  #map.seo-map,.seo-map{height:320px}
  #map.seo-map.small,.seo-map.small{height:240px}
  .rel .cols{grid-template-columns:1fr}
  ul.cols3,ul.cols4{grid-template-columns:1fr 1fr}
  table.dist th:nth-child(4),table.dist td:nth-child(4){display:none}
}

/* SEO content under the tools: both languages are in the page, the current one is shown */
html[lang="ro"] .seo-content [lang="en"], html:not([lang="ro"]) .seo-content [lang="ro"]{display:none}
.seo-below{background:var(--bg);border-top:1px solid var(--line);padding:22px 0 26px}
.seo-below .wrap{max-width:900px}
.seo-below h2{font-size:18px;margin:0 0 10px}
.seo-below h3{font-size:14px;margin:16px 0 6px}
.seo-below p,.seo-below li{font-size:13.5px;line-height:1.6;color:#3d3a34}
.seo-below .seo-faq details{margin-bottom:6px}
.ad-slot[hidden]{display:none!important}
.ad-slot:has(ins[data-ad-status="unfilled"]){display:none}
.seo-transit{margin:14px 0}
/* ---------- popular routes in the footer ---------- */
.foot-routes{display:grid;grid-template-columns:1fr 1.6fr;gap:6px 28px;margin:6px 0 10px;text-align:left}
.foot-routes h2{font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin:4px 0 6px;color:var(--muted,#6b665e);font-weight:600}
.foot-routes ul{list-style:none;margin:0;padding:0;columns:2;column-gap:18px;font-size:12.5px;line-height:1.75}
.foot-routes > div:last-child ul{columns:3}
.foot-routes li{break-inside:avoid}
.foot-routes a{color:inherit;text-decoration:none;border-bottom:1px dotted rgba(0,0,0,.25)}
.foot-routes a:hover{color:#0f766e;border-bottom-color:#0f766e}
.foot-routes-wrap{background:var(--bg);padding:6px 0 18px;border-top:1px solid var(--line,#e2ddd2)}
.site-foot .foot-routes{padding-bottom:10px;border-bottom:1px solid var(--line,#e2ddd2);margin-bottom:12px}
@media (max-width:900px){ .foot-routes{grid-template-columns:1fr} .foot-routes > div:last-child ul{columns:2} }
@media (max-width:340px){ .foot-routes ul, .foot-routes > div:last-child ul{columns:1} }