/* Read-only learning quiz. No shared layout or mobile-sheet selectors. */
.ttv-minigame-modes { margin-top: 1.75rem; }
.ttv-minigame-modes__tabs {
  display: flex;
  flex-wrap: wrap;
  gap: .625rem;
  margin-bottom: 1rem;
  padding: .25rem;
  border: 1px solid #d8c9ac;
  border-radius: .75rem;
  background: #f7f0e3;
}
.ttv-minigame-modes__tabs button {
  min-height: 2.75rem;
  min-width: 7.5rem;
  flex: 1 1 10rem;
  padding: .6rem 1rem;
  border: 1px solid transparent;
  border-radius: .55rem;
  color: #17334a;
  background: transparent;
  font: inherit;
  font-weight: 700;
  line-height: 1.3;
  cursor: pointer;
  touch-action: manipulation;
}
.ttv-minigame-modes__tabs button[aria-selected="true"] { border-color: #17334a; color: #fff; background: #17334a; }
.ttv-minigame-modes__tabs button:hover:not([aria-selected="true"]) { border-color: #9f8865; background: #fffdf6; }
.ttv-minigame-modes__tabs button:focus-visible { outline: 3px solid #975000; outline-offset: 2px; }
.ttv-minigame-panel[hidden] { display: none !important; }
.ttv-minigame-panel[role="tabpanel"] { min-width: 0; }
.ttv-customer-quiz {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  margin-block: 1.5rem 2.5rem;
  padding: clamp(1rem, 3vw, 2rem);
  color: #17334a;
  background: #fffdf6;
  border: 1px solid #b5b7ad;
  border-radius: 1rem;
  font-size: 1rem;
  line-height: 1.6;
  overflow-wrap: anywhere;
}
.ttv-customer-quiz *, .ttv-customer-quiz *::before, .ttv-customer-quiz *::after { box-sizing: border-box; }
.ttv-customer-quiz [hidden] { display: none !important; }
.ttv-customer-quiz fieldset { min-inline-size: 0; width: 100%; margin: 1rem 0; padding: 0; border: 0; }
.ttv-customer-quiz legend { width: 100%; padding: 0; font-weight: 700; font-size: 1.2rem; }
.ttv-customer-quiz progress { display: block; width: 100%; accent-color: #285c46; }
.ttv-customer-quiz__options { display: grid; gap: .75rem; margin-block: 1rem; }
.ttv-customer-quiz__options label {
  display: flex;
  align-items: flex-start;
  gap: .75rem;
  min-height: 3rem;
  padding: .75rem;
  border: 1px solid #68776c;
  border-radius: .5rem;
  cursor: pointer;
}
.ttv-customer-quiz__options label:has(:checked) { background: #e7f1e9; border: 2px solid #285c46; }
.ttv-customer-quiz__options input { flex: 0 0 auto; width: 1.25rem; height: 1.25rem; margin: .2rem 0 0; accent-color: #285c46; }
.ttv-customer-quiz button {
  min-height: 2.75rem;
  min-width: 2.75rem;
  max-width: 100%;
  padding: .6rem 1rem;
  border: 1px solid #17334a;
  border-radius: .5rem;
  font: inherit;
  color: #17334a;
  background: #fff;
  white-space: normal;
  cursor: pointer;
}
.ttv-customer-quiz button[type="submit"] { background: #17334a; color: #fff; }
.ttv-customer-quiz button:disabled { cursor: default; opacity: .6; }
.ttv-customer-quiz :focus-visible, .ttv-customer-quiz [tabindex="-1"]:focus { outline: 3px solid #975000; outline-offset: 3px; }
.ttv-customer-quiz__navigation { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1rem; }
.ttv-customer-quiz__feedback { white-space: pre-wrap; margin-block: 1rem; }
@media (max-width: 30rem) {
  .ttv-minigame-modes { margin-top: 1.25rem; }
  .ttv-minigame-modes__tabs { gap: .5rem; }
  .ttv-minigame-modes__tabs button { flex-basis: 100%; }
}