/* ===========================================================================
   Islandlink — the header every inner page shares with the homepage.
   Linked after each page's own styles, so it wins without touching the pages'
   markup: the same night-sea band, white mark and orange accent as the
   homepage, so moving from the homepage to a part or a form never feels like
   another site.
   =========================================================================== */
h1,h2{font-family:"Archivo",var(--ui);letter-spacing:-.01em}
h1{font-weight:800}

header.mast{background:#0b2530;border-bottom:0;color:#fff;
  box-shadow:0 1px 0 rgba(255,255,255,.06),0 8px 24px rgba(0,0,0,.14)}
header.mast .brandmark{filter:invert(1)}
header.mast .brand b{font-family:"Archivo",var(--ui);font-weight:900;letter-spacing:.07em;color:#fff}
header.mast .brand span{color:#9fc3bf}
header.mast a{color:#fff}
header.mast .sitenav{background:rgba(255,255,255,.08)}
header.mast .sitenav a{color:#d7ebe8}
header.mast .sitenav a:hover{color:#fff;background:rgba(255,255,255,.08)}
header.mast .sitenav a[aria-current]{background:#fff;color:#0b2530;box-shadow:none}
header.mast .sitenav a.ask{background:#25d366;color:#06301a}
header.mast .sitenav a.ask:hover{background:#3be07a}
/* the dark-mode rule that inverts the mark on a light header must not undo ours */
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) header.mast .brandmark{filter:invert(1)} }

/* a thin sailing strip above the header, added by chrome.js */
.ilstrip{background:#06171e;color:#cfe3e0;font:13px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  text-align:center;padding:8px 12px}
.ilstrip b{color:#fff;font-weight:600}
.ilstrip i{font-style:normal;display:inline-block;width:6px;height:6px;border-radius:50%;background:#f59e2b;margin:0 7px 1px 12px}


/* wide screens: logo left, the three actions right, on one line like the homepage */
@media (min-width:821px){
  header.mast .mast-in{max-width:1180px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 20px}
  header.mast .brandrow{flex:1 1 auto}
  header.mast .sitenav{margin-top:0;flex:0 0 auto;width:auto}
  header.mast .sitenav a{flex:0 0 auto;padding:9px 16px}
}
.ilstrip > i:first-child{margin-left:0}
.ilstrip .ilmore i{margin-left:12px}