.sr-top{padding-bottom:40px}.sr-jump{margin:28px 0 0}.vh{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sr-examples{padding-block:40px 100px}.sr-note{color:var(--muted);max-width:44em;margin:18px 0 0}.sr-ex{border-top:1px solid var(--line);margin-top:64px;padding-top:36px}.sr-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px 32px;margin-bottom:24px;display:flex}.sr-kind{font:500 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}.sr-head h3{font:800 clamp(28px,3.4vw,44px)/1 var(--serif);letter-spacing:-.035em;margin:0 0 10px}.sr-idea{max-width:40em;margin:0;font-size:18px}.sr-switch{border:1px solid var(--line);background:#fff;border-radius:999px;padding:3px;display:inline-flex}.sr-switch button{font:500 13px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:40px;padding:10px 16px}.sr-switch button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.sr-switch button:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.sr-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;display:grid}.sr-fig{min-width:0;margin:0}.sr-fig figcaption{margin-bottom:10px}.sr-fig figcaption span{font:500 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:5px 10px;display:inline-block}.sr-fig.concept figcaption span{background:var(--teal);border-color:var(--teal);color:#fff}.sr-win{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 18px 40px -28px #0e1a1f66}.sr-chrome{border-bottom:1px solid var(--line);background:var(--paper2);gap:6px;padding:10px 12px;display:flex}.sr-chrome i{background:var(--line);border-radius:50%;width:9px;height:9px}.sr-shot{overscroll-behavior:contain;scrollbar-width:thin;height:min(62vh,620px);overflow-y:auto}.sr-shot:focus-visible{outline:2px solid var(--teal);outline-offset:-2px}.sr-shot img{width:100%;height:auto;display:block}.sr-shot .m,.sr-ex[data-view=mobile] .sr-shot .d{display:none}.sr-ex[data-view=mobile] .sr-shot .m{display:block}.sr-ex[data-view=mobile] .sr-win{border-radius:22px;max-width:330px}.sr-ex[data-view=mobile] .sr-pair{grid-template-columns:repeat(2,minmax(0,330px));justify-content:start}.sr-moves{grid-template-columns:minmax(0,.35fr) minmax(0,1fr);gap:8px 32px;margin-top:32px;display:grid}.sr-ml{font:500 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:4px 0 0}.sr-moves ol{counter-reset:m;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.sr-moves li{counter-increment:m}.sr-moves li:before{content:"0" counter(m);font:500 12px var(--mono);color:var(--teal);margin-bottom:8px;display:block}.sr-moves h4{font:700 18px/1.25 var(--sans);margin:0 0 6px}.sr-moves li p{color:var(--muted);margin:0;font-size:15px}.sr-moves>p:last-child{grid-column:2;margin:12px 0 0}.sr-hint{color:var(--muted);margin:40px 0 0;font-size:14px}.sr-steps{counter-reset:s;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:40px 0 0;padding:0;list-style:none;display:grid}.sr-steps li{counter-increment:s;border-top:1px solid var(--line);padding-top:18px}.sr-steps li:before{content:"0" counter(s);font:500 12px var(--mono);color:var(--sand);margin-bottom:12px;display:block}.sr-steps h3{font:700 20px/1.2 var(--sans);color:#fff;margin:0 0 8px}.sr-steps p{margin:0;font-size:15px}.sr-fine{max-width:46em;margin:40px 0 0;font-size:15px}.sr-req{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);align-items:start;gap:40px 64px;display:grid}.sr-req:focus{outline:0}.sr-form{gap:18px;display:grid}.sr-form label{color:var(--muted);gap:6px;font-size:14px;display:grid}.sr-form input,.sr-form textarea{font:inherit;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:8px;min-width:0;padding:12px 14px;font-size:16px}.sr-form input:focus,.sr-form textarea:focus{outline:2px solid var(--teal);outline-offset:1px}.sr-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.sr-form .btn{background:var(--teal);color:#fff;justify-self:start}.sr-form .hp{position:absolute;left:-9999px}.sr-fnote{color:var(--muted);margin:-6px 0 0;font-size:13px}.sr-fnote a{color:inherit}.sr-status{color:var(--teal);margin:0;font-weight:600}.sr-status:empty{display:none}@media (width<=860px){.sr-pair{grid-template-columns:1fr;gap:28px}.sr-shot{height:min(58vh,520px)}.sr-ex[data-view=mobile] .sr-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sr-ex[data-view=mobile] .sr-win{border-radius:16px}.sr-moves{grid-template-columns:1fr}.sr-moves ol{grid-template-columns:1fr;gap:18px}.sr-moves>p:last-child{grid-column:1}.sr-steps{grid-template-columns:1fr 1fr}.sr-req{grid-template-columns:1fr}}@media (width<=560px){.sr-steps,.sr-row{grid-template-columns:1fr}}