/* Southern Inner Hebrides: one reading column, with wider editorial layouts. */
.cruising-islay-jura-colonsay { overflow-wrap: anywhere; }
.cruising-islay-jura-colonsay .ij-hero { display: grid; gap: 1.5rem; padding-block: 2.5rem; align-items: center; }
.cruising-islay-jura-colonsay .ij-hero h1 { font-size: clamp(2.8rem, 6vw, 5.1rem); margin-block: .8rem 1.25rem; }
.cruising-islay-jura-colonsay .ij-lede { font: 1.7rem/1.3 var(--serif); color: var(--ink); }
.cruising-islay-jura-colonsay .ij-intro-text { max-width: 40rem; }
.cruising-islay-jura-colonsay p + p { margin-top: 1rem; }
.cruising-islay-jura-colonsay .cg-jump a, .cruising-islay-jura-colonsay .cg-link { min-width: 44px; }
.cruising-islay-jura-colonsay .cg-map { max-width: 650px; }
.cruising-islay-jura-colonsay .cg-place-list { grid-template-columns: 1fr; }
.cruising-islay-jura-colonsay .cg-place-list small { font-size: .95rem; }
.cruising-islay-jura-colonsay .cg-place-list a { display: inline-flex; align-items: center; min-height: 44px; }
.cruising-islay-jura-colonsay .ij-detail { margin-top: 1rem; border-top: 1px solid var(--line); }
.cruising-islay-jura-colonsay .ij-detail summary { padding-block: .85rem; min-height: 48px; cursor: pointer; }
.cruising-islay-jura-colonsay .ij-detail p { margin-bottom: .8rem; }
.cruising-islay-jura-colonsay .ij-detail a { display: inline-flex; align-items: center; min-height: 44px; min-width: 44px; margin-right: .9rem; }
.cruising-islay-jura-colonsay .ij-prose { max-width: 48rem; }
.cruising-islay-jura-colonsay article h3 { margin-bottom: 1rem; }
.cruising-islay-jura-colonsay .ij-connections { display: grid; gap: 1.4rem; margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid var(--line); }
.cruising-islay-jura-colonsay .ij-connections p { margin: 0; }
.cruising-islay-jura-colonsay .ij-related { display: flex; gap: .5rem 2rem; flex-wrap: wrap; margin-top: 1rem; }
.cruising-islay-jura-colonsay .ij-sounds { background: var(--cg-sea); color: #f1f3e9; padding-block: 3rem; }
.cruising-islay-jura-colonsay .ij-sounds h2 { color: #fffef3; margin-block: .7rem 1.6rem; }
.cruising-islay-jura-colonsay .ij-sounds .eyebrow { color: #c2d7c6; }
.cruising-islay-jura-colonsay .ij-sounds a { color: #fffef3; text-underline-offset: .2em; }
.cruising-islay-jura-colonsay .ij-sounds-grid, .cruising-islay-jura-colonsay .ij-jura-north, .cruising-islay-jura-colonsay .ij-colonsay-grid, .cruising-islay-jura-colonsay .ij-arrivals { display: grid; gap: 2rem; }
.cruising-islay-jura-colonsay .ij-history, .cruising-islay-jura-colonsay .ij-town-note { margin-top: 3rem; padding-top: 2rem; border-top: 1px solid var(--line); }
.cruising-islay-jura-colonsay .ij-history-photos { display: grid; gap: 1.5rem; align-items: start; margin-top: 1.75rem; }
.cruising-islay-jura-colonsay .ij-portrait { max-width: 240px; justify-self: center; }
.cruising-islay-jura-colonsay .ij-wilderness, .cruising-islay-jura-colonsay .ij-oronsay { margin-block: 2.5rem; padding: 1.5rem; background: var(--cg-sand); }
.cruising-islay-jura-colonsay .ij-wilderness .eyebrow, .cruising-islay-jura-colonsay .ij-oronsay .eyebrow { margin-bottom: .8rem; }
.cruising-islay-jura-colonsay .ij-wilderness > .cg-photo { margin: 1.5rem 0; }
.cruising-islay-jura-colonsay .ij-colonsay-grid { margin-top: 2rem; }
.cruising-islay-jura-colonsay .ij-distillery-photo { max-width: 48rem; margin-top: 1.8rem; }
.cruising-islay-jura-colonsay main [id] { scroll-margin-top: 1.5rem; }
.cruising-islay-jura-colonsay .cg-locator { width: 100%; height: auto; }
.cruising-islay-jura-colonsay .cg-locator-phone { display: block; }
.cruising-islay-jura-colonsay .cg-locator-overview { display: none; }
.cruising-islay-jura-colonsay .ij-water-label { fill: #426f79; font: italic 14px Georgia, serif; paint-order: stroke; stroke: #e8f0ef; stroke-width: 3; }
.cruising-islay-jura-colonsay .cg-locator-overview .ij-water-label { font-size: 23px; }
.cruising-islay-jura-colonsay .ij-map-place { fill: #244e55; font-family: Arial, sans-serif; paint-order: stroke; stroke: #f6f4ed; stroke-width: 3; stroke-linejoin: round; }
.cruising-islay-jura-colonsay .ij-map-leader { fill: none; stroke: #527477; stroke-width: 1; }
.cruising-islay-jura-colonsay .cg-locator a:hover text { text-decoration: underline; }
.cruising-islay-jura-colonsay .cg-locator a:focus-visible { outline: 3px solid #856630; }

@media (min-width: 700px) {
  .cruising-islay-jura-colonsay .ij-hero { padding-block: 3rem; }
  .cruising-islay-jura-colonsay .ij-connections { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .cruising-islay-jura-colonsay .ij-sounds { padding-block: 4rem; }
  .cruising-islay-jura-colonsay .ij-sounds-grid, .cruising-islay-jura-colonsay .ij-jura-north, .cruising-islay-jura-colonsay .ij-colonsay-grid, .cruising-islay-jura-colonsay .ij-arrivals { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 2.5rem; }
  .cruising-islay-jura-colonsay .ij-history-photos { grid-template-columns: minmax(0,2fr) minmax(0,1fr); gap: 2rem; }
  .cruising-islay-jura-colonsay .ij-town-note { display: grid; grid-template-columns: 1fr 2fr; gap: 2rem; }
  .cruising-islay-jura-colonsay .ij-wilderness, .cruising-islay-jura-colonsay .ij-oronsay { padding: 2.5rem; margin-block: 3rem; }
  .cruising-islay-jura-colonsay .cg-locator-phone { display: none; }
  .cruising-islay-jura-colonsay .cg-locator-overview { display: block; }
}
@media (min-width: 1000px) {
  .cruising-islay-jura-colonsay .ij-hero { grid-template-columns: 1fr 1.1fr; gap: 3rem; }
  .cruising-islay-jura-colonsay .ij-arrivals { grid-template-columns: 1.5fr 1fr 1fr; }
}

.cruising-islay-jura-colonsay .ij-map-geography { display: flex; flex-wrap: wrap; gap: .1rem 1rem; }