/* Keep Norwegian words readable with larger text on narrow screens. */
.cruising-irish-sea { overflow-wrap: anywhere; }
/* Irish Sea only: phone layout first, shared Solblue components underneath. */
.cruising-irish-sea .header-inner { align-items: flex-start; flex-direction: column; }
.cruising-irish-sea .primary-nav a { font-size: 1rem; }
.cruising-irish-sea .brand-note { font-size: .66rem; }
.cruising-irish-sea h1 { font-size: clamp(2.8rem, 12vw, 5.6rem); margin: .85rem 0 1.1rem; }
.cruising-irish-sea main [id] { scroll-margin-top: 1.5rem; }
.cruising-irish-sea p + p { margin-top: 1rem; }
.cruising-irish-sea p { max-width: 45rem; }
.cruising-irish-sea figure { min-width: 0; }
.cruising-irish-sea .cg-photo > a { display: block; }
.cruising-irish-sea .cg-photo-credit { column-gap: .65rem; }
.cruising-irish-sea .cg-photo-credit a { font-size: .8rem; }
.cruising-irish-sea .cg-photo-title { color: var(--muted); }
.cruising-irish-sea .is-hero { display: grid; gap: 1.25rem; padding-block: 2rem; }
.cruising-irish-sea .is-hero .lede { font-size: 1.3rem; }
.cruising-irish-sea .is-hero-note { color: var(--muted); }
.cruising-irish-sea .is-hero-links { display: flex; flex-wrap: wrap; gap: .25rem 1.5rem; margin-top: 1rem; }
.cruising-irish-sea .cg-jump a, .cruising-irish-sea .cg-link { font-size: 1rem; }
.cruising-irish-sea .cg-jump a { min-width: 44px; }
.cruising-irish-sea .cg-heading { gap: 1rem; }
.cruising-irish-sea .is-map-grid { display: grid; gap: 1.5rem; align-items: start; }
.cruising-irish-sea .cg-map { border: 1px solid var(--line); }
.cruising-irish-sea .cg-map figcaption, .cruising-irish-sea .cg-map > .cg-link { margin-inline: .6rem; }
.cruising-irish-sea .cg-map-credit a { min-width: 44px; }
.cruising-irish-sea .is-map-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 1.1rem; }
.cruising-irish-sea .is-map-list li { display: flex; align-items: flex-start; gap: .8rem; margin: 0; }
.cruising-irish-sea .is-number { flex: 0 0 1.8rem; height: 1.8rem; border-radius: 50%; display: grid; place-items: center; background: var(--cg-sea); color: #fffdf6; font-size: .9rem; }
.cruising-irish-sea .is-optional { color: var(--cg-sea); background: transparent; border: 1px solid var(--cg-sea); }
.cruising-irish-sea .is-map-list strong { display: block; font-size: 1rem; line-height: 1.5; }
.cruising-irish-sea .is-map-list p { font-size: 1rem; margin-top: .3rem; color: var(--muted); line-height: 1.5; }
.cruising-irish-sea .is-map-note { margin-top: 1.5rem; }
.cruising-irish-sea .is-check { margin-top: 1.1rem; border-block: 1px solid var(--line); }
.cruising-irish-sea .is-check summary { cursor: pointer; min-height: 48px; padding-block: .8rem; color: var(--teal); font-size: 1rem; line-height: 1.5; }
.cruising-irish-sea .is-check > div { padding-bottom: 1rem; }
.cruising-irish-sea .is-check p { font-size: 1rem; }
.cruising-irish-sea .is-check .cg-link { display: flex; width: fit-content; }
.cruising-irish-sea .cg-story { margin-top: 3rem; }
.cruising-irish-sea .cg-story-copy p:not(.cg-place) { font-size: 1.05rem; }
.cruising-irish-sea .cg-story-copy .is-check p { font-size: 1rem; }
.cruising-irish-sea .is-edge { margin-top: 2.5rem; padding: 1.5rem; background: var(--cg-sand); }
.cruising-irish-sea .is-edge h3 { margin-bottom: .9rem; }
.cruising-irish-sea .is-pace { padding: 1.6rem; background: var(--cg-soft); }
.cruising-irish-sea .is-pace h2 { margin-block: .7rem 1.25rem; }
.cruising-irish-sea .is-pace p { max-width: 53rem; }
.cruising-irish-sea .is-practical-grid { display: grid; gap: 2rem; }
.cruising-irish-sea .is-practical-grid h3 { margin-bottom: 1rem; }
.cruising-irish-sea .is-practical-grid > section { min-width: 0; }
.cruising-irish-sea .cg-film-meta { font-size: .85rem; }
.cruising-irish-sea .is-film-action { display: block; margin-top: .8rem; text-decoration: underline; text-underline-offset: .2em; }
.cruising-irish-sea .cg-sources .cg-source-grid { grid-template-columns: minmax(0, 1fr); }
.cruising-irish-sea .cg-source-grid a { font-size: 1rem; }
.cruising-irish-sea .cg-source-grid p { font-size: 1rem; }
.cruising-irish-sea .is-onward { display: flex; flex-wrap: wrap; gap: 1rem 2rem; padding-bottom: 2rem; }
.cruising-irish-sea .footer-inner { align-items: flex-start; flex-direction: column; }
.cruising-irish-sea .footer-inner a { font-size: 1rem; }
@media (min-width: 700px) {
  .cruising-irish-sea .header-inner { flex-direction: row; align-items: center; }
  .cruising-irish-sea .is-map-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cruising-irish-sea .cg-story { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 2rem; }
  .cruising-irish-sea .cg-story-reverse { grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); }
  .cruising-irish-sea .is-practical-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.5rem; }
  .cruising-irish-sea .is-pace { padding: 2.5rem; }
  .cruising-irish-sea .cg-sources .cg-source-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cruising-irish-sea .footer-inner { flex-direction: row; align-items: center; }
}
@media (min-width: 900px) {
  .cruising-irish-sea .is-hero { grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: 2rem 3rem; align-items: center; padding-block: 3.4rem 2.5rem; }
  .cruising-irish-sea .is-hero-copy { grid-column: 1; grid-row: 1; }
  .cruising-irish-sea .is-hero-photo { grid-column: 2; grid-row: 1 / span 2; }
  .cruising-irish-sea .is-hero-note { grid-column: 1; grid-row: 2; align-self: start; }
  .cruising-irish-sea .cg-story { gap: 3rem; }
}
@media (min-width: 1100px) {
  .cruising-irish-sea .is-map-grid { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 2.5rem; }
  .cruising-irish-sea .is-map-list { grid-template-columns: minmax(0, 1fr); padding-top: 1rem; }
}

