/* Shared tokens + site chrome (nav + language pill).
   Palette: Ivory / Olive / Black Olive / Citron. */
:root{
  --ivory:#FFFFF0;
  --olive:#70802C;
  --black-olive:#2F3A1B;
  --citron:#A39F31;
  --ink:#2A3316;
  --hairline:#C9CBB0;
  --hairline-soft:#E2E3D2;
  --paper:#FBFBF2;
}

/* Fixed chrome sits above page content, right under the top edge. */
.site-chrome{
  position:fixed;top:14px;left:0;right:0;z-index:60;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 14px;pointer-events:none;
}
.site-chrome > *{pointer-events:auto}

.site-nav{
  display:flex;align-items:center;
  background:var(--ivory);
  border:1px solid var(--hairline);
  border-radius:999px;
  font-family:'Spline Sans Mono',ui-monospace,monospace;
  font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  overflow:hidden;
  box-shadow:0 1px 0 rgba(47,58,27,.05);
}
.site-nav a{
  color:var(--black-olive);text-decoration:none;
  padding:8px 13px;line-height:1;white-space:nowrap;
  transition:background .18s ease,color .18s ease;
}
.site-nav a + a{border-left:1px solid var(--hairline-soft)}
.site-nav a:hover{background:var(--hairline-soft)}
.site-nav a.current{background:var(--olive);color:var(--ivory)}
.site-nav a.ext::after{content:" \2197";opacity:.55}

.site-back{
  display:inline-flex;align-items:center;
  background:var(--ivory);
  border:1px solid var(--hairline);
  border-radius:999px;
  font-family:'Spline Sans Mono',ui-monospace,monospace;
  font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--black-olive);text-decoration:none;
  padding:8px 14px;line-height:1;
  box-shadow:0 1px 0 rgba(47,58,27,.05);
  transition:background .18s ease;
}
.site-back:hover{background:var(--hairline-soft)}
.site-back::before{content:"\2190";margin-right:8px;display:inline-block;transition:transform .18s ease}
.site-back:hover::before{transform:translateX(-3px)}

.lang-toggle{
  display:flex;align-items:center;
  background:var(--ivory);
  border:1px solid var(--hairline);
  border-radius:999px;overflow:hidden;
  font-family:'Spline Sans Mono',ui-monospace,monospace;
  box-shadow:0 1px 0 rgba(47,58,27,.05);
}
.lang-btn{
  border:0;background:transparent;color:var(--black-olive);
  font:inherit;font-size:11px;letter-spacing:.14em;
  padding:8px 12px;cursor:pointer;line-height:1;
  transition:background .18s ease,color .18s ease;
}
.lang-btn + .lang-btn{border-left:1px solid var(--hairline-soft)}
.lang-btn.active{background:var(--olive);color:var(--ivory)}

@media (max-width:560px){
  .site-chrome{top:10px;padding:0 10px}
  .site-nav a{padding:7px 10px}
  .site-nav .hide-sm{display:none}
}