/* VENDORED from cbnominate/site/src/components/{SiteHeader,SiteFooter}.astro @ 0522645
 * Their <style is:global> blocks, concatenated. Re-run `bun run vendor:style`.
 */
.site-head{position:sticky;top:0;z-index:30;backdrop-filter:blur(12px);
  background:color-mix(in srgb,var(--space) 86%,transparent);
  border-bottom:2px solid color-mix(in srgb,var(--line) 55%,transparent)}
.site-head .wrap{position:relative}
.site-head nav{display:flex;align-items:center;gap:.9rem;height:4.25rem}
.mark{font-weight:900;font-size:1.1rem;letter-spacing:-.02em;text-decoration:none;color:var(--foreground);white-space:nowrap}
.mark span{font-family:var(--font-mono);font-weight:700;color:var(--accent)}
.site-head .nav-cta{margin-left:auto;min-height:2.75rem;padding:.4rem .95rem;font-size:.85rem}

.menu-btn{display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;padding:.4rem .8rem;
  border:2px solid color-mix(in srgb,var(--line) 80%,transparent);border-radius:.375rem;
  background:transparent;color:var(--muted);cursor:pointer;
  font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;transition:.15s}
.menu-btn:hover{border-color:var(--gold);color:var(--gold)}
.menu-btn .mi{display:grid;gap:3px;width:.95rem}
.menu-btn .mi i{display:block;height:2px;background:currentColor;border-radius:2px;transition:.15s}
.menu-btn[aria-expanded="true"]{border-color:var(--accent);color:var(--foreground);
  background:color-mix(in srgb,var(--accent) 16%,transparent)}
.menu-btn[aria-expanded="true"] .mi i:nth-child(1){transform:translateY(5px) rotate(45deg)}
.menu-btn[aria-expanded="true"] .mi i:nth-child(2){opacity:0}
.menu-btn[aria-expanded="true"] .mi i:nth-child(3){transform:translateY(-5px) rotate(-45deg)}

/* Mobile: navlinks become a full-width dropdown panel under the header bar */
.navlinks{display:none}
.site-head.open .navlinks{display:grid;position:absolute;top:100%;left:0;right:0;z-index:40;
  padding:.5rem 1.25rem 1rem;
  background:color-mix(in srgb,var(--space) 96%,transparent);backdrop-filter:blur(12px);
  border-bottom:2px solid color-mix(in srgb,var(--line) 55%,transparent);
  box-shadow:0 14px 24px rgba(7,5,14,.45)}
.site-head.open .navlinks a{display:block;padding:.85rem .25rem;min-height:2.75rem;
  color:var(--foreground);text-decoration:none;font-size:1rem;font-weight:700;
  border-bottom:1px solid color-mix(in srgb,var(--line) 35%,transparent)}
.site-head.open .navlinks a:last-child{border-bottom:0}
.site-head.open .navlinks a:hover{color:var(--gold)}

@media(max-width:36rem){
  .site-head nav{gap:.55rem}
  .site-head .nav-cta{padding:.4rem .65rem;font-size:.76rem;min-height:2.5rem}
  .menu-btn{padding:.4rem .55rem;min-height:2.5rem}
  .menu-btn .mtxt{display:none}
}
@media(max-width:23rem){.site-head .nav-cta{display:none}}

@media(min-width:60rem){
  .menu-btn{display:none}
  .navlinks,.site-head.open .navlinks{display:flex;position:static;padding:0;margin-left:auto;gap:1.4rem;
    background:none;border:0;box-shadow:none;font-size:.88rem;font-weight:700}
  .navlinks a,.site-head.open .navlinks a{display:inline;padding:0;min-height:0;border:0;
    color:var(--muted);text-decoration:none;font-size:.88rem}
  .navlinks a:hover{color:var(--foreground)}
  .nav-cta{margin-left:0}
}

.site-foot{border-top:2px solid color-mix(in srgb,var(--line) 55%,transparent);padding:2.5rem 0 3.5rem}
.foot{display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:space-between;align-items:center}
.foot p{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}
.foot nav{display:flex;flex-wrap:wrap;gap:1.2rem;align-items:center}
.foot a{color:var(--muted);text-decoration:none;font-size:.85rem;font-weight:700;padding:.35rem 0}
.foot a:hover{color:var(--gold)}
.build-pill{margin-left:.7rem;padding:.2rem .5rem;border:1px solid color-mix(in srgb,var(--line) 60%,transparent);
  border-radius:.3rem;color:color-mix(in srgb,var(--muted) 75%,transparent);letter-spacing:.05em}
