:root{--oc-purple:#5f3d9b;--oc-purple-dark:#4b2e7a;--oc-purple-tint:#b99dff;--oc-lavender:#ede6ff;--oc-lavender-accent:#d2c0ff;--oc-beige:#fdf9f3;--oc-white:#fff;--oc-sand:#f3ece1;--oc-muted:#f5f0eb;--oc-border:#e5e0db;--oc-text:#414141;--oc-text-muted:#616161;--oc-blue:#c8dafe;--oc-blue-dark:#2e5ea9;--oc-blue-tint:#eff4ff;--oc-blue-strong:#3e7bd6;--oc-green:#80ebab;--oc-mint:#96fdc0;--oc-green-tint:#effdf6;--oc-green-strong:#0d9248;--oc-green-dark:#0a6e36;--oc-aqua:#1baf7a;--oc-yellow:#ffdd6d;--oc-yellow-dark:#7a5c10;--oc-yellow-tint:#fff1c3;--oc-amber:#e8a33d;--oc-coral:#d85a30;--oc-coral-dark:#993c1d;--oc-coral-tint:#fdede6;--oc-red:#f44236;--oc-red-dark:#c9302a;--oc-series-1:var(--oc-purple);--oc-series-2:var(--oc-amber);--oc-series-3:var(--oc-blue-strong);--oc-series-4:var(--oc-aqua);--oc-series-5:var(--oc-purple-tint);--oc-status-success:var(--oc-green-strong);--oc-status-warning:var(--oc-yellow-dark);--oc-status-risk:var(--oc-coral);--oc-status-error:var(--oc-red);--oc-font-sans:"DM Sans", Arial, sans-serif;--oc-font-accent:"Playwrite IS", cursive;--oc-shadow-1:0 1px 2px #4141410a, 0 2px 8px #5f3d9b0a;--oc-shadow-2:0 2px 4px #4141410a, 0 8px 24px #5f3d9b14;--oc-shadow-3:0 4px 8px #4141410d, 0 16px 48px #5f3d9b1f;--oc-shadow-offset-sm:2px 2px 0 0;--oc-shadow-offset-md:3px 3px 0 0;--oc-shadow-offset-lg:5px 5px 0 0;--oc-shadow-offset-hover:8px 8px 0 0;--oc-shadow-offset-press:1px 1px 0 0;--oc-radius-base:10px;--oc-radius-card:16px;--oc-radius-card-lg:24px;--oc-radius-pill:9999px;--oc-radius-tile:12px;--oc-measure:68ch;--oc-shadow-reserve:5px;--oc-space-1:.25rem;--oc-space-2:.5rem;--oc-space-3:.75rem;--oc-space-4:1rem;--oc-space-5:1.5rem;--oc-space-6:2rem;--oc-space-7:3rem;--oc-space-8:4rem;--oc-outline-width:2px;--oc-outline-width-sm:1.5px;--oc-outline-color:var(--oc-text);--oc-accent-mint:var(--oc-mint);--oc-accent-blue:var(--oc-blue);--oc-accent-yellow:var(--oc-yellow);--oc-accent-lavender:var(--oc-lavender-accent);--oc-wash-blob-a:#d9c9ff;--oc-wash-blob-b:#c8dafed9;--oc-wash-blob-c:#80ebab8c;--oc-wash-blob-d:#ffdd6d66;--oc-wash-hero:radial-gradient(ellipse 62% 95% at 92% 4%, #d9c9ff 0, transparent 70%), radial-gradient(ellipse 55% 85% at 100% 62%, #c8dafed9 0, transparent 70%), radial-gradient(ellipse 48% 80% at 70% 0%, #80ebab8c 0, transparent 68%);--oc-wash-hero-mask:linear-gradient(to bottom, black 55%, transparent 100%);--oc-wash-panel:radial-gradient(ellipse 60% 90% at 100% 0%, #80ebab8c 0, transparent 70%), radial-gradient(ellipse 55% 90% at 0% 100%, #c8dafecc 0, transparent 70%);--oc-wash-panel-mask:linear-gradient(to bottom, transparent, black 30%, black 70%, transparent);--oc-duration-fast:80ms;--oc-duration-base:.2s;--oc-duration-slow:.6s;--oc-ease-out:cubic-bezier(.2, .8, .2, 1);--oc-ease-pop:cubic-bezier(.2, .8, .2, 1.4);--oc-distance-rise:24px;--oc-distance-pop:16px;--oc-distance-lift:3px;--oc-stagger:80ms;--oc-type-display-size:clamp(56px, calc(48.989px + 1.7978vw), 72px);--oc-type-display-weight:700;--oc-type-display-leading:1;--oc-type-display-tracking:-.03em;--oc-type-h1-size:clamp(28px, calc(22.742px + 1.3483vw), 40px);--oc-type-h1-weight:700;--oc-type-h1-leading:1.15;--oc-type-h1-tracking:0;--oc-type-h2-size:24px;--oc-type-h2-weight:700;--oc-type-h2-leading:1.2;--oc-type-h2-tracking:0;--oc-type-h3-size:18px;--oc-type-h3-weight:700;--oc-type-h3-leading:1.3;--oc-type-h3-tracking:0;--oc-type-body-size:16px;--oc-type-body-weight:400;--oc-type-body-leading:1.6;--oc-type-body-tracking:0;--oc-type-lead-size:clamp(18px, calc(17.124px + .2247vw), 20px);--oc-type-lead-weight:400;--oc-type-lead-leading:1.5;--oc-type-lead-tracking:0;--oc-type-label-size:14px;--oc-type-label-weight:600;--oc-type-label-leading:1.4;--oc-type-label-tracking:0;--oc-type-eyebrow-size:12px;--oc-type-eyebrow-weight:600;--oc-type-eyebrow-leading:1.4;--oc-type-eyebrow-tracking:.08em}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--oc-beige);color:var(--oc-text);font-family:var(--oc-font-sans);margin:0;font-size:1rem;line-height:1.6}main{max-width:56rem;padding:var(--oc-space-7) var(--oc-space-4) var(--oc-space-8);margin:0 auto}h1{margin:0 0 var(--oc-space-3);font-size:clamp(1.75rem,1.3rem + 2vw,2.5rem);line-height:1.15}h2{margin:var(--oc-space-7) 0 var(--oc-space-3);font-size:1.5rem;line-height:1.2}h3{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.125rem}p{max-width:var(--oc-measure)}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--oc-text-muted);margin:0 0 var(--oc-space-2);font-size:.75rem;font-weight:600}.lead{font-size:1.15rem}a{color:var(--oc-purple)}a:focus-visible,summary:focus-visible{outline:2px solid var(--oc-purple);outline-offset:5px}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.card{background:var(--oc-white);border:var(--oc-outline-width) solid var(--oc-outline-color);border-radius:var(--oc-radius-card);box-shadow:var(--oc-shadow-offset-lg) var(--oc-accent-lavender);padding:var(--oc-space-5);margin:0 var(--oc-shadow-reserve) var(--oc-space-5) 0}.card.note{box-shadow:var(--oc-shadow-offset-lg) var(--oc-accent-yellow)}.card.green{box-shadow:var(--oc-shadow-offset-lg) var(--oc-accent-mint)}.ep{margin:0 var(--oc-shadow-reserve) var(--oc-space-4) 0;border:var(--oc-outline-width) solid var(--oc-outline-color);border-radius:var(--oc-radius-card);background:var(--oc-white)}.ep summary{cursor:pointer;padding:var(--oc-space-3) var(--oc-space-4);gap:var(--oc-space-3);flex-wrap:wrap;align-items:baseline;min-height:44px;display:flex}.ep .body{padding:0 var(--oc-space-4) var(--oc-space-4)}.ep .desc{color:var(--oc-text-muted);font-size:.95rem}.chip{border:var(--oc-outline-width-sm) solid var(--oc-outline-color);border-radius:var(--oc-radius-pill);padding:0 var(--oc-space-3);background:var(--oc-blue-tint);font-size:.8rem;font-weight:600;display:inline-block}.chip.post{background:var(--oc-green-tint)}pre{background:var(--oc-muted);border:var(--oc-outline-width-sm) solid var(--oc-outline-color);border-radius:var(--oc-radius-base);padding:var(--oc-space-3) var(--oc-space-4);margin:var(--oc-space-2) 0 0;font-size:.85rem;line-height:1.5;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.95rem}th,td{text-align:left;padding:var(--oc-space-2) var(--oc-space-3);border-bottom:1.5px solid var(--oc-border);vertical-align:top}footer{margin-top:var(--oc-space-8);color:var(--oc-text-muted);font-size:.9rem}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}