/* The native stylesheet imports the shared portal theme. No inline style or
   independent per-route resources enter the sealed navigation group. */
.router-persistent {
  margin: 32px 0 24px;
}
.router-persistent h2 {
  margin-top: 0;
}
.router-persistent input {
  display: block;
  max-width: 34rem;
  width: 100%;
  margin-top: 8px;
}
.router-persistent label {
  display: block;
  margin-top: 20px;
  font-weight: 600;
}
.router-persistent output {
  min-width: 2ch;
  font-size: 28px;
  font-variant-numeric: tabular-nums;
}
.router-tabs {
  display: flex;
  gap: 12px;
  border-bottom: 1px solid var(--line);
  padding-bottom: 16px;
  margin: 32px 0;
}
.router-tabs a {
  padding: 10px 16px;
  border: 1px solid var(--line);
  border-radius: 6px;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.router-tabs a:hover {
  background: var(--surface);
}
.router-destination h1 {
  font-size: clamp(36px, 5vw, 64px);
}
.router-destination > p {
  max-width: 760px;
  color: var(--muted);
  line-height: 1.6;
}
.router-destination .native-grid {
  margin-top: 24px;
}
.router-destination output {
  color: inherit;
}
.router-destination button,
.router-persistent button {
  min-height: 44px;
}
.router-search-icon {
  font-size: 20px;
  line-height: 1;
}

/* Keep automatic readiness announcements available to assistive technology. */
[data-forma-router-status] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}