/* Next.js integration fixes for the ported minicor design.
   Loaded after styles.css; keep styles.css itself byte-identical to the
   design source (minicor-landing-main).

   Tailwind v4's preflight (in globals.css) sets `img { max-width: 100%; }`.
   The design assumes browser defaults: the hero's agent cursor images live
   inside the zero-width `.hero-pointer`, so a 100% cap collapses them to
   0px wide and the cursor disappears. */
.page img,
.menubar img,
.footer img {
  max-width: none;
}

/* Tailwind's preflight also sets `html { line-height: 1.5 }`; the design is
   metered on the browser default (`normal`). The taller lines pushed the hero
   demo's Cancel / Submit Encounter row ~14px below where the design puts it. */
.page,
.menubar,
.footer {
  line-height: normal;
}

/* globals.css colors every h1-h6 #172e42 in @layer base. Design headings that
   rely on inheritance (the hero h1, the card headlines) picked that up;
   restore the default inheritance. :where() keeps this at zero selector
   specificity: it still beats the @layer base rule (unlayered wins), but
   loses to every explicit heading color in styles.css (e.g. the deploy
   panel's white `.deploy h2`). */
.page :where(h1, h2, h3, h4, h5, h6),
.menubar :where(h1, h2, h3, h4, h5, h6),
.footer :where(h1, h2, h3, h4, h5, h6) {
  color: inherit;
}

/* The design boxes each menubar link to its label's width; the active item's
   medium weight can outgrow the box and wrap ("Use Cases" broke to two
   lines). The design never wraps a nav label. */
.menubar nav a {
  white-space: nowrap;
}

/* Trusted-by logos are links now (see src/data/trusted-logos.json). The
   anchors take the img's old place as flex items. */
.trusted .logos a {
  flex: none;
  display: inline-flex;
  align-items: center;
  transition: opacity 0.15s;
}
.trusted .logos a:hover {
  opacity: 0.65;
}

/* main.js duplicates the logo row for the narrow-layout carousel. On the
   desktop canvas (>=1200px) the design keeps the row static, so the clones
   would show as a cut-off duplicate of the first logo at the right edge.
   (The generator scales the enabled set to the strip's 766px budget, so the
   static row always fits.) */
@media (min-width: 1200px) {
  .trusted .logos [aria-hidden="true"] {
    display: none;
  }
}