.nautical-compartment {
   filter: opacity(0.01);
}

#nautical-cargo h1,
#nautical-cargo h2,
#nautical-cargo h3,
#nautical-cargo h4,
#nautical-cargo h5,
#nautical-cargo h6,
#nautical-cargo p,
#nautical-cargo li {
   text-align: left;
}

#nautical-cargo h1,
#nautical-cargo h2,
#nautical-cargo h3,
#nautical-cargo h4 {
   font-family: 'Sulphur Point', sans-serif;
}

#nautical-cargo h5,
#nautical-cargo h6,
#nautical-cargo p,
#nautical-cargo small,
#nautical-cargo sup,
#nautical-cargo li,
#nautical-cargo td,
#nautical-cargo th,
.navbar li {
   font-family: 'Sulphur Point', sans-serif;
}

header h1,
header h6 {
   font-family: 'Cinzel', serif;
   text-align: center;
}

header h1 a,
header h1 a:visited {
   color: inherit;
}

header h1 a:hover {
   text-decoration: none;
}

header small {
   font-size: 0.5em;
}

h5 a,
h5 a:visited {
   color: inherit;
}

.flurdy-warped-small img {
   height: 14px;
   filter: opacity(0.7);
}

.eray-small img {
   height: 22px;
   filter: opacity(0.6);
   margin-bottom: 7px;
}

.navbar .blanknav img {
   height: 42px;
}

.navbar li {
   font-size: 10pt;
}

.navbar-nav li.notyet {
   text-decoration: line-through;
}

.navbar .navversion {
   display: none;
   font-size: 8pt;
   color: silver;
   font-style: italic;
}

.navbar li a,
.navbar li a:visited,
nav li a,
nav li a:visited {
   color: inherit;
}

#nautical-lighthouse .navbar {
   padding: 0.3em 1em 0.3em 0.5em;
}

#nautical-lighthouse .navbar .nav-item {
   padding-top: 5px;
}

#nautical-buoy .navbar {
   padding: 1em 1em 0.3em 0.5em;
}

#nautical-buoy .navbar .nav-item {
   padding-bottom: 5px;
}


#nautical-page-index .muted a,
#nautical-page-index .muted a:visited {
   color: silver;
}

#nautical-page-index #nautical-fleet {
   align-items: center;
}

#nautical-page-index #nautical-ballast {
   padding: 0.5em;
}

#nautical-page-index h5 {
   font-family: 'Cinzel', serif;
   text-align: center;
}

#nautical-cargo {
   text-align: left;
}

#nautical-page-index #nautical-bow,
#nautical-page-index #nautical-cargo {
   text-align: center;
}

#nautical-cargo h4 {
   margin: 1em 1em 0.5em 2em;
}

#nautical-cargo h5 {
   margin: 1em 0 0.5em 0;
}

#nautical-page-index {
   /* width: 600px;
   margin: 0 auto; */
}

#nautical-page-index .card {
   /* padding: 2em 0; */
}

p code,
li code,
td code,
dd code {
   color: #212529
}

#nautical-cargo .alert ul {
   margin-bottom: 0;
}

#nautical-buoy .navbar #darktoggle,
#nautical-lighthouse .navbar #darktoggle {
   padding-top: 3px;
   text-align: center;
   margin: 0 auto;
}

#nautical-buoy .navbar #darktoggle {
   padding-top: 0px;
   padding-bottom: 3px;
}

#nautical-buoy #darktoggle img,
#nautical-lighthouse #darktoggle img {
   filter: invert(35%);
   width: 18px;
   height: 18px;
   margin: 0px 5px;
}

.dark-mode #nautical-buoy #darktoggle img,
.dark-mode #nautical-lighthouse #darktoggle img {
   filter: invert(50%);
}

.dark-mode,
.dark-mode #nautical-ocean,
.dark-mode .card,
.dark-mode .list-group-item {
   background-color: #222222;
}

.dark-mode,
.dark-mode #nautical-ocean,
.dark-mode .card {
   color: #dddddd;
}

.dark-mode a:not(.btn),
.dark-mode a:visited:not(.btn) {
   color: #bbbbbb;
}

.dark-mode a:hover,
.dark-mode .navbar-light .navbar-nav .nav-link a:hover,
.dark-mode .navbar-light .navbar-nav .nav-link:hover {
   color: #8888ff;
}

.dark-mode a:active,
.dark-mode .navbar-light .navbar-nav .nav-link a:active,
.dark-mode .navbar-light .navbar-nav .nav-link:active {
   color: #ff8888;
}

.dark-mode .navbar-nav .nav-link {
   color: #bbbbbb;
}

.dark-mode #nautical-buoy .eray-small img {
   filter: invert(100%);
}

