.sizing-figure:where(.astro-s6aer5jg){margin-block:var(--teaching-space-6);border:1px solid var(--teaching-color-border);border-radius:var(--teaching-radius-lg);background:var(--teaching-color-surface-low);box-shadow:var(--teaching-shadow-sm);padding:var(--teaching-space-5)}header:where(.astro-s6aer5jg){margin-block-end:var(--teaching-space-2)}.eyebrow:where(.astro-s6aer5jg){margin:0 0 var(--teaching-space-1);color:var(--teaching-color-muted);font-size:var(--teaching-font-size-label);letter-spacing:.04em;text-transform:uppercase;font-weight:700}h3:where(.astro-s6aer5jg){color:var(--teaching-color-ink);margin:0;font-size:1.25rem}.introduction:where(.astro-s6aer5jg){margin:0 0 var(--teaching-space-4);color:var(--teaching-color-muted);line-height:1.55}.comparison:where(.astro-s6aer5jg){gap:var(--teaching-space-4);grid-template-columns:repeat(auto-fit,minmax(min(14rem,100%),1fr));display:grid}section:where(.astro-s6aer5jg){border:1px solid var(--teaching-color-border);border-radius:var(--teaching-radius-md);background:var(--teaching-color-surface);min-width:0;padding:var(--teaching-space-4)}h4:where(.astro-s6aer5jg){min-height:2.8em;margin:0 0 var(--teaching-space-3);color:var(--teaching-color-ink);font-size:.95rem;line-height:1.4}h4:where(.astro-s6aer5jg) code:where(.astro-s6aer5jg){white-space:normal;overflow-wrap:anywhere}.demo:where(.astro-s6aer5jg){align-items:center;gap:var(--teaching-space-2);border:2px dashed var(--teaching-color-outline);border-radius:var(--teaching-radius-sm);background:var(--teaching-color-surface-high);min-width:0;min-height:7rem;padding:var(--teaching-space-2);display:flex}.item:where(.astro-s6aer5jg){border:2px solid var(--teaching-color-primary);border-radius:var(--teaching-radius-sm);background:var(--teaching-color-primary-container);min-width:0;min-height:3rem;padding:var(--teaching-space-2);color:var(--teaching-color-primary-strong);place-items:center;font-weight:700;display:grid}.basis-equal:where(.astro-s6aer5jg) .item:where(.astro-s6aer5jg),.basis-first-wide:where(.astro-s6aer5jg) .item:where(.astro-s6aer5jg){flex:0 4rem}.basis-first-wide:where(.astro-s6aer5jg) .item:where(.astro-s6aer5jg):first-child{border-style:double;flex-basis:8rem}.grow-none:where(.astro-s6aer5jg) .item:where(.astro-s6aer5jg),.grow-second:where(.astro-s6aer5jg) .item:where(.astro-s6aer5jg){flex:0 4rem}.grow-second:where(.astro-s6aer5jg) .item:where(.astro-s6aer5jg):nth-child(2){border-style:double;flex-grow:1}.shrink-all:where(.astro-s6aer5jg) .item:where(.astro-s6aer5jg),.shrink-second-fixed:where(.astro-s6aer5jg) .item:where(.astro-s6aer5jg){flex:0 8rem}.shrink-second-fixed:where(.astro-s6aer5jg) .item:where(.astro-s6aer5jg):nth-child(2){border-style:double;flex-shrink:0}.description:where(.astro-s6aer5jg){margin:var(--teaching-space-3) 0 0;color:var(--teaching-color-muted);font-size:var(--teaching-font-size-body-sm);line-height:1.55}figcaption:where(.astro-s6aer5jg){border-block-start:1px solid var(--teaching-color-border);color:var(--teaching-color-muted);font-size:var(--teaching-font-size-body-sm);margin-block-start:var(--teaching-space-4);padding-block-start:var(--teaching-space-4);line-height:1.55}@media (width<=30rem){.sizing-figure:where(.astro-s6aer5jg){border-radius:var(--teaching-radius-md);padding:var(--teaching-space-4)}h4:where(.astro-s6aer5jg){min-height:0}}.property-figure:where(.astro-uca5qnxb){margin-block:var(--teaching-space-6);border:1px solid var(--teaching-color-border);border-radius:var(--teaching-radius-lg);background:var(--teaching-color-surface-low);box-shadow:var(--teaching-shadow-sm);padding:var(--teaching-space-5)}header:where(.astro-uca5qnxb){margin-block-end:var(--teaching-space-2)}.eyebrow:where(.astro-uca5qnxb){margin:0 0 var(--teaching-space-1);color:var(--teaching-color-muted);font-size:var(--teaching-font-size-label);letter-spacing:.04em;text-transform:uppercase;font-weight:700}h3:where(.astro-uca5qnxb){color:var(--teaching-color-ink);margin:0;font-size:1.25rem}.introduction:where(.astro-uca5qnxb){margin:0 0 var(--teaching-space-4);color:var(--teaching-color-muted);line-height:1.55}.comparison:where(.astro-uca5qnxb){gap:var(--teaching-space-4);grid-template-columns:repeat(auto-fit,minmax(min(12rem,100%),1fr));display:grid}section:where(.astro-uca5qnxb){border:1px solid var(--teaching-color-border);border-radius:var(--teaching-radius-md);background:var(--teaching-color-surface);min-width:0;padding:var(--teaching-space-4)}h4:where(.astro-uca5qnxb){min-height:2.8em;margin:0 0 var(--teaching-space-3);color:var(--teaching-color-ink);font-size:.95rem;line-height:1.4}h4:where(.astro-uca5qnxb) code:where(.astro-uca5qnxb){white-space:normal;overflow-wrap:anywhere}.demo:where(.astro-uca5qnxb){border:2px dashed var(--teaching-color-outline);border-radius:var(--teaching-radius-sm);background:var(--teaching-color-surface-high);min-width:0;min-height:9rem;padding:var(--teaching-space-2);display:flex}.item:where(.astro-uca5qnxb){border:2px solid var(--teaching-color-primary);border-radius:var(--teaching-radius-sm);background:var(--teaching-color-primary-container);min-width:2.5rem;min-height:2.5rem;padding:var(--teaching-space-2);color:var(--teaching-color-primary-strong);place-items:center;font-weight:700;display:grid}.display-block:where(.astro-uca5qnxb){display:block}.display-block:where(.astro-uca5qnxb) .item:where(.astro-uca5qnxb){margin-block-end:var(--teaching-space-2)}.display-block:where(.astro-uca5qnxb) .item:where(.astro-uca5qnxb):last-child{margin-block-end:0}.display-flex:where(.astro-uca5qnxb),.direction-row:where(.astro-uca5qnxb),.direction-column:where(.astro-uca5qnxb){align-items:flex-start}.direction-column:where(.astro-uca5qnxb){flex-direction:column}.gap-wide:where(.astro-uca5qnxb){gap:var(--teaching-space-4)}.justify-start:where(.astro-uca5qnxb),.justify-center:where(.astro-uca5qnxb),.justify-between:where(.astro-uca5qnxb){align-items:center;gap:var(--teaching-space-2)}.justify-start:where(.astro-uca5qnxb){justify-content:flex-start}.justify-center:where(.astro-uca5qnxb){justify-content:center}.justify-between:where(.astro-uca5qnxb){justify-content:space-between}.align-stretch:where(.astro-uca5qnxb),.align-start:where(.astro-uca5qnxb),.align-center:where(.astro-uca5qnxb){gap:var(--teaching-space-2)}.align-stretch:where(.astro-uca5qnxb){align-items:stretch}.align-start:where(.astro-uca5qnxb){align-items:flex-start}.align-center:where(.astro-uca5qnxb){align-items:center}.wrap-nowrap:where(.astro-uca5qnxb),.wrap-wrap:where(.astro-uca5qnxb){align-items:flex-start;gap:var(--teaching-space-2)}.wrap-nowrap:where(.astro-uca5qnxb){flex-wrap:nowrap}.wrap-wrap:where(.astro-uca5qnxb){flex-wrap:wrap}.wrap-nowrap:where(.astro-uca5qnxb) .item:where(.astro-uca5qnxb),.wrap-wrap:where(.astro-uca5qnxb) .item:where(.astro-uca5qnxb){flex:0 8rem}.order-source:where(.astro-uca5qnxb),.order-changed:where(.astro-uca5qnxb){align-items:center;gap:var(--teaching-space-2)}.order-changed:where(.astro-uca5qnxb) .item:where(.astro-uca5qnxb):nth-child(3){border-style:double;order:-1}.axes:where(.astro-uca5qnxb){gap:var(--teaching-space-2);margin:var(--teaching-space-3) 0 0;display:grid}.axes:where(.astro-uca5qnxb) div:where(.astro-uca5qnxb){gap:var(--teaching-space-2);grid-template-columns:auto 1fr;display:grid}.axes:where(.astro-uca5qnxb) dt:where(.astro-uca5qnxb){color:var(--teaching-color-muted);font-size:var(--teaching-font-size-label);font-weight:700}.axes:where(.astro-uca5qnxb) dd:where(.astro-uca5qnxb){color:var(--teaching-color-ink);font-size:var(--teaching-font-size-body-sm);margin:0}.description:where(.astro-uca5qnxb){margin:var(--teaching-space-3) 0 0;color:var(--teaching-color-muted);font-size:var(--teaching-font-size-body-sm);line-height:1.55}figcaption:where(.astro-uca5qnxb){border-block-start:1px solid var(--teaching-color-border);color:var(--teaching-color-muted);font-size:var(--teaching-font-size-body-sm);margin-block-start:var(--teaching-space-4);padding-block-start:var(--teaching-space-4);line-height:1.55}@media (width<=30rem){.property-figure:where(.astro-uca5qnxb){border-radius:var(--teaching-radius-md);padding:var(--teaching-space-4)}h4:where(.astro-uca5qnxb){min-height:0}}