.matrix{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}
.matrix th,.matrix td{padding:1.5rem;text-align:left;vertical-align:top;width:33.33%}
.matrix thead th{background:var(--navy);color:var(--on-navy);font-size:1.05rem}
.matrix th+th,.matrix td+td{border-left:1px solid var(--line)}
.matrix thead th+th{border-left-color:rgba(255,255,255,.18)}
.matrix td{font-size:1.08rem}
.stat{margin-bottom:.9rem;color:var(--ink-soft)}
.stat:last-child{margin-bottom:0}
.stat strong{display:block;font-size:clamp(2rem,4vw,2.8rem);line-height:1.05;color:var(--link);letter-spacing:-.02em}
.note{margin-top:1rem;font-size:.92rem;color:var(--ink-soft)}
@media (max-width:760px){
  .matrix,.matrix tbody,.matrix tr,.matrix td{display:block;width:100%}
  .matrix thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .matrix td+td{border-left:0;border-top:1px solid var(--line)}
  .matrix td::before{content:attr(data-label);display:block;margin-bottom:.4rem;font:700 .85rem var(--font-sans);color:var(--link);text-transform:uppercase;letter-spacing:.06em}
}