@layer components{#matrix,.section.content-section,.compare-fits,#faq,#sources,#related{padding-block:var(--space-section-page)}.section.on-ink+.section:not(.section--alt,.section--deep){padding-block-start:var(--space-section-page)}.mark{display:inline-flex;align-items:center;gap:.45em;font-size:.875rem;font-weight:650;line-height:1.25}.mark__icon{flex:none;inline-size:1.15em;block-size:1.15em}.mark__ring{fill:none;stroke:currentColor;stroke-width:1.8}.mark__fill{fill:var(--ok)}.mark__fill--ink{fill:currentColor}.mark__stroke{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mark__stroke--paper{stroke:var(--paper);stroke-width:2.2}.mark--yes{color:var(--ok-text)}.mark--partial{color:var(--ink)}.mark--not-found,.mark--no{color:var(--muted)}.compare-hero__strip{display:grid;gap:clamp(1rem,2.5vw,1.75rem);align-items:stretch;min-inline-size:0}.compare-hero__glance{display:grid;gap:.9rem;align-content:start;min-inline-size:0;padding:clamp(1rem,2.5vw,1.5rem);border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--paper)}.compare-hero__glance>*{margin:0}.compare-glance{inline-size:100%;table-layout:fixed;border-collapse:collapse;font-size:.9rem;text-align:start}.compare-glance :is(th,td){padding:.7rem .4rem;text-align:start;vertical-align:top;border-block-start:1px solid var(--line);overflow-wrap:anywhere}.compare-glance thead th{padding-block:.2rem .5rem;border-block-start:0;border-block-end:2px solid var(--ink);color:var(--muted);font-family:var(--font-mono);font-size:.7rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase}.compare-glance thead th:first-child,.compare-glance tbody th{inline-size:38%;padding-inline-start:0}.compare-glance tbody th{font-weight:650}.compare-glance .mark{font-size:.8125rem;flex-wrap:wrap}.compare-hero__basis{color:var(--muted);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.04em;line-height:1.5}.compare-hero__screen{min-inline-size:0}.compare-hero__screen .panel{block-size:100%}@container (width >= 56rem){.compare-hero__strip{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}.compare-hero__glance{align-self:center;align-content:start}.compare-fits__grid{display:grid;gap:clamp(1.25rem,3vw,2.5rem)}.compare-fits__grid>h2{margin:0;text-wrap:balance}.compare-fits__text{display:grid;gap:1rem;max-inline-size:68ch;min-inline-size:0}.compare-fits__text>*{margin:0}.compare-fits__text p{text-wrap:pretty}@container (width >= 56rem){.compare-fits__grid{grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:start}}@container (width < 40rem){.compare-glance thead th{font-size:.62rem;letter-spacing:.02em}.compare-glance thead th:first-child,.compare-glance tbody th{inline-size:34%}.compare-glance :is(th,td){padding-inline:.25rem}}.compare-intro{max-inline-size:var(--prose)}.compare-basis{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.5rem;margin:0 0 1.25rem;color:var(--muted);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.04em}.compare-legend{display:inline-flex;flex-wrap:wrap;gap:.35rem 1.25rem}.compare-legend .mark{font-family:var(--font-sans);font-size:.8125rem}.compare-table{inline-size:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;font-size:.9375rem;font-variant-numeric:tabular-nums;text-align:start}.compare-table.compare-matrix{min-inline-size:0}.compare-table caption{padding-block-end:.75rem;color:var(--muted);font-weight:600;text-align:start;caption-side:top}.compare-table :is(th,td){padding:1rem clamp(.5rem,1.6vw,1.25rem);text-align:start;vertical-align:top;border-block-start:1px solid var(--line);overflow-wrap:anywhere;text-wrap:pretty}.compare-table.compare-matrix :is(th,td){overflow-wrap:anywhere}.compare-table thead th{position:sticky;inset-block-start:var(--header-h);z-index:2;padding-block:.7rem;border-block-start:0;border-block-end:2px solid var(--ink);background:var(--concrete);font-family:var(--font-mono);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;white-space:normal}.compare-table.compare-matrix thead th:first-child,.compare-table.compare-matrix tbody th{inline-size:22%}.compare-table tbody th{font-weight:650}.compare-table td>.mark{margin-block-end:.4rem}.compare-cell__text{display:block}.compare-cell__source{display:block;margin-block-start:.55rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.02em;line-height:1.5}.compare-cell__source a{color:var(--ink)}.compare-table tbody tr:active :is(th,td){background:color-mix(in oklch,var(--hivis) 14%,transparent)}@media(hover:hover)and (pointer:fine){.compare-table tbody tr:hover:not(:active) :is(th,td){background:color-mix(in oklch,var(--ink) 5%,transparent)}}@container (width < 40rem){.compare-table{font-size:.8125rem}.compare-table :is(th,td){padding:.75rem .4rem}.compare-table thead th{font-size:.66rem;letter-spacing:.04em}.compare-table.compare-matrix thead th:first-child,.compare-table.compare-matrix tbody th{inline-size:25%}.compare-table .mark{font-size:.75rem}.compare-cell__source{font-size:.66rem}}.compare-choose{padding-block:var(--space-section-page)}.compare-choose__grid{display:grid;gap:clamp(1rem,2.4vw,1.5rem)}.compare-choose__card{display:grid;align-content:start;gap:1.25rem;min-inline-size:0;padding:clamp(1.25rem,3vw,2rem);border:1px solid var(--line);border-radius:var(--radius-panel);background:color-mix(in oklch,var(--paper) 5%,transparent)}.compare-choose__card>*{margin:0}.compare-choose__card h3{font-size:var(--text-h3-card)}.compare-choose__list{display:grid;gap:1.1rem;margin:0;padding:0;list-style:none}.compare-choose__list li{position:relative;display:grid;gap:.4rem;padding-inline-start:1.4rem;text-wrap:pretty}.compare-choose__list li:before{content:"";position:absolute;inset-inline-start:0;inset-block-start:.55em;inline-size:.55rem;block-size:.55rem;background:var(--hivis)}.compare-choose__sources{display:flex;flex-wrap:wrap;gap:.25rem 1rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.02em;line-height:1.5}.compare-choose__sources a{color:var(--on-ink-muted)}@container (width >= 56rem){.compare-choose__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.compare-switching{padding-block:var(--space-section-page)}.compare-switching__grid{display:grid;gap:clamp(2rem,4vw,3rem)}.compare-switching__item{display:grid;align-content:start;gap:1rem;min-inline-size:0}.compare-switching__item>*{margin:0}.compare-switching__item h2{font-size:var(--text-h3);text-wrap:balance}.compare-switching__item p{color:var(--on-ink-muted);text-wrap:pretty}.compare-switching .content-section__list .icon{color:var(--hivis)}.compare-switching a{color:var(--paper)}.compare-switching .section-sources{color:var(--on-ink-muted);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.02em}.compare-switching .section-sources a{color:var(--paper)}@container (width >= 64rem){.compare-switching__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.compare-choose__card,.compare-choose__list,.compare-choose__list li,.compare-switching__item,.compare-fits__text,.compare-hero__glance{grid-template-columns:minmax(0,1fr)}.compare-choose__card>*,.compare-choose__list li,.compare-switching__item>*,.compare-fits__text>*,.compare-hero__glance>*,.compare-cell__text,.compare-cell__source{min-inline-size:0;overflow-wrap:anywhere}}
