.cmp-wrapper{max-width:960px;margin:0 auto;padding:64px 20px}
.cmp-heading{font-size:clamp(24px,3.5vw,32px);font-weight:700;text-align:center;margin:0 0 32px}
.cmp-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:16px;border:1px solid #ece9e3}
.cmp-table{width:100%;border-collapse:collapse;min-width:560px}
.cmp-table thead th{padding:16px 14px;font-size:13.5px;font-weight:700;text-align:center;background:#f7f6f4;border-bottom:1px solid #ece9e3;position:relative}
.cmp-row-label-col{width:30%}
.cmp-col-head--highlight{background:#111;color:#fff}
.cmp-highlight-tag{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#d99a2b;margin-bottom:4px}
.cmp-row-label{padding:14px;font-size:13.5px;font-weight:600;border-bottom:1px solid #ece9e3;white-space:nowrap}
.cmp-cell{padding:14px;font-size:13.5px;text-align:center;border-bottom:1px solid #ece9e3;color:#5c584c}
.cmp-cell--highlight{background:#fbf8f2;font-weight:600;color:#111}
.cmp-check{display:inline-flex;color:#1c7c4f}
.cmp-check svg{width:18px;height:18px}
.cmp-cross{color:#c9c6bf}
.cmp-scroll-hint{display:block;text-align:center;font-size:12px;color:#8a8578;margin:10px 0 0}
@media(min-width:760px){.cmp-scroll-hint{display:none}}