/* Optional collection derived from the measured reference. No Hub shell rules. */
:is(.style-preview, .mobile-preview, .public-quiz-card):is([data-style="olive-sand"], [data-style="olive-botanical"], [data-style="olive-forest"]) {
  --quiz-bg: #f6f2ea;
  --quiz-bg-alt: #ffffff;
  --quiz-ink: #2b2a26;
  --quiz-muted: #6b675d;
  --quiz-accent: #5f6a4b;
  --quiz-accent-text: #ffffff;
  --quiz-track: #d9d2c4;
  --quiz-option-bg: #ffffff;
  --quiz-option-border: #d9d2c4;
  --quiz-option-selected: #ebe3d3;
  --quiz-option-dot: #ebe3d3;
  --olive-card-radius: 18px;
  --olive-card-shadow: 0 14px 30px -26px rgba(43, 42, 38, .5);
}
:is(.style-preview, .mobile-preview, .public-quiz-card)[data-style="olive-botanical"] {
  --quiz-accent: #3f4731;
  --olive-card-radius: 14px;
}
:is(.style-preview, .mobile-preview, .public-quiz-card)[data-style="olive-forest"] {
  --quiz-bg: #3f4731;
  --quiz-bg-alt: #4d5739;
  --quiz-ink: #f6f2ea;
  --quiz-muted: #d9d5c7;
  --quiz-accent: #f6f2ea;
  --quiz-accent-text: #3f4731;
  --quiz-track: #798265;
  --quiz-option-bg: #f6f2ea;
  --quiz-option-border: #dcd2bd;
  --quiz-option-selected: #ebe3d3;
  --olive-card-radius: 24px;
  --olive-card-shadow: 0 18px 40px -30px rgba(0, 0, 0, .6);
}

/* Actual answer, identity and closing cards share the same treatment in previews. */
:is(.style-preview, .mobile-preview, .public-quiz-card):is([data-style="olive-sand"], [data-style="olive-botanical"], [data-style="olive-forest"])
  :is(.public-option, .public-gender-option, .preview-option, .preview-mini-options span, .preview-identity-options span, .insight-card, .preview-insight-card) {
  border-radius: var(--olive-card-radius);
  border: 1px solid var(--quiz-option-border);
  background: var(--quiz-option-bg);
  box-shadow: var(--olive-card-shadow);
  overflow-wrap: anywhere;
}
:is(.style-preview, .mobile-preview, .public-quiz-card)[data-style="olive-botanical"]
  :is(.public-option, .preview-option, .preview-mini-options span, .insight-card, .preview-insight-card) {
  border-inline-start: 3px solid #b9733f;
}
:is(.style-preview, .mobile-preview, .public-quiz-card)[data-style="olive-forest"]
  :is(.public-option, .public-gender-option, .preview-option, .preview-mini-options span, .preview-identity-options span, .insight-card, .preview-insight-card, .public-lead-form input, .public-lead-form select, .preview-lead-fields span) {
  --quiz-ink: #2b2a26;
  --quiz-muted: #6b675d;
  --quiz-accent: #3f4731;
  --quiz-accent-text: #ffffff;
  color: var(--quiz-ink);
}
:is(.style-preview, .mobile-preview, .public-quiz-card):is([data-style="olive-sand"], [data-style="olive-botanical"], [data-style="olive-forest"])
  :is(.public-option.chosen, .preview-option.selected) {
  background: var(--quiz-option-selected);
  border-color: var(--quiz-accent);
}
:is(.style-preview, .mobile-preview, .public-quiz-card):is([data-style="olive-sand"], [data-style="olive-botanical"], [data-style="olive-forest"])
  :is(.loading-orb, .processing-orb, .complete-orb) {
  background: var(--quiz-accent);
  color: var(--quiz-accent-text);
  box-shadow: 0 0 0 14px var(--quiz-track);
}
:is(.style-preview, .mobile-preview, .public-quiz-card):is([data-style="olive-sand"], [data-style="olive-botanical"], [data-style="olive-forest"])
  :is(.processing-track, .preview-processing-track) { background: var(--quiz-track); }
:is(.style-preview, .mobile-preview, .public-quiz-card):is([data-style="olive-sand"], [data-style="olive-botanical"], [data-style="olive-forest"])
  :is(.processing-track, .preview-processing-track) > i { background: var(--quiz-accent); }
:is(.style-preview, .mobile-preview, .public-quiz-card):is([data-style="olive-sand"], [data-style="olive-botanical"], [data-style="olive-forest"])
  :is(.preview-next, .public-continue, .public-sale) {
  box-shadow: 0 10px 24px -12px rgba(63, 71, 49, .6);
}

/* Miniatures show the background, a card and the pill CTA before applying. */
.olive-sand-swatch, .template-preview-olive-sand {
  background: #f6f2ea url('/assets/backgrounds/olive-linen.png') center / cover;
  color: #2b2a26;
}
.olive-botanical-swatch, .template-preview-olive-botanical {
  background: #f6f2ea url('/assets/backgrounds/olive-leaves.png') center / cover;
  color: #2b2a26;
}
.olive-forest-swatch, .template-preview-olive-forest {
  background: #3f4731 url('/assets/backgrounds/olive-forest.png') center / cover;
  color: #f6f2ea;
}
:is(.template-preview-olive-sand, .template-preview-olive-botanical, .template-preview-olive-forest) i {
  width: 30px;
  height: 28px;
  border: 1px solid #d9d2c4;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 3px 8px -5px rgba(43, 42, 38, .5);
}
.template-preview-olive-botanical i { border-inline-start: 3px solid #b9733f; }
.template-preview-olive-forest i { background: #f6f2ea; }
:is(.template-preview-olive-sand, .template-preview-olive-botanical, .template-preview-olive-forest) b { font-family: "Newsreader", Georgia, serif; }
:is(.template-preview-olive-sand, .template-preview-olive-botanical, .template-preview-olive-forest) em {
  display: grid;
  place-items: center;
  width: 34px;
  height: 26px;
  border-radius: 999px;
  background: #5f6a4b;
  color: #ffffff;
}
.template-preview-olive-forest em { background: #f6f2ea; color: #3f4731; }
.template-palette { display: flex; gap: 5px; margin-top: 9px; }
.template-palette i { width: 16px; height: 16px; border: 1px solid rgba(43, 42, 38, .16); border-radius: 50%; }