/* Canada guide additions (loaded after the shared style.css) */
.brand-section i.ca { background: linear-gradient(90deg, #D52B1E 0 25%, #FFFFFF 25% 75%, #D52B1E 75%); }

/* maps */
.ca-map { max-width: 900px; overflow: visible; }
.ca-map path.st { stroke: var(--map-line); stroke-width: .7; stroke-linejoin: round; }
.ca-map path.t1 { fill: var(--map-1); } .ca-map path.t2 { fill: var(--map-2); } .ca-map path.t3 { fill: var(--map-3); } .ca-map path.t4 { fill: var(--map-4); }
.ca-map g.pin { cursor: pointer; }
.ca-map g.pin circle { fill: var(--sun); stroke: var(--ink); stroke-width: 2; transition: r .15s; }
.ca-map g.pin:hover circle, .ca-map g.pin:focus-visible circle { fill: var(--rouge); r: 8; }
.ca-map g.pin:focus { outline: none; }
.ca-map g.pin text { font-size: 13px; }
.dest-map path.st:hover { filter: brightness(1.06); }
.map-credit { margin: 10px auto 0; max-width: 900px; font-size: .78rem; color: var(--ink-3); text-align: right; }

/* State Department advisory map */
.adv-map path.st { cursor: default; transition: filter .15s; }
.adv-map path.st:hover { filter: brightness(1.12) saturate(1.1); }
.adv-map path.lv1, .adv-legend i.lv1 { fill: #5E9E6E; background: #5E9E6E; }
.adv-map path.lv2, .adv-legend i.lv2 { fill: #F2C14E; background: #F2C14E; }
.adv-map path.lv3, .adv-legend i.lv3 { fill: #E07B39; background: #E07B39; }
.adv-map path.lv4, .adv-legend i.lv4 { fill: #B8391F; background: #B8391F; }
.adv-map path.lv0 { fill: var(--line); }
.adv-legend { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 20px; list-style: none; margin: 14px 0 0; padding: 0; font-size: .9rem; color: var(--ink-2); }
.adv-legend li { display: inline-flex; align-items: center; gap: 8px; }
.adv-legend i { width: 16px; height: 16px; border-radius: 3px; flex: none; box-shadow: inset 0 0 0 1px rgba(27, 39, 64, .2); }
.adv-box { margin: 1.6rem 0 2rem; padding: 18px 16px 14px; background: var(--surface); border: 1.5px solid var(--line-2); position: relative; }
@media (max-width: 600px) { .adv-legend { justify-content: flex-start; } .map-credit { text-align: left; } }
.dest-map { max-width: 1020px; }
.ca-map g.pin path.lead { fill: none; stroke: var(--ink-3); stroke-width: 1; }
@media (max-width: 600px) {
  .dest-map g.pin text, .dest-map g.pin path.lead { display: none; }
  .dest-map g.pin circle { r: 11; stroke-width: 3; }
}

/* home: 20 experiences fill a 4-column grid when the last card spans two columns */
@media (min-width: 1000px) {
  .exp-grid > li:last-child:nth-child(20) { grid-column: span 2; }
  .exp-grid > li:last-child:nth-child(20) .exp-img { aspect-ratio: 8 / 3; }
}

/* the shared style says "US vs FR" on "Different from home" callouts */
.callout.us .callout-title::after { content: " \00B7  US \2260  CA"; }