/* Central Fleet — public marketing site
   base.css
   Part of the approved design. Load order matters: see src/pages/index.html. */

/* buttons — one primary label everywhere */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--disp);font-weight:600;font-size:15px;letter-spacing:-.008em;border-radius:10px;padding:13px 22px;border:1.5px solid transparent;transition:.2s var(--ez);white-space:nowrap}
.btn-g{background:var(--g);color:#fff;box-shadow:0 1px 2px rgba(4,56,31,.24),0 6px 18px rgba(11,132,70,.2)}
.btn-g:hover{background:var(--gd);transform:translateY(-1px);box-shadow:0 2px 4px rgba(4,56,31,.26),0 10px 26px rgba(11,132,70,.26)}
.btn-g:active{transform:translateY(0)}
.btn-w{background:var(--white);color:var(--ink)}
.btn-w:hover{transform:translateY(-1px)}
.btn-line{border-color:var(--rule2);color:var(--ink);background:transparent}
.btn-line:hover{border-color:var(--ink)}
.btn-lineD{border-color:rgba(255,255,255,.26);color:#fff}
.btn-lineD:hover{border-color:rgba(255,255,255,.7);background:rgba(255,255,255,.08)}
.btn-lg{padding:16px 28px;font-size:16px}
.btn-full{width:100%}

/* <picture> is a wrapper only — the <img> keeps the layout it had before
   responsive sources were introduced. */
picture{display:contents}

/* Skip link — first tab stop, visible only when focused. */
.skip{position:absolute;left:-9999px;top:0;z-index:300;background:var(--g);color:#fff;
  font-family:var(--disp);font-weight:600;font-size:15px;padding:12px 20px;border-radius:0 0 10px 0}
.skip:focus{left:0}

/* Visible keyboard focus everywhere. Pointer users never see it. */
:focus-visible{outline:2.5px solid var(--g);outline-offset:3px;border-radius:4px}
.dark :focus-visible,.lg-art :focus-visible{outline-color:var(--gb)}