:root{--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Cantarell, "Helvetica Neue", Helvetica, sans-serif;--font-mono: ui-monospace, monospace}html,body{height:100%}body{-webkit-font-smoothing:antialiased;font-family:var(--font-sans);font-size:100%;line-height:1;margin:0;padding-bottom:4rem;padding-left:1.5rem;padding-right:1.5rem}*,*:before,*:after{box-sizing:border-box}img{max-width:100%;height:auto}.example{display:flex;flex-direction:column;gap:1rem;padding-bottom:2rem;max-width:72rem;margin-left:auto;margin-right:auto;padding-top:2rem}.example figure{background-color:#f0f0f0;display:flex;flex-direction:column;margin:0;padding:1.5rem}.example figure img{width:100%}.example figcaption{font-size:.75rem;margin:0;opacity:.8;padding:1rem 0 0;text-align:center}.example-comparison{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.example-meta{align-items:space-around;display:grid;column-gap:1.5rem;grid-auto-flow:column;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;justify-content:space-around;row-gap:.5rem;margin:0 auto;padding:0;width:min-content}.example-meta dt{font-weight:600;margin:0;white-space:nowrap;width:8rem}.example-meta dt:first-of-type,.example-meta dd:first-of-type{text-align:right}.example-meta dd{font-family:var(--font-mono);font-size:.875rem;margin:0;white-space:nowrap;width:8rem}