/* year-nav.css — botões "‹ 2022 | 2024 ›" entre edições (ver year-nav.js).
   Um controle único e compacto, só com o ano. Fundo claro (hubs de ano)
   por padrão; texto claro quando está na barra lateral escura da prova. */
.ac-year-nav{
  display:flex;
  justify-content:center;
  margin:10px 0 20px;
}

.ac-year-nav{
  --yn-cor:var(--navy,#0E3A73);
  --yn-borda:var(--border,#dde2e9);
  --yn-fundo:rgba(255,255,255,.7);
  --yn-hover:var(--gold,#8a680f);
  --yn-hover-fundo:#fff8e6;
}
.ac-year-nav--esq{justify-content:flex-start}
.ac-year-nav a{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:32px;
  padding:0 14px;
  color:var(--yn-cor);
  background:var(--yn-fundo);
  border:1px solid var(--yn-borda);
  font:600 13px/1 Inter,system-ui,sans-serif;
  font-variant-numeric:tabular-nums;
  letter-spacing:.02em;
  text-decoration:none;
  white-space:nowrap;
  transition:color .15s ease, border-color .15s ease, background .15s ease;
}
/* os dois botões encostados formam uma peça só, com divisória no meio */
.ac-year-nav a:first-child{border-radius:999px 0 0 999px}
.ac-year-nav a:last-child{border-radius:0 999px 999px 0}
.ac-year-nav a:only-child{border-radius:999px}
.ac-year-nav a + a{margin-left:-1px}
.ac-year-nav__seta{font-size:17px;line-height:1;opacity:.7;transform:translateY(-1px)}
.ac-year-nav a:hover,
.ac-year-nav a:focus-visible{
  position:relative;
  color:var(--yn-hover);
  border-color:var(--yn-hover);
  background:var(--yn-hover-fundo);
  outline:none;
}
.ac-year-nav a:hover .ac-year-nav__seta,
.ac-year-nav a:focus-visible .ac-year-nav__seta{opacity:1}

/* barra lateral escura das provas (UECE, VUNESP, militares...) */
body.ac-prova-lateral .ac-year-nav,
html:has(script[src*="prova-lateral.js"]) .ac-header .ac-year-nav{
  margin:14px 0 0;
  --yn-cor:rgba(255,255,255,.92);
  --yn-borda:rgba(255,255,255,.28);
  --yn-fundo:rgba(255,255,255,.06);
  --yn-hover:#f3c74f;
  --yn-hover-fundo:rgba(255,255,255,.12);
}