/* Keep the research explorer readable within the shared proof enhancements. */
html[data-szl-proof-holo="v2"] body.foundation-confirmation {
  color: var(--ink);
  background: var(--paper);
  color-scheme: light;
}

body.foundation-confirmation main {
  width: 100%;
  max-width: none;
  padding-inline: 0;
}

body.foundation-confirmation main > section + section {
  margin-block-start: 0;
}

body.foundation-confirmation main .panel[data-szl-proof-holo-panel] {
  color: var(--ink);
  background: var(--card);
  border-color: var(--line);
  border-radius: var(--radius);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body.foundation-confirmation main .panel[data-szl-proof-holo-panel]::before {
  content: none;
}

html[data-szl-proof-holo="v2"] body.foundation-confirmation main :where(a, button, input, textarea, select, summary, [tabindex]):focus-visible {
  outline: 3px solid var(--accent) !important;
  outline-offset: 4px !important;
}

/* Flow creates this one rail; Holo adopts it. Preserve the three children. */
body.foundation-confirmation > .szl-proof-rail[data-szl-proof-holo-adopted="true"] {
  position: fixed;
  top: auto;
  left: 50%;
  bottom: max(12px, env(safe-area-inset-bottom, 0px));
  width: min(1120px, calc(100vw - 24px));
  transform: translateX(-50%);
  grid-template-columns: auto minmax(0, 1fr) auto;
  border: 1px solid var(--szl-proof-line);
  border-radius: 16px;
}

@media (max-width: 820px) {
  body.foundation-confirmation .szl-proof-rail[data-szl-proof-holo-adopted="true"] .szl-proof-links {
    display: none;
    position: absolute;
    left: 7px;
    right: 7px;
    bottom: calc(100% + 8px);
    grid-template-columns: 1fr;
    padding: 7px;
    border: 1px solid var(--szl-proof-line);
    border-radius: 14px;
    background: rgba(8, 12, 20, .96);
    box-shadow: var(--szl-proof-shadow);
  }

  body.foundation-confirmation .szl-proof-rail[data-szl-proof-holo-adopted="true"][data-open="true"] .szl-proof-links {
    display: grid;
  }
}