/* base.css — shared by index.html and every harbor/*.html subpage.
   Reset, type defaults, reduced-motion, and the base fixed-nav shell.
   Page-specific nav content (logo vs back-link) lives in main.css / subpage.css. */

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;padding:0;color:#16323a;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif}
::selection{background:#c0572b;color:#f6efdd}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001s!important;animation-iteration-count:1!important;transition-duration:.001s!important}
  html{scroll-behavior:auto}
}

nav{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:14px 36px;backdrop-filter:blur(10px);border-bottom:1px solid rgba(21,86,95,.16)}

@media(max-width:900px){
  nav{padding:12px 24px}
}