.refinement-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:3rem;align-items:center}
.refinement-square{width:100%;max-width:310px;justify-self:center;display:block}
.refinement-lab{margin:2rem 0;padding:clamp(1rem,4vw,2.5rem);background:#171c27;color:#f6f5f0;border-radius:3px}
.refinement-lab .step,.refinement-lab .caption{color:#c7cddd}
.refinement-lab .controls{margin:1.5rem 0 0;gap:.7rem}
.refinement-lab button{background:transparent;color:#f6f5f0;border-color:#748099}
.refinement-lab button.primary{background:#b6c3fa;color:#171c27;border-color:#b6c3fa}
.refinement-lab button[aria-disabled=true]{opacity:.65}
.refinement-lab button:focus-visible,.refinement-lab input:focus-visible{outline:3px solid #f6f5f0;outline-offset:4px}
.refinement-lab .status{color:#f6f5f0;min-height:3.5em;font-size:1rem}
.refinement-equation{display:block;font:clamp(1.15rem,3.5vw,2.2rem)/1.5 'JetBrains Mono',monospace;text-align:center;margin:1rem 0 2rem;overflow-wrap:anywhere}
.refinement-strip{display:grid;grid-template-columns:1fr 1fr;min-height:84px;border:1px solid #c7cddd;margin:1rem 0 0}
.refinement-half{display:flex;align-items:center;justify-content:center;text-align:center;font-size:.9rem;font-weight:600;padding:.8rem}
.refinement-half+.refinement-half{border-left:1px solid #c7cddd}
.refinement-half.keep{background:#b6c3fa;color:#171c27}
.refinement-half.discard{background:repeating-linear-gradient(135deg,transparent,transparent 7px,#ffffff09 7px,#ffffff09 8px);color:#c7cddd}
.refinement-ticks{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.3rem;font:clamp(.72rem,2.4vw,.92rem)/1.5 'JetBrains Mono',monospace;padding-top:.5rem}
.refinement-ticks span:nth-child(2){text-align:center}.refinement-ticks span:last-child{text-align:right}
.refinement-test{font:clamp(.8rem,2.4vw,1rem)/1.6 'JetBrains Mono',monospace;overflow-wrap:anywhere}
.refinement-meta{display:flex;flex-wrap:wrap;gap:.5rem 2rem;justify-content:space-between;margin:1.5rem 0}
.refinement-meta p{margin:0}.refinement-meta output{font-family:'JetBrains Mono',monospace;color:#b6c3fa}
.refinement-slider{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;font-size:.85rem}
.refinement-slider input{flex:1;min-width:100px;accent-color:#b6c3fa}
.extension-stages{list-style:none;padding:0;counter-reset:stage;margin:2rem 0}
.extension-stages li{counter-increment:stage;display:grid;grid-template-columns:3rem 1fr;gap:1rem;padding:1.5rem 0;border-top:1px solid #cccfcf}
.extension-stages li::before{content:'0' counter(stage);font-family:'JetBrains Mono',monospace;color:#515b6b}
.extension-stages h3{margin:0 0 .6rem}.extension-stages p{margin:0}
@media(max-width:640px){.refinement-intro{grid-template-columns:1fr;gap:.5rem}.refinement-square{max-width:230px}.refinement-lab .controls button{width:100%}.extension-stages li{grid-template-columns:2rem 1fr;gap:.5rem}}