/* ====== TIBONDS — Site Navigation ====== */
:root{
  --site-font-sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --site-bg:#f3f6fb;
  --site-fg:#1b1f2a;
  --site-muted:#6c7a91;
  --site-accent:#1e6df1;
  --site-accent-rgb:30,109,241;
  --site-border:#e7ebf3;
  --site-card:#ffffff;
}
body.has-site-nav{
  /* Shared visual tokens for all /site pages that inject this navigation. */
  --bg:var(--site-bg);
  --fg:var(--site-fg);
  --text:var(--site-fg);
  --muted:var(--site-muted);
  --brand:var(--site-accent);
  --accent:var(--site-accent);
  --accent-2:#e1e8ff;
  --border:var(--site-border);
  --card:var(--site-card);

  font-family:var(--site-font-sans);
  background:var(--site-bg);
  color:var(--site-fg);
  padding-top:0;
}
.site-nav{
  position:sticky; top:0; z-index:1000;
  background:rgba(255,255,255,0.92);
  backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid var(--site-border);
  box-shadow:0 1px 8px rgba(19,28,45,.05);
  margin-bottom:10px;
}
.site-nav__inner{
  max-width:1100px;
  margin:0 auto;
  padding:0 16px;
  height:54px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.site-nav__brand{
  font-weight:800;
  font-size:20px;
  color:var(--site-accent);
  text-decoration:none;
  letter-spacing:-.02em;
  flex-shrink:0;
}
.site-nav__brand:hover{ opacity:.85; }
.site-nav__links{
  display:flex;
  align-items:center;
  gap:4px;
  flex-wrap:nowrap;
}
.site-nav__link{
  padding:7px 12px;
  border-radius:10px;
  font-size:13.5px;
  font-weight:600;
  color:var(--site-fg);
  text-decoration:none;
  white-space:nowrap;
  transition:background .15s, color .15s;
}
.site-nav__link:hover{
  background:rgba(var(--site-accent-rgb),.08);
  color:var(--site-accent);
}
.site-nav__link--active{
  background:rgba(var(--site-accent-rgb),.1);
  color:var(--site-accent);
}

/* Burger button — hidden on desktop */
.site-nav__burger{
  display:none;
  flex-direction:column;
  justify-content:center;
  gap:5px;
  width:32px; height:32px;
  padding:4px;
  background:none; border:none; cursor:pointer;
  border-radius:8px;
  transition:background .15s;
}
.site-nav__burger:hover{ background:rgba(var(--site-accent-rgb),.08); }
.site-nav__burger span{
  display:block;
  width:100%; height:2px;
  background:var(--site-fg);
  border-radius:2px;
  transition:transform .2s, opacity .2s;
}
.site-nav__burger.open span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.site-nav__burger.open span:nth-child(2){ opacity:0; }
.site-nav__burger.open span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

/* ====== Mobile ====== */
@media (max-width:860px){
  .site-nav__burger{ display:flex; }
  .site-nav__links{
    display:none;
    position:absolute;
    top:54px; left:0; right:0;
    background:rgba(255,255,255,0.97);
    backdrop-filter:blur(12px);
    border-bottom:1px solid var(--site-border);
    box-shadow:0 8px 24px rgba(19,28,45,.08);
    flex-direction:column;
    padding:8px 12px 12px;
    gap:2px;
  }
  .site-nav__links.open{ display:flex; }
  .site-nav__link{
    width:100%;
    padding:11px 14px;
    font-size:14.5px;
    border-radius:10px;
  }
}