/* GENERATED by marketing/build-tool-partials.py — DO NOT EDIT.
   Chrome for the third-party embed page. The token block below is lifted
   VERBATIM from marketing/tools/tools-core/tools-core.css's `:root` rule, so the
   embed page and the tool cannot disagree about the palette. */
:root {
  --bg: #1E1A16;
  --surface: #26211B;
  --raised: #352E25;
  --line: #463D31;
  --text: #F3F0E9;
  --text-soft: #D8D2C6;
  --muted: #A99E8E;
  --accent: #A6835A;
  --accent-active: #D2A356;
  --accent-deep: #7E6442;
  --positive: #5FA98A;
  --positive-fill: #2E5A4C;
  --alarm: #C15A4E;
  --alarm-ink: #DB8B80;
  --edge: #8a9aa0;
  --zone-clear-fill: #599F82;
  --zone-harvest-fill: #A6835A;
  --zone-freeze-fill: #D2A356;
  --zone-forced-fill: #D06154;
  --zone-ink: #1E1A16;
  --font-display: "Spectral", Georgia, "Times New Roman", serif;
  --font-ui: "Hanken Grotesk", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, monospace;
  --r: 14px;
  --r-control: 9px;
  --r-pill: 999px;
  --card-gap: 14px;
  --pad-x: 15px;
  --row-y: 12px;
  --seam-y: 8px;
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --z-base: 0;
  --z-raised: 10;
  --z-sticky: 40;
  --z-overlay: 60;
  --z-modal: 80;

  color-scheme: dark;
}

html, body { margin: 0; padding: 0; }
body.ist-embed-page {
  background: var(--bg);
  color: var(--text);
  /* The host sizes the iframe. Never set a viewport height here: a tool that
     grows as the reader fills it would then scroll inside its own frame. */
}
.ist-embed-page > main { display: block; }

/* The credit link is REQUIRED, not decorative — it is the whole return on
   letting somebody else host the instrument. It is deliberately outside
   `.ist-tool`, so none of the tool's own hardened rules can reach it, and it
   cannot be hidden by a tool restyle. */
.ist-embed-credit {
  font: 500 13px/1.4 var(--font-ui, system-ui), system-ui, sans-serif;
  text-align: center;
  padding: 10px 16px 16px;
  margin: 0;
}
.ist-embed-credit a {
  color: var(--accent);
  text-decoration: none;
  border-bottom: 1px solid var(--line);
}
.ist-embed-credit a:hover, .ist-embed-credit a:focus-visible {
  color: var(--accent-active, var(--accent));
}
