/* Partage du calculateur — mêmes tokens que le site. */
.calculator-embed { margin-block: 1rem; }
.calculator-embed__panel { border: 1px solid var(--rule); background: var(--surface); }
.calculator-embed__summary {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.625rem;
  padding: 0.875rem 1rem;
  color: var(--teal-text);
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  list-style: none;
}
.calculator-embed__summary::-webkit-details-marker { display: none; }
.calculator-embed__summary::after { content: '+'; margin-left: auto; font-family: 'IBM Plex Mono', monospace; }
.calculator-embed__panel[open] > summary::after { content: '−'; }
.calculator-embed__summary:focus-visible,
.calculator-embed__actions button:focus-visible { outline: 2px solid var(--teal); outline-offset: 3px; }
.calculator-embed__badge { padding: 0.125rem 0.375rem; background: var(--teal-bg); font-size: 0.75rem; }
.calculator-embed__body { padding: 1rem; border-top: 1px solid var(--rule); font-size: 0.875rem; }
.calculator-embed__body > p { color: var(--ink-soft); }
.calculator-embed__settings { display: grid; gap: 0.5rem; margin-block: 1rem; }
.calculator-embed__settings input {
  width: 8rem;
  padding: 0.5rem;
  color: var(--ink);
  background: var(--surface);
  border: 1px solid var(--rule);
  font-family: 'IBM Plex Mono', monospace;
}
.calculator-embed__settings p { color: var(--ink-soft); font-size: 0.8125rem; }
.calculator-embed__label { display: block; margin-bottom: 0.5rem; font-weight: 500; }
.calculator-embed__code {
  display: block;
  width: 100%;
  padding: 0.875rem;
  border: 1px solid var(--rule);
  background: var(--surface-alt);
  color: var(--ink);
  font: 0.8125rem/1.6 'IBM Plex Mono', monospace;
  resize: vertical;
}
.calculator-embed__actions { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 1rem; }
.calculator-embed__actions button { padding: 0.625rem 1rem; border: 1px solid var(--rule); font-weight: 500; }
.calculator-embed__copy { background: var(--teal-bg); color: var(--teal-text); }
.calculator-embed__preview-toggle { background: var(--surface); color: var(--ink); }
.calculator-embed__actions button:disabled { opacity: 0.6; cursor: wait; }
.calculator-embed__feedback { margin-top: 0.75rem; min-height: 1.5em; }
.calculator-embed__preview { display: block; max-width: 100%; margin-top: 1rem; border: 1px solid var(--rule); background: var(--surface); }

/* Présentation dédiée aux iframes : seul le workspace est rendu côté serveur. */
.embed-page { min-height: 0; background: var(--bg); }
.embed-page .container { max-width: 72rem; padding-inline: 1rem; }
.embed-header { padding-block: 1rem; }
.embed-brand { display: inline-block; margin-bottom: 0.5rem; font-weight: 600; color: var(--teal-text); }
.embed-header h1 { font-size: clamp(1.25rem, 3vw, 1.75rem); line-height: 1.2; letter-spacing: -0.02em; }
.embed-subtitle { margin-top: 0.375rem; color: var(--ink-soft); font-size: 0.875rem; }
.embed-disclaimer { margin-top: 0.75rem; color: var(--ink-soft); font-size: 0.8125rem; }
.embed-page .calc-workspace { padding-bottom: 1rem; }
.embed-page .calc-workspace .col-5 { position: static; }
.embed-page .reveal { animation: none; opacity: 1; }
.embed-page .params-panel__body,
.embed-page .monitor__body { padding: 1rem; }
.embed-sources { margin: 0 1rem 1rem; border: 1px solid var(--rule); }
.embed-sources > summary { padding: 0.75rem; cursor: pointer; color: var(--teal-text); font-size: 0.875rem; }
.embed-sources .indications-section,
.embed-sources .pitfalls-section,
.embed-sources .evidence-section { padding-block: 1rem; }
.embed-sources > p { padding-bottom: 1rem; }
.embed-footer { padding-block: 0.875rem; border-top: 1px solid var(--rule); color: var(--teal-text); font-size: 0.8125rem; }
.embed-footer a:hover { text-decoration: underline; }

@media print {
  .embed-sources { display: none; }
}