.dt-version { border-left: 4px solid var(--brand); padding: 12px; background: var(--soft); }
.dt-home .tool-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)); gap:16px; }
.dt-question { border:1px solid var(--line); border-radius:12px; padding:18px; margin:18px 0; overflow-wrap:anywhere; break-inside:avoid; }
.dt-question h2 { font-size:1.2rem; margin-top:0; }
.dt-images { display:flex; flex-wrap:wrap; gap:12px; }
.dt-images figure { margin:0; max-width:100%; }
.dt-question img,.dt-choice img { max-width:100%; height:auto; object-fit:contain; }
.dt-options { padding-left:32px; list-style:none; counter-reset:dt-options; }
.dt-options li { counter-increment:dt-options; margin:12px 0; }
.dt-options li::before { content:'(' counter(dt-options) ') '; }
.dt-answer { font-weight:700; color:var(--brand); }
.dt-hide-answers .dt-answer { display:none; }
.dt-choices { display:grid; gap:10px; }
.dt-choice { text-align:left; justify-content:flex-start; white-space:normal; height:auto; padding:12px; gap:10px; }
.dt-choice[aria-pressed=true] { border:2px solid var(--brand); background:var(--soft); }
.dt-choice-no { flex:none; white-space:nowrap; }
.dt-choice-content { min-width:0; }
.dt-choice-label { display:block; }
.dt-choice:disabled { opacity:1; }
.dt-choice.dt-choice-correct { border:3px solid var(--brand); background:var(--soft); }
.dt-choice.dt-choice-wrong { border:2px dashed currentColor; }
.dt-stage:has(.dt-result) .dt-question img { max-height:180px; width:auto; }
.dt-nav { display:flex; flex-wrap:wrap; gap:6px; margin:16px 0; }
.dt-nav .btn { min-width:40px; padding:5px; }
.dt-nav .dt-answered { background:var(--soft); border-color:var(--brand); }
.dt-nav [aria-current=true] { outline:2px solid var(--brand); }
.dt-app select { max-width:100%; }
.dt-status { font-weight:700; }
.dt-result { background:var(--soft); border-radius:12px; padding:16px; }
.dt-home,.dt-app,.dt-catalog { min-width:0; overflow-wrap:anywhere; }
@media print {
  .site-header,.site-footer,.dt-print-controls,.dt-other,.dt-catalog>.pick-buttons,main>.content,.share-section,.tool-note,.breadcrumb { display:none !important; }
  .dt-catalog>.dt-question { break-inside:avoid; border:1px solid #999; }
  .dt-catalog>p:first-child { display:none; }
  .dt-question img { max-height:180px; width:auto; }
}