/* Gkord — Barra de navegación compartida */

.gkord-nav{
  position:sticky;
  top:0;
  z-index:50;
  display:flex;
  gap:6px;
  overflow-x:auto;
  background:var(--paper);
  border-bottom:1px solid var(--paper-shadow);
  padding:10px 14px;
  -webkit-overflow-scrolling:touch;
}
.gkord-nav a{
  flex:none;
  display:inline-flex;
  align-items:center;
  padding:8px 16px;
  border-radius:20px;
  font-family:var(--font-body, 'EB Garamond', Georgia, serif);
  font-size:0.85rem;
  font-weight:600;
  color:var(--ink-soft);
  text-decoration:none;
  white-space:nowrap;
  border:1px solid transparent;
}
.gkord-nav a:hover{ border-color:var(--staff); color:var(--ink); }
.gkord-nav a[aria-current="page"]{
  background:var(--ink);
  color:var(--paper);
}
.gkord-nav a:focus-visible{
  outline:3px solid var(--accent-soft);
  outline-offset:2px;
}

.gkord-nav-auth{
  display:flex;
  align-items:center;
  gap:8px;
  margin-left:auto;
  padding-left:10px;
  flex:none;
  white-space:nowrap;
}
.gkord-nav-auth a{
  display:inline-flex;
  align-items:center;
  padding:8px 16px;
  border-radius:20px;
  font-family:var(--font-body, 'EB Garamond', Georgia, serif);
  font-size:0.85rem;
  font-weight:600;
  color:var(--ink-soft);
  text-decoration:none;
  border:1px solid var(--staff);
}
.gkord-nav-auth a:hover{ color:var(--ink); border-color:var(--ink); }
.gkord-nav-user{
  font-family:var(--font-body, 'EB Garamond', Georgia, serif);
  font-size:0.8rem;
  color:var(--ink-soft);
  max-width:160px;
  overflow:hidden;
  text-overflow:ellipsis;
}
.gkord-nav-logout{
  background:transparent;
  border:1px solid var(--staff);
  color:var(--ink-soft);
  border-radius:20px;
  padding:7px 14px;
  font-family:var(--font-body, 'EB Garamond', Georgia, serif);
  font-size:0.8rem;
  font-weight:600;
  cursor:pointer;
}
.gkord-nav-logout:hover{ color:var(--ink); border-color:var(--ink); }
.gkord-nav-logout:disabled{ opacity:0.6; cursor:default; }

/* Wraps each page's centered card below the nav bar */
.page-content{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  min-height:calc(100vh - 53px);
}