.ssr-deep{padding-block:2rem 4rem;color:var(--gray-200)}.ssr-deep header{max-width:67ch}.ssr-deep header>p,.ssr-shell article>p,.ssr-explain>p:first-child{color:var(--accent-dark);font-size:.75rem;font-weight:800;letter-spacing:0}.ssr-deep h1{max-width:18em;margin:.4rem 0 .8rem;color:var(--gray-100);font-size:2.75rem;letter-spacing:0;line-height:1.12;text-wrap:balance}.ssr-deep header>span{line-height:1.75}.ssr-shell{margin-top:1.5rem;border-top:1px solid var(--gray-700)}.ssr-shell nav{display:flex;gap:.35rem;overflow-x:auto;padding:.8rem 0}.ssr-shell nav button,.ssr-controls button,.ssr-gate button{min-height:44px;border:1px solid var(--gray-700);border-radius:.7rem;color:var(--gray-200);background:var(--gray-900)}.ssr-shell nav button{flex:0 0 auto;padding:.45rem .6rem;font-size:.78rem}.ssr-shell nav b{margin-right:.3rem;color:var(--accent-dark)}.ssr-shell nav .is-active{border-color:var(--accent-dark);color:var(--gray-100);background:color-mix(in srgb,var(--accent-dark) 17%,var(--gray-900))}.ssr-shell article{outline:none}.ssr-shell h2,.ssr-explain h3{max-width:28ch;margin:.35rem 0 .8rem;color:var(--gray-100);font-size:1.75rem;text-wrap:balance}.ssr-shell article>strong{display:block;max-width:60ch;color:var(--accent-dark);line-height:1.65}.ssr-stage{position:relative;overflow:hidden;margin-top:1.4rem;border:1px solid var(--gray-700);border-radius:1rem;background:#091820}.ssr-view{min-height:20rem;padding:1rem;background:linear-gradient(135deg,#07151a,#112b37)}.ssr-view svg{display:block;width:100%;height:auto}.ssr-view p{margin:.4rem 0 0;font-weight:700}.ssr-view .hit{color:#86e4bc}.ssr-view .miss{color:#f4c674}.ssr-toggle{position:absolute;top:.75rem;right:.75rem;min-height:36px;border:1px solid #4a7176;border-radius:.5rem;color:#eaffff;background:#0d2832;font-size:.74rem}.ssr-controls{position:absolute;z-index:1;top:3.4rem;right:.75rem;width:min(19rem,calc(100% - 1.5rem));padding:.8rem;border:1px solid #46686c;border-radius:.75rem;background:#0e252d;box-shadow:0 10px 28px #0008}.ssr-controls>div,.ssr-controls label>span{display:flex;justify-content:space-between;gap:.6rem;align-items:center;font-size:.78rem}.ssr-controls label{display:block;margin-top:.55rem}.ssr-controls input[type=range]{width:100%;accent-color:var(--accent-dark)}.ssr-controls output{color:#f4cf78;font-weight:800}.ssr-controls .pending{color:#f4cf78}.ssr-controls button{width:100%;margin-top:.7rem}.ssr-controls button:disabled{opacity:.5}.ssr-gate,.ssr-explain{max-width:66ch}.ssr-gate{margin-top:1rem;padding:1rem;border:1px solid var(--gray-700);border-radius:.8rem;background:var(--gray-900)}.ssr-gate p,.ssr-explain p{line-height:1.75}.ssr-gate button{padding:.5rem .7rem}.ssr-explain{margin-top:1rem;padding:1rem 0}.ssr-explain>div{padding:.8rem;border-top:1px solid var(--gray-700);border-bottom:1px solid var(--gray-700);line-height:1.7}.ssr-explain details{padding:.8rem 0;border-bottom:1px solid var(--gray-700)}.ssr-explain summary{cursor:pointer;color:var(--gray-100);font-weight:800}.ssr-explain a{display:block;min-height:44px;padding-top:.8rem;color:var(--accent-dark);font-weight:800;text-underline-offset:.25rem}.ssr-deep :focus-visible{outline:2px solid var(--accent-dark);outline-offset:3px}@media(prefers-reduced-motion:reduce){.ssr-deep *{scroll-behavior:auto!important}}.ssr-shell>nav{display:none}.ssr-step-pager{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.5rem;align-items:center;margin-bottom:.8rem}.ssr-step-pager button{min-height:44px;padding:.45rem .7rem;border:1px solid var(--gray-700);border-radius:.7rem;color:var(--accent-dark);background:var(--gray-900);font:inherit;font-weight:750;text-decoration:underline;text-underline-offset:.22em;cursor:pointer}.ssr-step-pager button:last-child{justify-self:end}.ssr-step-pager button:disabled{color:var(--gray-500);text-decoration:none;cursor:not-allowed;opacity:.62}.ssr-step-pager span{min-width:3.5rem;color:var(--gray-400);font-variant-numeric:tabular-nums;text-align:center}.ssr-stage{display:grid;grid-template-columns:minmax(0,1fr);overflow:visible}.ssr-view{min-width:0}.ssr-view__legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:.75rem 0 0;border-top:1px solid #34515c}.ssr-view__legend>div{display:grid;grid-template-columns:minmax(7rem,.75fr) minmax(0,1.25fr);gap:.65rem;padding:.55rem 0;border-bottom:1px solid #34515c}.ssr-view__legend>div:nth-child(odd){padding-right:.75rem}.ssr-view__legend>div:nth-child(2n){padding-left:.75rem;border-left:1px solid #34515c}.ssr-view__legend dt,.ssr-view__legend dd{margin:0;font-size:.74rem;line-height:1.45}.ssr-view__legend dt{display:flex;gap:.45rem;align-items:center;color:#eef7f6;font-weight:750}.ssr-view__legend dd{color:#b9cbd0}.ssr-view__legend i{display:block;width:.85rem;height:.22rem;flex:0 0 auto;background:#77c8ef}.ssr-view__legend i[data-kind=bounds]{height:.65rem;border:2px solid #df7672;background:transparent}.ssr-view__legend i[data-kind=sample]{width:.62rem;height:.62rem;border-radius:50%;background:#f2c66e}.ssr-view__legend i[data-kind=surface]{height:.65rem;border:1px solid #edc66d;background:#d9a14e55}.ssr-toggle{position:static;justify-self:end;align-self:start;min-height:44px;margin:.75rem;padding-inline:.8rem}#ssr-ray-march-controls{min-width:0}.ssr-controls{position:static;width:auto;margin:0 .75rem .75rem;color:#e8edf4;box-shadow:none}.ssr-controls>div,.ssr-controls label{color:#c2ccd8}.ssr-controls label>span{color:#e8edf4;font-weight:700}.ssr-controls input[type=range]{min-height:44px}@media(min-width:64rem){.ssr-stage.is-controls-open{grid-template-columns:minmax(0,1fr) minmax(17rem,20rem)}.ssr-stage.is-controls-open .ssr-view{grid-column:1;grid-row:1/3}.ssr-stage.is-controls-open .ssr-toggle,.ssr-stage.is-controls-open #ssr-ray-march-controls{grid-column:2}}@media(max-width:40rem){.ssr-deep{padding-block:1rem 3rem}.ssr-deep h1{font-size:2rem}.ssr-shell h2,.ssr-explain h3{font-size:1.5rem}.ssr-shell,.ssr-stage{margin-top:.75rem}.ssr-view__legend{grid-template-columns:1fr}.ssr-view__legend>div:nth-child(n){padding-inline:0;border-left:0}}