.lang-how{gap:var(--space-7);align-items:start;min-width:0;display:grid}@media (min-width:56rem){.lang-how{grid-template-columns:minmax(0,.92fr) minmax(20rem,1.08fr);column-gap:6rem}}.lang-how-copy{gap:var(--space-7);flex-direction:column;min-width:0;display:flex}.lang-how-lede{max-width:var(--measure-lede);margin:0}.lang-how-stages{gap:var(--space-7);margin:var(--space-5) 0 0;flex-direction:column;padding:0;list-style:none;display:flex}.lang-how-stage{grid-template-columns:2.4rem minmax(0,1fr);align-items:start;column-gap:1.25rem;display:grid}.lang-how-stage-n{font-family:var(--font-data);font-size:var(--font-size-data);letter-spacing:.12em;color:var(--color-brass);padding-top:.35rem}.lang-how-stage-body{flex-direction:column;gap:.65rem;min-width:0;display:flex}.lang-how-stage-title,.lang-how-stage-text{margin:0}.lang-how-stage-title{font-family:var(--font-display);font-size:1.15rem;line-height:1.3}.lang-how-stage-text{color:color-mix(in srgb, var(--color-ink) 74%, transparent)}.lang-how-frame{min-width:0}.lang-how-frame .bezel-inner{background:var(--color-night)}.lang-how-play{--play-loop:22s;background:0 0;border:0}.lang-how-play .play-scene{align-content:stretch;justify-items:stretch;min-height:0;animation-name:lang-how-scene}@keyframes lang-how-scene{0%,94%{opacity:1}to{opacity:0}}.lang-how-board{gap:1.15rem;min-width:0;padding:1.5rem 1.5rem 6.5rem;display:grid;position:relative}.lang-how-lang,.lang-how-file,.lang-how-beats,.lang-how-surfaces,.lang-how-stamp,.lang-how-resolved,.lang-how-sev{font-family:var(--font-data);font-size:var(--font-size-data);letter-spacing:.1em;text-transform:uppercase}.lang-how-lang{color:var(--color-brass);margin:0}.lang-how-beats{flex-wrap:wrap;gap:.55rem 1.1rem;margin:0;padding:0;list-style:none;display:flex}.lang-how-beat{color:color-mix(in srgb, var(--color-ink) 38%, transparent)}.lang-how-file{color:var(--color-ink);letter-spacing:.06em;text-transform:none;margin:.35rem 0 0}.lang-how-surfaces{flex-wrap:wrap;gap:.45rem .85rem;margin:0;padding:0;list-style:none;display:flex}.lang-how-surface{color:color-mix(in srgb, var(--color-ink) 55%, transparent)}.lang-how-code{background:color-mix(in srgb, var(--color-ink) 4%, transparent);border:1px solid var(--color-hairline);flex-direction:column;gap:.16rem;min-width:0;max-height:16.5rem;padding:1rem .9rem;display:flex;position:relative;overflow:hidden}.lang-how-scan{background:color-mix(in srgb, var(--color-brass) 22%, transparent);opacity:0;pointer-events:none;height:1.15rem;position:absolute;top:.85rem;left:0;right:0;transform:translateY(0)}.lang-how-line{font-family:var(--font-data);letter-spacing:.01em;color:color-mix(in srgb, var(--color-ink) 78%, transparent);grid-template-columns:1rem minmax(0,1fr);column-gap:.55rem;font-size:.72rem;line-height:1.45;display:grid}.lang-how-gutter{color:color-mix(in srgb, var(--color-ink) 40%, transparent);text-align:center}.lang-how-src{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lang-how-del .lang-how-gutter,.lang-how-del .lang-how-src{color:var(--color-lake)}.lang-how-add .lang-how-gutter,.lang-how-add .lang-how-src{color:var(--color-proof)}.lang-how-findings{flex-direction:column;gap:.45rem;margin:.15rem 0 0;padding:0;list-style:none;display:flex}.lang-how-finding{grid-template-columns:5.6rem minmax(0,1fr);align-items:baseline;column-gap:.75rem;display:grid}.lang-how-sev{letter-spacing:.08em}.lang-how-sev-critical,.lang-how-sev-high{color:var(--color-lake)}.lang-how-sev-medium{color:var(--color-brass)}.lang-how-sev-low,.lang-how-sev-informational{color:var(--color-proof)}.lang-how-finding-text{text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-small);overflow:hidden}.lang-how-seal{color:var(--color-proof);opacity:0;justify-items:center;gap:.4rem;display:grid;position:absolute;inset:auto 1.4rem 1.4rem}.lang-how-check{fill:currentColor;display:block}.lang-how-stamp,.lang-how-resolved{text-align:center;margin:0}.lang-how-resolved{color:color-mix(in srgb, var(--color-proof) 80%, transparent);text-transform:none;letter-spacing:.04em}.lang-how-play .lang-how-beat-scope{animation-name:lang-how-beat-scope}.lang-how-play .lang-how-beat-design{animation-name:lang-how-beat-design}.lang-how-play .lang-how-beat-review{animation-name:lang-how-beat-review}.lang-how-play .lang-how-beat-prove{animation-name:lang-how-beat-prove}.lang-how-play .lang-how-beat-report{animation-name:lang-how-beat-report}.lang-how-play .lang-how-surface{animation-name:lang-how-surface}.lang-how-play .lang-how-file{animation-name:lang-how-file}.lang-how-play .lang-how-dim,.lang-how-play .lang-how-del{animation-name:lang-how-read}.lang-how-play .lang-how-add{animation-name:lang-how-add}.lang-how-play .lang-how-flag{animation-name:lang-how-flag}.lang-how-play .lang-how-scan{animation-name:lang-how-scan}.lang-how-play .lang-how-finding-1{animation-name:lang-how-find-1}.lang-how-play .lang-how-finding-2{animation-name:lang-how-find-2}.lang-how-play .lang-how-finding-3{animation-name:lang-how-find-3}.lang-how-play .lang-how-seal{animation-name:lang-how-seal}.lang-how-play .lang-how-code{animation-name:lang-how-code}@keyframes lang-how-beat-scope{0%,3%{color:color-mix(in srgb, var(--color-ink) 38%, transparent)}6%,16%{color:var(--color-brass)}20%,to{color:color-mix(in srgb, var(--color-ink) 38%, transparent)}}@keyframes lang-how-beat-design{0%,16%{color:color-mix(in srgb, var(--color-ink) 38%, transparent)}20%,28%{color:var(--color-brass)}32%,to{color:color-mix(in srgb, var(--color-ink) 38%, transparent)}}@keyframes lang-how-beat-review{0%,28%{color:color-mix(in srgb, var(--color-ink) 38%, transparent)}32%,48%{color:var(--color-brass)}52%,to{color:color-mix(in srgb, var(--color-ink) 38%, transparent)}}@keyframes lang-how-beat-prove{0%,48%{color:color-mix(in srgb, var(--color-ink) 38%, transparent)}52%,68%{color:var(--color-brass)}72%,to{color:color-mix(in srgb, var(--color-ink) 38%, transparent)}}@keyframes lang-how-beat-report{0%,68%{color:color-mix(in srgb, var(--color-ink) 38%, transparent)}72%,to{color:var(--color-proof)}}@keyframes lang-how-surface{0%,5%{opacity:0;color:color-mix(in srgb, var(--color-ink) 55%, transparent);transform:translateY(.3em)}10%,70%{opacity:1;color:color-mix(in srgb, var(--color-ink) 55%, transparent);transform:none}76%,to{opacity:1;color:var(--color-proof);transform:none}}@keyframes lang-how-file{0%,4%{opacity:0;transform:translateY(.25em)}8%,to{opacity:1;transform:none}}@keyframes lang-how-read{0%,18%{opacity:0;transform:translateY(.2em)}24%,70%{opacity:1;transform:none}78%,to{opacity:0;transform:none}}@keyframes lang-how-add{0%,58%{opacity:0;transform:translateY(.2em)}64%,to{opacity:1;transform:none}}@keyframes lang-how-flag{0%,18%{opacity:0;transform:translateY(.2em)}24%,48%{opacity:1;transform:none}52%,70%{opacity:1;color:var(--color-lake);transform:none}78%,to{opacity:0;transform:none}}@keyframes lang-how-scan{0%,22%{opacity:0;transform:translateY(0)}26%{opacity:.85;transform:translateY(0)}46%{opacity:.85;transform:translateY(12.5rem)}50%,to{opacity:0;transform:translateY(12.5rem)}}@keyframes lang-how-find-1{0%,36%{opacity:0;transform:translateY(.3em)}40%,70%{opacity:1;transform:none}78%,to{opacity:0;transform:none}}@keyframes lang-how-find-2{0%,40%{opacity:0;transform:translateY(.3em)}44%,70%{opacity:1;transform:none}78%,to{opacity:0;transform:none}}@keyframes lang-how-find-3{0%,44%{opacity:0;transform:translateY(.3em)}48%,70%{opacity:1;transform:none}78%,to{opacity:0;transform:none}}@keyframes lang-how-code{0%,74%{opacity:1}80%,to{opacity:.22}}@keyframes lang-how-seal{0%,76%{opacity:0;transform:scale(.94)}82%,to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.lang-how-play .lang-how-beat-report{color:var(--color-proof)}.lang-how-play .lang-how-surface{color:var(--color-proof);opacity:1}.lang-how-play .lang-how-add{opacity:1}.lang-how-play .lang-how-del,.lang-how-play .lang-how-findings{opacity:0}.lang-how-play .lang-how-seal{opacity:1}.lang-how-play .lang-how-code{opacity:.22}}