/* The Phonos page group, Models included (WP5): only what scientific.css and the shared sheets do not already give.
   Tokens only. */

/* The landing of the Phonos overview fills the screen below the topbar; the page group's sub-navigation
   sits above it, so the landing gives that height up (--ff-subnav-h, from the tokens). */
.ff-subnav + .sci-landing { height: calc(100svh - var(--topbar-height) - var(--ff-subnav-h, 48px)); }

/* Category pages: the model entries sit under the page head, side by side where there are two. */
.ff-section--wide > .sci-models { grid-template-columns: repeat(auto-fill, minmax(min(100%, 420px), 1fr)); gap: var(--space-8) var(--space-9); }

/* The FAQ page: the list sits under the page head and keeps a reading width. */
.ff-section--wide > .ff-faq { max-width: 820px; }

/* Phonos overview, #models: the retired note and the link to the comparison table sit under the tiles. */
.sci-models-after { margin-top: var(--space-7); }
.sci-models-after .ff-note { max-width: 72ch; }