/* Heptagram Radiant + pill normalization */
:root{
  --accent:#3DD1A7; --accent-2:#8AB4F8;
  --bg:#0B0F14; --panel:#0F141B; --ink:#E8EDF4; --muted:#99A7BD;
}

/* Radiant mark: uses CSS mask so it color-syncs with --accent vars */
.foundation-mark{
  width:22px;height:22px;display:inline-block;vertical-align:middle;
  margin-right:10px;
  background:linear-gradient(135deg,var(--accent),var(--accent-2));
  -webkit-mask:url('/assets/foundation-mark.svg') no-repeat center/contain;
          mask:url('/assets/foundation-mark.svg') no-repeat center/contain;
  filter: drop-shadow(0 3px 12px rgba(0,0,0,.45));
}
@supports not (mask: url('/assets/foundation-mark.svg')) {
  .foundation-mark{ background:url('/assets/foundation-mark.svg') no-repeat center/contain; }
}

/* Pill alignment normalization (desktop + mobile) */
.topnav{ display:flex; flex-wrap:wrap; gap:14px; align-items:center; }
.topnav a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center;
  line-height:1 !important;
  box-sizing:border-box;
  vertical-align:middle;
  padding:6px 10px;
  border-radius:999px;
}
@media (max-width:900px){ .topnav{ gap:10px; } }