.cancioneiro-navigation { box-sizing: border-box; width: min(100%, 74rem); margin: 1.25rem auto 0; padding: 0 1rem; color: var(--azul-petroleo, #385e72); }
.cancioneiro-navigation__title { margin: 0 0 .6rem; font-size: 1.4rem; font-weight: 700; }
.cancioneiro-navigation nav { display: flex; gap: .4rem; border-bottom: 1px solid #dce4e8; padding-bottom: .6rem; }
.cancioneiro-navigation a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: .45rem 1.25rem; border-radius: 12px; color: inherit; font-weight: 700; text-decoration: none; }
.cancioneiro-navigation a[aria-current] { background: var(--azul-petroleo, #385e72); color: #fff; }
.cancioneiro-navigation a:focus-visible { outline: 3px solid #1f5fbf; outline-offset: 2px; }
@media print { .cancioneiro-navigation { display: none; } }