.answer-comparison { display:grid; gap:1rem; margin:1rem 0; }
.answer-comparison section { padding:1rem 1.2rem; border:1px solid; border-left-width:5px; border-radius:12px; overflow-wrap:anywhere; }
.answer-comparison h3 { margin:0 0 .6rem; font-size:1.05rem; }
.answer-correct { background:#edf8f2; border-color:#298252; color:#17442e; }
.answer-correction { background:#fff3e6; border-color:#bd671b; color:#733b10; }
.answer-comparison .helptext { color:inherit; }
.subject-group-card { padding:1.25rem; height:100%; }
.subject-group-card > summary { cursor:pointer; min-height:44px; padding-right:1rem; }
.subject-group-card > summary .subject-name { display:inline; font-size:1.05rem; font-weight:650; }
.subject-group-card > summary small { display:block; margin:.6rem 0 0; color:#526375; }
.subject-group-card[open] > summary { margin-bottom:1rem; }
.subject-group-card h3 { margin:0 0 1rem; font-size:1.12rem; line-height:1.4; }
.subject-group-source + .subject-group-source { border-top:1px solid #dce4ec; padding-top:1rem; margin-top:1rem; }
.subject-group-source .subject-pin-form { position:static; margin-top:.6rem; }
.subject-group-source .progress-bar { width:100%; }
.plan-scope-subject,.plan-scope-topic,.competency-subject,.competency-topic { border:1px solid #dce4ec; border-radius:12px; margin:.7rem 0; padding:.6rem 1rem; }
.plan-scope-subject > summary,.plan-scope-topic > summary,.competency-subject > summary,.competency-topic > summary { min-height:44px; cursor:pointer; font-weight:650; padding:.65rem 0; overflow-wrap:anywhere; }
.calendar-scope-list [data-scope-option] { padding:.45rem 0; }
.calendar-scope-list [data-scope-option] label { display:flex; align-items:start; gap:.7rem; min-height:44px; }
.calendar-scope-list [data-scope-option] input { flex:none; margin-top:.3rem; }
.repetition-graphic { display:flex; align-items:center; gap:1.3rem; padding:1.5rem; margin:1.25rem 0; border:1px solid #dce4ec; border-radius:20px; background:#fff; color:#082b56; }
.repetition-graphic svg { width:66px; height:76px; flex:none; }
.repetition-graphic h2 { margin:0 0 .45rem; font-size:1.18rem; }
.repetition-graphic p { margin:.3rem 0 .7rem; color:#526375; }
@media(max-width:480px) { .repetition-graphic { padding:1rem; gap:.8rem; } .repetition-graphic svg { width:45px; } .plan-scope-subject,.plan-scope-topic { padding:.35rem .6rem; } }