/* Page shell: nav links and the section rhythm between the assembled sections.
   Section-specific styling lives in sections/<slug>.css. */

.navlinks{display:flex;align-items:center;gap:26px;font-size:13px;color:#6f6579}
.navlinks a{padding:6px 2px;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.navlinks a:hover{color:#7c3aed;border-bottom-color:#c7a9f5}
@media(max-width:1040px){.navlinks{display:none}}

/* Every assembled section shares one horizontal gutter and one max width, so the
   left edges line up down the whole page. Sections that go full-bleed opt out. */
main>section,main>footer{position:relative}

html{scroll-padding-top:92px}