/* Certified Report Frame (Specification §8/§12/§13). No drop shadows,
   gradients, or rounded consumer-UI chrome -- a plain bordered
   container, institutional not decorative. Structure mirrors
   product/verify_site/static/css/report_frame.css exactly; every
   variable resolves to FAST's own tokens. */

.report-frame {
  border: 1px solid var(--color-border);
  background: var(--color-background);
  margin-bottom: var(--space-8);
}

.report-frame__watermark {
  position: sticky;
  top: 0;
  z-index: 1;
  margin: 0;
  padding: var(--space-2) var(--space-4);
  background: var(--color-background-subtle);
  color: var(--color-muted);
  font-family: var(--font-ui);
  font-size: var(--size-1);
  font-weight: var(--weight-emphasis);
  text-align: center;
  border-bottom: 1px solid var(--color-border);
}

.report-frame__viewport {
  width: 100%;
  aspect-ratio: 3 / 4;
}

.report-frame__viewer {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

.report-frame__open-link {
  margin: 0;
  padding: var(--space-3) var(--space-4);
  border-top: 1px solid var(--color-divider);
  font-family: var(--font-ui);
  font-size: var(--size-1);
}

.report-frame__open-link a {
  color: var(--color-navy);
}

/* Below this width a scaled iframe of a full institutional document is
   not comfortable to read regardless of aspect ratio -- the "Open full
   report" link becomes the primary reading path, stated in page copy,
   not hidden. */
@media (max-width: 640px) {
  .report-frame__viewport {
    aspect-ratio: 1 / 1;
  }
}