/* 하이센스 결과 기록 카드 — 문항별 풀이(explain.js). 기록 카드(.hx-rec-item) 안에서만 쓴다. */
.hx-ex{margin:10px 0 2px;padding:12px 14px;border-radius:14px;background:var(--soft);line-height:1.6;font-size:15px}
.hx-ex p{margin:0}
.hx-ex-what{font-weight:800}
.hx-ex-what b{font-weight:900;color:var(--violet-d)}
.hx-ex-note{margin-top:6px!important;font-size:13px;font-weight:800;color:var(--muted)}
.hx-ex-my{margin-top:8px!important;padding:10px 12px;border-radius:12px;background:#fff;font-weight:700;border-left:4px solid var(--line)}
.hx-ex-my.ok{border-left-color:var(--ok)}
.hx-ex-my.miss{border-left-color:#c8141c}
.hx-ex-tag{display:block;margin-bottom:2px;font-size:13px;font-weight:900}
.ok>.hx-ex-tag{color:var(--ok)}
.miss>.hx-ex-tag{color:#b0121a}
.hx-ex-more{margin-top:8px}
.hx-ex-more summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:6px;font-weight:900;color:var(--violet-d);list-style:none}
.hx-ex-more summary::-webkit-details-marker{display:none}
.hx-ex-more summary::before{content:"";flex:none;width:8px;height:8px;border-right:2.5px solid currentColor;border-bottom:2.5px solid currentColor;transform:rotate(-45deg);transition:transform .2s}
.hx-ex-more[open] summary::before{transform:rotate(45deg)}
.hx-ex-more dl{margin:0}
.hx-ex-more dt{margin-top:6px;font-size:13px;font-weight:900;color:var(--muted)}
.hx-ex-more dd{margin:2px 0 0;font-weight:700}
.hx-ex-h{margin-top:10px!important;font-size:13px;font-weight:900;color:var(--muted)}
.hx-ex-opts{margin:4px 0 0;padding:0;list-style:none}
.hx-ex-opts li{margin-top:6px;padding:8px 10px;border-radius:10px;background:#fff;font-weight:700}
.hx-ex-opts li.ok{box-shadow:inset 0 0 0 2px var(--ok)}
.hx-ex-opts b{margin-right:4px;font-weight:900}
.hx-ex-opts em{margin-right:4px;font-style:normal;font-size:12px;font-weight:900;color:var(--ok)}
.hx-ex-where{margin-top:4px!important;font-weight:700}
@media print{.hx-ex{background:#fff;border:1px solid var(--line)}.hx-ex-more summary{display:none}}