/* Landing page hero, badges, report frames. Colours come from Material's own variables so light
   and dark mode both work. */
.rteu-hero { padding: 1.4rem 0 .6rem; }
.rteu-hero h1 { margin-bottom: .3rem; }
.rteu-hero p.lead { font-size: 1.05rem; max-width: 46rem; }
.rteu-badges img { margin: 0 .15rem .3rem 0; vertical-align: middle; }

.md-typeset .grid.cards > ul > li { border-radius: .4rem; }

.report-toolbar { display: flex; flex-wrap: wrap; gap: .5rem; margin: .8rem 0; }
.report-toolbar .md-button { margin: 0; }
.report-frame-wrap { border: 1px solid var(--md-default-fg-color--lightest); border-radius: .4rem; overflow: hidden; background: #fff; }
.report-frame { display: block; width: 100%; height: 78vh; min-height: 480px; border: 0; }
.report-fallback { font-size: .75rem; opacity: .85; margin-top: .6rem; }

@media (max-width: 44.9375em) {
  .report-frame { height: 70vh; }
}