/* Wissenswerkzeug in der bestehenden V4-CI, ohne weitere Abhaengigkeiten. */
.ki-check .ki-reading { max-width:860px; }
.ki-check .ki-hero { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:3rem; align-items:start; }
.ki-check .ki-card { padding:1.5rem; border:1px solid #D9E0E8; border-radius:8px; background:#FFF; }
.ki-check .ki-card ul { padding-left:1.2rem; }
.ki-check .ki-card li { margin-bottom:.6rem; }
.ki-check .ki-card .v4-btn { max-width:100%; white-space:normal; text-align:center; }
.ki-check .ki-checkpoint { margin:1.5rem 0; padding:1rem 1.2rem; border-left:3px solid #175CD3; background:#F7F9FB; }
.ki-check .ki-case { padding:1rem 0; border-bottom:1px solid #D9E0E8; }
.ki-check .ki-case summary { padding:.45rem 0; font-weight:600; color:#0B1726; cursor:pointer; }
.ki-check .ki-case dl { margin:1rem 0; }
.ki-check .ki-case dt { font-weight:600; margin-top:1rem; }
.ki-check .ki-case dd { margin:.35rem 0 0; }
.ki-check .ki-small { font-size:.9rem; color:#667085; }
.ki-check :is(a,summary):focus-visible { outline:3px solid #175CD3; outline-offset:4px; border-radius:2px; }
.ki-check [id] { scroll-margin-top:9rem; }
.ki-check :is(p,li,dd,a) { overflow-wrap:anywhere; }
@media(max-width:800px) { .ki-check .ki-hero { grid-template-columns:1fr; gap:1.5rem; } }
@media(max-width:540px) { .ki-check .ki-card { padding:1rem; } }
@media print { .ki-check .ki-hero { display:block; } .ki-check .ki-card { break-inside:avoid; } }