/* Navegação interna — comportamento compartilhado por todas as páginas do portfólio.
   Mesmo padrão da página inicial: rolagem suave nativa do navegador,
   desativada quando o usuário prefere movimento reduzido. */
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
/* Destinos de âncora param abaixo do cabeçalho fixo (76px) */
[id]{scroll-margin-top:76px}
#topo{scroll-margin-top:0}
/* Fundo da página igual ao rodapé: no Safari/iOS a área atrás da barra inferior
   e o "elástico" da rolagem mostram o fundo do html, que por padrão é branco. */
html{background:#171715;transition:background-color .45s cubic-bezier(.22,.7,.2,1)}
html:has(.site.is-dark){background:#0A0A09}