.learning-topic__body .project-proof{display:grid;grid-template-columns:minmax(170px,.38fr) minmax(0,1.62fr);gap:clamp(20px,4vw,52px);margin-top:32px;padding:24px 0;border-block:2px solid var(--topic-ink)}.learning-topic__body .project-proof>header span,.learning-topic__body .project-tree>span,.learning-topic__body .project-command>span{color:var(--topic-accent);font:850 .66rem var(--mono);letter-spacing:.1em}.learning-topic__body .project-proof>header h3{margin-top:8px;font-family:var(--sans);font-size:1.45rem}.learning-topic__body .project-proof>header p{margin-top:8px;color:var(--topic-muted);font-size:.84rem;line-height:1.7}.learning-topic__body .project-command{min-width:0;padding:18px 20px;overflow-x:auto;background:#1f3038;color:#edf0ea;border:1px solid #41535b}.learning-topic__body .project-command.is-output{background:#253d36;border-color:#45685d}.learning-topic__body .project-command pre{margin:10px 0 0;min-width:max-content;color:inherit;font:500 .79rem/1.75 var(--mono);font-variant-ligatures:none;white-space:pre}.learning-topic__body .project-command code{color:inherit}.learning-topic__body .project-downloads{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.learning-topic__body .project-downloads a{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border:1px solid var(--topic-ink);color:var(--topic-ink);font-size:.82rem;font-weight:800;text-decoration:none}.learning-topic__body .project-downloads a:first-child{background:var(--topic-ink);color:#fffdf8}.learning-topic__body .project-downloads a:focus-visible{outline:3px solid var(--topic-accent);outline-offset:3px}.learning-topic__body .project-tree{margin-top:28px;padding:22px 24px;background:#f5efe4;border-block:1px solid var(--topic-rule)}.learning-topic__body .project-tree pre{margin:12px 0 0;color:var(--topic-ink);font:600 .8rem/1.85 var(--mono);white-space:pre-wrap}.learning-topic__body .project-code-line{display:grid;grid-template-columns:160px minmax(0,1fr);gap:20px;padding:15px 0;border-bottom:1px solid var(--topic-rule)}.learning-topic__body .project-code-line:first-child{border-top:1px solid var(--topic-rule)}.learning-topic__body .project-code-line code{color:var(--topic-accent);font:750 .76rem var(--mono)}.learning-topic__body .project-code-line p{color:var(--topic-muted);font-size:.88rem;line-height:1.75}.learning-topic__body .project-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:28px;border-block:1px solid var(--topic-rule)}.learning-topic__body .project-metrics>div{padding:20px 16px;border-right:1px solid var(--topic-rule)}.learning-topic__body .project-metrics>div:last-child{border-right:0}.learning-topic__body .project-metrics span{display:block;color:var(--topic-accent);font:850 .64rem var(--mono);letter-spacing:.08em}.learning-topic__body .project-metrics b{display:block;margin-top:8px;font-family:var(--sans);font-size:1.15rem}.learning-topic__body .project-metrics p{margin-top:6px;color:var(--topic-muted);font-size:.78rem;line-height:1.6}.learning-topic__body .project-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:28px;border-top:1px solid var(--topic-rule)}.learning-topic__body .project-checks>article{padding:20px 20px 20px 0;border-bottom:1px solid var(--topic-rule)}.learning-topic__body .project-checks>article:nth-child(odd){border-right:1px solid var(--topic-rule)}.learning-topic__body .project-checks>article:nth-child(2n){padding-left:20px}.learning-topic__body .project-checks h3{font-family:var(--sans);font-size:1.2rem}.learning-topic__body .project-checks p{margin-top:7px;color:var(--topic-muted);font-size:.86rem;line-height:1.75}.learning-topic__body .project-checks code{color:var(--topic-accent);font:700 .78rem var(--mono)}@media(max-width:720px){.learning-topic__body .project-proof{grid-template-columns:1fr}.learning-topic__body .project-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-topic__body .project-metrics>div:nth-child(2){border-right:0}.learning-topic__body .project-metrics>div:nth-child(-n+2){border-bottom:1px solid var(--topic-rule)}}@media(max-width:520px){.learning-topic__body .project-code-line{grid-template-columns:1fr;gap:5px}.learning-topic__body .project-checks{grid-template-columns:1fr}.learning-topic__body .project-checks>article:nth-child(odd){border-right:0}.learning-topic__body .project-checks>article:nth-child(2n){padding-left:0}}