/* Read boat details without opening each record. Links and forms also work without JavaScript. */
.register-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1.4rem; }
.register-actions > a { display: inline-flex; align-items: center; min-height: 48px; }
.register-search { display: flex; flex-wrap: wrap; align-items: end; gap: .75rem 1rem; padding: 1.2rem; margin-block: 1.5rem; background: var(--sky); border-radius: .5rem; }
.register-search > div { flex: 1 1 13rem; min-width: 0; }
.register-search > div:first-child { flex-grow: 3; }
.register-search :is(input, select) { margin: 0; width: 100%; min-width: 0; }
.register-search > :is(button, a) { min-height: 48px; display: inline-flex; align-items: center; }
.register-boat { position: relative; padding: 1.5rem 0; border-bottom: 1px solid var(--line); overflow-wrap: anywhere; }
.register-boat:first-child { border-top: 1px solid var(--line); }
.register-boat h2 { font-size: 1.4rem; margin: 0 0 1rem; }
.boat-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem 1.5rem; margin-block: 1rem; }
.boat-facts > div { min-width: 0; }
.boat-facts dt { color: var(--muted); font-size: .9rem; }
.boat-facts dd { margin: .2rem 0 0; overflow-wrap: anywhere; }
.boat-facts dd:has(.country-flag) { display: flex; align-items: center; gap: .4rem; }
.boat-summary, .boat-equipment { max-width: 75ch; white-space: pre-line; }
.boat-equipment { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.boat-open { display: inline-flex; align-items: center; gap: .4rem; min-height: 48px; }
.country-flag { display: inline-block; width: 24px; height: 16px; flex: 0 0 24px; border-radius: 2px; box-shadow: 0 0 0 1px #173b4926; object-fit: cover; }
.language-menu a { gap: .4rem; }
.masthead .desktop { flex-wrap: wrap; gap: 0 1rem; }
.masthead .desktop a[aria-current] { box-shadow: inset 0 -3px var(--sea); }
@media (max-width: 48rem) {
  .boat-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; }
  .register-search { padding: 1rem; }
  .masthead .language-menu { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 .75rem; }
  .language-menu a { min-height: 44px; }
}