.matrix-container{width:100%;max-width:1400px;container-type:inline-size}.header{text-align:center;margin-bottom:30px}.header h1{font-size:clamp(1.5rem,5vw,2.5rem);margin-bottom:8px;font-weight:700}.header p{color:#64748b;font-size:1rem}.header-small-strong{display:inline-block;margin-top:6px;color:#475569;font-size:.75rem;font-weight:700;letter-spacing:.02em}.scroll-area{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;max-width:100%;border-radius:16px;box-shadow:0 20px 25px -5px rgba(0,0,0,.05);border:1px solid var(--border);background:var(--card-bg);scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.scroll-area::-webkit-scrollbar{height:8px}.scroll-area::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.scroll-area::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.scroll-area::-webkit-scrollbar-thumb:hover{background:#94a3b8}table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}td,th{padding:16px 20px;text-align:left;border-bottom:1px solid var(--border);font-size:13px;min-width:0}td,td:not(:first-child),th,th:not(:first-child){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}td:not(:first-child),th:not(:first-child){max-width:clamp(8ch,18vw,28ch)}thead th{position:sticky;top:0;background:#f8fafc;z-index:20;font-weight:700;text-transform:uppercase;font-size:clamp(.65rem,.9vw,.85rem);letter-spacing:.04em;color:#64748b}td:first-child,th:first-child{position:sticky;left:0;background:#fff;z-index:10;border-right:2px solid var(--border);font-weight:600}thead th:first-child{background:#f8fafc;z-index:30}tr:last-child td{border-bottom:none}tbody tr:hover td{background-color:#f1f5f9}tbody tr:hover td:first-child{background-color:#e2e8f0}.badge{display:inline-block;padding:4px 10px;border-radius:99px;font-size:11px;font-weight:600;white-space:nowrap}.b-blue{background:#eff6ff;color:#1e40af}.b-purple{background:#faf5ff;color:#6b21a8}.b-pink{background:#fff1f2;color:#9f1239}.b-green{background:#f0fdf4;color:#166534}.status-yes{color:#10b981;font-weight:800}.status-no{color:#94a3b8}@container (max-width: 700px){.scroll-area{border:none;box-shadow:none;background:transparent}table{min-width:100%;display:block}thead{display:none}tbody{display:block}tr{flex-direction:column;width:100%;box-sizing:border-box;margin-bottom:20px;border:1px solid var(--border);border-radius:12px;padding:10px;background:var(--card-bg);overflow:hidden}td,tr{display:flex}td{justify-content:space-between;flex-wrap:wrap;gap:8px;padding:8px 10px;position:static;border:none;min-width:0}td:before{content:attr(data-label);font-weight:700;color:#64748b;margin-right:10px;display:inline-block;width:40%;white-space:normal}td:first-child{background:var(--primary);color:white;border-radius:8px;margin-bottom:10px;position:static;border-right:none;font-size:16px;justify-content:center;white-space:normal;word-break:break-word;padding:12px 10px}td:first-child:before{display:none}tbody tr:hover td{background-color:transparent}tbody tr:hover td:first-child{background:var(--primary)}}@media (min-width:900px){.scroll-area{overflow-x:auto}td:first-child,th:first-child{min-width:120px;width:clamp(140px,22%,260px);white-space:normal;text-overflow:clip}td:not(:first-child),th:not(:first-child){padding:12px 14px;font-size:13px;min-width:0}}@media (max-width:1200px) and (min-width:701px){td,th{padding:10px 12px;font-size:12.5px}thead th{font-size:.72rem}}thead th:first-child{z-index:40}