.site-bar{
  position:sticky; top:0; z-index:40;
  display:flex; justify-content:space-between; align-items:center; gap:12px;
  min-height:48px;
  padding:8px max(16px, env(safe-area-inset-right, 0px)) 8px max(16px, env(safe-area-inset-left, 0px));
  background:var(--bg, #F6EFE3);
  border-bottom:2px solid var(--line, #E3D6C2);
}
.site-bar a{
  font-family:var(--f-display, "Baloo 2", sans-serif);
  font-weight:800;
  font-size:1rem;
  color:var(--sky, #1F5F8A);
  text-decoration:none;
  white-space:nowrap;
}
.site-bar a:focus-visible{outline:3px solid var(--sky, #1F5F8A); outline-offset:2px;}
.site-bar .logo{justify-self:start;}