/* Shared chrome for static surfaces — hat, outreach, ghost-lab, privacy, 404 */
@import url('/assets/fonts/fonts.css');
@import url('/theme.css');
.skip{
  position:fixed;top:-100px;left:12px;z-index:100;
  background:var(--gold);color:var(--ink-on-gold);padding:12px 14px;
  font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;
  text-decoration:none;
}
.skip:focus,.skip:focus-visible{top:12px;outline:3px solid var(--gold-bright);outline-offset:4px}
.lgx-site-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  align-items: center;
  padding: 10px 20px;
  background: var(--bg);
  border-bottom: 1px solid var(--line);
  font-family: 'IBM Plex Mono', ui-monospace, monospace;
  font-size: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.lgx-site-nav a {
  color: var(--ink);
  text-decoration: none;
}
.lgx-site-nav a:hover,
.lgx-site-nav a:focus-visible {
  color: var(--gold);
  outline: none;
}
.lgx-site-nav .lgx-nav-brand {
  color: var(--gold);
  margin-right: 8px;
  letter-spacing: 0.22em;
}
.lgx-site-crisis {
  margin: 16px 20px 0;
  padding: 12px 14px;
  border: 1px solid rgba(200, 18, 38, 0.35);
  background: rgba(200, 18, 38, 0.06);
  color: #c9a0a0;
  font-size: 12px;
  line-height: 1.5;
  font-family: system-ui, sans-serif;
}
.lgx-site-crisis a { color: var(--gold); }
.lgx-site-foot {
  margin-top: 36px;
  padding: 20px;
  border-top: 1px solid var(--line);
  color: var(--mute);
  font-size: 12px;
  line-height: 1.6;
  font-family: system-ui, sans-serif;
}
.lgx-site-foot a { color: #5cc1e5; text-decoration: none; }
.lgx-site-foot a:hover { text-decoration: underline; }

footer{
  padding:42px 20px 48px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:4px;
  color:var(--mute);
  font-size:14px;
  border-top:1px solid var(--line);
  font-family:Georgia,'Times New Roman',serif;
}
footer a{color:var(--ink);text-decoration:none}
footer a:hover{color:var(--gold)}
footer .house-email{display:block;margin-top:10px;font-size:13px;color:var(--mute)}
footer .house-email:hover{color:var(--gold)}
footer small{display:block;font-size:12px;margin-top:10px;line-height:1.8}
footer .hello-bof-flame{
  display:inline-flex;align-items:center;justify-content:center;
  align-self:flex-end;margin:8px 0 2px;padding:3px 4px;border-radius:4px;
  font-size:11px;line-height:1;text-decoration:none;opacity:.35;
  transition:opacity .3s ease;
}
footer .hello-bof-flame:hover,
footer .hello-bof-flame:focus-visible{opacity:.9}
footer .hello-bof-flame:focus-visible{outline:2px solid var(--gold);outline-offset:3px}