:root{--page-background:#fff;--hero-background:#eee;--surface:#fff;--text:#222;--muted-text:#666;--subtle-text:#888;--border:#d7d7d7;--border-light:#e5e5e5;--link:#3e8cb6;--link-hover:#2e6f8d;--code-background:#f3f3f3;color:var(--text);background:var(--page-background);font-synthesis:none;font-family:Lato,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html{background:var(--page-background)}body{background:var(--surface);max-width:1080px;min-height:100vh;margin:0 auto;padding:1.5rem clamp(1rem,3vw,2.5rem) 3rem;line-height:1.4}body:not(.landing-page) h1{color:var(--text);letter-spacing:-.025em;margin:1.25rem 0 .75rem;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:400;line-height:1.1}h2,h3{font-weight:400}p{max-width:70ch;color:var(--muted-text);margin-top:0}a{color:var(--link)}a:hover{color:var(--link-hover)}code{background:var(--code-background);color:#444;border-radius:.15rem;padding:.08em .25em;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.9em}button,input,select,textarea{font:inherit}button,select,input,textarea{background:var(--surface);color:var(--text);border:1px solid #c7c7c7;border-radius:.2rem}button,select{min-height:2rem;padding:.25rem .65rem}button{cursor:pointer}button:hover,button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,.back-link:focus-visible,.example-card:focus-visible{border-color:var(--link);outline:2px solid color-mix(in srgb, var(--link) 35%, transparent);outline-offset:1px}input,textarea{padding:.4rem .5rem}.back-link{color:var(--muted-text);align-items:center;font-size:.9rem;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--link-hover)}.visualization-surface{background:var(--surface);margin:1.5rem 0;padding:0;overflow-x:auto}.visualization-surface canvas,.visualization-surface svg{max-width:100%;display:block}.form-surface{border:1px solid var(--border);background:var(--surface);border-radius:.25rem;padding:1rem}#form{max-width:32rem}#form p{margin-bottom:.75rem}#form label,#annotation-menu label{color:var(--muted-text);gap:.3rem;display:grid}#form>div{grid-template-columns:2rem minmax(0,1fr);align-items:center;gap:.5rem;margin-top:.5rem;display:grid}#annotation-menu{z-index:1;border:1px solid var(--border);background:var(--surface);border-radius:.25rem;max-width:min(32rem,100vw - 2rem);padding:1rem;box-shadow:0 .35rem 1.25rem #0002}#annotation-menu strong{color:var(--text);margin-bottom:.75rem;font-weight:700;display:block}#annotation-menu form{gap:.85rem;display:grid}#annotation-menu form>div{flex-wrap:wrap;gap:.5rem;display:flex}#annotation-status,#selection-status,#status{min-height:1.5em;color:var(--muted-text);font-size:.9rem}table{border-collapse:collapse;background:var(--surface);width:100%;max-width:70rem;margin-top:1.5rem;font-size:.95rem}th,td{border:1px solid var(--border);text-align:left;vertical-align:top;padding:.55rem .7rem}th{color:var(--text);background:#f3f3f3;font-weight:700}body.landing-page{max-width:none;padding:0}.hero{border-bottom:1px solid var(--border-light);background:var(--hero-background);padding:2.5rem max(1rem,50vw - 540px) 2.75rem}.hero>*{max-width:1080px;margin-left:0;margin-right:0}.example-catalog,.site-footer{max-width:1080px;margin-left:auto;margin-right:auto}.eyebrow{color:var(--muted-text);margin:0 0 .65rem;font-size:.95rem}.hero h1{max-width:none;color:var(--text);letter-spacing:-.035em;margin:0 0 .75rem;font-size:clamp(2.2rem,5vw,3.8rem);font-weight:400;line-height:1.05}.hero-summary{color:#444;max-width:42rem;margin-bottom:1.25rem;font-size:1.1rem}.hero-meta{color:var(--subtle-text);flex-wrap:wrap;gap:.35rem 1rem;margin-bottom:0;font-size:.9rem;display:flex}.hero-meta span+span:before{color:#b3b3b3;content:"/";margin-right:1rem}.example-catalog{padding:0 1rem}.category{padding:2.25rem 0}.category+.category{border-top:1px solid var(--border-light)}.category-heading{grid-template-columns:2.5rem minmax(0,1fr);align-items:start;gap:.75rem;margin-bottom:1rem;display:grid}.category-number{color:var(--subtle-text);margin:.15rem 0 0;font-size:.85rem}.category-heading h2{color:var(--text);letter-spacing:-.02em;margin:0 0 .3rem;font-size:1.55rem}.category-heading p:last-child{color:var(--muted-text);margin:0}.example-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1rem;display:grid}.example-card{border:1px solid var(--border);background:var(--surface);min-width:0;min-height:8.5rem;color:var(--text);border-radius:.25rem;flex-direction:column;padding:.8rem;text-decoration:none;display:flex}.example-card:hover,.example-card:focus-visible{border-color:var(--link);color:var(--text);outline:none}.example-card h3{color:var(--link);margin:0;font-size:1rem;font-weight:700;line-height:1.25}.example-card p{color:var(--muted-text);margin:.45rem 0 0;font-size:.92rem;line-height:1.3}.card-arrow{color:var(--subtle-text);align-self:flex-end;margin-top:auto;font-size:1rem;line-height:1}.example-card:hover .card-arrow,.example-card:focus-visible .card-arrow{color:var(--link)}.site-footer{color:var(--subtle-text);flex-wrap:wrap;gap:.5rem;padding:1rem 1rem 2.5rem;font-size:.9rem;display:flex}@media (width<=560px){body{padding-top:1rem}.hero{padding-top:2rem;padding-bottom:2.25rem}.example-catalog{padding-left:1rem;padding-right:1rem}.category-heading{grid-template-columns:2rem minmax(0,1fr);gap:.5rem}.hero-meta span+span:before{margin-right:.65rem}}