.dark-mode p code,
.dark-mode li code,
.dark-mode td code,
.dark-mode dd code {
   color: #ffffff
}

/* ============================================
   GREEN BRANDING - DOCS HERO HEADER
   ============================================ */

/* Fix lighthouse navbar - full width with green background */
#nautical-lighthouse {
   margin-left: calc(-50vw + 50%);
   margin-right: calc(-50vw + 50%);
   width: 100vw;
   background: linear-gradient(180deg, #4d5d4f 0%, #3d4a3f 100%);
   position: relative;
   z-index: 10;
}

#nautical-lighthouse .nautical-compartment {
   filter: opacity(1);
}

#nautical-lighthouse .navbar {
   background: transparent;
}

#nautical-lighthouse .navbar-nav .nav-link,
#nautical-lighthouse .navbar-nav .nav-link a,
#nautical-lighthouse .navbar-brand,
#nautical-lighthouse a {
   color: #ffffff !important;
}

#nautical-lighthouse .navbar-nav .nav-link:hover,
#nautical-lighthouse .navbar-nav .nav-link a:hover,
#nautical-lighthouse a:hover {
   color: #e0e0e0 !important;
}

/* Bow header - full width, seamless gradient */
#nautical-bow {
   margin-left: calc(-50vw + 50%);
   margin-right: calc(-50vw + 50%);
   width: 100vw;
   margin-top: 0;
   margin-bottom: -15px;
   background: linear-gradient(180deg, #4d5d4f 0%, #3d4a3f 100%);
   padding: 0;
}

/* Remove ALL gaps from nautical structure containers */
#nautical-fleet {
   padding: 0;
   margin: 0;
   position: relative;
   z-index: 1;
}
#nautical-ship { padding: 0; margin: 0; }
#nautical-hull { padding: 0; margin: 0; }
#nautical-ballast { padding: 0; margin: 0; }
#nautical-cargo { padding-top: 0; padding-bottom: 0; }

/* Green hero header for docs */
.docs-hero {
   background: linear-gradient(180deg, #3d4a3f 0%, #2d3830 100%);
   padding: 40px 60px;
   margin: 0;
   margin-left: calc(-50vw + 50%);
   margin-right: calc(-50vw + 50%);
   margin-bottom: 30px;
   width: 100vw;
}

.docs-hero h3 {
   color: white;
   margin: 0;
   font-size: 2rem;
   text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
   text-align: center;
   font-family: 'Cinzel', serif;
}

.docs-hero h3 a,
.docs-hero h3 a:visited {
   color: white;
   text-decoration: none;
}

.docs-hero h3 a:hover {
   color: #e0e0e0;
   text-decoration: none;
}

/* Card improvements */
.card {
   border: 1px solid #e0e0e0;
   border-radius: 8px;
   margin-bottom: 20px;
   background: #ffffff;
}

.card-title {
   background: #f8f9fa;
   padding: 15px 20px;
   border-bottom: 1px solid #e0e0e0;
   border-radius: 8px 8px 0 0;
}

.card-title h4,
.card-title h5 {
   margin: 0;
   color: #2d3830;
}

.card-body {
   padding: 20px;
}

/* Dark mode for docs */
.dark-mode #nautical-lighthouse {
   background: linear-gradient(180deg, #3d4a3f 0%, #2d3830 100%);
}

.dark-mode #nautical-lighthouse .nautical-compartment {
   filter: opacity(1);
}

.dark-mode #nautical-lighthouse .navbar-nav .nav-link,
.dark-mode #nautical-lighthouse .navbar-nav .nav-link a,
.dark-mode #nautical-lighthouse .navbar-brand,
.dark-mode #nautical-lighthouse a {
   color: #dddddd !important;
}

.dark-mode #nautical-lighthouse .navbar-nav .nav-link:hover,
.dark-mode #nautical-lighthouse .navbar-nav .nav-link a:hover,
.dark-mode #nautical-lighthouse a:hover {
   color: #8fbc8f !important;
}

.dark-mode .docs-hero {
   background: linear-gradient(180deg, #3d4a3f 0%, #2d3830 100%);
}

.dark-mode .docs-hero h3 {
   color: #ffffff;
}

.dark-mode .docs-hero h3 a,
.dark-mode .docs-hero h3 a:visited {
   color: #ffffff;
}

.dark-mode .docs-hero h3 a:hover {
   color: #8fbc8f;
}

.dark-mode .card {
   background: #2b2b2b;
   border-color: #444;
}

.dark-mode .card-title {
   background: #1a1a1a;
   border-bottom-color: #444;
}

.dark-mode .card-title h4,
.dark-mode .card-title h5 {
   color: #8fbc8f;
}