/**
 * Outil Rédac — Éditorial 2.1.0 : questionnaire interactif + avis des propriétaires.
 *
 * Aucune couleur codée en dur : variables --ica-* / --ora-* calculées par le plugin et
 * posées sur body.ore-article (le runtime ne les écrase pas quand --ora-managed vaut 1).
 * Les boutons sont préfixés par leur conteneur et en !important : un button:hover du
 * thème ne peut pas les recolorer.
 */

/* ── Texte d'accompagnement (lead-in / follow-up) = texte éditorial ── */
.article-interactive-lead-in,
.article-interactive-follow-up {
  margin: .85rem 0;
  padding: 0;
  border: none;
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: inherit;
}
.article-interactive-lead-in { margin-bottom: .55rem; }
.article-interactive-follow-up { margin-top: .85rem; }
.article-interactive-integration { margin: 1.35rem 0; }

/* ── Conteneur du questionnaire ──────────────────────────────────── */
.article-interactive-tool {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  margin: 1.4rem 0;
  padding: 1.15rem 1.05rem;
  color: var(--ica-text) !important;
  background: var(--ica-bg) !important;
  border: 1px solid var(--ica-border) !important;
  border-radius: var(--ica-radius);
  box-shadow: var(--ora-shadow-sm);
  font-family: inherit;
  font-size: 1rem;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.article-interactive-tool *,
.article-interactive-tool *::before,
.article-interactive-tool *::after { box-sizing: border-box; }
.article-interactive-tool :is(p, li, span, strong, b, em, i, legend, label) { color: inherit; }

/* ── En-tête ─────────────────────────────────────────────────────── */
.article-interactive-tool .interactive-tool-heading { margin: 0 0 1rem; }
.article-interactive-tool .interactive-tool-label {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  margin: 0 0 .55rem;
  padding: .22rem .6rem .22rem .4rem;
  border-radius: var(--ora-radius-pill);
  background: var(--ora-label-bg) !important;
  color: var(--ora-label-text) !important;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  line-height: 1.3;
}
.article-interactive-tool .interactive-tool-label::before {
  content: "";
  width: .45rem;
  height: .45rem;
  border-radius: 50%;
  background: currentColor;
  flex-shrink: 0;
}
.article-interactive-tool .interactive-tool-title {
  margin: 0 0 .4rem !important;
  padding: 0 !important;
  border: 0 !important;
  color: var(--ora-heading) !important;
  -webkit-text-fill-color: currentColor;
  font-size: clamp(1.1rem, 2.4vw, 1.28rem) !important;
  font-weight: 700;
  line-height: 1.3;
}
.article-interactive-tool .interactive-tool-title::before,
.article-interactive-tool .interactive-tool-title::after { content: none !important; }
.article-interactive-tool .interactive-tool-intro {
  margin: 0;
  color: var(--ica-muted) !important;
  font-size: .94rem;
  line-height: 1.45;
}

/* ── Progression ─────────────────────────────────────────────────── */
.article-interactive-tool .interactive-tool-progress { margin: 0 0 1.05rem; }
.article-interactive-tool :is(.interactive-tool-progress-meta, .interactive-tool-progress-label) {
  margin: 0 0 .4rem;
  color: var(--ica-muted) !important;
  font-size: .8rem;
  font-weight: 600;
}
.article-interactive-tool .interactive-tool-progress-track {
  height: 6px;
  overflow: hidden;
  border-radius: 999px;
  background: var(--ora-border);
}
.article-interactive-tool .interactive-tool-progress-bar {
  width: 0%;
  height: 100%;
  border-radius: inherit;
  background: var(--ora-signal);
  transition: width .22s ease;
}

/* ── Question et réponses ────────────────────────────────────────── */
.article-interactive-tool .interactive-tool-question { margin: 0; }
.article-interactive-tool .interactive-tool-question[hidden] { display: none !important; }
.article-interactive-tool .interactive-tool-question-text {
  margin: 0 0 .95rem;
  color: var(--ora-heading) !important;
  font-size: clamp(1.05rem, 2.2vw, 1.18rem);
  font-weight: 650;
  line-height: 1.35;
}
.article-interactive-tool .interactive-tool-answers {
  display: grid;
  grid-template-columns: 1fr;
  gap: .65rem;
  margin: 0;
}
.article-interactive-tool button.interactive-tool-answer {
  position: relative;
  display: flex !important;
  align-items: center;
  width: 100%;
  min-height: 44px;
  margin: 0 !important;
  padding: .8rem 2.6rem .8rem .95rem !important;
  border: 1px solid var(--ica-control-border) !important;
  border-radius: var(--ica-radius-sm) !important;
  background: var(--ora-answer-bg) !important;
  color: var(--ica-text) !important;
  -webkit-text-fill-color: var(--ica-text) !important;
  box-shadow: none !important;
  font: inherit;
  font-size: .95rem !important;
  font-weight: 500;
  letter-spacing: normal !important;
  line-height: 1.35 !important;
  text-align: left !important;
  text-transform: none !important;
  text-decoration: none !important;
  cursor: pointer;
  transform: none !important;
  transition: border-color .15s ease, background .15s ease, box-shadow .15s ease;
}
.article-interactive-tool button.interactive-tool-answer:hover {
  border-color: var(--ora-signal) !important;
  background: var(--ora-answer-hover-bg) !important;
  color: var(--ica-text) !important;
  -webkit-text-fill-color: var(--ica-text) !important;
}
.article-interactive-tool button.interactive-tool-answer:focus-visible {
  outline: 3px solid var(--ora-focus) !important;
  outline-offset: 2px;
}
/* Sélection : fond, bordure ET coche visible (jamais la couleur seule). */
.article-interactive-tool button.interactive-tool-answer:is(.is-selected, [aria-pressed="true"]) {
  border-color: var(--ora-signal) !important;
  background: var(--ora-answer-selected-bg) !important;
  box-shadow: inset 4px 0 0 var(--ora-signal) !important;
  font-weight: 650;
}
.article-interactive-tool button.interactive-tool-answer:is(.is-selected, [aria-pressed="true"])::after {
  content: "✓";
  position: absolute;
  top: 50%;
  right: .8rem;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.35rem;
  height: 1.35rem;
  border-radius: 50%;
  background: var(--ora-ink);
  color: var(--ora-ink-text);
  font-size: .8rem;
  font-weight: 800;
  line-height: 1;
}
.article-interactive-tool button.interactive-tool-answer:disabled { opacity: .72; cursor: default; }

/* ── Navigation et boutons secondaires ───────────────────────────── */
.article-interactive-tool .interactive-tool-nav {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  margin-top: .95rem;
}
.article-interactive-tool :is(button.interactive-tool-back, button.interactive-tool-reset, a.interactive-tool-cta) {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  margin: 0;
  padding: .55rem 1rem !important;
  border-radius: var(--ica-radius-sm) !important;
  font: inherit;
  font-size: .9rem !important;
  font-weight: 600 !important;
  letter-spacing: normal !important;
  line-height: 1.3 !important;
  text-transform: none !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transform: none !important;
  cursor: pointer;
  transition: border-color .15s ease, background .15s ease, color .15s ease;
}
.article-interactive-tool :is(button.interactive-tool-back, button.interactive-tool-reset) {
  border: 1px solid var(--ica-control-border) !important;
  background: var(--ora-btn2-bg) !important;
  color: var(--ora-btn2-text) !important;
  -webkit-text-fill-color: var(--ora-btn2-text) !important;
}
.article-interactive-tool :is(button.interactive-tool-back, button.interactive-tool-reset):hover {
  border-color: var(--ora-signal) !important;
  background: var(--ora-btn2-hover-bg) !important;
  color: var(--ora-btn2-hover-text) !important;
  -webkit-text-fill-color: var(--ora-btn2-hover-text) !important;
}
.article-interactive-tool :is(button.interactive-tool-back, button.interactive-tool-reset, a.interactive-tool-cta):focus-visible {
  outline: 3px solid var(--ora-focus) !important;
  outline-offset: 2px;
}
.article-interactive-tool button.interactive-tool-reset { margin-top: .85rem; font-size: .85rem !important; }
.article-interactive-tool .interactive-tool-result-nav { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: .85rem; }
.article-interactive-tool .interactive-tool-result-nav button.interactive-tool-reset { margin-top: 0; }

/* ── Résultat ────────────────────────────────────────────────────── */
.article-interactive-tool .interactive-tool-result { margin: 0; }
.article-interactive-tool .interactive-tool-result[hidden] { display: none !important; }
.article-interactive-tool .interactive-tool-result-card {
  padding: 1rem 1rem 1.05rem;
  border: 1px solid var(--ora-border);
  border-top: 3px solid var(--ora-signal);
  border-radius: var(--ica-radius-sm);
  background: var(--ora-result-bg);
  color: var(--ica-text);
}
.article-interactive-tool .interactive-tool-result-label {
  display: inline-block;
  margin: 0 0 .45rem;
  color: var(--ica-accent-text) !important;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.article-interactive-tool .interactive-tool-result-title {
  margin: 0 0 .45rem;
  color: var(--ora-heading) !important;
  font-size: clamp(1.12rem, 2.4vw, 1.3rem);
  font-weight: 700;
  line-height: 1.3;
}
.article-interactive-tool .interactive-tool-result-summary {
  margin: 0 0 .75rem;
  color: var(--ica-text) !important;
  font-size: .98rem;
}
.article-interactive-tool .interactive-tool-result-details {
  margin: 0 0 .85rem !important;
  padding: 0 !important;
  list-style: none !important;
}
.article-interactive-tool .interactive-tool-result-details li {
  position: relative;
  margin: 0 0 .4rem !important;
  padding-left: 1.15rem !important;
  color: var(--ica-text) !important;
  font-size: .94rem;
}
.article-interactive-tool .interactive-tool-result-details li::before {
  content: "";
  position: absolute;
  left: .15rem;
  top: .5em;
  width: .45rem;
  height: .45rem;
  border-radius: 50%;
  background: var(--ora-signal);
}
.article-interactive-tool .interactive-tool-alt {
  margin: 0 0 .85rem;
  padding: .65rem .75rem;
  border-left: 3px solid var(--ora-signal);
  border-radius: 0 var(--ica-radius-sm) var(--ica-radius-sm) 0;
  background: var(--ora-soft-2);
  color: var(--ica-muted);
  font-size: .9rem;
}
.article-interactive-tool .interactive-tool-alt-label {
  margin: 0 0 .25rem;
  color: var(--ica-accent-text) !important;
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.article-interactive-tool .interactive-tool-alt-title { margin: 0; color: var(--ica-text) !important; font-size: .98rem; font-weight: 650; }
.article-interactive-tool .interactive-tool-alt-summary { margin: .35rem 0 0; color: var(--ica-muted) !important; font-size: .88rem; }
.article-interactive-tool .interactive-tool-ctas {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin: 0 0 .75rem;
}
.article-interactive-tool a.interactive-tool-cta,
.article-interactive-tool a.interactive-tool-cta:visited {
  border: 1px solid var(--ora-btn-border) !important;
  background: var(--ora-btn) !important;
  color: var(--ora-btn-text) !important;
  -webkit-text-fill-color: var(--ora-btn-text) !important;
}
.article-interactive-tool a.interactive-tool-cta:hover {
  border-color: var(--ora-btn-hover) !important;
  background: var(--ora-btn-hover) !important;
  color: var(--ora-btn-hover-text) !important;
  -webkit-text-fill-color: var(--ora-btn-hover-text) !important;
}
/* Deuxième CTA : bouton secondaire (contour). */
.article-interactive-tool .interactive-tool-ctas a.interactive-tool-cta + a.interactive-tool-cta {
  border-color: var(--ica-control-border) !important;
  background: var(--ora-btn2-bg) !important;
  color: var(--ora-btn2-text) !important;
  -webkit-text-fill-color: var(--ora-btn2-text) !important;
}
.article-interactive-tool .interactive-tool-ctas a.interactive-tool-cta + a.interactive-tool-cta:hover {
  border-color: var(--ora-signal) !important;
  background: var(--ora-btn2-hover-bg) !important;
  color: var(--ora-btn2-hover-text) !important;
  -webkit-text-fill-color: var(--ora-btn2-hover-text) !important;
}
.article-interactive-tool .interactive-tool-disclaimer { margin: 0; color: var(--ica-muted) !important; font-size: .8rem; }
.article-interactive-tool .interactive-tool-error { margin: 0; color: var(--ora-error) !important; font-size: .95rem; }
.article-interactive-tool .interactive-tool-loading { margin: .5rem 0 0; color: var(--ica-muted) !important; font-size: .85rem; }

/* Aperçu de l'application (chrome uniquement). */
.interactive-tool-integration-preview .ica-preview-label { margin: 0 0 .25rem; font-size: .7rem; text-transform: uppercase; letter-spacing: .04em; color: var(--ica-muted); }
.interactive-tool-integration-preview .ica-preview-stub { margin: .35rem 0; color: var(--ica-muted); font-style: italic; }
.interactive-tool-integration-preview .ica-preview-muted { opacity: .7; }
.interactive-tool-integration-preview .ica-preview-arrow { margin: .35rem 0; color: var(--ica-muted); text-align: center; }
.interactive-tool-theme-debug { display: none; }

@media (min-width: 560px) {
  .article-interactive-tool { padding: 1.35rem 1.3rem; }
  .article-interactive-tool .interactive-tool-answers { grid-template-columns: repeat(auto-fit, minmax(min(100%, 11.5rem), 1fr)); }
}
@media (max-width: 359px) {
  .article-interactive-tool { padding: .95rem .8rem; }
  .article-interactive-tool button.interactive-tool-answer { padding: .75rem 2.4rem .75rem .8rem !important; }
}

/* ═════════════════════════════════════════════════════════════════════
   AVIS DES PROPRIÉTAIRES (module aor-*)
   ═════════════════════════════════════════════════════════════════════ */
.aor-widget {
  --aor-primary: var(--ora-ink);
  --aor-accent: var(--ora-signal);
  --aor-accent-dark: var(--ora-accent-text);
  --aor-soft: var(--ora-soft-2);
  --aor-border: var(--ora-border);
  --aor-text: var(--ora-text);
  --aor-muted: var(--ora-muted);
  margin: 1.5rem 0;
  font-family: inherit;
  color: var(--aor-text);
}
/* Le module porte aussi la classe article-interactive-tool : pas de double cadre. */
.article-interactive-tool.aor-widget,
.aor-widget.article-interactive-tool {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.aor-widget *, .aor-widget *::before, .aor-widget *::after { box-sizing: border-box; }
.aor-widget :is(p, span, strong, b, em, i, legend, label, div) { color: inherit; }
.aor-widget .aor-card {
  width: 100%;
  padding: 1.25rem;
  border: 1px solid var(--aor-border);
  border-top: 4px solid var(--ase-accent);
  border-radius: var(--ora-radius);
  background: var(--ora-surface);
  color: var(--aor-text);
  box-shadow: var(--ora-shadow);
}
.aor-widget .aor-loading { color: var(--aor-muted); }
.aor-widget .aor-header { margin-bottom: 1rem; }
.aor-widget .aor-eyebrow {
  display: inline-flex;
  align-items: center;
  margin-bottom: .45rem;
  padding: .28rem .6rem;
  border-radius: var(--ora-radius-pill);
  background: var(--ora-label-bg);
  color: var(--ora-label-text) !important;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .045em;
  text-transform: uppercase;
}
.aor-widget .aor-title {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: var(--ora-heading) !important;
  -webkit-text-fill-color: currentColor;
  font-size: clamp(1.18rem, 3vw, 1.5rem) !important;
  line-height: 1.3 !important;
  font-weight: 800 !important;
}
.aor-widget .aor-title::before, .aor-widget .aor-title::after { content: none !important; }
.aor-widget .aor-summary {
  display: grid;
  grid-template-columns: minmax(140px, .8fr) minmax(0, 1.4fr);
  gap: 1rem;
  align-items: stretch;
  margin: .8rem 0 1rem;
}
.aor-widget .aor-score {
  padding: 1rem;
  border-radius: var(--ora-radius-sm);
  background: var(--ora-score-bg);
  color: var(--ora-score-text) !important;
  text-align: center;
}
.aor-widget .aor-score :is(div, span, strong) { color: var(--ora-score-text) !important; }
.aor-widget .aor-score-value { font-size: 2rem; font-weight: 850; line-height: 1; }
.aor-widget .aor-score .aor-score-stars { margin: .35rem 0 .25rem; color: var(--ora-score-star) !important; letter-spacing: .08em; font-size: 1.5rem; line-height: 1.1; }
.aor-widget .aor-score-count { font-size: .85rem; }
.aor-widget .aor-facts { display: grid; align-content: center; gap: .65rem; }
.aor-widget .aor-fact {
  padding: .8rem .9rem;
  border: 1px solid var(--aor-border);
  border-radius: var(--ora-radius-sm);
  background: var(--aor-soft);
  color: var(--aor-text) !important;
  line-height: 1.4;
}
.aor-widget .aor-fact strong { color: var(--ora-ink) !important; font-size: 1.05rem; }
.aor-widget .aor-empty { padding: .9rem 0 .4rem; text-align: center; }
.aor-widget .aor-empty-stars { color: var(--ora-star-empty) !important; letter-spacing: .12em; font-size: 1.5rem; line-height: 1.2; }
.aor-widget .aor-empty p { margin: .45rem 0 0 !important; color: var(--aor-muted) !important; }
.aor-widget .aor-community-note { margin: .9rem 0 !important; color: var(--aor-muted) !important; font-size: .85rem; line-height: 1.45; }

/* Boutons : couleurs forcées contre les button / button:hover des thèmes. */
.aor-widget button.aor-btn {
  appearance: none;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  margin: 0;
  padding: .72rem 1.1rem !important;
  border: 1px solid transparent;
  border-radius: var(--ora-radius-sm) !important;
  font: inherit;
  font-size: .95rem !important;
  font-weight: 750 !important;
  letter-spacing: normal !important;
  line-height: 1.3 !important;
  text-transform: none !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transform: none !important;
  cursor: pointer;
  transition: background .15s ease, border-color .15s ease, color .15s ease;
}
.aor-widget button.aor-btn:focus-visible { outline: 3px solid var(--ora-focus) !important; outline-offset: 2px; }
.aor-widget button.aor-btn:disabled { opacity: .7; cursor: wait; }
.aor-widget button.aor-btn-primary {
  border-color: var(--ora-btn-border) !important;
  background: var(--ora-btn) !important;
  color: var(--ora-btn-text) !important;
  -webkit-text-fill-color: var(--ora-btn-text) !important;
}
.aor-widget button.aor-btn-primary:hover {
  border-color: var(--ora-btn-hover) !important;
  background: var(--ora-btn-hover) !important;
  color: var(--ora-btn-hover-text) !important;
  -webkit-text-fill-color: var(--ora-btn-hover-text) !important;
}
.aor-widget button.aor-btn-secondary {
  border-color: var(--ora-control-border) !important;
  background: var(--ora-btn2-bg) !important;
  color: var(--ora-btn2-text) !important;
  -webkit-text-fill-color: var(--ora-btn2-text) !important;
}
.aor-widget button.aor-btn-secondary:hover {
  border-color: var(--ora-signal) !important;
  background: var(--ora-btn2-hover-bg) !important;
  color: var(--ora-btn2-hover-text) !important;
  -webkit-text-fill-color: var(--ora-btn2-hover-text) !important;
}

/* Formulaire. */
.aor-widget .aor-form { margin-top: .25rem; background: transparent; }
.aor-widget .aor-fieldset { min-width: 0; margin: 0 0 1rem; padding: 0; border: 0; }
.aor-widget .aor-legend {
  margin-bottom: .55rem;
  padding: 0;
  color: var(--ora-heading) !important;
  font-weight: 750;
  line-height: 1.35;
}
.aor-widget .aor-choices {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(135px, 1fr));
  gap: .55rem;
}
.aor-widget label.aor-choice {
  position: relative;
  display: flex;
  align-items: center;
  gap: .55rem;
  min-height: 44px;
  margin: 0;
  padding: .65rem .72rem;
  border: 1px solid var(--ora-control-border);
  border-radius: var(--ora-radius-sm);
  background: var(--ora-answer-bg);
  color: var(--aor-text) !important;
  cursor: pointer;
  line-height: 1.3;
}
.aor-widget label.aor-choice:hover { background: var(--ora-answer-hover-bg); border-color: var(--ora-signal); }
/* Choix coché : fond, bordure ET pastille du bouton radio natif (jamais la couleur seule). */
.aor-widget label.aor-choice:has(input:checked) {
  border-color: var(--ora-signal);
  background: var(--ora-answer-selected-bg);
  box-shadow: inset 3px 0 0 var(--ora-signal);
  font-weight: 650;
}
.aor-widget label.aor-choice input {
  width: 1.1rem;
  height: 1.1rem;
  margin: 0;
  flex-shrink: 0;
  accent-color: var(--ora-ink);
}
.aor-widget label.aor-choice input:focus-visible { outline: 3px solid var(--ora-focus); outline-offset: 2px; }

/* Étoiles : positions visuelles ET valeurs des boutons radio de 1 à 5, de gauche à droite.
   Jamais de flex inversé : le remplissage est un état explicite posé par le script. */
.aor-widget .aor-stars-input {
  display: inline-flex;
  flex-direction: row !important;
  direction: ltr !important;
  justify-content: flex-start;
  gap: .18rem;
}
.aor-widget .aor-star-option {
  position: relative;
  order: 0 !important;
  margin: 0;
  padding: 0 .05rem;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
.aor-widget .aor-star-option input { position: absolute; opacity: 0; pointer-events: none; }
.aor-widget .aor-star-glyph {
  display: inline-block;
  color: var(--ora-star-empty) !important;
  font-size: 2rem;
  line-height: 1;
  transition: color .12s ease, transform .12s ease;
}
.aor-widget .aor-star-option.is-filled .aor-star-glyph { color: var(--ora-star) !important; }
.aor-widget .aor-star-option input:focus-visible + .aor-star-glyph { outline: 3px solid var(--ora-focus); outline-offset: 3px; border-radius: 4px; }
.aor-widget :is(.aor-selected-note, .aor-current-note) { margin: .45rem 0 0; color: var(--aor-text) !important; font-size: .9rem; line-height: 1.5; }
.aor-widget .aor-current-note { margin: 0 0 .85rem; font-weight: 600; }
.aor-widget .aor-form-actions { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: .35rem; }
.aor-widget .aor-error { margin: .6rem 0 !important; color: var(--ora-error) !important; font-weight: 650; }
.aor-widget .aor-error:empty { display: none; }
.aor-widget .aor-thanks {
  margin: 0 0 .9rem;
  padding: .65rem .8rem;
  border-left: 4px solid var(--ora-signal);
  border-radius: var(--ora-radius-sm);
  background: var(--ora-thanks-bg);
  color: var(--ora-ink) !important;
  font-weight: 700;
}
.aor-widget .aor-distributions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: .8rem;
  margin: .8rem 0;
}
.aor-widget .aor-distribution {
  padding: .85rem;
  border: 1px solid var(--aor-border);
  border-radius: var(--ora-radius-sm);
  background: var(--ora-surface);
}
.aor-widget .aor-distribution-title { margin-bottom: .5rem; color: var(--ora-heading) !important; font-weight: 750; }
.aor-widget .aor-distribution-row { display: flex; justify-content: space-between; gap: 1rem; padding: .25rem 0; font-size: .88rem; color: var(--aor-text) !important; }
.aor-widget .aor-distribution-row strong { color: var(--ora-accent-text) !important; }

@media (max-width: 620px) {
  .aor-widget .aor-card { padding: 1rem; }
  .aor-widget .aor-summary { grid-template-columns: 1fr; }
  .aor-widget .aor-choices { grid-template-columns: 1fr; }
  .aor-widget button.aor-btn { width: 100%; }
  .aor-widget .aor-form-actions { display: grid; grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .article-interactive-tool *, .aor-widget * { transition: none !important; }
}