/* The dedicated / document is usable before the Router attaches behavior.
   index.html remains the empty, guarded shell for every private deep link. */
@layer guardrails {
html[data-public-home-document="true"][data-route-mode="auth"] body.public-home-screen {
  cursor: auto;
  touch-action: auto;
}

html[data-public-home-document="true"][data-route-mode="auth"] body.public-home-screen #app-shell {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: none;
  cursor: auto;
}

/* No JavaScript means native scrolling and the delivered service/contact
   anchors stay available. Controls requiring a controller appear at commit;
   the topbar menu button follows the same rule from public-topbar.css. */
html[data-public-home-document="true"] [data-public-home-prerender="true"] [data-public-home-scrollbar] {
  display: none;
}

html[data-public-home-document="true"] body.public-home-screen:has([data-public-home-prerender="true"]) .main-content {
  scrollbar-width: auto;
  -ms-overflow-style: auto;
}

html[data-public-home-document="true"] body.public-home-screen:has([data-public-home-prerender="true"]) .main-content::-webkit-scrollbar {
  display: block;
  inline-size: auto;
  block-size: auto;
}
}
