.comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:30px 0}.comparison figure{margin:0;background:var(--card);border:1px solid var(--border);border-radius:18px;overflow:hidden}.comparison img{display:block;width:100%;height:auto}.comparison figcaption{padding:14px 18px;color:var(--muted);font-size:14px}.example-caption{margin:20px 0!important}.article .section{padding:35px 0}.article .section h2{font-size:30px}.article p+p{margin-top:18px}.article .byline{font-size:13px;color:var(--quiet);margin:20px 0}.article table{width:100%;border-collapse:collapse;margin:22px 0}.article th,.article td{text-align:left;padding:13px;border:1px solid var(--border);vertical-align:top}.article td{color:var(--muted)}.article aside{margin:30px 0;padding:24px;border-radius:16px;background:var(--surface);border:1px solid var(--border)}.article aside p{font-size:15px}.article figure.workflow{margin:30px 0}.article figure.workflow img{display:block;max-width:270px;height:auto;margin:auto;border-radius:24px}.article figure.workflow figcaption{font-size:13px;color:var(--muted);text-align:center;margin-top:12px}:focus-visible{outline:3px solid var(--blue-light);outline-offset:4px}@media(max-width:500px){.comparison{gap:10px}.comparison figcaption{padding:10px;font-size:12px}.article table{font-size:14px}.article th,.article td{padding:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}