.lab-hero{padding-block:var(--space-8) var(--space-7);text-align:center;justify-items:center;display:grid}.lab-hero .eyebrow{justify-content:center}.lab-hero-title{max-width:22ch;font-size:var(--type-display);font-variation-settings:"opsz" 72;line-height:1.02}.lab-hero-sub{max-width:52ch;margin-top:var(--space-4);color:var(--muted);font-size:var(--type-lead);line-height:1.55}.lab-hero-meta{justify-content:center;gap:var(--space-2) var(--space-5);margin-top:var(--space-5);color:var(--faint);font-family:var(--font-ui);font-size:var(--type-xs);letter-spacing:.18em;text-transform:uppercase;flex-wrap:wrap;margin-inline:0;padding:0;font-weight:700;list-style:none;display:flex}.lab-hero-meta li{align-items:center;gap:var(--space-2);display:inline-flex}.lab-hero-meta li:before{background:var(--read-teal);content:"";border-radius:50%;width:.45rem;height:.45rem}.lab-hero-meta li:nth-child(2):before{background:var(--read-violet)}.lab-hero-meta li:nth-child(3):before{background:var(--read-green)}.lab-hero-meta b{color:var(--muted)}.lab-hero .lab-jump{margin-top:var(--space-6);padding-top:var(--space-4);border-top:var(--rule-width) solid var(--line-soft);justify-content:center;width:min(100%,46rem)}.lab-jump a{font-family:var(--font-ui);font-size:var(--type-xs);letter-spacing:.14em;text-transform:uppercase;font-weight:700}.lab-group{padding-block:var(--space-7)}.lab-group+.lab-group{border-top:var(--rule-width) solid var(--line-soft)}.lab-group-head{justify-items:center;gap:var(--space-2);margin-bottom:var(--space-6);text-align:center;display:grid}.lab-group-head h2{font-size:var(--type-h2);margin:0}.lab-group-head p,.lab-group-head .readable-points{color:var(--faint);font-family:var(--font-ui);font-size:var(--type-xs);letter-spacing:.2em;text-transform:uppercase;font-weight:700}.lab-grid{gap:var(--space-5) var(--space-4);grid-template-columns:repeat(auto-fill,minmax(16.5rem,1fr));display:grid}.lab-cell{gap:var(--space-2);flex-direction:column;display:flex}.lab-cell[hidden]{display:none}.lab-cell .lab-card{flex:1}.lab-ar{box-sizing:border-box;min-height:44px;padding:0 var(--space-4);border-radius:var(--space-3);color:#13241f;font-family:var(--font-ui);font-size:var(--type-sm);background:#c8ead9;justify-content:space-between;align-items:center;font-weight:700;text-decoration:none;display:flex}.lab-ar:focus-visible{outline-offset:3px;outline:3px solid #b6f2d7}.lab-modes-key{margin-top:var(--space-4)}.lab-card{border:var(--rule-width) solid var(--line-soft);border-radius:var(--space-3);background:var(--surface);transition:border-color var(--dur-fast) ease, translate var(--dur) var(--ease-out);flex-direction:column;gap:.45rem;text-decoration:none;display:flex;overflow:hidden}.lab-card:hover,.lab-card:focus-visible{border-color:color-mix(in srgb, var(--ink) 30%, transparent);translate:0 -4px}.lab-card figure{border-bottom:var(--rule-width) solid var(--line-soft);margin:0;overflow:hidden}.lab-card img{aspect-ratio:16/10;object-fit:cover;background:var(--scene);width:100%;height:auto;transition:scale .6s var(--ease-out)}.lab-card:hover img,.lab-card:focus-visible img{scale:1.04}.lab-card .lc-head{justify-content:space-between;align-items:baseline;gap:var(--space-3);padding:var(--space-3) var(--space-4) 0;display:flex}.lc-code{color:var(--accent);font-family:var(--font-ui);font-size:var(--type-xs);letter-spacing:.18em;font-weight:700}.lc-tier{color:var(--faint);font-family:var(--font-ui);font-size:var(--type-xs);letter-spacing:.14em;text-transform:uppercase;font-weight:700}.lc-title{padding-inline:var(--space-4);color:var(--ink);font-family:var(--font-display);font-size:var(--type-lead);font-weight:520;line-height:1.2}.lc-blurb{padding-inline:var(--space-4);color:var(--muted);font-size:var(--type-sm);flex-grow:1;line-height:1.55}.lc-format{margin-top:var(--space-2);padding:var(--space-3) var(--space-4);border-top:var(--rule-width) solid var(--line-soft);color:var(--faint);font-family:var(--font-ui);font-size:var(--type-xs);letter-spacing:.06em}.lab-how{margin-top:var(--space-5)}.lab-how .proc-steps{margin-inline:auto}@media (width<=48rem){.lab-hero{padding-block:var(--space-6)}.lab-hero-title{font-size:var(--type-h1)}.lab-hero-meta{gap:var(--space-2);flex-direction:column}.lab-grid{grid-template-columns:1fr}.lab-card img{aspect-ratio:16/9}}@media (prefers-reduced-motion:reduce){.lab-card,.lab-card img{transition:none}}.lab-search{max-width:42rem;margin-block:var(--space-4);gap:10px;display:grid}.lab-search label{font-size:var(--type-sm)}.lab-search input{color:#fff;min-width:0;min-height:48px;font:inherit;background:#101010;border:1px solid #ffffff40;border-radius:12px;padding:12px 16px}.lab-search input:focus-visible{outline-offset:3px;outline:2px solid #fff}.lab-search #lab-result{color:#aaa;font-size:var(--type-sm)}.lab-search-empty{padding-block:var(--space-4)}.lab-search-empty button{min-height:44px;color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;margin-left:12px;text-decoration:underline}