/* Shared masthead on the home page and the archive. */
body header.site-header {
  box-sizing:border-box; display:flex; align-items:center; justify-content:space-between;
  flex-wrap:nowrap; gap:28px; min-height:82px; padding:20px 5%; border:0;
  background:#080808; color:#f2eee7; font:400 15px/1.9 "Noto Serif JP","Yu Mincho",serif;
}
.site-header .boat-logo-link { display:block; flex:0 1 425px; min-width:180px; }
.site-header .boat-logo { display:block; width:100%; height:auto; }
body header.site-header nav {
  display:flex; align-items:center; justify-content:flex-end; flex-wrap:nowrap;
  max-width:none; margin:0; gap:22px; font:inherit; font-size:14px; line-height:1.6;
}
body header.site-header nav>a {
  display:inline-flex; align-items:center; min-height:42px; padding:10px 0;
  color:inherit; text-decoration:none; white-space:nowrap; line-height:1.6;
}
body header.site-header nav>a.nav-contact {
  border:1px solid #fff; background:white; color:#080808; padding:10px 15px!important;
}
@media(max-width:1000px) {
  body header.site-header nav { gap:14px; font-size:13px; }
}
@media(max-width:700px) {
  body header.site-header { display:block; min-height:0; padding:17px 3%; }
  body header.site-header .boat-logo-link { width:min(96%,425px); min-width:0; margin-inline:auto; }
  body header.site-header nav { justify-content:space-between; gap:2px; margin-top:17px; font-size:clamp(11px,3.3vw,13px); }
  body header.site-header nav>a.nav-contact { padding:7px clamp(3px,1.3vw,9px)!important; }
}
@media(max-width:355px) {
  body header.site-header { padding-inline:4px; }
  body header.site-header nav { gap:1px; }
  body header.site-header nav>a.nav-contact { padding-inline:2px!important; }
}

.site-header .nav-short { display: none; }
@media (max-width: 700px) {
  .site-header .nav-full { display: none; }
  .site-header .nav-short { display: inline; }
  body header.site-header nav { font-size: 14px; }
  body header.site-header nav > a { justify-content: center; min-width: 36px; min-height: 44px; }
  body header.site-header:has(.language-original) nav { flex-wrap: wrap; }
}