/* Shared map geometry with source-owned, localized text overlays. */
.cruising-irish-sea .guide-map { display: block; width: 100%; height: auto; }
.cruising-irish-sea .guide-map-overview { display: none; }

.cruising-irish-sea .guide-preview-note { max-width: 70ch; font-size: .9rem; line-height: 1.5; margin-bottom: 1.5rem; }
.cruising-irish-sea h1 { overflow-wrap: anywhere; hyphens: auto; }
@media (min-width: 700px) {
  .cruising-irish-sea .guide-map-phone { display: none; }
  .cruising-irish-sea .guide-map-overview { display: block; }
}

/* Five geographic chapters share one reading order in every locale. */
.cruising-irish-sea .is-chapter { margin-top: 3.5rem; padding-top: 2rem; border-top: 1px solid var(--line); }
.cruising-irish-sea .is-chapter > h3 { font-size: clamp(1.9rem, 5vw, 3rem); line-height: 1.15; max-width: 26ch; margin-block: .7rem 1.5rem; }
.cruising-irish-sea .is-chapter h4 { font-size: 1.35rem; line-height: 1.3; margin-block: 1.8rem .8rem; }
.cruising-irish-sea .is-chapter-grid { display: grid; gap: 1.5rem; align-items: start; margin-block: 1.5rem 2.5rem; }
.cruising-irish-sea .is-chapter-grid > * { min-width: 0; }
.cruising-irish-sea .is-chapter-grid h4:first-child { margin-top: 0; }
.cruising-irish-sea .is-chapter-text { max-width: 48rem; margin-block: 1.5rem; }
.cruising-irish-sea .is-chapter .cg-link { display: inline-flex; align-items: center; min-height: 44px; margin-right: 1rem; }
.cruising-irish-sea .is-map-list .cg-link { display: flex; min-height: 44px; font-weight: 700; }
.cruising-irish-sea .is-map-label text { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.cruising-irish-sea .is-map-link:focus-visible .is-map-hit { stroke: #b15f24; stroke-width: 4px; }
.cruising-irish-sea .is-map-label:focus-visible text { fill: #9b4e19; text-decoration-thickness: 3px; }
.cruising-irish-sea .is-map-link:hover .is-map-hit { stroke: #b15f24; stroke-width: 3px; }
.cruising-irish-sea #connections > h2 { margin-bottom: 1rem; }
.cruising-irish-sea #connections .is-practical-grid { margin-block: 2rem; }
.cruising-irish-sea .is-chapter .cg-photo img { width: 100%; height: auto; object-fit: contain; }
@media (min-width: 900px) {
  .cruising-irish-sea .is-chapter-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 2.5rem; }
  .cruising-irish-sea .is-chapter-text { margin-left: auto; margin-right: auto; }
}
.cruising-irish-sea .is-lough-map { max-width: 38rem; margin: 2.5rem auto; }
.cruising-irish-sea .is-lough-map figcaption { padding: .7rem; font-size: .95rem; }
