/* Variant A keeps the existing preview and result layout. */
.sim-prefill-note, .sim-data-toggle { display: none; }
html[data-simulator-variant="b"] #sim-content { margin-top: 32px; }
html[data-simulator-variant="b"] .sim-prefill-note {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  margin-bottom: 14px; font-size: 12px; line-height: 1.6; color: #53675d;
}
#sim-prefill-retry { color: #1a7a4a; text-decoration: underline; font-weight: 600; }
html[data-simulator-variant="b"] #sim-content > .sim-mobile-result-heading { display: none; }
html[data-simulator-variant="b"] #sim-map { height: 480px !important; }
html[data-simulator-variant="b"] #sim-content .sim-map-col { min-width: 0; }
html[data-simulator-variant="b"] #sim-content .sim-stats-col { min-width: 0; }
html[data-simulator-variant="b"] #sim-content .sim-full-details { display: none !important; }
html[data-simulator-variant="b"] #sim-content[data-details-expanded="true"] .sim-full-details { display: block !important; }
html[data-simulator-variant="b"] .sim-data-toggle {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  width: 100%; min-height: 44px; padding: 10px 16px; border-radius: 12px;
  border: 1px solid #dbe7df; background: #fff; color: #1a7a4a;
  font: inherit; font-size: 13px; font-weight: 600; text-align: left; cursor: pointer;
}
html[data-simulator-variant="b"] .sim-data-toggle:hover { border-color: #1a7a4a; background: #f4faf6; }
html[data-simulator-variant="b"] .sim-data-toggle:focus-visible { outline: 3px solid #1a7a4a; outline-offset: 3px; }
html[data-simulator-variant="b"] .sim-data-toggle span { font-size: 20px; font-weight: 400; line-height: 1; }
html[data-simulator-variant="b"] #sim-content[data-result-state="loading"] .sim-stats-col { visibility: hidden; }
html[data-simulator-variant="b"] #sim-content[data-result-state="error"] .sim-stats-col { display: none; }
@media (max-width: 639px) {
  html[data-simulator-variant="b"] #sim-content { margin-top: 24px; }
  html[data-simulator-variant="b"] #sim-content .sim-map-col { display: block !important; order: 0; }
  html[data-simulator-variant="b"] #sim-content .sim-stats-col { order: 1; }
  html[data-simulator-variant="b"] #sim-map { height: 270px !important; }
  html[data-simulator-variant="b"] #simulateur #sim-age-brackets:not(.hidden) { display: block !important; }
  html[data-simulator-variant="b"] .sim-full-details > .grid { grid-template-columns: 1fr; }
  html[data-simulator-variant="b"] #sim-content > .grid { gap: 18px; }
}

html[data-simulator-variant="b"] #sim-content[data-drawn-zone="true"] .sim-mobile-radius { display: none !important; }
@media (max-width: 639px) {
  html[data-simulator-variant="b"] #sim-demographics > .flex { flex-direction: column; align-items: flex-start; gap: 4px; }
  html[data-simulator-variant="b"] #sim-demographics > .grid > div { flex-direction: column; align-items: flex-start; gap: 4px; }
  html[data-simulator-variant="b"] #sim-demographics > .grid > div > span[id] { white-space: nowrap; }
}
