.walkthrough-shell{max-width:1150px;margin:40px auto;padding:0 24px 100px}.walkthrough-tabs{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:50px}.walkthrough-tabs a{padding:12px 18px;border:1px solid;color:inherit;text-decoration:none}.walkthrough-tabs a[aria-current]{background:#512bd4;color:white}.walkthrough-shell h1{font-size:clamp(44px,7vw,86px);line-height:1.04;letter-spacing:-.045em;max-width:850px;margin:16px 0}.walkthrough-shell .intro{font-size:21px;line-height:1.5;max-width:760px}.walkthrough-shell h2{font-size:clamp(28px,4vw,44px);margin:12px 0 24px}.walkthrough-shell p,.walkthrough-shell li{line-height:1.65}.walkthrough-shell section{margin-top:55px}.walkthrough-shell .brief{max-width:750px}.walkthrough-compare{display:grid;grid-template-columns:1fr 1fr;gap:20px}.walkthrough-compare figure{margin:0;min-width:0}.walkthrough-compare img{width:100%;height:auto;display:block}.walkthrough-compare figcaption{font-size:12px;padding-top:10px}.walkthrough-reference{width:150px;float:right;margin:0 0 16px 25px}.walkthrough-reference img{width:100%;display:block}.walkthrough-reference figcaption{font-size:11px}.walkthrough-prompt{white-space:pre-wrap;line-height:1.65;font:15px/1.65 ui-monospace,monospace;background:#e9e4d9;padding:24px;border:1px solid #c6c0b4}.walkthrough-shell details{border-block:1px solid #b7b0a3;padding:18px 0;margin:20px 0}.walkthrough-shell summary{cursor:pointer;font-weight:600;font-size:19px}.walkthrough-steps{display:grid;grid-template-columns:1fr 1fr;gap:24px;counter-reset:step}.walkthrough-steps article{border-top:1px solid;padding-top:22px}.walkthrough-steps article:before{counter-increment:step;content:'0'counter(step);color:#512bd4;font:14px monospace}.walkthrough-steps h3{font-size:23px}.walkthrough-note{padding:25px;background:#e5def8}.walkthrough-quiz{border:1px solid;padding:24px}.walkthrough-quiz label{display:flex;gap:12px;margin:16px 0;align-items:flex-start}.walkthrough-quiz input{margin-top:5px}.walkthrough-quiz legend{font-weight:700;padding:0 8px}.walkthrough-shell .button{margin-top:14px}.walkthrough-result{min-height:26px;font-weight:600}.walkthrough-shell button{cursor:pointer}.walkthrough-fine{font-size:12px;color:#5e584e}.walkthrough-shell figure img{transition:filter .2s}.walkthrough-shell figure img:hover{filter:contrast(1.025)}@media(max-width:650px){.walkthrough-compare,.walkthrough-steps{grid-template-columns:1fr}.walkthrough-reference{width:100px}.walkthrough-tabs{margin-bottom:30px}.walkthrough-prompt{padding:16px;font-size:13px}}@media(prefers-reduced-motion:reduce){.walkthrough-shell *{transition:none!important}}