.observatory{--instrument-bg:var(--hpo-forest,#0e1c19);--instrument-ink:var(--hpo-cream,#eeefe4);--instrument-muted:#b0bbb0;--instrument-accent:var(--hpo-citron,#c5cfa4);--instrument-rule:var(--hpo-forest-border,#354b3d);display:block}.observatory-instrument{border:1px solid var(--instrument-rule);background:var(--instrument-bg);color:var(--instrument-ink);color-scheme:dark;border-radius:12px;overflow:hidden}.observatory-panel{grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);padding:2.5rem 2.25rem 1.75rem;display:grid}.observatory [hidden]{display:none!important}.observatory :is(button,[role=tabpanel],a):focus-visible{outline:2px solid var(--instrument-accent);outline-offset:-5px}.observatory-figure{align-self:center;min-width:0;margin:0;padding-right:2rem}.observatory-plot-heading{color:var(--instrument-muted);justify-content:space-between;gap:1rem;margin-bottom:1.5rem;font-size:.7rem;display:flex}.observatory-live-label{font-family:ui-monospace,monospace}.observatory-chart{width:100%;height:auto;display:block;overflow:visible}.observatory-grid{fill:none;stroke:var(--instrument-rule);stroke-width:.7px;stroke-dasharray:2 5}.observatory-axis{fill:none;stroke:#798a7c;stroke-width:1px}.observatory-axis-label,.observatory-tick{fill:var(--instrument-muted);font:12px Mona Sans,sans-serif}.observatory-tick{font-size:11px}.observatory-legend text{fill:var(--instrument-muted);font:12px Mona Sans,sans-serif}.observatory-strong-line{fill:none;stroke:var(--instrument-accent);stroke-width:2.2px}.observatory-other-line{fill:none;stroke:#94a798;stroke-width:1.5px;stroke-dasharray:5 6}.observatory-strong-rug{stroke:var(--instrument-accent);stroke-width:2px}.observatory-other-rug{stroke:#789081;stroke-width:1.5px}.observatory-leader{fill:none;stroke:#99ad94;stroke-width:1px;stroke-dasharray:3 4}.observatory-candidate{fill:var(--instrument-bg);stroke:#e1e9cc;stroke-width:2px}.observatory-annotation{fill:var(--instrument-ink);font:12px Mona Sans,sans-serif}.observatory-contour{fill:none;stroke:var(--instrument-accent);stroke-width:1.5px}.observatory-history{fill:none;stroke:#6d826e;stroke-width:1px;stroke-dasharray:3 5;opacity:.65}.observatory-sample{fill:var(--instrument-accent)}.observatory-earlier-sample{fill:#7d9784}.observatory-frame{opacity:0;pointer-events:none;transition:opacity .35s}.observatory[data-frame="0"] [data-plot-frame="0"],.observatory[data-frame="1"] [data-plot-frame="1"],.observatory[data-frame="2"] [data-plot-frame="2"],.observatory[data-frame="3"] [data-plot-frame="3"]{opacity:1}.observatory-figure figcaption{color:var(--instrument-muted);margin-top:1rem;font-size:.65rem;line-height:1.6}.observatory-explanation{border-left:1px solid var(--instrument-rule);min-width:0;padding-left:2.25rem}.observatory-category{color:var(--instrument-accent);letter-spacing:.16em;text-transform:uppercase;font-size:.6rem}.observatory-explanation h3{color:var(--instrument-ink);letter-spacing:-.04em;margin-top:.9rem;font-size:clamp(1.6rem,2.6vw,2.4rem);font-weight:600;line-height:1.15}.observatory-deck{color:var(--instrument-ink);margin-top:.9rem;font-size:1rem}.observatory-description{color:var(--instrument-muted);margin-top:.65rem;font-size:.82rem;line-height:1.7}.observatory-facts{gap:1.2rem;margin-top:1.65rem;display:grid}.observatory-facts>div{padding-left:2.1rem;position:relative}.observatory-facts>div:before{content:"";background:var(--instrument-accent);width:1.25rem;height:1px;position:absolute;top:.55rem;left:0}.observatory-facts dt{font-size:.8rem}.observatory-facts dd{color:var(--instrument-muted);margin-top:.3rem;font:.65rem/1.7 ui-monospace,monospace}.observatory-controls{align-items:center;gap:.8rem;min-height:3rem;padding:0 2.25rem 1.35rem;display:flex}.observatory-progress{gap:4px;display:flex}.observatory-progress span{background:var(--instrument-rule);width:16px;height:2px}.observatory[data-frame="0"] .observatory-progress span:first-child,.observatory[data-frame="1"] .observatory-progress span:nth-child(-n+2),.observatory[data-frame="2"] .observatory-progress span:nth-child(-n+3),.observatory[data-frame="3"] .observatory-progress span{background:var(--instrument-accent)}.observatory-stage{color:var(--instrument-muted);font:.65rem/1.5 ui-monospace,monospace}.observatory-replay{min-height:44px;color:var(--instrument-accent);cursor:pointer;white-space:nowrap;align-items:center;gap:.5rem;margin-left:auto;padding:.5rem;font-size:.75rem;display:inline-flex}.observatory-replay>span:first-child{font-size:1.4rem}.observatory-replay:hover{color:#fff}.observatory-tabs{border-top:1px solid var(--instrument-rule);grid-template-columns:repeat(3,minmax(0,1fr));display:none}.observatory[data-ready] .observatory-tabs{display:grid}.observatory-tabs button{min-height:76px;color:var(--instrument-muted);cursor:pointer;padding:1.25rem .75rem;font-size:.9rem;transition:background .15s,color .15s;position:relative}.observatory-tabs button+button:before{content:"";background:var(--instrument-rule);width:1px;position:absolute;top:26%;bottom:26%;left:0}.observatory-tabs button[aria-selected=true]{color:var(--instrument-ink);background:#142923}.observatory-tabs button[aria-selected=true]:after{content:"";background:var(--instrument-accent);height:3px;position:absolute;bottom:0;left:28%;right:28%}.observatory-tabs button:hover{color:var(--instrument-ink);background:#1a3027}.observatory-footer{color:var(--hpo-muted,#697062);justify-content:space-between;gap:1.25rem;margin-top:1.25rem;font-size:.75rem;display:flex}.observatory-footer a:hover{color:var(--hpo-olive);text-underline-offset:4px;text-decoration:underline}.observatory-no-script{color:var(--instrument-muted);padding:1rem 2rem;font-size:.75rem}.observatory-mobile-legend{display:none}.observatory-footer a:focus-visible{outline-color:var(--hpo-olive);outline-offset:4px}@media (width<=1100px){.observatory-panel{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);padding:1.75rem 1.5rem}.observatory-figure{padding-right:1.25rem}.observatory-explanation{padding-left:1.5rem}.observatory-live-label{display:none}.observatory-facts{gap:.9rem}}@media (width<=799px){.observatory-instrument{flex-direction:column;display:flex}.observatory-tabs{border-top:0;border-bottom:1px solid var(--instrument-rule);order:-1}.observatory-mobile-legend{color:var(--instrument-muted);gap:1.2rem;margin-top:.5rem;font-size:.65rem;display:flex}.observatory-mobile-legend span{align-items:center;gap:.4rem;display:flex}.observatory-mobile-legend span:before{content:"";border-top:2px solid var(--instrument-accent);width:16px}.observatory-mobile-legend span+span:before{border-color:#94a798;border-top-style:dashed}.observatory-legend{display:none}.observatory-panel{flex-direction:column;padding:1.5rem 1.25rem;display:flex}.observatory-figure{width:100%;padding:0}.observatory-plot-heading{margin-bottom:1rem}.observatory-explanation{border-left:0;border-top:1px solid var(--instrument-rule);margin-top:1.5rem;padding:1.5rem 0 0}.observatory-explanation h3{font-size:1.8rem}.observatory-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.observatory-facts>div{padding-top:.8rem;padding-left:0}.observatory-facts>div:before{top:0}.observatory-controls{gap:.6rem;padding:0 1rem .75rem}.observatory-progress{display:none}.observatory-tabs button{min-height:64px;font-size:.75rem}.observatory-figure figcaption{font-size:.6rem}.observatory-footer{font-size:.65rem}}@media (width<=479px){.observatory-panel{padding-inline:.9rem}.observatory-facts{gap:.8rem}.observatory-facts dd{font-family:inherit;font-size:.7rem}.observatory-chart .observatory-annotation{font-size:18px}.observatory-chart .observatory-axis-label{font-size:20px}.observatory-stage{font-size:.6rem}}@media (prefers-reduced-motion:reduce){.observatory-frame,.observatory-tabs button{transition:none}}.experiment-product{--ep-measure:42rem}.experiment-product [hidden]{display:none!important}.experiment-product section[id]{scroll-margin-top:1.5rem}.ep-hero{padding-top:5.5rem;padding-bottom:5rem}.ep-hero-layout{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:5rem;display:grid}.ep-eyebrow{color:var(--marketing-accent);margin-bottom:1.5rem;font-size:.8rem}.ep-hero h1{letter-spacing:-.055em;font-size:clamp(2.75rem,4.5vw,4.5rem);line-height:1.06}.ep-hero h1 span{color:var(--marketing-accent)}.ep-lead{max-width:36rem;color:var(--marketing-muted);margin-top:1.75rem;font-size:1.1rem;line-height:1.8}.ep-actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:2rem;display:flex}.ep-file-map{border:1px solid var(--marketing-border);background:var(--marketing-panel);border-radius:.75rem;padding:1.5rem 1.75rem}.ep-file-map header{border-bottom:1px solid var(--marketing-border);flex-wrap:wrap;justify-content:space-between;gap:.5rem;padding-bottom:1.25rem;font-size:.75rem;display:flex}.ep-file-map header span:first-child{font-family:ui-monospace,monospace}.ep-file-map header span:last-child,.ep-file-map p{color:var(--marketing-muted)}.ep-file-map a{border-bottom:1px solid var(--marketing-border);flex-wrap:wrap;justify-content:space-between;gap:.4rem 1rem;padding:1.15rem 0;font-size:.8rem;display:flex}.ep-file-map a:hover{color:var(--marketing-accent)}.ep-file-map a span{color:var(--marketing-muted)}.ep-file-map p{margin-top:1rem;font-size:.75rem}.ep-chapter-nav{border-bottom:1px solid var(--marketing-border);background:var(--marketing-panel);flex-wrap:wrap;justify-content:center;gap:.5rem 2rem;padding:1.25rem;display:flex}.ep-chapter-nav a{color:var(--marketing-muted);padding:.35rem 0;font-size:.8rem}.ep-chapter-nav a:hover{color:var(--marketing-text);text-underline-offset:.3rem;text-decoration:underline}.ep-section-top{justify-content:space-between;align-items:flex-end;gap:2rem;display:flex}.ep-section-top .marketing-action{flex-shrink:0}.ep-section-top .marketing-section-intro{max-width:40rem}.ep-config-explorer{border:1px solid var(--marketing-border);background:var(--marketing-panel);border-radius:.75rem;margin-top:2.5rem;overflow:hidden}.ep-config-tabs{border-bottom:1px solid var(--marketing-border);flex-wrap:wrap;display:flex}.ep-config-tabs button{text-align:left;min-width:8.5rem;color:var(--marketing-muted);cursor:pointer;border-bottom:3px solid #0000;flex:1;padding:1.1rem 1.3rem;font-size:.85rem;transition:background .2s,color .2s}.ep-tab-number{margin-bottom:.35rem;font-family:ui-monospace,monospace;font-size:.65rem;display:block}.ep-config-tabs button[aria-pressed=true]{color:var(--marketing-text);background:var(--marketing-subtle);border-bottom-color:var(--marketing-accent)}.ep-config-tabs button:hover{background:var(--marketing-subtle)}.ep-config-tabs button:focus-visible{outline-offset:-5px}.ep-config-panel{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);display:grid}.ep-code{background:var(--marketing-bg);color:var(--marketing-text);min-width:0;padding:1.75rem}.ep-code figcaption{color:var(--marketing-muted);justify-content:space-between;gap:1rem;margin-bottom:1.6rem;font-size:.75rem;display:flex}.ep-code pre{padding-bottom:.75rem;font-size:.85rem;line-height:1.85;overflow-x:auto;background:0 0!important}.ep-annotations{padding:2rem 2.25rem}.ep-annotations h3{font-size:1.5rem;line-height:1.25}.ep-annotations>p{color:var(--marketing-muted);margin-top:.85rem;font-size:.875rem;line-height:1.8}.ep-annotations dl{margin-top:1.4rem}.ep-annotations dl div{border-top:1px solid var(--marketing-border);padding:.85rem 0}.ep-annotations dt{overflow-wrap:anywhere;font-size:.75rem;font-weight:600}.ep-annotations dd{color:var(--marketing-muted);margin-top:.35rem;font-size:.8rem;line-height:1.8}.ep-text-link{text-underline-offset:.3rem;margin-top:1.1rem;font-size:.85rem;font-weight:500;text-decoration:underline;display:inline-block}.ep-text-link:hover{color:var(--marketing-accent)}.ep-full-config{border-bottom:1px solid var(--marketing-border);margin-top:1rem;padding:1rem 0}.ep-full-config summary{cursor:pointer;padding:.4rem 0;font-size:.85rem}.ep-full-config pre{border-radius:.5rem;margin-top:1rem;padding:1.5rem;font-size:.8rem;line-height:1.8;overflow:auto}.ep-note{color:var(--marketing-muted);max-width:65rem;margin-top:1.25rem;font-size:.8rem;line-height:1.8}.ep-note a{text-underline-offset:.2rem;text-decoration:underline}.ep-editorial-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:6rem;display:grid}.ep-contract article+article{margin-top:2.5rem}.ep-label{color:var(--marketing-accent);font-size:.75rem}.ep-contract h3,.ep-reading h3{margin:.65rem 0 .75rem;font-size:1.25rem}.ep-contract pre{background:var(--marketing-subtle);border-left:2px solid var(--marketing-accent);white-space:pre-wrap;overflow-wrap:anywhere;margin:1.2rem 0;padding:1.1rem;font-size:.85rem;line-height:1.85}.ep-contract article p,.ep-reading article p{color:var(--marketing-muted);font-size:.9rem;line-height:1.9}.ep-limits{grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem;margin:3rem 0;display:grid}.ep-limits article{border-top:1px solid var(--marketing-border);padding-top:1.75rem}.ep-limit-value{letter-spacing:-.06em;font-size:3.25rem;font-weight:500;line-height:1.2}.ep-limit-value small{letter-spacing:0;color:var(--marketing-muted);margin:.5rem 0 1.75rem;font-size:.8rem;font-weight:400;display:block}.ep-limits h3{font-size:1.1rem}.ep-limits code{overflow-wrap:anywhere;margin-top:.6rem;font-size:.7rem;display:block}.ep-limits p{color:var(--marketing-muted);margin-top:.8rem;font-size:.85rem;line-height:1.85}.ep-controls{background:var(--marketing-subtle);grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:3rem;padding:2rem;display:grid}.ep-controls h3{font-size:1.5rem}.ep-controls p{color:var(--marketing-muted);margin-top:.75rem;font-size:.85rem;line-height:1.8}.ep-controls dl div{grid-template-columns:7rem minmax(0,1fr);gap:1rem;padding:.7rem 0;font-size:.8rem;display:grid}.ep-controls dt{font-weight:600}.ep-controls dd{color:var(--marketing-muted);line-height:1.8}.ep-controls code{overflow-wrap:anywhere}.ep-observatory{margin-top:2.5rem}.ep-section-links{flex-wrap:wrap;gap:1rem 2rem;display:flex}.ep-reading article{border-top:1px solid var(--marketing-border);padding:1.5rem 0}.ep-reading article:first-child{border-top:0;padding-top:0}.ep-reuse-grid{grid-template-columns:1fr 1fr;gap:5rem;margin-top:3rem;display:grid}.ep-reuse-grid h3{font-size:1.5rem}.ep-reuse-grid pre{border-left:2px solid var(--marketing-accent);margin:1.5rem 0;padding:.5rem 1rem;font-size:.95rem;line-height:2}.ep-reuse-grid p{color:var(--marketing-muted);margin-top:1rem;font-size:.9rem;line-height:1.9}.ep-reuse-grid .marketing-action{margin-top:1rem;padding-left:0}.ep-portability{border-top:1px solid var(--marketing-border);grid-template-columns:1fr 1fr;gap:5rem;margin-top:3rem;padding-top:2rem;display:grid}.ep-portability p{color:var(--marketing-muted);margin-top:.5rem;font-size:.8rem;line-height:1.9}.ep-integrations{grid-template-columns:1fr 1fr;column-gap:4rem;margin-top:2rem;display:grid}.ep-integrations a{border-top:1px solid var(--marketing-border);padding:1.5rem 0;display:block}.ep-integrations h3{justify-content:space-between;gap:1rem;font-size:1.1rem;display:flex}.ep-integrations p{color:var(--marketing-muted);margin-top:.5rem;font-size:.85rem}.ep-integrations a:hover h3{color:var(--marketing-accent)}.ep-closing h2{font-size:clamp(2.25rem,4vw,3.5rem);line-height:1.15}.ep-closing>div>p:not(.ep-note){max-width:37rem;color:var(--marketing-muted);margin-top:1.5rem;line-height:1.8}@media (width<=1023px){.ep-hero-layout{gap:2rem}.ep-editorial-grid{gap:3rem}.ep-section-top{display:block}.ep-section-top>.marketing-action{margin-top:1.5rem}.ep-config-tabs button{min-width:7rem;padding:.9rem}.ep-annotations{padding:1.5rem}}@media (width<=767px){.ep-hero{padding-top:3.5rem;padding-bottom:3rem}.ep-hero-layout,.ep-editorial-grid,.ep-config-panel,.ep-controls,.ep-reuse-grid,.ep-portability{grid-template-columns:1fr;gap:2rem}.ep-code{padding:1.5rem}.ep-config-tabs button{flex:30%}.ep-hero h1{font-size:clamp(2.6rem,8vw,4rem)}.ep-chapter-nav{justify-content:flex-start;gap:.4rem 1.25rem}.ep-limits{gap:1.4rem}.ep-limit-value{font-size:2.5rem}.ep-limits h3{font-size:1rem}.ep-controls{padding:1.5rem}.ep-reuse-grid,.ep-portability{gap:2.5rem}}@media (width<=479px){.ep-limits,.ep-integrations{grid-template-columns:1fr}.ep-limit-value small{margin-left:.75rem;display:inline}.ep-limits h3{margin-top:1rem}.ep-controls dl div{grid-template-columns:1fr;gap:.3rem}.ep-file-map{padding:1.25rem}.ep-hero .ep-actions{flex-direction:column;align-items:stretch}.ep-config-tabs button{min-width:0}.ep-code pre{font-size:.75rem}}
