.hv-page .hv-frame .site-header{position:static;top:auto;z-index:auto}.hv-a11y-note{margin:var(--space-3) 0 0;color:var(--lead-site-muted);font-size:.85rem}.hv-a11y-note code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em;color:var(--lead-site-teal)}.hv-index{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:var(--space-2);margin:var(--space-6) 0 0;padding:0;list-style:none}.hv-index a{display:flex;align-items:baseline;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--lead-site-border);border-radius:var(--corner-radius-md);background:var(--lead-site-card-surface);text-decoration:none;color:var(--lead-site-text)}.hv-index a:hover,.hv-index a:focus-visible{border-color:color-mix(in srgb,var(--lead-site-teal) 45%,var(--lead-site-border))}.hv-index-num{font-weight:var(--project-weight-strong);color:var(--lead-site-teal)}.hv-index-name{flex:1}.hv-stack{display:grid;gap:var(--space-8);margin-top:var(--space-8)}.hv-variant{display:grid;gap:var(--space-5);grid-template-columns:minmax(0,22rem) minmax(0,1fr);align-items:start}@media(max-width:60rem){.hv-variant{grid-template-columns:1fr}}.hv-meta-head h3{margin:var(--space-2) 0 0;font-family:var(--font-display);font-size:1.5rem}.hv-variant-code,.hv-buckets code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;color:var(--lead-site-teal)}.hv-usedfor{margin:var(--space-1) 0 0;color:var(--lead-site-muted);font-size:.9rem}.hv-blurb{margin:0;color:var(--lead-site-text)}.hv-blurb code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em;color:var(--lead-site-teal)}.hv-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.hv-chips li{border:1px solid var(--lead-site-border);background:var(--lead-site-tag-surface);color:var(--lead-site-text);border-radius:var(--dt-px-999);padding:.2rem .7rem;font-size:.78rem}.hv-buckets{margin:0;font-size:.82rem;color:var(--lead-site-muted);display:flex;flex-wrap:wrap;gap:.35rem;align-items:baseline}.hv-buckets span{text-transform:uppercase;letter-spacing:.06em;font-size:.7rem}.hv-frame{border:1px solid var(--lead-site-border);border-radius:var(--dt-px-14);overflow:hidden;background:var(--lead-site-bg);box-shadow:0 var(--space-4) var(--space-9) color-mix(in srgb,var(--lead-site-shadow) 55%,transparent)}.hv-frame-bar{display:flex;align-items:center;gap:.4rem;padding:.55rem .85rem;background:var(--lead-site-panel);border-bottom:1px solid var(--lead-site-border)}.hv-dot{width:.6rem;height:.6rem;border-radius:50%;background:color-mix(in srgb,var(--lead-site-muted) 55%,transparent)}.hv-url{margin-left:.6rem;font-size:.75rem;color:var(--lead-site-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.hv-stage{background:radial-gradient(120% 100% at 50% -20%,color-mix(in srgb,var(--lead-site-teal) 10%,transparent),transparent 60%),var(--lead-site-bg-elevated, var(--lead-site-bg))}.hv-faux-body{display:flex;flex-direction:column;gap:.7rem;padding:var(--space-6) var(--space-5) var(--space-8)}.hv-faux-line{height:.6rem;border-radius:var(--dt-px-999);background:color-mix(in srgb,var(--lead-site-muted) 22%,transparent)}.hv-w-60{width:60%}.hv-w-40{width:40%}.hv-matrix-wrap{margin-top:var(--space-10);overflow-x:auto;min-width:0;max-width:100%}.hv-matrix{width:100%;border-collapse:collapse;min-width:34rem}.hv-matrix caption{text-align:left;color:var(--lead-site-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;padding-bottom:var(--space-3)}.hv-matrix th,.hv-matrix td{border-bottom:1px solid var(--lead-site-border);padding:.7rem .9rem;text-align:left}.hv-matrix thead th{font-family:var(--font-display);color:var(--lead-site-text)}.hv-matrix tbody th{font-weight:500;color:var(--lead-site-text)}.hv-matrix td{text-align:center}.hv-note{display:block;font-size:.72rem;font-weight:400;color:var(--lead-site-muted)}.hv-mark{font-size:1rem}.hv-matrix td[data-state=true] .hv-mark{color:var(--lead-site-teal)}.hv-matrix td[data-state=opt] .hv-mark{color:var(--lead-site-amber)}.hv-matrix td[data-state=false] .hv-mark{color:color-mix(in srgb,var(--lead-site-muted) 60%,transparent)}.hv-sr{position:absolute;width:var(--dt-px-1);height:var(--dt-px-1);padding:0;margin:calc(var(--dt-px-1) * -1);overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.hv-accent-band .subheadline em{font-style:normal;color:var(--lead-site-teal)}.hv-accent-stack{display:grid;gap:var(--space-5);margin-top:var(--space-6)}
