/* Verträglichkeits-Check (vertraeglichkeits-check.html) */
.ck-tool{background:var(--sheet);border:1px solid var(--ink);padding:1.1rem 1.2rem 1.3rem;margin:1.4rem 0 1.6rem}
.ck-h{font-size:1.15rem;margin:.4rem 0 .6rem}
.ck-tool .ck-h:not(:first-child){margin-top:1.4rem}
.ck-places{display:flex;flex-wrap:wrap;gap:.4rem}
.ck-place{border:1px solid var(--line);background:#fff;padding:.4rem .75rem;font-size:.95rem;cursor:pointer}
.ck-place:has(input:checked){border-color:var(--ink);background:#efe9dc;font-weight:600}
.ck-place input{accent-color:var(--rust)}
.ck-salt{display:flex;gap:.5rem;align-items:flex-start;margin:.7rem 0 0;font-size:.95rem}
.ck-salt input{margin-top:.3rem;accent-color:var(--rust)}
.ck-hint{font-size:.92rem;margin:0 0 .4rem}
.ck-group{border:0;padding:0;margin:.8rem 0 0}
.ck-group legend{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);padding:0;margin-bottom:.35rem}
.ck-chips{display:flex;flex-wrap:wrap;gap:.35rem}
.ck-chip{font:inherit;font-size:.9rem;background:#fff;border:1px solid var(--line);padding:.32rem .65rem;cursor:pointer;color:var(--ink)}
.ck-chip:hover{border-color:var(--ink-soft)}
.ck-chip.on{background:var(--ink);border-color:var(--ink);color:#fff}
#ck-out{margin-top:1.3rem;border-top:2px solid var(--ink);padding-top:1rem}
.ck-sum{padding:.6rem .8rem;margin:0 0 .8rem}
.ck-sum.sev-p{background:#f6e3dd}.ck-sum.sev-a{background:#f7edd6}.ck-sum.sev-ok{background:#e4eedf}
.ck-items{list-style:none;padding:0;margin:0}
.ck-item{display:grid;grid-template-columns:5.6rem 1fr;gap:.7rem;padding:.7rem 0;border-bottom:1px solid var(--line)}
.ck-item p{margin:.2rem 0 .3rem;font-size:.97rem}
.ck-item small{font-size:.85rem}
.ck-sev{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.15rem .4rem;text-align:center;align-self:start;color:#fff}
.ck-sev.sev-p{background:var(--ok0)}.ck-sev.sev-a{background:var(--ok1)}.ck-sev.sev-ok{background:var(--ok3)}
.ck-good{margin:.9rem 0 .4rem;font-size:.95rem}
.ck-note{font-size:.85rem;margin:.6rem 0 0}
.ck-actions{margin:.8rem 0 0}
.ck-btn{font:inherit;font-size:.9rem;background:#fff;border:1px solid var(--ink);padding:.35rem .8rem;cursor:pointer}
.ck-scroll{overflow-x:auto;margin:0 0 1em}
.ck-tbl{border-collapse:collapse;width:100%;font-size:.93rem;min-width:30rem}
.ck-tbl th,.ck-tbl td{border-bottom:1px solid var(--line);padding:.5rem .55rem;text-align:left;vertical-align:top}
.ck-tbl thead th{border-bottom:2px solid var(--ink);font-size:.85rem}
.ck-matrix td{text-align:center;font-weight:600;font-size:.88rem}
.ck-matrix td.sev-ok{color:var(--ok3)}.ck-matrix td.sev-a{color:var(--ok1)}.ck-matrix td.sev-p{color:var(--ok0)}
.ck-matrix .ck-self{color:var(--line)}
.ck-rules{padding-left:0;list-style:none}
.ck-rules li{margin:.5rem 0;padding-left:0}
.ck-rules .ck-sev{margin-right:.3rem}
@media(max-width:520px){.ck-tool{padding:.9rem .8rem 1rem}.ck-item{grid-template-columns:1fr;gap:.3rem}.ck-sev{justify-self:start}}