/* Training Mode Styles */

/* Answer Items */
.answers .item{display:flex; gap:8px; align-items:center; margin-bottom:8px; padding:calc(8px * var(--font-scale)); border:1px dashed var(--border); border-radius:8px; background:var(--bg); transition:.15s}
.answers .item label span{font-size: calc(14px * var(--font-scale)); line-height:1.4}
.answers .item.ok{background: rgba(22,163,74,.15); border-color:rgba(22,163,74,.35)}
.answers .item.bad{background: rgba(220,38,38,.15); border-color:rgba(220,38,38,.35)}
.answers .item input[type="checkbox"]{transform:scale(1.2)}
.answers .item input[type="text"]{flex:1 1 auto}
.answers .item .del{background:#240a0a}

/* Color-blind friendly feedback marks */
.answers .item .mark{
  font-weight:800; font-size:16px; min-width:1.2em; text-align:center;
}
.answers .item.ok{ box-shadow: inset 0 0 0 2px rgba(22,163,74,.35); }
.answers .item.bad{ box-shadow: inset 0 0 0 2px rgba(220,38,38,.35); }

/* Question Images */
.q-images{display:grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap:10px; margin:10px 0}
.q-image{margin:0; border:1px solid var(--border); border-radius:10px; background:var(--bg); overflow:hidden}
.q-image img{display:block; width:100%; height:auto; max-height:360px; object-fit:contain; background:radial-gradient(circle at 30% 20%, rgba(255,255,255,.06), rgba(0,0,0,0))}

/* Question Header & Language Toggle */
.q-header-row{display:flex; align-items:flex-start; gap:8px}
.q-header-row .q-title{flex:1 1 auto}

.q-lang-toggle{display:flex; gap:4px; flex-shrink:0}
.q-lang-btn{font-size:11px; padding:2px 6px; min-width:28px; cursor:pointer; border:1px solid var(--muted); border-radius:4px; background:transparent; color:var(--muted)}
.q-lang-btn.active{background:linear-gradient(90deg,var(--brand),var(--accent)); color:var(--bg); border-color:transparent; font-weight:600}
.q-lang-btn.orig:not(.active){border-color:var(--accent); color:var(--text); box-shadow:0 0 0 1px rgba(242,153,74,.25)}
.q-lang-btn.unavailable{opacity:.4; cursor:not-allowed}

.q-title{font-size: calc(18px * var(--font-scale)); font-weight:600; margin-bottom:8px; line-height:1.35}