.detail-panel{margin:22px 0;padding:20px;border:1px solid var(--subject-line,#d8d8d8);border-radius:9px;background:var(--subject-card,#fff);color:var(--subject-text,#202020)}
.detail-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.detail-heading h4{margin:0;font-size:18px;font-weight:500}.detail-heading button{font-size:12px;min-height:40px}
.detail-help,.detail-panel form>p,.detail-note-label{font-size:13px;line-height:1.7;color:var(--subject-muted,#626262)}.detail-progress{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:12px}.detail-progress progress{width:160px;max-width:100%;height:6px;accent-color:var(--subject-text,#202020)}
.detail-group{display:block;font-size:11px;line-height:1.6;color:var(--subject-muted,#626262);margin-bottom:6px;overflow-wrap:anywhere}.detail-panel form{margin-top:20px}.detail-panel h5{font-size:17px;margin:8px 0}.detail-equation{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:20px 0}.detail-equation code{font-size:18px;line-height:1.7;overflow-wrap:anywhere;max-width:100%;white-space:normal}.detail-equation label{flex:1;min-width:120px;max-width:100%}.detail-equation input{width:100%;min-height:46px;font-size:16px;border:1px solid var(--subject-line,#d8d8d8);border-radius:6px;background:var(--subject-bg,#f6f6f6);color:var(--subject-text,#202020);padding:10px;box-sizing:border-box}.detail-equation input[aria-invalid=true]{border-color:#a13838}.detail-equation input:focus,.detail-note-label textarea:focus{outline:2px solid var(--subject-text,#202020);outline-offset:2px}
.detail-note-label{display:block}.detail-note-label textarea{display:block;width:100%;box-sizing:border-box;font:14px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;margin-top:7px;padding:10px;border:1px solid var(--subject-line,#d8d8d8);border-radius:6px;background:var(--subject-bg,#f6f6f6);color:var(--subject-text,#202020);resize:vertical}.detail-error{color:#a13838!important}.detail-complete{font-size:13px;line-height:1.7;color:#246536}.detail-history,.detail-solution{margin:16px 0}.detail-history summary,.detail-solution summary{cursor:pointer;font-size:13px;line-height:1.6;min-height:32px}.detail-history ol,.detail-solution ol{padding-left:24px}.detail-history li,.detail-solution li{padding:10px 0!important;margin:0!important;break-inside:avoid}.detail-history code,.detail-solution code{display:block;font-size:13px;white-space:normal;overflow-wrap:anywhere;line-height:1.7}.detail-history li p{white-space:pre-wrap;font-size:12px;overflow-wrap:anywhere}.detail-history button{font-size:11px;min-height:32px}
form[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}html[data-theme=dark] .detail-error{color:#ffaaaa!important}html[data-theme=dark] .detail-complete{color:#9cdda8}
@media(max-width:600px){.detail-panel{padding:14px}.detail-heading h4{font-size:17px}.detail-heading button,.detail-panel button{min-height:44px}.detail-equation{gap:8px}.detail-equation code{font-size:16px}.detail-equation label{flex-basis:100%}.detail-note-label textarea{font-size:16px}}
@media print{.detail-panel,.detail-history button{display:none!important}.detail-solution{break-inside:auto}.detail-solution summary{font-weight:bold}.detail-solution>ol{display:block!important}.detail-solution li{break-inside:avoid}.detail-solution code{color:black}}