.ba-page.svelte-1m9mp8t{max-width:var(--wide-max);margin:0 auto;padding:var(--sp-7) var(--sp-5) var(--sp-9)}.ba-hero.svelte-1m9mp8t{max-width:50rem;margin:0 auto var(--sp-6);text-align:center}.back-link.svelte-1m9mp8t{display:inline-block;color:var(--c-text-muted);font-size:var(--fs-sm);text-decoration:none;margin-bottom:var(--sp-4)}.back-link.svelte-1m9mp8t:hover{color:var(--c-text);text-decoration:underline}h1.svelte-1m9mp8t{font-size:clamp(2rem,4.5vw,var(--fs-3xl));margin-bottom:var(--sp-3);margin-top:0;letter-spacing:-.03em}.lede.svelte-1m9mp8t{color:var(--c-text-muted);font-size:var(--fs-md);margin:0}.comparison.svelte-1m9mp8t{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sp-5);margin:var(--sp-6) 0 var(--sp-7);align-items:stretch}.col.svelte-1m9mp8t{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--sp-5);box-shadow:var(--sh-sm);display:flex;flex-direction:column;min-width:0}.col.before.svelte-1m9mp8t{border-left:3px solid var(--c-code-deleted)}.col.after.svelte-1m9mp8t{border-left:3px solid var(--c-good)}.col-header.svelte-1m9mp8t{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-2);flex-wrap:wrap}.tag.svelte-1m9mp8t{font-family:var(--font-mono);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;padding:3px 8px;border-radius:var(--r-sm);font-weight:600}.tag.bad.svelte-1m9mp8t{background:color-mix(in srgb,var(--c-code-deleted) 15%,transparent);color:var(--c-code-deleted)}.tag.good.svelte-1m9mp8t{background:var(--c-good-soft);color:var(--c-good)}.title.svelte-1m9mp8t{font-weight:600;color:var(--c-text);font-size:var(--fs-md)}.col.svelte-1m9mp8t pre.code-block:where(.svelte-1m9mp8t){margin:var(--sp-3) 0;flex:1}.caption.svelte-1m9mp8t{color:var(--c-text-muted);font-size:var(--fs-sm);margin:var(--sp-2) 0 0}.diff-callout.svelte-1m9mp8t{background:var(--c-bg-alt);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--sp-5) var(--sp-6);margin-bottom:var(--sp-7)}.diff-callout.svelte-1m9mp8t h2:where(.svelte-1m9mp8t){margin:0 0 var(--sp-3);font-size:var(--fs-lg);letter-spacing:-.02em}.diff-callout.svelte-1m9mp8t pre.code-block:where(.svelte-1m9mp8t){margin-bottom:0}.cta-band.svelte-1m9mp8t{text-align:center;padding:var(--sp-5) 0 0;max-width:42rem;margin:0 auto}.cta-band.svelte-1m9mp8t h2:where(.svelte-1m9mp8t){font-size:var(--fs-xl);margin-bottom:var(--sp-2);margin-top:0}.cta-band.svelte-1m9mp8t p:where(.svelte-1m9mp8t){color:var(--c-text-muted);margin-bottom:var(--sp-4)}.cta.svelte-1m9mp8t{display:inline-flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:center}.btn.svelte-1m9mp8t{display:inline-flex;align-items:center;gap:var(--sp-2);padding:.65rem 1.1rem;border-radius:var(--r-md);font-size:var(--fs-sm);font-weight:500;text-decoration:none;border:1px solid transparent;transition:background .12s ease,border-color .12s ease,color .12s ease}.btn.primary.svelte-1m9mp8t{background:var(--c-accent);color:var(--c-accent-fg);border-color:var(--c-accent)}.btn.primary.svelte-1m9mp8t:hover{background:color-mix(in srgb,var(--c-accent) 88%,black);border-color:color-mix(in srgb,var(--c-accent) 88%,black)}.btn.ghost.svelte-1m9mp8t{background:transparent;color:var(--c-text);border-color:var(--c-border)}.btn.ghost.svelte-1m9mp8t:hover{background:var(--c-bg-alt);border-color:var(--c-border-strong)}@media (max-width: 960px){.comparison.svelte-1m9mp8t{grid-template-columns:1fr}}