.sol{--cw: calc(var(--grid-vw) * .84);margin:2.5em 0 3em}@media(min-width:768px){.sol{--cw: 300px}}@media(min-width:1440px){.sol{--cw: 440px}}.sol__head>:first-child{margin-top:0}.sol__head{margin-bottom:28px}.sol__step+.sol__step{margin-top:4em}.sol .sol__block{margin:0}.sol .sol__block+.sol__block{margin-top:2.5em}.sol__pic{position:relative}.sol .sol__media{position:relative;aspect-ratio:1;overflow:hidden;border-radius:var(--radius-md);background:var(--placeholder);box-shadow:0 0 0 1px var(--ink-faint)}.prose .sol .sol__media>p{margin:0;height:100%}.prose .sol .sol__media :is(img,video){width:100%;height:100%;object-fit:cover;display:block;border-radius:0;pointer-events:none;-webkit-user-drag:none}.sol .sol__cap{margin-top:18px;max-width:38ch;padding-right:8px;color:var(--ink-soft);font-family:var(--font-sans);font-weight:var(--weight-book);font-size:.9375rem;line-height:1.5}.sol .sol__n{display:none}.sol__title{display:block;margin-bottom:.35em;color:var(--ink);font:var(--weight-medium, 500) 1rem/1.3 var(--font-sans)}.prose .sol .sol__cap>p{margin:0}.prose .sol .sol__cap>p+p{margin-top:.6em}.sol[data-rail] .sol__step+.sol__step{margin-top:10svh}.sol[data-rail] .sol__head{margin-bottom:20px;margin-left:var(--prose-shift, 0px);max-width:var(--prose-w, none)}.sol[data-rail] .sol__head>h1{font:400 1.375rem/1.2 var(--font-serif);margin:0;text-wrap:balance}.sol[data-rail] .sol__block{margin:0}.sol[data-rail] .sol__rail{--lead: calc(var(--grid-x) + var(--body-x, 0px) + var(--prose-shift, 0px));position:relative;display:flex;gap:16px;align-items:flex-start;width:var(--grid-vw);margin-left:calc(-1 * (var(--grid-x) + var(--body-x, 0px)));box-sizing:border-box;padding:0 max(var(--grid-x),calc(var(--grid-vw) - var(--lead) - var(--cw))) 4px var(--lead);padding-top:4px;margin-top:-4px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.sol[data-rail] .sol__rail::-webkit-scrollbar{display:none}.sol[data-rail] .sol__rail[data-fits]{overflow-x:clip;padding-right:var(--grid-x);scroll-snap-type:none}.sol[data-rail] .sol__block{flex:0 0 var(--cw);width:var(--cw);scroll-snap-align:start;scroll-margin-left:var(--lead, 0px);scroll-snap-stop:always}.sol__rail{--lead: 0px}.sol[data-rail] .sol__nav{display:flex;gap:8px;margin:14px 0 0 var(--prose-shift, 0px)}.sol[data-rail] .sol__nav[hidden]{display:none}.sol__arrow{width:36px;height:36px;border:1px solid var(--ink-faint);border-radius:0;background:var(--paper);box-shadow:0 3px 1.5px #0000000d;color:var(--ink);font:1rem/1 var(--font-sans);cursor:pointer;transition:opacity var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}@media(hover:hover)and (pointer:fine){.sol__arrow:not(:disabled):hover{border-color:var(--edge-hover)}}.sol__arrow:disabled{background:var(--surface);border-color:transparent;box-shadow:none;color:var(--ink-soft);cursor:default}@media(max-width:767px){.sol[data-rail] .sol__nav{display:none}}.prose .sol .sol__old{position:absolute;inset:0;clip-path:inset(0 0 0 100%);transition:clip-path .22s var(--ease-out)}.prose .sol .sol__old>p{margin:0;height:100%}.sol__pic[data-before] .sol__old{clip-path:inset(0)}.sol__media[data-compare-ctl]{cursor:none}.sol__media[data-compare-ctl]:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.sol__media[data-compare-ctl],.fe{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.fe,.pp{--bg: rgb(255 255 255 / .9);--fg: #383838;--dim: #8a8a8a;--press: rgb(0 0 0 / .07);--sh: 0 0 0 1px rgb(var(--color-shadow) / .4), 0 1px 3px rgb(var(--color-shadow) / .3);position:absolute;z-index:3;left:12px;top:calc(100% - 12px);translate:0 -100%;display:inline-flex;align-items:baseline;gap:.3em;min-height:24px;box-sizing:border-box;padding:5px 9px 6px;border-radius:var(--radius-xs);overflow:hidden;isolation:isolate;background:var(--bg);backdrop-filter:blur(6px);box-shadow:var(--sh);color:var(--fg);font:500 13px/1 var(--font-sans);white-space:nowrap;cursor:pointer;touch-action:manipulation;transition:scale var(--dur-spring) var(--ease-spring),opacity 70ms linear}.sol__pic:not([data-compare-ready]) .fe{display:none}.pp{left:auto;right:12px}.pp:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.fe__w,.fe__sep{color:var(--dim)}.fe__w{text-underline-offset:.18em;text-decoration-thickness:1.5px}.sol__pic:not([data-before]) .fe__after,.sol__pic[data-before] .fe__before{color:var(--fg);text-decoration-line:underline}.fe:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--press);transform-origin:left;scale:0 1}.sol__pic[data-down] .fe{scale:var(--lift-press, .99);transition:scale var(--lift-down, 80ms) var(--ease-out),opacity 70ms linear}.sol__pic[data-down] .fe:before{scale:1 1;transition:scale .26s ease-out}.sol__pic[data-follow] .fe{--bg: #000;--fg: #fff;--dim: #8f8f8f;--press: rgb(255 255 255 / .16);--sh: none;border-top-left-radius:0;pointer-events:none;transform-origin:0 0}@media(prefers-reduced-motion:reduce){.fe,.fe:before,.sol__pic[data-down] .fe:before,.prose .sol .sol__old{transition:none}.sol__pic[data-down] .fe{scale:none}}html[data-a11y] .fe,html[data-a11y] .fe:before,html[data-a11y] .sol__pic[data-down] .fe:before,html[data-a11y] .prose .sol .sol__old{transition:none}html[data-a11y] .sol__pic[data-down] .fe{scale:none}