.learn-compare{display:grid;grid-template-columns:var(--grid-12);column-gap:var(--grid-gutter);row-gap:var(--grid-gutter);container:learn-compare/inline-size}.learn-compare>.learn-compare-card{grid-column:full-start/full-end;min-width:0}.learn-compare-card>.principle-body{display:grid;grid-template-columns:minmax(0,1fr);row-gap:var(--space-12);max-inline-size:66ch}.learn-compare-card .learn-compare-key{display:block;margin-bottom:var(--space-4);font:600 var(--text-label)/1rem var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.learn-compare-card .principle-body .learn-compare-attr[data-attr=question]{color:var(--ink)}.learn-compare-card .learn-compare-attr[data-attr=fails]{padding-top:var(--space-12);border-top:1px solid var(--line-faint)}@container learn-compare (width >= 48rem){.learn-compare>.learn-compare-card{grid-column:span 4;grid-row:span 7;display:grid;grid-template-rows:subgrid;row-gap:var(--space-12)}.learn-compare-card>.principle-body{display:contents}}@media (prefers-contrast:more){.learn-compare-card .learn-compare-attr[data-attr=fails]{border-top-color:var(--line-strong)}}@media (forced-colors:active){.learn-compare-card .learn-compare-attr[data-attr=fails]{border-top-color:CanvasText}}