@layer components{.hero-grid{align-items:center;gap:clamp(var(--canon-space-3), 4vw, var(--canon-space-4));min-height:min(46rem, calc(100svh - var(--header-height) - 5.5rem));padding:clamp(var(--canon-space-4), 6vw, var(--canon-space-5)) var(--pad) clamp(var(--canon-space-3), 5vw, var(--canon-space-4));grid-template-columns:minmax(0,5fr) minmax(0,7fr);display:grid}.hero-copy h1{margin:var(--canon-space-1) 0 var(--canon-space-2);font-size:var(--canon-type-display1);letter-spacing:-.036em;text-wrap:balance;max-width:11ch;line-height:round(.98em,4px)}.hero-copy .lead{max-width:31rem;margin:0}.hero-term{min-width:0}.hero-term .term figcaption .plaque{backdrop-filter:blur(4px);background:#080706b3}.sel{margin-top:var(--canon-space-3);max-width:34rem}.sel-tabs{border:1px solid var(--rule);backdrop-filter:blur(6px);background:#0807069e;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:relative}.sel-tab{justify-content:center;align-items:center;gap:var(--canon-space-0);min-height:3rem;padding:0 var(--canon-space-1);border:0;border-right:1px solid var(--rule-soft);color:var(--text-muted);cursor:pointer;font-family:var(--font-ui);font-size:var(--type-small);transition:color var(--duration-control) var(--ease-standard), background-color var(--duration-control) var(--ease-standard);background:0 0;font-weight:600;display:flex}.sel-tab:nth-child(3){border-right:0}.sel-tab .icon{flex:none;width:1rem;height:1rem}.sel-tab-ver{font-family:var(--font-mono-stack);font-size:var(--type-micro);color:var(--text-faint);font-weight:400}.sel-tab[aria-selected=true]{color:var(--text-primary);background:linear-gradient(180deg, color-mix(in oklch, var(--color-bronze-500) 14%, transparent), transparent)}.sel-tab[aria-selected=true] .icon{color:var(--color-bronze-300)}@media (hover:hover) and (pointer:fine){.sel-tab:hover{color:var(--text-primary)}}.sel-tab:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:-3px}.sel-ink{height:2px;width:var(--ink-w,33.333%);translate:var(--ink-x,0) 0;pointer-events:none;background:linear-gradient(90deg, var(--color-bronze-700), var(--color-bronze-200), var(--color-bronze-700));box-shadow:0 0 14px color-mix(in oklch, var(--color-bronze-300) 55%, transparent);transition:translate .34s var(--ease-standard), width .34s var(--ease-standard);position:absolute;bottom:-1px;left:0}.sel-panel{padding-top:var(--canon-space-2);outline:none}.sel-panel:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:4px}.sel-panel:not([hidden]){animation:sel-in .36s var(--ease-standard)}@keyframes sel-in{0%{opacity:0;translate:0 4px}}.sel-actions{align-items:center;gap:var(--canon-space-1) var(--canon-space-2);flex-wrap:wrap;display:flex}.sel-link{font-size:var(--type-small);color:var(--text-secondary);transition:background-size var(--duration-control) var(--ease-standard);background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0% 1px;align-items:center;min-height:24px;text-decoration:none;display:inline-flex}@media (hover:hover) and (pointer:fine){.sel-link:hover{color:var(--text-primary);background-size:100% 1px}}.sel-tag{align-items:center;gap:var(--canon-space-n1);font-family:var(--font-mono-stack);font-size:var(--type-micro);letter-spacing:.1em;text-transform:uppercase;color:var(--signal-testing);display:inline-flex}.sel-tag .icon{width:.95em;height:.95em}.sel-spec{margin:var(--canon-space-1) 0 0;max-width:none;font-family:var(--font-mono-stack);font-size:var(--type-micro);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);flex-wrap:wrap;gap:.25rem 0;display:flex}.sel-spec>span:not(:last-child):after{content:"·";color:var(--text-faint);margin-inline:.7em}.sel-spec .mono{text-transform:none;letter-spacing:0;color:var(--text-secondary)}.sel-spec code{text-transform:none;letter-spacing:0;color:var(--text-primary)}.sel-command{align-items:center;gap:var(--canon-space-1);width:100%;min-height:3.25rem;padding:var(--canon-space-n1) var(--canon-space-n1) var(--canon-space-n1) var(--canon-space-2);border:3px double var(--rule-strong);font-family:var(--font-mono-stack);font-variant-ligatures:none;background:#080706c7;font-size:.95rem;display:flex}.sel-command code{min-width:0;color:var(--color-bronze-200);font-size:inherit;overflow-wrap:anywhere;flex:auto}.sel-dim{color:var(--text-muted)}.sel-prompt{color:var(--color-bronze-400)}.sel-nojs-title{margin:var(--canon-space-2) 0 var(--canon-space-0);font-family:var(--font-mono-stack);font-size:var(--type-micro);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);display:none}html.no-js .sel-tabs{display:none}html.no-js .sel-panel[hidden],html.no-js .sel-nojs-title{display:block}.builds{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.build{gap:var(--canon-space-2);min-width:0;padding:clamp(var(--canon-space-2), 3vw, var(--canon-space-3)) var(--pad);border-right:1px solid var(--rule);scroll-margin-top:calc(var(--header-height) + 1rem);grid-template-rows:auto auto auto 1fr auto auto;display:grid}.build:last-child{border-right:0}@supports (grid-template-rows:subgrid){@media (width>=1101px){.builds{grid-template-rows:repeat(6,auto);row-gap:0}.build{grid-row:span 6;grid-template-rows:subgrid;row-gap:var(--canon-space-2)}}}.build-head{gap:var(--canon-space-0);display:grid}.build h3{font-size:var(--canon-type-1-2);letter-spacing:-.02em;line-height:round(1.1em,4px)}.build-tags{align-items:center;gap:var(--canon-space-0) var(--canon-space-1);font-family:var(--font-mono-stack);font-size:var(--type-micro);text-transform:uppercase;flex-wrap:wrap;margin:0;display:flex}.build-tags .for-you{margin-left:0}.build .spec>div{grid-template-columns:5.5rem minmax(0,1fr)}.build-act{gap:var(--canon-space-1);align-content:start;display:grid}.build-act .button{justify-self:start}.build-qr{align-items:center;gap:var(--canon-space-1);grid-template-columns:7.5rem minmax(0,1fr);display:grid}.build-qr .qr-card{width:7.5rem}.build-qr p{font-size:var(--type-small);color:var(--text-muted);margin:0}.ledger-row{gap:var(--canon-space-1);padding:var(--canon-space-1) var(--pad);border-bottom:1px solid var(--rule-soft);grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 5.5rem minmax(0,2.7fr);align-items:center;display:grid}.ledger-head{padding-block:var(--canon-space-0);font-family:var(--font-mono-stack);font-size:var(--type-micro);letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}.ledger-file{color:var(--text-primary);overflow-wrap:anywhere}.ledger-muted{font-size:var(--type-small);color:var(--text-muted)}.ledger-hash{align-items:center;gap:var(--canon-space-0);min-width:0;display:flex}.hash{letter-spacing:.02em;color:var(--text-secondary);grid-template-columns:repeat(8,auto);gap:.1rem .75ch;font-size:.8rem;display:grid}.howto{border-bottom:1px solid var(--rule-soft);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.howto>.cblock{padding:var(--canon-space-2) var(--pad);border-right:1px solid var(--rule-soft);grid-template-rows:auto minmax(0,1fr)}.howto>.cblock:last-child{border-right:0}.verify-foot{max-width:none;padding:var(--canon-space-1) var(--pad) var(--canon-space-2);font-size:var(--type-small);color:var(--text-muted);margin:0}@media (width<=1100px){.hero-grid{grid-template-columns:minmax(0,1fr);min-height:0}.hero-copy h1{max-width:14ch}.builds{grid-template-columns:minmax(0,1fr)}.build{border-right:0;border-bottom:1px solid var(--rule)}.build:last-child{border-bottom:0}.ledger-row{grid-template-columns:minmax(0,1fr) auto}.ledger-head{display:none}.ledger-row>:nth-child(2){grid-area:2/1}.ledger-row>:nth-child(3){grid-area:1/2}.ledger-hash{grid-column:1/-1;justify-content:space-between}.howto{grid-template-columns:minmax(0,1fr)}.howto>.cblock{border-right:0;border-bottom:1px solid var(--rule-soft)}.howto>.cblock:last-child{border-bottom:0}}@media (width<=520px){.sel-tab{flex-direction:column;gap:.15rem;min-height:3.6rem}.sel-tab .icon{display:none}}@media (width<=760px){.hash{grid-template-columns:repeat(4,auto)}}@media (prefers-reduced-motion:reduce){.sel-ink{transition:none}.sel-panel:not([hidden]){animation:none}}@media (forced-colors:active){.sel-tabs{border-color:canvastext}.sel-ink{display:none}.sel-tab[aria-selected=true]{outline:2px solid highlight}}}