.why .story{font-size:1.2rem;line-height:1.55;max-width:60ch;margin:0 0 1.2rem}
.why .big{font-size:1.5rem;font-weight:700;color:var(--problem);margin:.2rem 0 1rem}
.why .step{border-left:5px solid var(--pen);padding:.4rem 0 .4rem 1rem;margin:0 0 1.1rem;max-width:60ch}
.why .step[hidden]{display:none}
.why .step b{display:block;font-size:1.05rem;margin-bottom:.3rem}
.why .math{font-size:1.5rem;font-weight:700;color:var(--pen);margin:.3rem 0;letter-spacing:.02em}
.why .final{font-size:1.5rem;font-weight:700;color:var(--problem)}
.why .picture{max-width:100%;width:520px;height:auto;display:block;margin:0 0 1.2rem}
.why .picture .ground{stroke:var(--ink);stroke-width:3;fill:none}
.why .picture .ramp{stroke:var(--pen);stroke-width:5;fill:none}
.why .picture text{fill:var(--ink);font-size:16px;font-family:inherit;font-weight:700}
.why .picture .dim{stroke:var(--problem);stroke-width:2;fill:none}
.why .picture .dimtx{fill:var(--problem)}
.why .folder a{display:block;padding:1.1rem 0;max-width:60ch;border-top:1px solid var(--rule-strong);color:var(--ink);text-decoration:none;font-size:1.2rem;font-weight:700}
.why .folder a:hover,.why .folder a:focus-visible{color:var(--pen);outline:none}
.why .folder a:focus-visible span{text-decoration:underline}
.why .folder{border-bottom:1px solid var(--rule-strong);max-width:60ch}
.why .folder a span{display:block;font-weight:400;font-size:1rem;color:var(--soft-ink);margin-top:.2rem}
.why .nav{margin:1.4rem 0 0}
.why .nav a{color:var(--pen);font-weight:700}
.why{padding:0 16px 2rem;box-sizing:border-box}

.bar a.quiet{color:var(--soft-ink);opacity:1;text-decoration:none;border-bottom:1px solid var(--rule-strong);font-size:.95rem}
.bar a.quiet:hover,.bar a.quiet:focus-visible{color:var(--pen);border-bottom-color:var(--pen)}
.why .nav a{text-decoration:none;border-bottom:1px solid var(--pen)}
.why .actions button{background:none;border:0;border-bottom:2px solid var(--pen);border-radius:0;color:var(--pen);font-weight:700;font-size:1.1rem;padding:.2rem 0;cursor:pointer}
.why .actions button:hover,.why .actions button:focus-visible{border-bottom-width:4px;outline:none}
.why .actions button#again{border-bottom-color:var(--rule-strong);color:var(--soft-ink)}
