
.rh-cmp { font-family: 'Mont','Montserrat',sans-serif; width:100%; background:#fff; }
.rh-cmp * { box-sizing:border-box; font-family:'Mont','Montserrat',sans-serif; }
.rh-cmp-wrap { max-width:1100px; margin:0 auto; padding:0 16px; }
.rh-cmp-scroll { overflow-x:auto; border:1.5px solid #eee; border-radius:16px; }
.rh-cmp table { width:100%; border-collapse:separate; border-spacing:0; }
.rh-cmp thead tr { background:#262626; }
.rh-cmp thead th { padding:12px 8px; text-align:center; font-size:10px; font-weight:600; text-transform:uppercase; letter-spacing:.04em; color:#cfcfcf; line-height:1.3; }
.rh-cmp thead th:first-child { text-align:left; color:#BFD8B3; padding-left:16px; }
.rh-cmp thead th:last-child { padding-right:16px; }
.rh-cmp tbody td { padding:12px 8px; text-align:center; border-top:1px solid #eee; font-size:13px; font-weight:600; color:#464646; }
.rh-cmp tbody td:first-child { text-align:left; color:#262626; padding-left:16px; white-space:nowrap; }
.rh-cmp tbody td:last-child { text-align:left; color:#585858; font-size:12px; padding-right:16px; }
.rh-cmp tbody tr:nth-child(even) { background:#f9f9f9; }
/* значки */
.rh-ic { display:inline-block; width:20px; height:20px; border-radius:50%; position:relative; vertical-align:middle; }
.rh-yes { background:#99AD8F; }
.rh-yes::after { content:''; position:absolute; left:6px; top:3px; width:5px; height:10px; border:solid #fff; border-width:0 2.5px 2.5px 0; transform:rotate(45deg); }
.rh-part { background:#fff; border:2px solid #99AD8F; overflow:hidden; }
.rh-part::after { content:''; position:absolute; left:0; top:0; width:50%; height:100%; background:#99AD8F; }
.rh-no { width:16px; height:16px; }
.rh-no::before, .rh-no::after { content:''; position:absolute; left:7px; top:1px; width:2px; height:16px; background:#c4c4c4; }
.rh-no::before { transform:rotate(45deg); }
.rh-no::after { transform:rotate(-45deg); }
.rh-cmp-legend { display:flex; gap:24px; flex-wrap:wrap; margin:18px 0 0; font-size:13px; font-weight:600; color:#585858; align-items:center; }
.rh-cmp-legend span { display:inline-flex; align-items:center; gap:8px; }
@media (max-width:768px){
  .rh-cmp thead th { font-size:9px; padding:10px 5px; }
  .rh-cmp tbody td { padding:10px 5px; font-size:12px; }
}
