/* COMPARISON-MATRIX-01: two useful paths on one explicit axis. */

.comparison-matrix { padding: var(--l-section-padding, clamp(96px, 8vw, 132px) 0); background: var(--l-deep-surface); border-bottom: 1px solid var(--l-line); }
.comparison-matrix__head { margin-bottom: clamp(36px, 4vw, 58px); }
.comparison-matrix__table { width: min(100%, 980px); margin-inline: auto; overflow: hidden; border: 1px solid var(--l-line); border-radius: var(--l-radius-md); }
.comparison-matrix__labels, .comparison-matrix__row { display: grid; grid-template-columns: minmax(0, .42fr) minmax(0, .58fr); }
.comparison-matrix__labels { background: rgba(var(--l-surface-rgb), .76); }
.comparison-matrix__labels span, .comparison-matrix__row > span, .comparison-matrix__row > strong { min-width: 0; padding: clamp(14px, 1.15vw, 22px) clamp(17px, 1.5vw, 28px); }
.comparison-matrix__labels span { color: var(--l-text-muted); font-family: var(--l-font-mono); font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }
.comparison-matrix__labels span + span, .comparison-matrix__row > strong { border-left: 1px solid var(--l-line); }
.comparison-matrix__row { border-top: 1px solid var(--l-line); }
.comparison-matrix__row > span { color: var(--l-text-soft); font-size: clamp(13px, 1vw, 17px); line-height: 1.35; }
.comparison-matrix__row > strong { color: var(--l-text); font-size: clamp(13px, 1vw, 17px); font-weight: 600; line-height: 1.35; }
.comparison-matrix__caption { margin: 18px 0 0; color: var(--l-text-muted); font-size: 12px; line-height: 1.5; }

@media (max-width: 640px) {
	.comparison-matrix { padding-block: 72px; }
	.comparison-matrix__labels, .comparison-matrix__row { grid-template-columns: 1fr; }
	.comparison-matrix__labels span + span, .comparison-matrix__row > strong { border-top: 1px solid var(--l-line); border-left: 0; }
	.comparison-matrix__labels span + span { padding-top: 10px; }
	.comparison-matrix__row > strong { padding-top: 12px; }
}