.bb-block,.bb-chart{--_ink:var(--blog-ink,#0a0a0a);--_muted:var(--blog-muted,#565d6b);--_surface:var(--blog-surface,#fafafa);--_surface-2:var(--blog-surface-2,#f4f4f5);--_rule:var(--blog-rule,#e4e4e7);--_accent:var(--blog-accent,#2563eb);--_accent-ink:var(--blog-accent-ink,#1d4ed8);--_good:var(--blog-good,#0b7a61);--_warn:var(--blog-warn,#8a5300);--_bad:var(--blog-bad,#b4172c);--_radius:var(--blog-radius,4px);--_field:var(--blog-field,#fff);--_inverse:var(--blog-inverse,#0a0a0a);--_on-inverse:var(--blog-on-inverse,#fafafa);--ts-chart-1:var(--blog-series-1,#2563eb);--ts-chart-2:var(--blog-series-2,#71717a);--ts-chart-3:var(--blog-series-3,#10b981);--ts-chart-4:var(--blog-series-4,#f59e0b);--ts-chart-5:var(--blog-series-5,#8b5cf6);--ts-chart-6:var(--blog-series-6,#a3abb9);border:1px solid var(--_rule);border-radius:var(--_radius);background:var(--_surface);color:var(--_ink);font-family:var(--blog-font,inherit);margin:2.25rem 0;padding:1.25rem 1.25rem 1.1rem;font-size:.975rem;line-height:1.55;display:block}.bb-prose-run{display:contents}.bb-block .bb-title,.bb-chart .bb-title{margin:0 0 .75rem;font-size:1.05rem;font-weight:700;line-height:1.3}.bb-block .bb-source,.bb-chart .bb-source,.bb-block .bb-notes,.bb-block .bb-stat-note{color:var(--_muted);margin:.75rem 0 0;font-size:.8125rem;display:block}.bb-block p{margin:.5rem 0 0}.bb-block p:first-child{margin-top:0}.bb-block a{color:var(--_accent-ink);text-underline-offset:3px;text-decoration:underline}.bb-chart-canvas{color:var(--_ink);font-size:12px}.bb-chart-foot{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;display:flex}.bb-link-button{min-height:2.25rem;color:var(--_accent-ink);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-size:.8125rem;font-weight:600;text-decoration:underline}.bb-chart-details{margin-top:.5rem;font-size:.875rem}.bb-chart-details summary{min-height:2.25rem;color:var(--_accent-ink);cursor:pointer;align-items:center;font-weight:600;display:inline-flex}.bb-chart-details[open] summary{margin-bottom:.5rem}.bb-chart .sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.bb-table-scroll{margin:0 -.25rem;padding:0 .25rem;overflow-x:auto}.bb-block table,.bb-chart table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.9rem}.bb-block th,.bb-block td,.bb-chart th,.bb-chart td{border-bottom:1px solid var(--_rule);text-align:left;vertical-align:top;padding:.5rem .625rem}.bb-block thead th,.bb-chart thead th{border-bottom:2px solid var(--_ink);white-space:nowrap;font-weight:700}.bb-table-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;margin-bottom:.75rem;display:flex}.bb-table-head .bb-title{margin:0}.bb-table-filter{border:1px solid var(--_rule);border-radius:var(--_radius);background:var(--_field);min-width:min(14rem,100%);min-height:2.5rem;color:var(--_ink);font:inherit;padding:0 .75rem;font-size:.875rem}.bb-sort{min-height:2rem;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.35rem;padding:0;font-weight:700;display:inline-flex}.bb-sort-mark{color:var(--_muted);font-size:.7rem}.bb-sort.is-active .bb-sort-mark{color:var(--_accent-ink)}.bb-table-empty{color:var(--_muted);text-align:center!important}.bb-faq .bb-title{font-size:1.35rem}.bb-faq details{border-top:1px solid var(--_rule)}.bb-faq details:last-child{border-bottom:1px solid var(--_rule)}.bb-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;min-height:3rem;padding:.6rem 0;font-weight:650;list-style:none;display:flex}.bb-faq summary::-webkit-details-marker{display:none}.bb-faq summary:after{content:"+";color:var(--_accent-ink);flex:none;font-size:1.25rem;line-height:1}.bb-faq details[open] summary:after{content:"–"}.bb-faq details p{margin:0 0 1rem}.bb-takeaways ul,.bb-checklist-items,.bb-steps-list{margin:0;padding-left:1.2rem}.bb-takeaways li+li,.bb-steps-list li+li{margin-top:.5rem}.bb-steps-list p{margin:.25rem 0 0}.bb-glossary-list dt{margin-top:.75rem;font-weight:700}.bb-glossary-list dd{margin:.15rem 0 0}.bb-stats-grid{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:1rem;margin:0;display:grid}.bb-stat{border-top:2px solid var(--_ink);padding-top:.75rem}.bb-stat dt{color:var(--_muted);font-size:.85rem}.bb-stat dd{font-variant-numeric:tabular-nums;align-items:baseline;gap:.2rem;margin:.25rem 0 0;font-size:1.9rem;font-weight:750;line-height:1.1;display:flex}.bb-stat-suffix{color:var(--_muted);margin-left:.25rem;font-size:.9rem;font-weight:600}.bb-trend-up .bb-stat-value{color:var(--_bad)}.bb-trend-down .bb-stat-value{color:var(--_good)}dl.bb-stats-grid>dt{color:var(--_muted);font-size:.85rem}.bb-calc-grid{gap:1.25rem;margin-top:1rem;display:grid}@media (width>=640px){.bb-calc-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.bb-calc-inputs{gap:.75rem;display:grid}.bb-calc-field{gap:.3rem;display:grid}.bb-calc-label{justify-content:space-between;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.bb-calc-unit{color:var(--_muted);font-style:normal;font-weight:500}.bb-calc-field input,.bb-calc-field select{border:1px solid var(--_rule);border-radius:var(--_radius);background:var(--_field);min-height:2.75rem;color:var(--_ink);font:inherit;font-variant-numeric:tabular-nums;padding:0 .75rem}.bb-calc-field input:focus-visible,.bb-calc-field select:focus-visible,.bb-table-filter:focus-visible{outline:2px solid var(--_accent);outline-offset:1px}.bb-calc-outputs{border-radius:var(--_radius);background:var(--_inverse);color:var(--_on-inverse);align-content:start;gap:.25rem;margin:0;padding:1rem;display:grid}.bb-calc-output{border-bottom:1px solid color-mix(in srgb, var(--_on-inverse) 14%, transparent);justify-content:space-between;align-items:baseline;gap:1rem;padding:.4rem 0;display:flex}.bb-calc-output:last-child{border-bottom:0}.bb-calc-output:last-child dd{color:var(--blog-series-1,#ff8a4c);font-size:1.35rem}.bb-calc-output dt{font-size:.875rem}.bb-calc-output dd{font-variant-numeric:tabular-nums;text-align:right;margin:0;font-weight:750}.bb-calc-how{margin-top:1rem;font-size:.875rem}.bb-calc-how summary{min-height:2.25rem;color:var(--_accent-ink);cursor:pointer;font-weight:600}.bb-calc-formulas{margin:.5rem 0 0;padding-left:1.1rem}.bb-calc-formulas code{font-family:var(--blog-mono,ui-monospace, monospace);font-size:.8rem}.bb-calc-example caption{caption-side:top;color:var(--_muted);text-align:left;padding-bottom:.4rem;font-size:.8125rem}.bb-calc-result th,.bb-calc-result td{font-weight:700}.bb-check-head{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.bb-check-progress{color:var(--_muted);font-variant-numeric:tabular-nums;font-size:.85rem}.bb-check-bar{background:var(--_surface-2);border-radius:2px;height:4px;margin:.25rem 0 .75rem;overflow:hidden}.bb-check-bar span{background:var(--_good);height:100%;transition:width .2s;display:block}.bb-checklist ul.bb-checklist-items{padding-left:0;list-style:none}.bb-checklist li label{cursor:pointer;align-items:flex-start;gap:.6rem;min-height:2.5rem;padding:.35rem 0;display:flex}.bb-checklist li input{width:1.1rem;height:1.1rem;accent-color:var(--_good);margin-top:.2rem}.bb-checklist li.is-done span{color:var(--_muted);text-decoration:line-through}.bb-comparison-grid{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1rem;display:grid}.bb-comparison-option{border-top:2px solid var(--_ink);padding-top:.75rem}.bb-comparison-option p{margin:.4rem 0 0}.bb-block h3.bb-comparison-name{margin:0;font-size:1.05rem;font-weight:700}.bb-comparison-label{color:var(--_muted);font-size:.8rem;font-weight:600;margin-top:.75rem!important}.bb-pros,.bb-cons{margin:.25rem 0 0;padding-left:1.1rem}.bb-pros li::marker{content:"+  ";color:var(--_good);font-weight:700}.bb-cons li::marker{content:"–  ";color:var(--_bad);font-weight:700}.bb-best-for{font-size:.875rem}.bb-verdict{border-top:1px solid var(--_rule);padding-top:.75rem;font-weight:600;margin-top:1rem!important}.bb-timeline-list{border-left:2px solid var(--_rule);margin:0;padding:0;list-style:none}.bb-timeline-list>li{margin:0 0 1rem;padding-left:1.1rem;position:relative}.bb-timeline-list>li:before{content:"";background:var(--_accent);border-radius:50%;width:.7rem;height:.7rem;position:absolute;top:.45rem;left:-.4rem}.bb-timeline-date{color:var(--_accent-ink);font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:700;margin:0!important}.bb-timeline-title{font-weight:650;margin:.1rem 0 0!important}.bb-callout .bb-title{margin-bottom:.25rem;font-size:.95rem}.bb-callout.bb-tone-tip .bb-title{color:var(--_good)}.bb-callout.bb-tone-warning .bb-title{color:var(--_accent-ink)}.bb-callout.bb-tone-important .bb-title{color:var(--_bad)}.bb-tool{background:var(--_inverse);border-color:var(--_inverse);color:var(--_on-inverse);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 1.5rem;display:flex}.bb-tool .bb-title{margin-bottom:.25rem}.bb-tool .bb-tool-copy{flex:18rem}.bb-tool .bb-tool-example{color:color-mix(in srgb, var(--_on-inverse) 70%, transparent);font-size:.875rem}.bb-tool a.bb-tool-link{border-radius:var(--_radius);background:var(--_accent);color:#0a0d12;white-space:nowrap;align-items:center;min-height:2.75rem;padding:0 1.1rem;font-weight:700;text-decoration:none;display:inline-flex}.bb-tool a.bb-tool-link:hover{background:#ff8a4c}.bb-tool a.bb-tool-link:focus-visible{outline:2px solid var(--_on-inverse);outline-offset:2px}@media (prefers-reduced-motion:reduce){.bb-check-bar span{transition:none}}.site-chart{--blog-ink:var(--site-ink);--blog-muted:var(--site-slate);--blog-surface:var(--site-paper-2);--blog-surface-2:var(--site-paper-2);--blog-rule:var(--site-rule);--blog-accent:var(--site-signal);--blog-accent-ink:var(--site-signal);--blog-radius:16px;--blog-font:var(--site-font);--blog-mono:var(--site-font-mono);--blog-field:color-mix(in srgb, var(--site-ink) 6%, transparent);--blog-inverse:var(--site-ink);--blog-on-inverse:var(--site-paper);--blog-series-1:var(--site-signal);--blog-series-2:#d4d4d8;--blog-series-3:var(--site-success);--blog-series-4:var(--site-warning);--blog-series-5:#a78bfa;--blog-series-6:var(--site-fog)}.site-chart .bb-chart{margin:0}.site-chart .bb-chart-data thead th{border-bottom-color:color-mix(in srgb, var(--site-ink) 30%, transparent)}