/* Page « Intégrer » : formulaire de réglage du widget et code à copier. */
.top h1 a { color: inherit; text-decoration: none; }
.emb { padding-top: 16px; padding-bottom: 40px; }
.emb h2 { font-size: 1.1rem; margin: 24px 0 8px; }
.emb-form fieldset { border: 1px solid var(--line); border-radius: 10px; margin: 0 0 12px; padding: 8px 12px 10px; display: flex; flex-wrap: wrap; gap: 6px 16px; }
.emb-form legend { font-weight: 600; padding: 0 4px; }
.emb-form legend small { font-weight: 400; color: var(--muted); }
.emb-form label { display: inline-flex; align-items: center; gap: 6px; }
.emb-form .sub { flex-basis: 100%; color: var(--muted); font-size: .92rem; }
.emb-form .field { flex-basis: 100%; justify-content: space-between; }
.emb-form .field input, .emb-form .field select { font: inherit; padding: 4px 6px; max-width: 60%; }
.emb-form .field input[type="number"] { width: 7em; }
.emb-orgs { display: flex; flex-wrap: wrap; gap: 6px 16px; }
.emb-code { width: 100%; font: 13px/1.4 ui-monospace, Menlo, Consolas, monospace; padding: 8px; border: 1px solid var(--line); border-radius: 8px; background: var(--card); color: var(--ink); resize: vertical; }
.emb button { font: inherit; padding: 6px 14px; border-radius: 8px; border: 0; background: var(--chip-on); color: var(--chip-on-ink); cursor: pointer; }
.emb-preview { border: 1px dashed var(--line); border-radius: 10px; overflow: hidden; max-width: 480px; }
.emb-preview iframe { display: block; width: 100%; border: 0; }
.muted { color: var(--muted); font-size: .9rem; overflow-wrap: anywhere; }