.cee {
  --cee-accent: var(--site-accent, #155e75);
  --cee-text: var(--site-text, inherit);
  --cee-border: var(--site-border, #d6dee2);
  --cee-radius: var(--site-radius, .8rem);
  color: var(--cee-text);
  font: inherit;
  line-height: 1.6;
  max-width: 100%;
  overflow-wrap: anywhere;
}
.cee *, .cee *::before, .cee *::after { box-sizing: border-box; }
.cee__header, .cee__answer, .cee__actions, .cee__decision, .cee__next, .cee__feedback { margin-block: 1.5rem; }
.cee__answer, .cee__branch, .cee__feedback {
  padding: clamp(1rem, 2.5vw, 1.5rem);
  border: 1px solid var(--cee-border);
  border-radius: var(--cee-radius);
}
.cee__answer { border-inline-start: 4px solid var(--cee-accent); }
.cee__scope, .cee__hint, .cee__feedback-note { opacity: .8; }
.cee h2, .cee h3, .cee h4 { line-height: 1.25; margin: 0 0 .75rem; }
.cee p { margin: .5rem 0 1rem; }
.cee__choices { display: flex; flex-wrap: wrap; gap: .6rem; margin-block: .8rem; }
.cee__choices button { background: transparent; border: 1px solid var(--cee-border); border-radius: var(--cee-radius); color: inherit; cursor: pointer; font: inherit; padding: .6em 1em; text-align: left; }
.cee__choices button[aria-pressed="true"] { border-color: var(--cee-accent); outline: 2px solid var(--cee-accent); outline-offset: 1px; }
.cee__choices button:focus-visible, .cee input:focus-visible, .cee a:focus-visible { outline: 3px solid var(--cee-accent); outline-offset: 3px; }
.cee__steps { padding-inline-start: 1.6em; }
.cee__steps li { margin-block: .9rem; }
.cee__steps label { cursor: pointer; }
.cee__steps input { accent-color: var(--cee-accent); width: 1.1rem; height: 1.1rem; vertical-align: middle; }
.cee__step-detail { margin-inline-start: 1.4rem; }
.cee__branch + .cee__branch { margin-top: 1rem; }
.cee__branch[hidden], .cee [hidden] { display: none !important; }
.cee__next a, .cee__next-link a { text-decoration: underline; text-underline-offset: .18em; }
@media (prefers-reduced-motion: reduce) { .cee * { scroll-behavior: auto !important; transition: none !important; } }