:root { --ibia-navy: #00263A; --ibia-gray-100: #F5F7FA; --ibia-gray-200: #E1E6EB; --spacing-sm: 0.75rem; --spacing-md: 1.25rem; --spacing-lg: 2rem; --radius-sm: 6px; --border-light: 1px solid var(--ibia-gray-200); --font-body: "Inter", "Helvetica Neue", Arial, sans-serif; } /* ESO Data Table – Impact Index Survey (Novi-hardened) */ table.esodata, .esodata table { width: 100%; border-collapse: collapse !important; border: 1px solid #f2f2f2 !important; } table.esodata th, table.esodata td, .esodata table th, .esodata table td { padding: 10px !important; border: 1px solid #f2f2f2 !important; vertical-align: middle !important; } /* Header styling */ table.esodata th, .esodata table th { font-weight: 700 !important; background-color: #a4c6d8 !important; text-align: left; } /* Header fallback if first row is td instead of th */ table.esodata tr:first-child td, .esodata table tr:first-child td { font-weight: 700 !important; background-color: #a4c6d8 !important; } /* Remove extra spacing from paragraph tags inside cells */ table.esodata td p, table.esodata th p, .esodata table td p, .esodata table th p { margin: 0 !important; } .inbia-newsletter-wrapper { max-width: 600px; margin: 0 auto; padding: 2rem 1rem; } .inbia-form-row { margin-bottom: 1.25rem; } .inbia-label { display: block; font-weight: 600; margin-bottom: 0.35rem; color: #003b5c; /* InBIA navy */ } .required { color: #d9534f; } .inbia-input { width: 100%; padding: 0.65rem 0.75rem; border: 1px solid #d1d1d1; border-radius: 4px; font-size: 1rem; } .inbia-input:focus { border-color: #0077c8; /* InBIA blue */ outline: none; box-shadow: 0 0 0 2px rgba(0,119,200,0.2); } .inbia-checkbox-list { list-style: none; padding: 0; margin: 0.5rem 0 0; } .inbia-checkbox-list li { margin-bottom: 0.5rem; } .inbia-checkbox-list input { margin-right: 0.5rem; } .inbia-button { background-color: #0077c8; /* InBIA blue */ color: #fff; padding: 0.75rem 1.5rem; border: none; border-radius: 4px; font-size: 1rem; font-weight: 600; cursor: pointer; transition: background-color 0.2s ease; } .inbia-button:hover { background-color: #005a96; } .inbia-table { width: 100%; margin: var(--spacing-lg) auto; font-family: var(--font-body); } .inbia-table__grid { display: flex; gap: var(--spacing-lg); flex-wrap: wrap; } .inbia-table__item { flex: 1 1 calc(33.333% - var(--spacing-lg)); min-width: 260px; border: var(--border-light); border-radius: var(--radius-sm); padding: var(--spacing-md); background: #fff; } .inbia-table__item-header { background: var(--ibia-gray-100); padding: var(--spacing-sm); border-bottom: var(--border-light); margin: -var(--spacing-md); margin-bottom: var(--spacing-md); border-radius: var(--radius-sm) var(--radius-sm) 0 0; } .inbia-table__item-header h6 { margin: 0; color: var(--ibia-navy); } @media (max-width: 768px) { .inbia-table__grid { flex-direction: column; } .inbia-table__item { flex: 1 1 100%; } }