/* Standalone embed layout. Colors, type and controls come from the shared CSS. */
.cepx-practice-embed { margin: 0; background: #fff; }
.cepx-practice-embed main { padding: 16px; }
.cepx-practice-embed .cep { width: 100%; max-width: 100%; margin: 0; padding: 0; overflow: visible; overflow-wrap: anywhere; }
.cepx-practice-embed .cepx-embed-header { margin-bottom: 16px; font-size: var(--c-fs-sm); }
.cepx-practice-embed .cep .cep-hero,
.cepx-practice-embed .cep .cep-seo-panel,
.cepx-practice-embed .cep .cep-sample-next,
.cepx-practice-embed .cep .cep-related-links { padding: 16px; }
.cepx-practice-embed .cep .cep-sample-card { padding: 16px; }
.cepx-practice-embed .cep .cep-sample-card:before { position: static; margin-bottom: 8px; }
.cepx-practice-embed .cep .cep-sample-choices { margin-inline: 0; padding-inline: 0; }
.cepx-practice-embed .cep .cep-sample-choices label { grid-template-columns: auto auto minmax(0, 1fr); }
.cepx-practice-embed .cep .cep-sample-next { display: flex; flex-wrap: wrap; }
.cepx-practice-embed .cep .cep-sample-next > *,
.cepx-practice-embed .cep .cep-practice-actions > * { min-width: 0; max-width: 100%; white-space: normal; }
.cepx-practice-embed .cep .cep-cta,
.cepx-practice-embed .cep .cep-btn { white-space: normal; overflow-wrap: anywhere; }
.cepx-practice-embed .cep .cep-infection-table-wrap { max-width: 100%; overflow-x: auto; }
.cepx-embed-builder [hidden] { display: none !important; }
.cepx-embed-builder, .cepx-embed-builder * { box-sizing: border-box; min-width: 0; }
.cepx-embed-builder .cepx-embed-controls { display: flex; flex-wrap: wrap; gap: 16px; align-items: end; margin-block: 16px; }
.cepx-embed-builder label { display: block; font-size: var(--cepx-fs-base); }
.cepx-embed-builder select { display: block; width: 100%; max-width: 100%; min-height: 48px; font: inherit; }
.cepx-embed-builder .cepx-embed-controls > label { flex: 1 1 180px; max-width: 100%; }
.cepx-embed-builder textarea { width: 100%; max-width: 100%; padding: 16px; font: inherit; font-size: var(--cepx-fs-sm); border: 1px solid var(--cepx-line); border-radius: var(--cepx-radius, 8px); }
.cepx-embed-builder iframe { display: block; width: 100%; max-width: 760px; height: 720px; border: 1px solid var(--cepx-line); border-radius: 8px; }
.cepx-embed-builder [data-cepx-embed-option] { margin-block: 16px; }
.cepx-embed-builder [data-cepx-embed-option] h3 { overflow-wrap: anywhere; }