/* Site-local override of the SHARED @dental/core responsive.css.
   ---------------------------------------------------------------------
   Core's Meta.astro links this path on every page, AFTER the site's
   style.css, and the shared copy rewrites bare h1–h4/p font sizes for the
   Bootstrap dental theme — which would flatten DDDC's fluid type scale at
   every breakpoint below 1200px. Site public/ wins over core assets
   (integration.ts: shared files never overwrite a site's own), so this
   deliberately-minimal file shadows it.

   DDDC is responsive by construction: the type scale is clamp()-based and
   each component carries its own media queries in style.css. Put any
   breakpoint-only tweaks HERE, not in the shared core file. */

/* Phones: keep the sticky header from eating the viewport on short screens. */
@media only screen and (max-width: 479px) {
  :root { --nav-h: 76px; }
  .brand__seal { height: 54px; }
  .brand__name span { font-size: .9375rem; }
}