/* Inner pages (portfolio, software, agent catalogue) reuse the landing header, dock and footer from style.css and
   flow.css, but scroll as ordinary documents: no section snapping and no one-screen sections. */
html{scroll-snap-type:none;scroll-padding-top:calc(var(--nav-height) + 12px)}
body.inner-page{padding-bottom:var(--dock-height,0px)}
.inner-page .nav{position:sticky;top:0;z-index:30}
/* The phone dock stays above the sticky bars of the catalogue and the portfolio (z-index 20), which come later in the
   page and otherwise take its taps on short screens; the header and its menu stay above both. */
.inner-page .mobile-dock{z-index:25}
.inner-page .nav nav a[aria-current=page]{color:var(--lime)}
/* Same narrow-laptop header as the landing (portada.css): in the brand's mono type (terminal.css) the five links and
   both pills only fit from 901 to 1023 px with tighter gaps; without them the portal pill leaves the screen. */
@media(min-width:901px) and (max-width:1023px){
 .inner-page .nav{gap:14px}
 .inner-page .nav>nav{gap:16px}
 .inner-page .nav-purchase{gap:10px}
 .inner-page .nav-portal{margin-left:-4px}
}
.inner-page main>section{min-height:0;scroll-snap-align:none;scroll-snap-stop:normal}
.inner-page .site-footer{scroll-snap-align:none}
.page-main{width:min(1440px,100%);margin:0 auto;padding:clamp(28px,6svh,72px) var(--section-gutter) clamp(48px,9svh,104px)}