/* Menu "Nesta página": <div class="home-index-shell"> filho direto do <main> (sticky só prende dentro do pai). */
.home-index-shell{position:sticky;top:80px;z-index:30;background:var(--color-cream,#f4f0e9);border-block:1px solid #d8cec1}
.home-index-shell .home-pillar-index{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:24px;margin-block:0;padding-block:16px;scrollbar-width:thin}
.home-index-shell .home-pillar-index a{font-size:1rem;letter-spacing:.02em;white-space:nowrap;color:#765420;flex-shrink:0;min-height:28px;display:inline-flex;align-items:center}
@media(max-width:700px){.home-index-shell{top:72px}.home-index-shell .home-pillar-index{padding-block:12px}.home-index-shell .home-pillar-index a{font-size:.9375rem}}
body:has(.nav--hidden) .home-index-shell{top:0}
/* overflow:hidden (styles.css) creates a non-scrolling ancestor and prevents sticky. */
html:has(.home-index-shell),body:has(.home-index-shell){overflow-x:clip}
/* Header + menu cobrem o título no salto; home/pilar e detalhe já têm scroll-margin próprio. */
html:has(.home-index-shell):not(:has(.home-pillar,.detail-page)){scroll-padding-top:150px}

/* links da linha legal do rodapé na mesma cor dos demais links do rodapé */
.footer__legal a{color:inherit;text-decoration:underline;text-underline-offset:4px}