.shadow-deep{padding-block:2rem 4rem;color:var(--gray-200)}.shadow-deep header{max-width:67ch}.shadow-deep header>p,.shadow-shell article>p,.shadow-explain>p:first-child{color:var(--accent-dark);font-size:.75rem;font-weight:800;letter-spacing:0}.shadow-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}.shadow-deep header>span{line-height:1.75}.shadow-shell{margin-top:1.5rem;border-top:1px solid var(--gray-700)}.shadow-shell nav{display:flex;gap:.35rem;overflow-x:auto;padding:.8rem 0}.shadow-shell nav button,.shadow-controls button,.shadow-gate button{min-height:44px;border:1px solid var(--gray-700);border-radius:.7rem;color:var(--gray-200);background:var(--gray-900)}.shadow-shell nav button{flex:0 0 auto;padding:.45rem .6rem;font-size:.78rem}.shadow-shell nav b{margin-right:.3rem;color:var(--accent-dark)}.shadow-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))}.shadow-shell article{outline:none}.shadow-shell h2,.shadow-explain h3{max-width:28ch;margin:.35rem 0 .8rem;color:var(--gray-100);font-size:1.75rem;text-wrap:balance}.shadow-shell article>strong{display:block;max-width:60ch;color:var(--accent-dark);line-height:1.65}.shadow-stage{position:relative;overflow:hidden;margin-top:1.4rem;border:1px solid var(--gray-700);border-radius:1rem;background:#091820}.shadow-view{min-height:20rem;padding:1rem;background:linear-gradient(135deg,#07151a,#112b37)}.shadow-panes{display:grid;gap:.5rem}.shadow-panes svg{display:block;width:100%;height:auto}.shadow-view>p{margin:.5rem 0 0;color:#d8f2f0;font-size:.8rem}.shadow-toggle{position:absolute;top:.75rem;right:.75rem;min-height:36px;border:1px solid #4a7176;border-radius:.5rem;color:#eaffff;background:#0d2832;font-size:.74rem}.shadow-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}.shadow-controls>div,.shadow-controls label>span{display:flex;justify-content:space-between;gap:.6rem;align-items:center;font-size:.78rem}.shadow-controls label{display:block;margin-top:.55rem}.shadow-controls input[type=range]{width:100%;accent-color:var(--accent-dark)}.shadow-controls output{color:#f4cf78;font-weight:800}.shadow-controls .pending{color:#f4cf78}.shadow-controls button{width:100%;margin-top:.7rem}.shadow-controls button:disabled{opacity:.5}.shadow-gate,.shadow-explain{max-width:66ch}.shadow-gate{margin-top:1rem;padding:1rem;border:1px solid var(--gray-700);border-radius:.8rem;background:var(--gray-900)}.shadow-gate p,.shadow-explain p{line-height:1.75}.shadow-gate button{padding:.5rem .7rem}.shadow-explain{margin-top:1rem;padding:1rem 0}.shadow-explain>div{padding:.8rem;border-top:1px solid var(--gray-700);border-bottom:1px solid var(--gray-700);line-height:1.7}.shadow-explain details{padding:.8rem 0;border-bottom:1px solid var(--gray-700)}.shadow-explain summary{cursor:pointer;color:var(--gray-100);font-weight:800}.shadow-explain a{display:block;min-height:44px;padding-top:.8rem;color:var(--accent-dark);font-weight:800;text-underline-offset:.25rem}.shadow-deep :focus-visible{outline:2px solid var(--accent-dark);outline-offset:3px}@media(min-width:45em){.shadow-panes{grid-template-columns:1fr 1.15fr}}@media(prefers-reduced-motion:reduce){.shadow-deep *{scroll-behavior:auto!important}}.shadow-shell>nav{display:none}.shadow-step-pager{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.5rem;align-items:center;margin-bottom:.8rem}.shadow-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}.shadow-step-pager button:last-child{justify-self:end}.shadow-step-pager button:disabled{color:var(--gray-500);text-decoration:none;cursor:not-allowed;opacity:.62}.shadow-step-pager span{min-width:3.5rem;color:var(--gray-400);font-variant-numeric:tabular-nums;text-align:center}.shadow-stage{display:grid;grid-template-columns:minmax(0,1fr);overflow:visible}.shadow-view{min-width:0}.shadow-toggle{position:static;justify-self:end;align-self:start;min-height:44px;margin:.75rem;padding-inline:.8rem}#shadow-deep-dive-controls{min-width:0}.shadow-controls{position:static;width:auto;margin:0 .75rem .75rem;color:#e8edf4;box-shadow:none}.shadow-controls>div,.shadow-controls label{color:#c2ccd8}.shadow-controls label>span{color:#e8edf4;font-weight:700}.shadow-controls input[type=range]{min-height:44px}@media(min-width:64rem){.shadow-stage.is-controls-open{grid-template-columns:minmax(0,1fr) minmax(17rem,20rem)}.shadow-stage.is-controls-open .shadow-view{grid-column:1;grid-row:1/3}.shadow-stage.is-controls-open .shadow-toggle,.shadow-stage.is-controls-open #shadow-deep-dive-controls{grid-column:2}}@media(max-width:40rem){.shadow-deep{padding-block:1rem 3rem}.shadow-deep h1{font-size:2rem}.shadow-shell h2,.shadow-explain h3{font-size:1.5rem}.shadow-shell,.shadow-stage{margin-top:.75rem}}