.fd-lesson{--fd-ink:var(--ink,#261c19);--fd-red:var(--red,#c31927);--fd-warm:var(--warm,#f6f2ed);--fd-line:var(--line,#d9cec5);box-sizing:border-box;max-width:48rem;padding:clamp(1rem,4vw,2rem);background:var(--fd-warm);color:var(--fd-ink);border:1px solid var(--fd-line);border-top:4px solid var(--fd-red);font-family:inherit;line-height:1.5}.fd-lesson *{box-sizing:border-box}.fd-context{margin:0 0 .5rem;font-size:max(.875rem,var(--meta,.875rem));font-weight:600;color:var(--fd-red)}.fd-lesson h2{margin:0 0 1rem;font-size:var(--h2,1.75rem);line-height:1.15;text-wrap:balance}.fd-intro,.fd-instructions{margin:0 0 .75rem}.fd-score{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.5rem 0}.fd-stat{display:grid;grid-template-rows: minmax(3em,auto) auto;align-items:end}.fd-stat dt{font-size:1rem;font-weight:600;line-height:1.5;align-self:start}.fd-value{margin:0;font-size:3rem;line-height:1;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.035em}.fd-figure{margin:0}.fd-figure figcaption{font-size:.875rem;margin-bottom:.5rem}.fd-field{background:#292d2b;border-radius:.25rem;padding:0 1.25rem;height:8rem;overflow:hidden}.fd-track{height:100%;position:relative;background:repeating-linear-gradient(to right,transparent 0,transparent calc(10% - 1px),#ffffff20 calc(10% - 1px),#ffffff20 10%)}.fd-yard{position:absolute;top:0;bottom:0;width:2px;background:#ffffff80;transform:translateX(-50%)}.fd-yard-start{left:0}.fd-yard-middle{left:50%}.fd-yard-end{left:100%}.fd-target{position:absolute;left:var(--fd-target);top:.75rem;bottom:.75rem;width:3px;background:#f1c65b;transform:translateX(-50%)}.fd-target:before{content:'';position:absolute;top:0;left:50%;width:.8rem;height:.8rem;background:#f1c65b;transform:translateX(-50%) rotate(45deg)}.fd-ball{position:absolute;left:var(--fd-ball);top:4.5rem;width:1.5rem;height:.9rem;border-radius:50%;background:#fff;border:2px solid #fff;box-shadow:0 0 0 3px #292d2b;transform:translate(-50%,-50%)}.fd-ball:after{content:'';position:absolute;left:20%;right:20%;top:40%;border-top:2px solid #292d2b}.fd-yard-labels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-top:.5rem;font-size:.875rem;overflow-wrap:normal}.fd-yard-labels span:nth-child(2){text-align:center}.fd-yard-labels span:last-child{text-align:right}.fd-positions{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:1rem;font-size:.875rem}.fd-positions p{display:flex;align-items:baseline;gap:.5rem;margin:0}.fd-key{display:inline-block;flex:none;width:.9rem;height:.6rem;border:1px solid #292d2b}.fd-key-ball{border-radius:50%;background:#fff}.fd-key-target{width:.65rem;height:.65rem;background:#f1c65b;transform:rotate(45deg)}.fd-change{margin:1rem 0;padding-left:.75rem;border-left:3px solid var(--fd-red)}.fd-controls[hidden]{display:none}.fd-stages{display:flex;flex-wrap:wrap;gap:.5rem}.fd-stage,.fd-reset{font:inherit;font-size:.875rem;line-height:1.4;min-height:2.75rem;padding:.65rem .9rem;cursor:pointer;border-radius:.2rem}.fd-stage{background:#fff;color:var(--fd-ink);border:1px solid var(--fd-line)}.fd-stage[aria-pressed=true]{background:var(--fd-red);border-color:var(--fd-red);color:#fff;font-weight:700}.fd-stage:hover{border-color:var(--fd-ink)}.fd-reset{margin-top:.5rem;padding-left:0;background:transparent;color:var(--fd-ink);border:0;text-decoration:underline;text-underline-offset:.2em}.fd-reset:hover,.fd-source a:hover{color:var(--fd-red)}.fd-stage:focus-visible,.fd-reset:focus-visible,.fd-source a:focus-visible{outline:3px solid var(--fd-ink);outline-offset:3px}.fd-question{margin:1.25rem 0}.fd-source{border-top:1px solid var(--fd-line);padding-top:.75rem;font-size:.875rem}.fd-source a{color:inherit;text-underline-offset:.2em}@media(max-width:30rem){.fd-stages{display:grid;grid-template-columns:1fr}.fd-positions{flex-direction:column}.fd-value{font-size:2.5rem}}/* Align the two numeric roles on shared tracks; remove the artificial label spacer. */
.fd-lesson{max-width:none}.fd-intro{max-inline-size:70ch}.fd-score{max-inline-size:28rem;grid-template-rows:auto auto;column-gap:3rem;row-gap:.5rem}.fd-stat{grid-row:span 2;grid-template-rows:subgrid;row-gap:.5rem}.fd-stat dt{min-block-size:0}.fd-value{align-self:start}.fd-yard-labels{padding-inline:1.25rem}.fd-lesson .fd-stage{background:white;color:var(--fd-ink);border:1px solid var(--fd-line);font-weight:400}.fd-lesson .fd-stage[aria-pressed=true]{background:var(--fd-red);color:white;border-color:var(--fd-red);font-weight:700}.fd-lesson .fd-stage:hover{border-color:var(--fd-ink)}.fd-lesson .fd-stages{padding-top:.25rem}
