@layer components{.screen{width:100%;height:auto;display:block}.diagram{width:100%;height:auto;display:block;overflow:visible}.diagram text{font-family:var(--font-letter);letter-spacing:var(--tracking-wide);fill:currentColor;font-size:var(--text-3xs)}.diagram .lbl-strong{letter-spacing:var(--tracking-caps-diagram);text-transform:uppercase;font-weight:700;font-size:var(--text-2xs)}.diagram .soft{opacity:.72}.diagram .struck tspan{fill:currentColor}.drawing-letter{font-family:var(--font-letter)}.drawing-prose{font-family:var(--font-prose)}.mechanism-key{display:none}@container (width<37.5rem){.mechanism-key{gap:var(--space-s);margin-top:var(--space-l);display:grid}.mechanism-key dl{gap:var(--space-xs);display:grid}.mechanism-key dt{font-weight:700;font-family:var(--font-letter);font-size:var(--text-m)}.mechanism-key dd,.mechanism-key p{color:var(--ink-soft);line-height:1.4;font-size:var(--text-xs)}.diagram text.soft{display:none}}.struck{fill:var(--violet);text-decoration:line-through;text-decoration-thickness:var(--stroke-thin)}.screen .struck{text-decoration-thickness:var(--stroke-bold)}.screen .struck tspan{fill:var(--ink)}.mechanism-figure .diagram .draw{stroke-dasharray:1;stroke-dashoffset:1px}.mechanism-figure .diagram .fade{opacity:0}.mechanism-figure.drawn .diagram .draw{stroke-dashoffset:0;transition:stroke-dashoffset calc(2 * var(--transition-slow)) var(--ease-out) calc(var(--d,0) * var(--transition-fast))}.mechanism-figure.drawn .diagram .fade{opacity:1;transition:opacity var(--transition-slow) var(--ease-out) calc(var(--transition-base) + var(--d,0) * var(--transition-fast))}.mechanism-figure.drawn .diagram .fade.soft{opacity:.72}.project-page{flex-direction:column;flex:1;display:flex}.project-detail{flex-direction:column;display:flex}.detail-head{margin-left:max(var(--gutter-left), calc((100% - var(--frame)) / 2 + var(--gutter)));margin-right:max(var(--gutter-right), calc((100% - var(--frame)) / 2 + var(--gutter)));width:calc(100% - max(var(--gutter-left), calc((100% - var(--frame)) / 2 + var(--gutter))) - max(var(--gutter-right), calc((100% - var(--frame)) / 2 + var(--gutter))));padding-block:var(--space-opening) 0}.detail-crumb{margin-inline-start:calc(-1 * var(--space-3xs))}.detail-name{margin-top:var(--space-opening);align-items:center;gap:.9rem;display:flex}.detail-icon{block-size:calc(.7 * var(--text-project-title));box-shadow:var(--shadow-raised);inline-size:calc(.7 * var(--text-project-title));border-radius:22.5%;flex:none}.detail-title{text-box:trim-start cap alphabetic;font-family:var(--font-letter);letter-spacing:var(--tracking-tighter);text-wrap:balance;font-weight:800;line-height:.88;font-size:var(--text-project-title);overflow-wrap:anywhere;min-width:0}.detail-kind{font-family:var(--font-letter);color:var(--ink-soft);font-weight:500;font-size:var(--text-l);margin-top:var(--space-s)}.detail-kind:first-letter{text-transform:uppercase}.detail-tagline{font-size:var(--text-lead);text-wrap:pretty;margin-top:var(--space-title);max-width:var(--measure-sentence);font-weight:500;line-height:1.4}.detail-summary{color:var(--ink-soft);margin-top:var(--space-s);max-width:var(--measure-summary);text-wrap:pretty}.detail-stack{color:var(--ink-soft);font-weight:600;font-family:var(--font-letter);gap:var(--space-4xs) var(--space-2xs);margin:var(--space-l) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.detail-stack li+li:before{color:var(--violet);content:"·";margin-inline-end:var(--space-2xs)}.detail-actions{align-items:center;gap:var(--space-xs);margin-top:var(--space-xl);flex-wrap:wrap;display:flex}.detail-scene{background:var(--surface);border-radius:var(--radius-l);margin:var(--space-section) 0 0;padding:clamp(1.6rem,.4444rem + 4.4444vw,4rem)}.detail-scene .screen{max-width:52rem;margin-inline:auto}.detail-figures{margin-left:max(var(--gutter-left), calc((100% - var(--frame)) / 2 + var(--gutter)));margin-right:max(var(--gutter-right), calc((100% - var(--frame)) / 2 + var(--gutter)));width:calc(100% - max(var(--gutter-left), calc((100% - var(--frame)) / 2 + var(--gutter))) - max(var(--gutter-right), calc((100% - var(--frame)) / 2 + var(--gutter))));margin-top:var(--space-section)}.detail-figures dl{gap:var(--space-xl) var(--space-l);grid-template-columns:repeat(auto-fit,minmax(min(100%,9.5rem),1fr));margin:0;display:grid}.figure{gap:var(--space-3xs);flex-direction:column;min-width:0;display:flex}.figure dt{color:var(--ink);order:1;font-weight:600}.figure .figure-value{font-family:var(--font-letter);font-variant-numeric:tabular-nums lining-nums;letter-spacing:var(--tracking-open);letter-spacing:var(--tracking-tight);font-weight:800;line-height:1;font-size:var(--text-figure);margin:0 0 var(--space-2xs);order:0}.figure .figure-note{color:var(--ink-soft);line-height:1.4;font-size:var(--text-2xs);text-wrap:pretty;order:2;margin:0}.detail-section{margin-left:max(var(--gutter-left), calc((100% - var(--frame)) / 2 + var(--gutter)));margin-right:max(var(--gutter-right), calc((100% - var(--frame)) / 2 + var(--gutter)));width:calc(100% - max(var(--gutter-left), calc((100% - var(--frame)) / 2 + var(--gutter))) - max(var(--gutter-right), calc((100% - var(--frame)) / 2 + var(--gutter))));padding-top:var(--space-chapter)}.detail-section-title{text-box:trim-start cap alphabetic;font-family:var(--font-letter);letter-spacing:var(--tracking-tight);text-wrap:balance;font-weight:800;line-height:1;font-size:var(--text-heading)}.detail-section-lead{color:var(--ink-soft);margin-top:var(--space-xs);max-width:var(--measure-prose);text-wrap:pretty}.detail-section-lead:first-letter{text-transform:uppercase}.detail-section-body{margin-top:var(--space-title)}.dot-list{gap:var(--space-s);max-width:var(--measure-summary);margin:0;padding:0;list-style:none;display:grid}.dot-list li{line-height:1.45;font-size:var(--text-l);gap:var(--space-s);text-wrap:pretty;display:flex}.dot-list li:before{background:var(--violet);content:"";border-radius:50%;flex:none;width:.45rem;height:.45rem;margin-top:.6em}.mechanism-figure .diagram{max-width:56rem}.specimens{gap:clamp(2rem,1.1136rem + 3.4091vw,3.5rem);margin:0;padding:0;list-style:none;display:grid}.specimen,.hero-specimen{gap:var(--space-m);display:grid}@container (width>=60rem){.specimen,.hero-specimen{align-items:start;column-gap:var(--space-2xl);grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}}.hero-specimen{margin-top:var(--space-section)}.specimen-notes{color:var(--ink-soft);gap:var(--space-s);max-width:var(--measure-notes);display:grid}.specimen-notes p{text-wrap:pretty}.code-specimen{background:var(--surface);border-radius:var(--radius-m);min-width:0;margin:0;overflow:hidden}.specimen-bar{align-items:center;gap:var(--space-s);min-height:3.25rem;padding:var(--space-2xs) var(--space-xs) 0 var(--space-m);justify-content:space-between;display:flex}.specimen-title{text-box:trim-both cap alphabetic;font-weight:700;font-family:var(--font-letter);font-size:var(--text-m)}.specimen-title a{color:var(--ink);text-decoration:none}.specimen-title a[data-hovered],.specimen-title a[data-pressed]{color:var(--violet)}.verdict{background:var(--paper);border-radius:var(--radius-full);color:var(--ink-soft);font-family:var(--font-letter);font-size:var(--text-2xs);align-items:center;gap:var(--space-2xs);min-height:2rem;padding:0 var(--space-xs);flex:none;display:inline-flex}.verdict b{color:var(--ink);font-weight:700}.verdict.refused{background:var(--violet);color:var(--on-violet-soft)}.verdict.refused b{color:var(--on-violet)}.specimen-scroll{overflow-x:auto}.specimen-code{font-family:var(--font-code);font-size:var(--text-code);line-height:1.65;font-size:var(--text-2xs);min-width:100%;padding:var(--space-s) var(--space-m) var(--space-m);tab-size:2;width:max-content;margin:0}.specimen-code code{font:inherit}.token-keyword{color:var(--violet);font-weight:600}.token-string,.token-comment{color:var(--ink-soft)}.token-call{font-weight:700}.token-type,.token-comment{font-style:italic}.squiggle{-webkit-text-decoration:underline wavy var(--violet);text-decoration:underline wavy var(--violet);-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:var(--stroke-thin);text-underline-offset:.3em}.code-note{font-family:var(--font-letter);letter-spacing:var(--tracking-open);color:var(--violet);font-weight:600;font-size:var(--text-xs);white-space:pre;display:block}.code-note.result{font-style:italic}.code-note-icon{fill:none;stroke:currentColor;stroke-width:2.2px;width:.95em;height:.95em;margin-inline-end:.4em;display:inline-block;translate:0 .12em}.package-lines{margin:0;padding:0;list-style:none}.package-lines li{padding-block:var(--space-s)}.package-lines li+li{border-top:var(--hairline)}.package-lines li{gap:var(--space-4xs) var(--space-l);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name version""job job";display:grid}@container (width>=48rem){.package-lines li{grid-template-columns:minmax(12rem,18rem) minmax(0,1fr) 5rem;grid-template-areas:"name job version";align-items:baseline}}.package-table li{grid-template-areas:"name version""job job""used used"}@container (width>=48rem){.package-table li{grid-template-areas:"name job version""name used version"}}.package-name{font-weight:700;font-family:var(--font-letter);font-size:var(--text-l);grid-area:name}.package-name .site-link{text-decoration:none}.package-name .site-link[data-hovered],.package-name .site-link[data-pressed]{color:var(--violet)}.package-name .site-link[data-hovered] .scope,.package-name .site-link[data-pressed] .scope{color:inherit}.package-name .scope{color:var(--ink-soft);font-weight:500}.package-job{color:var(--ink-soft);text-wrap:pretty;grid-area:job}.package-version{font-weight:700;font-family:var(--font-letter);font-variant-numeric:tabular-nums lining-nums;letter-spacing:var(--tracking-open);text-align:end;grid-area:version}.package-used{color:var(--ink-soft);font-size:var(--text-2xs);grid-area:used}.package-used-label{color:var(--ink);font-weight:600}.package-used-label:first-letter{text-transform:uppercase}.neighbours{margin-left:max(var(--gutter-left), calc((100% - var(--frame)) / 2 + var(--gutter)));margin-right:max(var(--gutter-right), calc((100% - var(--frame)) / 2 + var(--gutter)));width:calc(100% - max(var(--gutter-left), calc((100% - var(--frame)) / 2 + var(--gutter))) - max(var(--gutter-right), calc((100% - var(--frame)) / 2 + var(--gutter))));gap:var(--space-xl) var(--space-2xl);flex-wrap:wrap;justify-content:space-between;padding-top:clamp(4rem,2.5rem + 5.7692vw,7rem);display:flex}.neighbour{gap:var(--space-2xs);text-decoration:none;display:grid}.neighbour.next{text-align:end;justify-items:end;margin-inline-start:auto}.neighbour-direction{color:var(--ink-soft);align-items:center;gap:var(--space-2xs);font-weight:600;display:inline-flex}.neighbour-icon{height:1.1em;transition:translate var(--transition-base) var(--ease-out);width:1.1em}.neighbour-name{font-family:var(--font-letter);letter-spacing:var(--tracking-tighter);font-weight:800;line-height:.95;font-size:var(--text-neighbour);transition:color var(--transition-base) var(--ease-out)}.neighbour[data-hovered] .neighbour-name,.neighbour[data-pressed] .neighbour-name{color:var(--violet)}.neighbour[data-hovered].previous .neighbour-icon,.neighbour[data-pressed].previous .neighbour-icon{translate:-.25rem}.neighbour[data-hovered].next .neighbour-icon,.neighbour[data-pressed].next .neighbour-icon{translate:.25rem}}