.cl-help{margin:0 0 20px;max-width:78ch;color:#566171}
.cl-families{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:22px 0}
.cl-family{margin:0;border:1px solid #dce0e5;border-top:3px solid #ffdf00;background:#fff;padding:20px;min-width:0;align-self:start}
.cl-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.cl-heading h2{font-size:19px;line-height:1.35;margin:0}
.cl-count{color:#566171;font-size:13px;white-space:nowrap;font-variant-numeric:tabular-nums}
.cl-family>p{font-size:14px;line-height:1.5;color:#566171;margin:10px 0 14px}
.cl-types{display:grid;gap:0}
.cl-type.cn-type{border:0;border-top:1px solid #e9edf1;border-radius:0;padding:12px 0;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;line-height:1.4}
.cl-type.cn-type:hover{background:#fffbea;color:#111}
.cl-type.cn-type:focus-visible{outline:2px solid #111;outline-offset:3px}
.cl-type small{color:#566171;font-variant-numeric:tabular-nums}
.cl-bottom{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:baseline;margin:24px 0}
.cl-bottom>span{font-size:13px;color:#566171}
.cl-family[hidden],.cl-type[hidden]{display:none!important}
@media(max-width:1100px){.cl-families{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.cl-families{grid-template-columns:1fr;gap:14px}.cl-family{padding:16px}.cl-heading h2{font-size:18px}.cl-count{font-size:12px}}