.cl{list-style:none;margin-top:28px;display:grid;gap:12px}
.cl li{background:var(--card);border-radius:20px}
.ck{display:flex;align-items:flex-start;gap:18px;min-height:84px;padding:20px;cursor:pointer;font-size:20px;line-height:1.6;color:var(--text);border-radius:20px}
.ck input{flex:0 0 44px;width:44px;height:44px;margin:0;accent-color:var(--accent);cursor:pointer}
.ck span{align-self:center;max-width:62ch;min-width:0}
.ck:has(input:checked) span{color:var(--ink)}
.ck:focus-within{outline:3px solid var(--accent);outline-offset:4px}
@media(max-width:600px){.ck{gap:14px;font-size:19px;min-height:84px;padding:18px 16px}.ck span{max-width:100%}}