/* Analytics (/analytics/): the Power BI embed, wider than the page column so the
   1600 px report pages stay readable, and as tall as the Overview page plus Power BI's bar,
   so the landing page shows whole with no scroll inside the frame. The phone report
   (400 px pages, up to 4,600 px tall) scrolls inside a frame one screen high. */
body.page-portfolio .analytics-embed {
  --embed-width: min(1440px, 100vw - 64px);
  width: var(--embed-width);
  margin: 2.4rem 0 0 calc(50% - var(--embed-width) / 2);
  border-radius: 14px;
  overflow: hidden;
  background: #0b121f;
  box-shadow: var(--shadow-lg);
}
body.page-portfolio .analytics-embed iframe {
  display: block;
  width: 100%;
  /* the Overview page at the frame's width, plus Power BI's bar and its margins */
  height: calc(var(--embed-width) * 1597 / 1600 + 80px);
  border: 0;
}
body.page-portfolio .analytics-embed.analytics-phone {
  --embed-width: calc(100vw - 32px);
}
body.page-portfolio .analytics-embed.analytics-phone iframe {
  height: calc(100svh - 96px);
  min-height: 560px;
}
body.page-portfolio .analytics-fallback {
  padding: 2rem;
  color: #e6e8ee;
}
body.page-portfolio .analytics-fallback a {
  color: #8f8cff;
}
