/* ============ TECHNOLOGY HUB ============ */

.tech-hero { padding: var(--sp-10) 0 var(--sp-6); border-bottom: 1px solid var(--border); }

.matrix-wrap { overflow-x: auto; }
.matrix-table { width: 100%; border-collapse: collapse; font-size: 13.5px; min-width: 760px; }
.matrix-table th, .matrix-table td { text-align: left; padding: 12px 14px; border-bottom: 1px solid var(--border); }
.matrix-table th { font-family: var(--font-display); font-weight: 500; font-size: 12px; text-transform: uppercase; letter-spacing: 0.03em; color: var(--text-muted); white-space: nowrap; }
.matrix-table td.tname { font-family: var(--font-display); font-weight: 500; color: var(--text-primary); white-space: nowrap; }
.dot-scale { display: flex; gap: 3px; }
.dot-scale span { width: 7px; height: 7px; border-radius: 50%; background: var(--border-strong); }
.dot-scale span.on { background: var(--teal-600); }

.tech-group-label { font-size: 13px; color: var(--text-muted); font-weight: 500; margin: var(--sp-4) 0 var(--sp-2); }
.tech-card { border: 1px solid var(--border); border-radius: var(--radius-card); padding: var(--sp-3); }
.tech-card h4 { margin-bottom: 6px; }
.tech-card p { font-size: 13.5px; }