:root, :root:not(.light) {
  color-scheme: dark;
  --background: #070f14;
  --foreground: #d9e6ef;
  --muted-foreground: #91a7b8;
  --accent: #9bbdd6;
  --accent-foreground: #070f14;
  --border: #283b49;
  --ring: #9bbdd6;
}
.brand-lockup { display:block; width:100%; height:auto; }
h1.brand-heading { margin:0; line-height:1; }
.brand-heading .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.brand-subline { display:flex; align-items:center; gap:8px; color:var(--foreground); font-size:16px; line-height:1.625; }
.brand-subline .caret { width:8px; height:16px; background:var(--accent); }
.ape-image { display:block; width:100%; height:auto; }
figcaption { margin-top:12px; color:var(--muted-foreground); font-size:14px; }
a { text-underline-offset:4px; }
::selection { background:#9bbdd6; color:#070f14; }

.header-links { display:flex; flex-wrap:wrap; column-gap:12px; row-gap:4px; font-size:16px; line-height:1.625; }
.header-link-item { display:inline-flex; align-items:baseline; gap:12px; white-space:nowrap; }
.header-separator { color:var(--muted-foreground); }