.volt-compat-hero{padding:var(--sp-10) 0 var(--sp-6);background:var(--surface-band)}.volt-compat-hero h1{font-size:var(--fs-h1);line-height:var(--lh-tight);margin-bottom:var(--sp-4);max-width:24ch}.volt-compat-hero__meta{color:var(--text-muted);font-size:var(--fs-sm)}.volt-compat-answer{background:var(--surface-card);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:var(--sp-6);margin-top:var(--sp-6);max-width:76ch}.volt-compat-answer p{color:var(--text-body);line-height:var(--lh-body);font-size:var(--fs-body)}.volt-compat-answer p+p{margin-top:var(--sp-3)}.volt-compat-figures{padding:var(--sp-8) 0 0}.volt-compat-figures__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4)}.volt-compat-figure{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--sp-5)}.volt-compat-figure strong{display:block;font-family:var(--font-display);font-size:var(--fs-h2);line-height:1;color:var(--text-heading)}.volt-compat-figure span{display:block;margin-top:var(--sp-2);color:var(--text-muted);font-size:var(--fs-sm);line-height:var(--lh-body)}.volt-compat-body{padding:var(--sp-10) 0}.volt-compat-body h2{font-size:var(--fs-h3);margin:var(--sp-9) 0 var(--sp-4)}.volt-compat-body h2:first-child{margin-top:0}.volt-compat-body p{color:var(--text-body);line-height:var(--lh-body);max-width:76ch}.volt-compat-body p+p{margin-top:var(--sp-3)}.volt-compat-body ul{margin:var(--sp-3) 0 0 var(--sp-5);max-width:76ch}.volt-compat-body li{color:var(--text-body);line-height:var(--lh-body);margin-bottom:var(--sp-2)}.volt-compat-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--sp-3);margin-top:var(--sp-4);padding:var(--sp-4);background:var(--surface-sunken);border-radius:var(--radius-md)}.volt-compat-filters[hidden]{display:none}.volt-compat-filters label{display:flex;flex-direction:column;gap:var(--sp-1);font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--ls-caps)}.volt-compat-filters select,.volt-compat-filters input{min-width:14rem;padding:var(--sp-2) var(--sp-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-card);color:var(--text-body);font-size:var(--fs-sm);text-transform:none;letter-spacing:normal}.volt-compat-filters button{padding:var(--sp-2) var(--sp-4);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-card);color:var(--text-body);font-size:var(--fs-sm);cursor:pointer}.volt-compat-filters__count{flex:1 1 100%;margin:0;color:var(--text-muted);font-size:var(--fs-sm);text-transform:none;letter-spacing:normal}.volt-compat-table{width:100%;border-collapse:collapse;margin-top:var(--sp-5);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;table-layout:fixed}.volt-compat-table th,.volt-compat-table td{text-align:left;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-subtle);font-size:var(--fs-sm);vertical-align:top;overflow-wrap:anywhere}.volt-compat-table th{background:var(--surface-band);color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:var(--ls-caps);font-size:var(--fs-xs);position:sticky;top:0;z-index:1}.volt-compat-table tbody tr:last-child td{border-bottom:none}.volt-compat-table tbody tr:nth-child(2n){background:var(--surface-sunken)}.volt-compat-table a{color:var(--text-link, inherit);text-decoration:underline;text-underline-offset:2px}#compat-table th:nth-child(1){width:30%}#compat-table th:nth-child(2){width:30%}#compat-table th:nth-child(3){width:21%}#compat-table th:nth-child(4){width:19%}.volt-compat-table--sources{margin-bottom:var(--sp-4)}.volt-compat-flag{display:inline-block;padding:2px var(--sp-2);border-radius:var(--radius-sm);font-size:var(--fs-xs);line-height:1.4;letter-spacing:var(--ls-caps)}.volt-compat-flag--confirm{background:var(--surface-sunken);color:var(--text-body);border:1px solid var(--border-strong)}.volt-compat-flag--narrowed{background:transparent;color:var(--text-muted);border:1px dashed var(--border-strong)}.volt-compat-noteref{white-space:nowrap;font-size:var(--fs-xs)}.volt-compat-notes{margin-top:var(--sp-4);max-width:84ch}.volt-compat-notes dt{font-weight:700;color:var(--text-heading);margin-top:var(--sp-4);scroll-margin-top:var(--sp-8)}.volt-compat-notes dd{margin:var(--sp-2) 0 0;color:var(--text-body);font-size:var(--fs-sm);line-height:var(--lh-body)}.volt-compat-notes__src{display:block;margin-top:var(--sp-1);color:var(--text-muted);font-size:var(--fs-xs)}.volt-compat-notes a{color:inherit;text-decoration:underline}.volt-compat-notes dt:target{background:var(--surface-brand);color:var(--text-on-brand);padding:2px var(--sp-2);border-radius:var(--radius-sm)}.volt-compat-note{margin-top:var(--sp-6);padding:var(--sp-5);background:var(--surface-sunken);border-radius:var(--radius-md);font-size:var(--fs-sm);color:var(--text-muted);line-height:var(--lh-body);max-width:76ch}.volt-compat-note a{color:inherit;text-decoration:underline}.volt-compat-note p+p{margin-top:var(--sp-3)}@media(max-width:900px){.volt-compat-figures__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.volt-compat-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.volt-compat-table,.volt-compat-table tbody,.volt-compat-table tr,.volt-compat-table td{display:block;width:100%}.volt-compat-table tr{border-bottom:1px solid var(--border-strong);padding:var(--sp-3) 0}.volt-compat-table td{border-bottom:none;padding:var(--sp-1) var(--sp-4)}.volt-compat-table td:before{color:var(--text-muted);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:var(--ls-caps)}.volt-compat-table--sources td:before{content:attr(data-label) ": "}.volt-compat-filters select,.volt-compat-filters input{min-width:0;width:100%}.volt-compat-filters label{flex:1 1 100%}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/volt-compat.css.map */