/* Public navigation uses the same interaction tokens and geometry as Shark. */
.divers-header {
  --nav-accent:#356d88; --nav-active:#227eb0; --nav-soft:#e6f1f6;
  --nav-paper:#fafdff; --nav-line:#cbdce5; --nav-ink:#071d2b;
  position:relative; z-index:10; background:var(--nav-paper); color:var(--nav-ink);
  border-bottom:1px solid var(--nav-line); color-scheme:light;
  font:600 13px/1.4 system-ui,-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter","Aptos","Avenir Next","Segoe UI",sans-serif; text-transform:none; letter-spacing:normal;
}
html[data-theme=dark] .divers-header {
  --nav-accent:#a1cde3; --nav-active:#76caff; --nav-soft:#294654;
  --nav-paper:#1c303d; --nav-line:#3f5665; --nav-ink:#edf4f7; color-scheme:dark;
}
.divers-header * { box-sizing:border-box; }
.divers-header a { color:inherit; text-decoration:none; box-shadow:none; }
.divers-header .divers-nav-brand img { filter:none; }
.divers-nav-links { display:flex; flex:1; min-width:0; align-items:center; gap:3px; padding:3px; overflow-x:auto; scrollbar-width:none; scroll-padding-inline:10px; --nav-fade-left:0px; --nav-fade-right:0px; mask-image:linear-gradient(to right,transparent,#000 var(--nav-fade-left),#000 calc(100% - var(--nav-fade-right)),transparent); }
.divers-nav-links::-webkit-scrollbar { display:none; }
.divers-nav-links[data-more-left=true] { --nav-fade-left:22px; }
.divers-nav-links[data-more-right=true] { --nav-fade-right:22px; }
.divers-header .divers-nav-links > :is(a,.divers-nav-more) { appearance:none; position:relative; display:inline-flex; align-items:center; justify-content:center; flex:none; gap:6px; min-height:38px; padding:8px 11px; border:1px solid transparent; border-radius:6px; background:transparent; color:var(--nav-ink); font:inherit; letter-spacing:normal; text-transform:none; text-decoration:none; white-space:nowrap; box-shadow:none; transform:none; cursor:pointer; transition:background-color 170ms ease,color 170ms ease; }
.divers-header .divers-nav-links > .divers-nav-more[aria-expanded=true] { color:var(--nav-active); }
.divers-header .divers-nav-links > :is([aria-current=page],[data-active=true]) { color:var(--nav-active); }
.divers-header .divers-nav-links > :is([aria-current=page],[data-active=true])::after { content:''; position:absolute; bottom:0; left:calc(50% - 10px); width:20px; height:3px; border-radius:3px; background:var(--nav-active); pointer-events:none; }
.divers-header :is(a,button,summary):focus-visible { outline:2px solid var(--nav-accent); outline-offset:2px; }
.divers-nav-more .divers-nav-chevron { display:block; flex:0 0 12px; width:12px; height:12px; opacity:.65; transition:transform 170ms ease; }
.divers-nav-more[aria-expanded=true] .divers-nav-chevron { transform:rotate(180deg); opacity:1; }
.divers-header .divers-nav-login { display:grid; place-items:center; flex:0 0 36px; width:36px; height:36px; border:1px solid transparent; border-radius:50%; background:var(--nav-ink); color:var(--nav-paper); transition:box-shadow 170ms ease,background-color 170ms ease; }
.divers-header .divers-nav-login:is(:hover,:focus-visible) { background:color-mix(in srgb,var(--nav-ink) 92%,var(--nav-paper)); color:var(--nav-paper); box-shadow:0 0 0 3px color-mix(in srgb,var(--nav-accent) 20%,transparent); }
.divers-header .divers-nav-login svg { display:block; width:20px; height:20px; }
/* Override Safari's intrinsic popover height so the grid fits its links (WebKit #270334). */
.divers-header .divers-nav-popover { position:fixed; inset:auto; margin:0; width:min(280px,calc(100vw - 24px)); height:auto; padding:8px; background:var(--nav-paper); color:var(--nav-ink); border:1px solid var(--nav-line); border-radius:10px; box-shadow:0 12px 32px #071d2b26; overflow:auto; font:500 13px/1.45 system-ui,-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter","Aptos","Avenir Next","Segoe UI",sans-serif; }
.divers-nav-popover:popover-open { display:grid; gap:2px; animation:divers-nav-reveal 180ms ease; }
.divers-header .divers-nav-popover a { position:relative; display:flex; align-items:center; min-height:40px; padding:9px 12px 9px 16px; border-radius:7px; transition:background-color 170ms ease,color 170ms ease; }
.divers-header .divers-nav-popover a::before { content:''; position:absolute; left:4px; top:11px; bottom:11px; width:2px; border-radius:2px; background:var(--nav-accent); opacity:0; transform:scaleY(.4); transition:opacity 170ms ease,transform 170ms ease; }
.divers-header .divers-nav-popover a[aria-current=page] { color:var(--nav-accent); background-color:var(--nav-soft); }
.divers-header .divers-nav-popover a[aria-current=page]::before { opacity:1; transform:scaleY(1); }
.divers-nav-popover::backdrop { background:transparent; }
@keyframes divers-nav-reveal { from { opacity:0; transform:translateY(-6px); } to { opacity:1; transform:none; } }
@media(max-width:1100px) {
  .divers-header .divers-nav-links { gap:1px; }
  .divers-header .divers-nav-links > :is(a,.divers-nav-more) { padding-inline:7px; }
}
@media(max-width:820px) { .divers-header .divers-nav-links > :is(a,.divers-nav-more) { min-height:42px; } }
@media(pointer:coarse) { .divers-header .divers-nav-links > :is(a,.divers-nav-more), .divers-header .divers-nav-popover a { min-height:44px; } .divers-header .divers-nav-login { width:44px; height:44px; flex-basis:44px; } }
@media(prefers-reduced-motion:reduce) { .divers-header :is(a,button,svg), .divers-header .divers-nav-popover a::before { transition:none; } .divers-nav-popover:popover-open { animation:none; } }

/* Persistent return control, paired with appearance in the opposite corner. */
button.divers-back-to-top{position:fixed;right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));z-index:1300;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;max-width:calc(100vw - 76px);padding:10px 16px;border:1px solid var(--appearance-line,#ced5d7);border-radius:999px;background:var(--appearance-panel,#fff);color:var(--appearance-ink,#071d2b);box-shadow:0 8px 22px #0f172a33;font:600 13px/1.4 system-ui,-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter","Aptos","Avenir Next","Segoe UI",sans-serif;text-transform:none;letter-spacing:normal;cursor:pointer;transform:none}
button.divers-back-to-top svg{display:block;width:18px;height:18px;flex:none}
button.divers-back-to-top:hover{background:color-mix(in srgb,var(--appearance-panel,#fff) 88%,#1589a8);border-color:#1589a8}
button.divers-back-to-top:focus-visible{outline:3px solid #1589a8;outline-offset:3px}
button.divers-back-to-top:active{background:color-mix(in srgb,var(--appearance-panel,#fff) 78%,#1589a8)}

/* Permanent header, with a distinct compact section rail below it. */
html[data-divers-sticky-navigation] { scroll-padding-top:0; }
html[data-divers-sticky-navigation] .divers-header {
  position:sticky;
  top:0;
  z-index:1000;
  transition:none;
}
html[data-divers-appearance][data-divers-sticky-navigation] [data-divers-sticky-nav] {
  position:sticky;
  top:var(--divers-main-nav-offset, 0px);
  z-index:990;
  width:100%;
  max-width:none;
  height:auto;
  min-height:44px;
  margin-inline:0;
  padding:0;
  --section-paper:#e9f2f6; --section-ink:#24495c; --section-line:#cadde7; --section-active:#005a80;
  background:var(--section-paper);
  color:var(--section-ink);
  border:0;
  box-shadow:inset 0 -1px var(--section-line);
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter","Aptos","Avenir Next","Segoe UI",sans-serif;
  transition:none;
}
html[data-divers-appearance][data-divers-sticky-navigation][data-theme=dark] [data-divers-sticky-nav] {
  --section-paper:#294856; --section-ink:#edf7fc; --section-line:#456475; --section-active:#b5eaff;
}
html[data-divers-appearance][data-divers-sticky-navigation] [data-divers-nav-rail] {
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  justify-content:flex-start;
  gap:4px;
  min-width:0;
  width:100%;
  max-width:none;
  min-height:44px;
  margin-inline:0;
  padding:0 max(5vw, calc((100vw - 1440px) / 2));
  overflow-x:auto;
  scrollbar-width:none;
  scroll-padding-inline:18px;
  --section-fade-left:0px;
  --section-fade-right:0px;
  mask-image:linear-gradient(to right, transparent, #000 var(--section-fade-left), #000 calc(100% - var(--section-fade-right)), transparent);
}
html[data-divers-sticky-navigation] [data-divers-nav-rail]::-webkit-scrollbar { display:none; }
html[data-divers-sticky-navigation] [data-divers-nav-rail][data-more-left=true] { --section-fade-left:18px; }
html[data-divers-sticky-navigation] [data-divers-nav-rail][data-more-right=true] { --section-fade-right:18px; }
html[data-divers-appearance][data-divers-sticky-navigation] [data-divers-nav-rail] a {
  position:relative;
  display:inline-flex;
  flex:none;
  align-items:center;
  min-height:44px;
  padding:0 12px;
  border:0;
  border-radius:6px;
  background-color:transparent;
  background-image:linear-gradient(var(--divers-sweep),var(--divers-sweep));
  background-size:var(--divers-action-fill,0%) 100%;
  background-repeat:no-repeat;
  background-position:left center;
  color:inherit;
  font:600 13px/1.4 system-ui,-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter","Aptos","Avenir Next","Segoe UI",sans-serif;
  text-transform:none;
  letter-spacing:normal;
  white-space:nowrap;
  text-decoration:none;
  box-shadow:none;
  transform:none;
  transition:background-size var(--divers-sweep-duration) ease;
}
html[data-divers-appearance][data-divers-sticky-navigation] [data-divers-nav-rail] a[aria-current=location] {
  color:var(--section-active);
}
html[data-divers-appearance][data-divers-sticky-navigation] [data-divers-nav-rail] a[aria-current=location]::after {
  content:''; position:absolute; left:12px; right:12px; bottom:0; height:2px;
  background:var(--section-active); border-radius:1px;
}
html[data-divers-appearance][data-divers-sticky-navigation] [data-divers-nav-rail] a:focus-visible { outline:2px solid var(--nav-accent,#1589a8); outline-offset:-3px; }
html[data-divers-appearance][data-divers-sticky-navigation] [data-divers-sticky-nav] > .motion-toggle { flex:none; margin-right:5vw; }
html[data-divers-appearance][data-divers-sticky-navigation] [id] {
  scroll-margin-top:calc(var(--divers-main-nav-offset, 0px) + var(--divers-section-nav-height, 0px) + 16px);
}
@media(max-width:600px) {
  html[data-divers-appearance][data-divers-sticky-navigation] [data-divers-nav-rail] { gap:4px; padding-inline:14px; }
}
@media(prefers-reduced-motion:reduce) {
  html[data-divers-sticky-navigation] { scroll-behavior:auto; }
  html[data-divers-sticky-navigation] .divers-header,
  html[data-divers-appearance][data-divers-sticky-navigation] [data-divers-sticky-nav],
  html[data-divers-appearance][data-divers-sticky-navigation] [data-divers-nav-rail] a { transition:none; }
}
html[data-divers-sticky-navigation]:is([data-motion-paused], .motion-off) { scroll-behavior:auto; }
html[data-divers-sticky-navigation][data-motion-paused] .divers-header,
html[data-divers-sticky-navigation][data-motion-paused] [data-divers-sticky-nav],
html[data-divers-sticky-navigation].motion-off .divers-header,
html[data-divers-sticky-navigation].motion-off [data-divers-sticky-nav],
html[data-divers-sticky-navigation]:is([data-motion-paused], .motion-off) [data-divers-nav-rail] a { transition:none; }

@media(max-width:820px) {
  .divers-header .divers-header-inner { grid-template-columns:auto minmax(0,1fr) auto; gap:8px; margin:0; padding:0 12px; min-height:52px; }
  .divers-header .divers-nav-brand { grid-column:1; grid-row:1; width:96px; min-height:44px; }
  .divers-header .divers-nav-brand img { width:96px; height:24px; }
  .divers-header .divers-nav-links { grid-column:2; grid-row:1; min-height:44px; margin:0; padding:0; border:0; gap:0; }
  .divers-header .divers-nav-links > :is(a,.divers-nav-more) { font-size:12px; min-height:44px; padding:0 9px; }
  .divers-header .divers-nav-login { width:44px; height:44px; flex-basis:44px; }
}