/* Galeria de vídeos (/videos): a casca, a barra, o tema e os botões Compartilhar/Baixar/Copiar vêm de
   /passarinhos/estilo.css (a mesma da série); aqui só o que é da galeria. Sem estilo inline (CSP): a proporção de cada
   vídeo é uma classe r-<largura>-<altura> escolhida pelo gerador a partir do arquivo, e tests/test_videos.py falha se
   um vídeo cair numa proporção que este arquivo não define. */
main.galeria{max-width:1200px;min-width:0}
.galeria .resumo{color:var(--ink);font-weight:600}
.indice{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 4px;font:600 13px/1 Manrope,system-ui,sans-serif}
.indice a{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--line);color:var(--ink);text-decoration:none}
.indice a:hover{background:var(--btn-h)}
.indice span{color:var(--mut);font-weight:500}
.grupo{margin:40px 0 0}
.grupo>h2{font-family:Sora,system-ui,sans-serif;font-weight:600;font-size:clamp(22px,3vw,30px);letter-spacing:-.01em;margin:0 0 6px;scroll-margin-top:72px}
.serie{margin:30px 0 0;scroll-margin-top:72px}
.serie h3{font-family:Sora,system-ui,sans-serif;font-weight:600;font-size:clamp(18px,2.4vw,22px);letter-spacing:-.01em;line-height:1.2;margin:0 0 4px}
.serie-desc{color:var(--mut);margin:0 0 8px;max-width:68ch;font-size:15px}
.conta{white-space:nowrap}
.ver-pagina{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;margin-left:4px;border-radius:999px;border:1px solid var(--line);color:var(--ink);font:600 13px/1 Manrope,system-ui,sans-serif;text-decoration:none}
.ver-pagina:hover{background:var(--btn-h)}
.aviso{margin:6px 0 0;max-width:80ch;font:600 12px/1.4 Manrope,system-ui,sans-serif;color:var(--mut);letter-spacing:.01em;overflow-wrap:anywhere}
.aviso a,.serie-nota a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.creditos{margin:6px 0 0;padding-left:18px;max-width:80ch;font-size:12px;line-height:1.4;color:var(--mut)}
.creditos strong{color:var(--ink)}
.creditos .atribuicao{display:block}
.serie-nota{margin:14px 0 0;max-width:80ch;font-size:12px;line-height:1.45;color:var(--mut)}
.grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr));gap:18px 14px;grid-auto-flow:dense;margin-top:12px}
.v{margin:0;min-width:0;scroll-margin-top:72px;display:flex;flex-direction:column}
.v .reel-acoes{margin-top:auto;padding-top:8px}
.v video{display:block;width:100%;height:auto;border-radius:12px;background:#0b0d10;border:1px solid var(--line);object-fit:contain}
.r-9-16 video{aspect-ratio:9/16}
.r-16-9 video{aspect-ratio:16/9}
.r-4-5 video{aspect-ratio:4/5}
.r-1-1 video{aspect-ratio:1/1}
.r-16-9{grid-column:span 2}
.v figcaption{margin-top:6px;font-size:14px;line-height:1.35}
.v figcaption strong{display:block;font-weight:600}
.v .meta,.v .desc{display:block;color:var(--mut);font-size:12px;line-height:1.35;margin-top:2px}
.v .desc{font-size:13px}
.origem{margin:4px 0 0;color:var(--mut);font-size:12px;line-height:1.35;overflow-wrap:anywhere}
.origem a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.ficha{margin-top:6px;font-size:12px;color:var(--mut)}
.ficha summary{cursor:pointer;min-height:28px;display:flex;align-items:center}
.ficha dl{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;margin:4px 0 0}
.ficha dt{font-weight:600}
.ficha dd{margin:0;overflow-wrap:anywhere}
.ficha .hash{font:400 11px/1.4 "JetBrains Mono",ui-monospace,monospace}
@media (max-width:420px){.ficha dl{grid-template-columns:1fr}}