/* Shared layout corrections for the existing module pages. */
html { scroll-padding-top: 80px; }
.wrap > *, .next .grid > *, .row2 > * { min-width: 0; }
.next .grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.next .card { overflow-wrap: anywhere; }
a:focus-visible, button:focus-visible, summary:focus-visible { outline: 3px solid var(--brand); outline-offset: 3px; }
@media (max-width: 760px) {
  .next .grid { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .nav .wrap { padding-inline: 16px; gap: 8px; }
  .nav .wrap > div:last-child { gap: 6px !important; }
  .nav .btn { min-height: 44px; padding: 8px 12px; font-size: 14px; }
  .nav .logo { gap: 6px; font-size: 18px; flex-shrink: 0; }
  .nav .btn svg { display: none; }
  .mhero .ctas .btn { max-width: 100%; padding-inline: 16px; }
}