/* The iframe page at /embed/<slug> (src/embeds.mjs). Loaded after site.css and
   seo.css; strips the page furniture and adds a light theme for host sites
   with white backgrounds (?theme=light). */
html, body { background: transparent; scroll-padding-top: 0; }
body.embed { padding: 0; min-height: 0; }
body.embed::before, body.embed::after { display: none; }
body.embed main { padding: 0; }
.embed .calc { max-width: none; margin: 0; }
.embed .reveal { opacity: 1 !important; transform: none !important; }
.embed .bezel { padding: 0; background: none; border: 0; box-shadow: none; }
.embed .calc-card { border-radius: 16px; background: var(--surface); border: 1px solid var(--hairline-strong); }
.emb-foot { margin: 10px 4px 0; font-size: 12.5px; color: var(--text-muted); font-family: var(--font-body); }
.emb-foot a { color: var(--text-secondary); text-decoration: none; }
.emb-foot a strong { color: var(--signal); }
.emb-foot a:hover { text-decoration: underline; }
@media (max-width: 560px) { .embed .calc-grid { grid-template-columns: 1fr; } .emb-foot span { display: none; } }

html[data-theme="light"] {
  --bg: #FFFFFF; --surface: #FFFFFF; --surface-raised: #F4F7F9; --surface-overlay: #EDF1F4;
  --hairline: rgba(10,14,18,0.08); --hairline-strong: rgba(10,14,18,0.16);
  --signal: #00875F; --signal-pressed: #00744F; --signal-muted: rgba(0,135,95,0.16); --signal-faint: rgba(0,135,95,0.07);
  --on-signal: #FFFFFF; --up: #00875F; --down: #C8324F;
  --text-primary: #0B1217; --text-secondary: #3E4C56; --text-muted: #5A6A75;
  --win: #00875F; --loss: #C8324F; --warn: #A86500; --info: #1F6FC5;
  --cta-glow: none; --cta-glow-sm: none; --card-shadow: none;
  color-scheme: light;
}
html[data-theme="light"] body { color: var(--text-primary); }
html[data-theme="light"] .calc-field input, html[data-theme="light"] .calc-field select { background-color: #FFFFFF; }
html[data-theme="light"] .btn-ghost { background: rgba(10,14,18,0.04); }
html[data-theme="light"] .btn-ghost:hover { background: rgba(10,14,18,0.08); border-color: rgba(10,14,18,0.24); }
html[data-theme="light"] .btn-primary:hover { background: var(--signal-pressed); }
/* Grid and flex children default to min-width:auto, so a long <select> option
   (the market hours zone list) widened the whole card past a phone iframe. */
.embed .bezel, .embed .bezel-core, .embed .mh-top > *, .embed .calc-grid > * { min-width: 0; }
.embed select { max-width: 100%; }