.model-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 44px; }
.model-grid .connection-card { min-width: 0; padding: 28px; }
.model-grid h3 { font-size: clamp(23px, 2.2vw, 30px); overflow-wrap: anywhere; }
.model-grid p { line-height: 1.85; }
.model-plus { border-color: #027a63; background: #eaf5f0; }
.protocol-table-wrap { overflow-x: auto; margin-top: 40px; border: 1px solid var(--line); border-radius: 12px; }
.protocol-table { width: 100%; table-layout: fixed; border-collapse: collapse; min-width: 600px; font-size: 15px; }
.protocol-table caption { padding: 20px; text-align: left; font-weight: 700; background: #10242e; }
.protocol-table th, .protocol-table td { padding: 18px 20px; border-top: 1px solid var(--line); }
.protocol-table thead th { color: var(--green); background: #0e2029; }
.protocol-table th { text-align: left; }
.protocol-table thead th:not(:first-child) { width: 12%; text-align: center; white-space: nowrap; }
.protocol-table tbody th { font-weight: 500; line-height: 1.7; }
.protocol-table td { text-align: center; white-space: nowrap; color: var(--muted); }
.protocol-table tbody tr:nth-child(even) { background: #0e2029; }
.deployment-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-top: 48px; }
.deployment-grid article { padding-top: 28px; border-top: 1px solid var(--line); min-width: 0; }
.deployment-grid h3 { font-size: 25px; }
.deployment-grid p { color: var(--muted); line-height: 1.85; }
@media (max-width: 1000px) { .model-grid { grid-template-columns: 1fr; } }
@media (max-width: 820px) { .deployment-grid { grid-template-columns: 1fr; } }