.topbar{
  position:sticky;
  top:0;
  z-index:40;
  border-bottom:1px solid rgba(200,195,184,.8);
  background:rgba(244,242,236,.9);
  backdrop-filter:blur(16px);
}
.topbar-inner{
  display:flex;
  width:min(1180px,calc(100% - 2rem));
  max-width:none;
  min-height:62px;
  margin:auto;
  padding:0;
  align-items:center;
  gap:.35rem;
  overflow-x:auto;
  scrollbar-width:none;
}
.topbar-inner::-webkit-scrollbar{display:none}
.brand,
.nav-link{
  display:inline-flex;
  min-height:44px;
  align-items:center;
  border-radius:999px;
  text-decoration:none;
  white-space:nowrap;
}
.brand{
  margin-right:auto;
  color:var(--blue-deep,#104b62);
  font-size:.92rem;
  font-weight:950;
  letter-spacing:.08em;
}
.brand img{
  display:block;
  width:auto;
  height:30px;
  max-width:none;
}
.nav-link{
  padding:.42rem .72rem;
  justify-content:center;
  border:0;
  color:var(--muted,#6f7885);
  font-size:.8rem;
  font-weight:800;
}
.nav-link:hover,
.nav-link:focus-visible,
.nav-link[aria-current="page"]{
  outline:0;
  color:var(--blue-deep,#104b62);
  border-color:transparent;
  background:var(--paper,var(--surface,#fffdf8));
  box-shadow:inset 0 0 0 1px var(--line,#dcd9d0);
}

.pager{
  width:min(1180px,calc(100% - 2rem));
  margin:2rem auto 3rem;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;
  gap:.75rem;
}
.pager a{
  min-width:0;
  min-height:48px;
  padding:.7rem 1rem;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--line,#dcd9d0);
  border-radius:999px;
  background:var(--paper,var(--surface,#fffdf8));
  color:var(--muted,#6f7885);
  font-size:.86rem;
  font-weight:900;
  line-height:1.35;
  text-align:center;
  text-decoration:none;
}
.pager-prev{grid-column:1}
.pager-home{grid-column:2}
.pager-next{grid-column:3}
.pager a:hover,
.pager a:focus-visible{
  border-color:var(--blue-line,#acd6dd);
  background:var(--blue-soft,#e8f4f6);
  color:var(--blue-deep,#104b62);
}
@media(max-width:640px){
  .brand img{
    height:26px;
  }

  .pager{
    grid-template-columns:minmax(0,1fr);
    width:min(1180px,calc(100% - 1.75rem));
  }

  .pager a{
    grid-column:1;
    width:100%;
  }
}