/* Widget mode: the same page rendered as an embedded view.
   Activated by the ?widget flag (see widget-boot.js). Strips the site
   chrome and page minimum height so the page can live inside an iframe. */

html[data-mode='widget'] body {
  background: transparent;
}

html[data-mode='widget'] .page {
  min-height: 0;
}

html[data-mode='widget'] back-link,
html[data-mode='widget'] section-divider,
html[data-mode='widget'] .folio,
html[data-mode='widget'] .kicker-row,
html[data-mode='widget'] .meta {
  display: none;
}

/* Optional dark embedding theme: ?widget&theme=dark */
html[data-mode='widget'][data-theme='dark'] {
  --ink: #f2efe4;
  --paper: #1b1714;
  --muted-ink: #e6dfd1;
  --grey: #a89f92;
  --accent: #ff6b6b;
}

html[data-mode='widget'][data-theme='dark'] body {
  background: var(--paper);
  color: var(--ink);
}