/* Camada final do site: menu do celular e bloco de anúncios. Carrega depois das folhas do layout. */
.menu-btn{min-width:44px;min-height:44px}
.menu-btn:focus-visible,#nav a:focus-visible,#nav button:focus-visible{outline:3px solid var(--electric);outline-offset:2px}
.nav-quiz{display:none;border:1px solid #aab9b2;background:transparent;color:inherit;font:inherit;padding:10px 14px;border-radius:5px;min-height:44px;cursor:pointer;margin-top:6px}
@media(max-width:800px){
  .site-header nav{max-height:calc(100dvh - 83px);overflow:auto}
  .nav-quiz{display:inline-flex;align-items:center}
}
.skip:focus{z-index:100}

/* anúncios lidos */
.anuncios{margin-top:28px;margin-bottom:44px}
.anuncios h2{margin:0 0 14px;font-size:clamp(1.4rem,4.5vw,2rem);line-height:1.2}
.anuncios-nota{color:var(--muted);font-size:.9375rem;margin:14px 0 0}
.anuncios-lista{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.ficha{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px 14px;align-items:start;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff}
.ficha img{width:76px;height:76px;aspect-ratio:1;object-fit:cover;border-radius:10px;background:var(--sand)}
.ficha-corpo h3{font-size:1rem;line-height:1.3;margin:2px 0 6px;overflow-wrap:anywhere}
.ficha-corpo p{margin:0}
.ficha-preco{font:600 1.5rem/1.2 Fraunces,Georgia,serif;color:var(--green);font-variant-numeric:tabular-nums}
.ficha-detalhe{display:inline-block;margin-top:2px;padding:2px 10px;border-radius:10px;background:var(--sage);color:var(--ink);font-size:.875rem}
.ficha-loja{margin-top:8px!important;color:var(--muted);font-size:.875rem}
.ficha-botao{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;margin:0;padding:12px 18px;border-radius:8px;background:var(--night);color:var(--paper);font-weight:600;text-decoration:none}
.ficha-botao:hover{background:var(--electric);color:var(--night)}
.faixas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px;padding:16px;border-radius:14px;background:var(--sage)}
.faixa{display:flex;flex-direction:column;gap:2px;min-width:0}
.faixa span{font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.faixa small{color:var(--muted)}
@media(max-width:520px){.faixas{grid-template-columns:1fr}}
@media(min-width:820px){.anuncios-lista{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* celular: capa do guia mais baixa para o primeiro botão de anúncio aparecer cedo */
@media(max-width:800px){
  .guide-cover{height:84px}
  .guide-cover svg{height:96%}
  .guide-cover .guitar{height:120%;width:70%}
  .guide-cover:before{height:80px;width:80px}
  .anuncios{margin-top:20px}
}

/* lote T1: páginas de afinação, ferramentas e hubs */
.relacionadas{margin-top:40px;padding-top:8px;border-top:1px solid var(--line)}
.relacionadas ul{list-style:none;margin:0;padding:0;display:grid;gap:0}
.relacionadas li a{display:flex;align-items:center;min-height:48px;padding:6px 0;text-decoration:underline}
.narrow ol,.narrow ul{padding-left:1.25em;font-size:1.0625rem;line-height:1.8}
.narrow table small{display:block;color:var(--muted);font-size:.8125rem}
.narrow textarea,.narrow select,.narrow input[type=number]{font:inherit;min-height:44px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);max-width:100%}
.narrow .tool-card .metro-controls{flex-wrap:wrap}