/* A separate, opaque navigation surface. Original links and React state remain. */
html.xc-menu-open{overflow:hidden;overscroll-behavior:none}
html.xc-menu-restoring{scroll-behavior:auto!important}
/* Explicit card widths also work in older mobile WebViews. */
.xc-public .fleet-preview-grid{display:flex;flex-flow:row nowrap;align-items:stretch;max-width:100%}
.xc-public .fleet-preview-grid>.vessel-tile{flex:0 0 calc((100% - 1.5rem)/2);width:calc((100% - 1.5rem)/2);min-width:0}
.xc-public .fleet-preview-grid .vessel-tile-image{flex-shrink:0}
@media(max-width:900px){
  .xc-public .fleet-preview-grid>.vessel-tile{flex-basis:80%;width:80%}
  .xc-public .site-header{--xc-header-height:4.5rem}
  html.xc-menu-open .xc-public .site-header{position:fixed;inset:0 0 auto;z-index:100;background:#fff;color:#092530;border-bottom:1px solid #cfdae1;box-shadow:none;transform:none;filter:none;backdrop-filter:none;transition:none}
  .xc-public .site-header:has(nav.open){position:fixed;inset:0 0 auto;z-index:100;background:#fff;color:#092530;border-bottom:1px solid #cfdae1;box-shadow:none;transform:none;filter:none;backdrop-filter:none;transition:none}
  html.xc-menu-open .xc-public .site-header::before{display:none}
  .xc-public .site-header:has(nav.open)::before{display:none}
  html.xc-menu-open .xc-public .site-header .brand-logo{filter:none}
  .xc-public .site-header:has(nav.open) .brand-logo{filter:none}
  html.xc-menu-open .xc-public .site-header .language{color:#092530;opacity:1}
  .xc-public .site-header:has(nav.open) .language{color:#092530;opacity:1}
  html.xc-menu-open .xc-public .menu-button,
  .xc-public .menu-button.active{color:#092530;background:#edf3f6;border:1px solid #c4d3dc;border-radius:50%;flex-shrink:0}
  .xc-public .site-header nav.open{display:flex;position:fixed;inset:var(--xc-header-height,4.5rem) 0 auto;box-sizing:border-box;height:calc(100vh - var(--xc-header-height,4.5rem));height:calc(100dvh - var(--xc-header-height,4.5rem));max-height:none;min-height:0;z-index:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;background:#f7fafc;color:#092530;padding:1rem max(1.25rem,env(safe-area-inset-right)) max(2rem,env(safe-area-inset-bottom)) max(1.25rem,env(safe-area-inset-left));box-shadow:inset 0 1px 0 #e0e8ed}
  .xc-public .site-header nav.open a{flex-shrink:0;display:flex;align-items:center;min-height:4.25rem;box-sizing:border-box;margin:0;padding:1.1rem .85rem;border:0;border-bottom:1px solid #cfdae1;border-left:3px solid transparent;color:#092530;background:transparent;font-family:var(--xc-font);font-size:calc(1.125rem*var(--xc-heading));font-weight:550;line-height:1.6;letter-spacing:.02em;white-space:normal;word-break:keep-all;overflow-wrap:break-word;text-decoration:none}
  .xc-public .site-header nav.open a::after{display:none}
  .xc-public .site-header nav.open a:is(.active,[aria-current="page"]){color:#123e54;background:#e1edf3;border-left-color:#356984}
  .xc-public .site-header nav.open a:is(:hover,:focus-visible){color:#092530;background:#e8f0f5}
  .xc-public .site-header nav.open a:focus-visible{outline:2px solid #356984;outline-offset:-4px}
  html[lang="en"] .xc-public .site-header nav.open a{word-break:normal}
  html.xc-menu-open .xc-top,html.xc-menu-open .xc-skip{visibility:hidden}
}
@media(max-width:600px){.xc-public .fleet-preview-grid>.vessel-tile{flex-basis:88%;width:88%}}
@media(max-width:360px){.xc-public .site-header{padding-inline:.75rem;gap:.5rem}.xc-public .site-header .brand-logo{width:7.5rem}.xc-public .header-actions{gap:.5rem}.xc-public .site-header .language{font-size:.8125rem}.xc-public .xc-english-brand{min-width:7rem!important}.xc-public .xc-english-brand strong{font-size:1.125rem}}