/* Embed-specific overrides — strip the chrome (topbar, footer, hero,
   aurora, ads, marquee), keep just the calculator. */

.embed-body {
  background: var(--bg);
  margin: 0;
  padding: 0;
  min-height: 100vh;
  font-size: 14px;
}

.embed-main {
  max-width: none;
  margin: 0;
  padding: 14px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.embed-counter {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 14px;
  box-shadow: var(--shadow);
}

.embed-counter textarea#input {
  min-height: 100px;
  font-size: 0.88rem;
  padding: 10px 12px;
}

.meta-row-embed {
  gap: 12px;
  font-size: 0.78rem;
  padding: 8px 2px 2px;
}
.meta-row-embed .staleness {
  font-size: 0.7rem;
  padding: 2px 8px;
}

.split-embed {
  font-size: 0.82rem;
  padding: 8px 2px 4px;
}

.embed-counter .results th,
.embed-counter .results td {
  padding: 7px 8px;
  font-size: 0.82rem;
}

.embed-counter .results .empty {
  padding: 24px 8px;
}

/* Compact mode — even denser, hides char/word/output controls */
.embed-body[data-compact="1"] .meta-row-embed,
.embed-body[data-compact="1"] .split-embed { display: none; }
.embed-body[data-compact="1"] .embed-counter textarea#input {
  min-height: 70px;
  rows: 3;
}

.embed-attribution {
  text-align: right;
  font-size: 0.7rem;
  color: var(--fg-mute);
  padding: 2px 4px;
}
.embed-attribution a {
  color: var(--fg-mute);
  text-decoration: none;
}
.embed-attribution a:hover {
  color: var(--fg-soft);
  text-decoration: underline;
}
.embed-attribution strong {
  color: var(--fg);
  font-weight: 600;
}

/* Hide confidence + per-call columns in embed (data cells are positions 4+5).
   Position 5 is also hidden by the per-call rule. */
.embed-counter .results th.hide-on-embed,
.embed-counter .results td:nth-child(4),
.embed-counter .results td:nth-child(5) {
  display: none;
}

/* Embed strips the hero, marquee, ads, ambient dot grid */
.embed-body::before { display: none; }