/* Doc Taco Academy — placement assessment (DTA-17). Token-driven; inherits theme.json vars.
   Accessibility: visible focus, never color-only (status words accompany every color). */

.dta-quiz{ max-width:760px; margin:0 auto; }
.dta-quiz-intro{ font-size:1.05rem; color:var(--wp--preset--color--ink-soft); }

.dta-q{ border:0; border-top:1px solid var(--wp--preset--color--cream-deep); margin:0; padding:1.6rem 0 .6rem; }
.dta-q:first-of-type{ border-top:0; }
.dta-q legend{ font-family:var(--wp--preset--font-family--heading); font-weight:600; font-size:1.12rem; line-height:1.4; padding:0; }
.dta-qn{ display:inline-grid; place-items:center; width:1.6rem; height:1.6rem; margin-right:.35rem;
  background:var(--wp--preset--color--teal); color:#fff; border-radius:999px; font-size:.85rem; vertical-align:middle; }
.dta-q-multi{ display:inline-block; margin-left:.4rem; font-family:var(--wp--preset--font-family--body); font-weight:600;
  font-size:.72rem; letter-spacing:.06em; text-transform:uppercase; color:var(--wp--preset--color--ink-soft);
  background:var(--wp--preset--color--cream); padding:.15rem .5rem; border-radius:999px; }
.dta-q-code{ background:var(--wp--preset--color--ink); color:#F4ECD8; border-radius:8px; padding:.9rem 1rem;
  overflow:auto; font-size:.9rem; margin:.7rem 0; }
.dta-q-code code{ font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; white-space:pre; }

.dta-opt{ display:flex; gap:.6rem; align-items:flex-start; padding:.7rem .85rem; margin:.5rem 0; cursor:pointer;
  background:var(--wp--preset--color--white); border:1px solid color-mix(in srgb,var(--wp--preset--color--ink) 16%,transparent);
  border-radius:8px; transition:border-color .12s ease,background .12s ease; }
.dta-opt:hover{ border-color:var(--wp--preset--color--teal); }
.dta-opt input{ margin-top:.2rem; width:1.05rem; height:1.05rem; accent-color:var(--wp--preset--color--teal); flex:0 0 auto; }
.dta-opt:has(input:checked){ border-color:var(--wp--preset--color--teal); background:var(--wp--preset--color--cream); }
.dta-opt:focus-within{ outline:2px solid var(--wp--preset--color--teal); outline-offset:2px; }

.dta-quiz-actions{ margin-top:1.5rem; }
.dta-quiz-btn,.dta-lead-btn{ background:var(--wp--preset--color--red); color:#fff; border:0; border-radius:6px;
  padding:.85rem 1.8rem; font-family:var(--wp--preset--font-family--heading); font-weight:600; font-size:1.05rem; cursor:pointer; }
.dta-quiz-btn:hover,.dta-lead-btn:hover{ background:var(--wp--preset--color--ink); }
.dta-quiz-fine,.dta-review-note{ font-size:.85rem; color:var(--wp--preset--color--ink-soft); }

/* ---- results ---- */
.dta-result .dta-rec-label{ margin:.1rem 0 0; }
.dta-rec-course{ font-family:var(--wp--preset--font-family--heading); font-weight:600; color:var(--wp--preset--color--teal); margin:.1rem 0 .6rem; }
.dta-rec-message{ font-size:1.08rem; line-height:1.6; }
.dta-rec-overall{ color:var(--wp--preset--color--ink-soft); }
.dta-bd-title{ margin-top:2rem; }

.dta-breakdown{ list-style:none; margin:0; padding:0; }
.dta-bd{ margin:.7rem 0; }
.dta-bd-head{ display:flex; justify-content:space-between; align-items:baseline; gap:1rem; font-weight:600; }
.dta-bd-name{ font-family:var(--wp--preset--font-family--heading); }
.dta-bd-status{ font-size:.9rem; white-space:nowrap; }
.dta-bd-bar{ height:10px; border-radius:999px; background:color-mix(in srgb,var(--wp--preset--color--ink) 10%,transparent); margin-top:.3rem; overflow:hidden; }
.dta-bd-bar span{ display:block; height:100%; border-radius:999px; }
.dta-bd-strong .dta-bd-bar span{ background:var(--wp--preset--color--teal); }
.dta-bd-strong .dta-bd-status{ color:var(--wp--preset--color--teal); }
.dta-bd-review .dta-bd-bar span{ background:#C69A3D; }
.dta-bd-review .dta-bd-status{ color:#9A7B1E; }
.dta-bd-focus .dta-bd-bar span{ background:var(--wp--preset--color--red); }
.dta-bd-focus .dta-bd-status{ color:var(--wp--preset--color--red); }

.dta-rev{ border:1px solid var(--wp--preset--color--cream-deep); border-radius:8px; margin:.6rem 0; padding:.6rem .9rem; background:var(--wp--preset--color--white); }
.dta-rev summary{ cursor:pointer; font-weight:500; }
.dta-rev-mark{ display:inline-block; font-family:var(--wp--preset--font-family--heading); font-weight:600; font-size:.72rem;
  letter-spacing:.04em; text-transform:uppercase; padding:.15rem .5rem; border-radius:999px; margin-right:.5rem; }
.dta-rev-right .dta-rev-mark{ background:var(--wp--preset--color--teal); color:#fff; }
.dta-rev-partial .dta-rev-mark{ background:#C69A3D; color:var(--wp--preset--color--ink); }
.dta-rev-wrong .dta-rev-mark{ background:var(--wp--preset--color--red); color:#fff; }
.dta-rev-opts{ list-style:none; margin:.7rem 0 0; padding:0; }
.dta-rev-opts li{ padding:.5rem .7rem; border-radius:6px; margin:.35rem 0; border:1px solid transparent; }
.dta-rev-opts li.is-correct{ background:color-mix(in srgb,var(--wp--preset--color--teal) 10%,transparent); border-color:color-mix(in srgb,var(--wp--preset--color--teal) 35%,transparent); }
.dta-rev-opts li.is-chosen.is-incorrect{ background:color-mix(in srgb,var(--wp--preset--color--red) 9%,transparent); border-color:color-mix(in srgb,var(--wp--preset--color--red) 30%,transparent); }
.dta-rev-tag{ display:block; font-size:.74rem; font-weight:600; letter-spacing:.03em; text-transform:uppercase; color:var(--wp--preset--color--ink-soft); }
.dta-rev-otext{ display:block; font-weight:600; margin:.1rem 0; }
.dta-rev-rat{ display:block; font-size:.9rem; color:var(--wp--preset--color--ink-soft); }
.dta-rev-exp{ margin:.8rem 0 .2rem; }

.dta-save{ margin-top:2.5rem; padding:1.5rem; border-radius:12px; background:var(--wp--preset--color--cream); }
.dta-save h3{ margin-top:0; }
.dta-retake{ margin-top:1.5rem; }
.dta-retake a{ font-family:var(--wp--preset--font-family--heading); font-weight:600; text-decoration:none; }

@media (prefers-reduced-motion: reduce){ .dta-opt{ transition:none; } }