/* Tela "album" da página única (site/js/paginas/album.js): o estilo da antiga site/album.html, preso a
   body.pg-album com :where() (especificidade zero, a cascata fica igual). docs/13-site.md "Página única" */
:where(.pg-album) #album { display: flex; flex-direction: column; gap: 24px; max-width: 1100px; margin: 0 auto; padding: 16px; }
:where(.pg-album) .pagina-album { background: var(--creme); color: var(--contorno); border: 6px solid var(--contorno); border-radius: var(--raio);
  box-shadow: var(--sombra); padding: 16px; display: flex; flex-direction: column; gap: 12px; align-items: center; }
:where(.pg-album) .pagina-album h2 { margin: 0; font-size: clamp(22px, 3.4vw, 34px); text-align: center; }
:where(.pg-album) .pagina-album h2 small { display: inline-block; margin-left: 8px; background: var(--amarelo); border: 4px solid var(--contorno); border-radius: 999px; padding: 0 12px; }
:where(.pg-album) .figs { width: 100%; display: grid; gap: 14px; grid-template-columns: repeat(auto-fill, minmax(min(140px, 42%), 1fr)); }
:where(.pg-album) .fig { aspect-ratio: 1; min-height: 0; padding: 0; background: #d9d3c4 center / cover no-repeat; overflow: hidden; }
:where(.pg-album) .fig.vazia { filter: grayscale(1) brightness(.45); cursor: default; }
:where(.pg-album) .fig.vazia::after { content: '?'; font-size: 54px; color: var(--creme); }
:where(.pg-album) .fig.nova { outline: 6px solid var(--amarelo); outline-offset: 3px; }