/* Block: comparison-table - loaded only on pages that use it (see blocks/_section.html.twig) */
@layer blocks {
.block--comparison-table .table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.block--comparison-table .compare { width: 100%; border-collapse: separate; border-spacing: 0; font-size: var(--maw-text-sm); }
.block--comparison-table .compare th, .block--comparison-table .compare td { padding: var(--maw-space-3) var(--maw-space-4); border-bottom: 1px solid var(--maw-border); text-align: left; vertical-align: top; }
.block--comparison-table .compare thead th { font-size: var(--maw-text-xs); font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--maw-text-muted); border-bottom-width: 2px; }
.block--comparison-table .compare thead th.compare__option { text-align: center; }
.block--comparison-table .compare tbody th { font-weight: 600; color: var(--maw-text); position: sticky; left: 0; background: var(--maw-bg); }
.block--comparison-table .compare tbody td { text-align: center; }
.block--comparison-table .compare .is-featured { background: var(--maw-accent-soft); }
.block--comparison-table .compare thead .is-featured { color: var(--maw-accent); border-bottom-color: var(--maw-accent); }
.block--comparison-table .compare__option-label { display: block; font-size: var(--maw-text-base); letter-spacing: 0; text-transform: none; font-weight: 700; color: var(--maw-text); }
.block--comparison-table .compare__badge { display: inline-block; margin-top: var(--maw-space-1); font-size: var(--maw-text-xs); font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--maw-accent); }
.block--comparison-table .compare__note { display: block; font-weight: 400; color: var(--maw-text-muted); margin-top: 2px; }
.block--comparison-table .compare__mark svg { display: inline-block; vertical-align: middle; }
.block--comparison-table .compare__mark--yes { color: var(--maw-accent); }
.block--comparison-table .compare__mark--no { color: var(--maw-text-muted); opacity: 0.6; }
.block--comparison-table .compare__mark--partial { color: var(--maw-text-muted); }
.block--comparison-table .compare__footnote { margin-top: var(--maw-space-4); font-size: var(--maw-text-sm); }
/* SLA style: left-aligned text cells, row label is the severity */
.block--comparison-table .compare--sla tbody td { text-align: left; }
.block--comparison-table .sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@media (max-width: 640px) {
  .block--comparison-table .compare thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .block--comparison-table .compare tr { display: block; padding-block: var(--maw-space-3); border-bottom: 1px solid var(--maw-border); }
  .block--comparison-table .compare tbody th { display: block; position: static; padding: 0 0 var(--maw-space-2); border: 0; }
  .block--comparison-table .compare tbody td { display: flex; justify-content: space-between; align-items: center; gap: var(--maw-space-3); padding: var(--maw-space-1) 0; border: 0; text-align: right; }
  .block--comparison-table .compare tbody td::before { content: attr(data-label); font-size: var(--maw-text-xs); font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; color: var(--maw-text-muted); text-align: left; }
}
}