/* Feedback fixes for the current H5 test build. */

/* The policy reader is a centered dialog, not a bottom sheet. */
.document-overlay {
  align-items: center !important;
  padding: max(16px, env(safe-area-inset-top)) 12px max(16px, env(safe-area-inset-bottom)) !important;
}

.document-sheet {
  margin: auto !important;
  max-height: calc(100vh - 32px) !important;
  box-shadow: 0 24px 80px rgba(21, 63, 53, .28) !important;
  animation: feedback-dialog-center-in .22s ease both !important;
}

.document-sheet__official {
  display: none !important;
}

/* Section kickers were only editorial labels and are not part of the reading flow. */
.story-page .story-kicker {
  display: none !important;
}

/* Center the scene action and calculator action labels. */
.proof-slot {
  align-items: center !important;
  justify-content: center !important;
  gap: 24px !important;
  text-align: center !important;
}

.calculator-actions > button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  line-height: 1.2 !important;
}

.carbon-actions > button,
.carbon-actions > [role='button'] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  line-height: 1.2 !important;
}

/* These helper notes and the empty paper decoration add no user value. */
.paper-output__edge,
.process-story__wechat,
.result-paper__notice,
.story-footer__legal,
.story-footer__meta,
.story-footer__halo,
.story-footer::before {
  display: none !important;
}

.story-footer {
  min-height: 0 !important;
  padding-top: 24px !important;
  padding-bottom: 64px !important;
}

@keyframes feedback-dialog-center-in {
  from { opacity: 0; transform: translateY(12px) scale(.985); }
  to { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  .document-sheet { animation: none !important; }
}