.sc-shaper .s7-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:start}
.sc-shaper .s7-split-w{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
.sc-shaper .s7-copy{min-width:0}
.sc-shaper .s7-lede{max-width:58ch;margin:0 0 28px;font:400 14px/1.75 var(--mono);color:var(--ink)}
.sc-shaper .s7-stage{position:relative;display:block;width:100%;max-width:460px;justify-self:end;aspect-ratio:1/1;overflow:hidden;background:var(--white);border:1px solid var(--line);border-bottom:2px solid var(--ink)}
.sc-shaper .s7-stage-w{max-width:none;aspect-ratio:4/3}
.sc-shaper .s7-stage svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.sc-shaper .s7-n{display:inline-block;padding:2px 5px 1px;font:600 11px/1.4 var(--mono);letter-spacing:.08em;color:var(--mute)}
.sc-shaper .s7-fact{margin:14px 0 0;font:500 12px/1.6 var(--mono);color:var(--graphite);max-width:56ch}
.sc-shaper .s7-fact::before,.sc-shaper .s7-cf::before{content:"";display:inline-block;width:8px;height:8px;margin:0 8px 1px 0;background:var(--orange);vertical-align:middle}

/* svg vocabulary shared by the stages */
.sc-shaper .s7-stage text{font-family:var(--mono)}
.sc-shaper .s7-track{fill:none;stroke:var(--line);stroke-width:1;stroke-dasharray:2 4}
.sc-shaper .s7-track.thin{stroke:var(--hair);stroke-dasharray:none}
.sc-shaper .s7-sq{fill:var(--ink)}
.sc-shaper .s7-cur{fill:var(--orange)}
.sc-shaper .s7-you{fill:var(--ink)}
.sc-shaper .s7-you-t{fill:var(--white);font-size:20px;font-weight:600;text-anchor:middle}
.sc-shaper .s7-needle{fill:var(--orange)}
.sc-shaper .s7-dot{fill:var(--mute)}
.sc-shaper .s7-tick{fill:var(--ink)}
.sc-shaper .s7-link{fill:none;stroke:var(--ink);stroke-width:1}
.sc-shaper .s7-link.dash{stroke-dasharray:3 3}
.sc-shaper .s7-sml{font-size:11px;font-weight:500;letter-spacing:.06em;fill:var(--mute)}
.sc-shaper .s7-sml.r{text-anchor:end}
.sc-shaper .s7-sml.c{text-anchor:middle}
.sc-shaper .s7-read{font-size:12px;fill:var(--ink)}
.sc-shaper .s7-sml.on{fill:var(--ink);font-weight:600}

/* ---------- V71 · орбита ---------- */
.sc-shaper .s7-rows{display:grid;border-top:1px solid var(--line)}
.sc-shaper .s7-row{display:grid;grid-template-columns:36px 88px minmax(0,1fr);gap:10px;align-items:baseline;min-height:48px;padding:12px 0;border:0;border-bottom:1px solid var(--hair);background:none;text-align:left;font:400 13px/1.5 var(--mono);color:var(--mute);cursor:pointer}
.sc-shaper .s7-row b{font-size:16px;font-weight:600;color:var(--graphite)}
.sc-shaper .s7-row:hover b,.sc-shaper .s7-row[aria-pressed="true"] b{color:var(--ink)}
.sc-shaper .s7-row[aria-pressed="true"] .s7-n,.sc-shaper .s7-step[aria-pressed="true"] .s7-sd{background:var(--orange);color:var(--ink)}
.sc-shaper .s7-row:focus-visible,.sc-shaper .s7-step:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.sc-shaper .s7-panels{display:grid;margin-top:20px}
.sc-shaper .s7-panel{grid-area:1/1;visibility:hidden;opacity:0;transition:opacity .2s steps(3,end)}
.sc-shaper .s7-panel.on{visibility:visible;opacity:1}
.sc-shaper .s7-panel p{margin:0;font:400 14px/1.75 var(--mono);color:var(--ink);max-width:56ch}
.sc-shaper .s7-panel .s7-fact{margin-top:14px;font-size:12px;color:var(--graphite)}
.sc-shaper .s7-ring{opacity:.42;transition:opacity .25s steps(3,end)}
.sc-shaper .s7-ring.on{opacity:1}
.sc-shaper .s7-ring.on .s7-track{stroke:var(--ink);stroke-dasharray:none}
.sc-shaper .s7-arc{fill:var(--mute)}
.sc-shaper .s7-ring.on .s7-arc{fill:var(--ink)}
.sc-shaper .s7-lab{font-size:18px;font-weight:500;letter-spacing:.04em;fill:var(--ink);text-anchor:middle;paint-order:stroke;stroke:var(--white);stroke-width:5px;stroke-linejoin:round}
.sc-shaper .s7-ring.on .s7-lab{fill:var(--ink);font-weight:600}

.sc-shaper .s7-cases{border-top:1px solid var(--ink)}
.sc-shaper .s7-ch,.sc-shaper .s7-case{display:grid;grid-template-columns:minmax(0,1.1fr) 160px minmax(0,1.3fr) minmax(0,1fr);gap:28px;align-items:start}
.sc-shaper .s7-ch{padding:12px 0;border-bottom:1px solid var(--line);font:500 11px/1.45 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.sc-shaper .s7-case{padding:22px 0;border-bottom:1px solid var(--hair);transition:border-color .18s steps(3,end)}
.sc-shaper .s7-case:hover{border-bottom-color:var(--mute)}
.sc-shaper .s7-cs{margin:0;font:500 16px/1.5 var(--mono);color:var(--ink)}
.sc-shaper .s7-cw{display:flex;align-items:center;gap:12px}
.sc-shaper .s7-cw b{font:600 16px/1.3 var(--mono);color:var(--ink)}
.sc-shaper .s7-px{flex:none;width:36px;height:36px;padding:5px;box-sizing:border-box;background:var(--orange);shape-rendering:crispEdges}
.sc-shaper .s7-px rect{fill:var(--ink)}
.sc-shaper .s7-case:hover .s7-px rect{animation:s7-build .36s steps(2,end) both;animation-delay:var(--d)}
@keyframes s7-build{from{opacity:0}to{opacity:1}}
.sc-shaper .s7-cp{margin:0;font:400 14px/1.75 var(--mono);color:var(--graphite)}
.sc-shaper .s7-cf{margin:0;font:400 12px/1.6 var(--mono);color:var(--mute)}


.sc-shaper .s7-split{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px}
.sc-shaper .s7-stage{position:sticky;top:128px;max-width:460px}
.sc-shaper .s7-row{grid-template-columns:28px minmax(0,1fr);width:100%;align-items:baseline;padding:14px 0 8px;border-bottom:0;min-height:0;color:var(--graphite);outline-offset:4px}
.sc-shaper .s7-row b{font-size:18px;line-height:1.4;overflow-wrap:normal}
.sc-shaper .s7-row .s7-w{grid-column:2;font-size:12px;line-height:1.5;color:var(--mute)}
.sc-shaper .sc-orbit-entry{border-bottom:1px solid var(--hair)}
.sc-shaper .sc-orbit-description{margin:0 0 16px 38px;font:400 14px/1.65 var(--mono);color:var(--graphite)}
.sc-shaper .s7-case{grid-template-columns:minmax(0,.7fr) minmax(170px,.8fr) minmax(0,1.7fr);gap:28px;padding:24px 0}
.sc-shaper .s7-cw{align-items:flex-start}
.sc-shaper .s7-cw h3{margin:0;font:600 18px/1.35 var(--mono);letter-spacing:-.02em}
.sc-shaper .s7-cs{font-size:16px;line-height:1.5;font-weight:500}
.sc-shaper .s7-cp{font-size:14px;line-height:1.75}
@media(max-width:900px){
 .sc-shaper .s7-split{grid-template-columns:minmax(0,1fr);gap:24px}
 .sc-shaper .s7-stage{position:relative;top:auto;order:-1;justify-self:center;width:min(100%,340px)}
 .sc-shaper .s7-case{grid-template-columns:180px minmax(0,1fr);gap:12px 24px}
 .sc-shaper .s7-cs{grid-column:1/-1;font-size:12px;color:var(--mute)}
}
@media(max-width:600px){
 .sc-shaper .s7-case{grid-template-columns:minmax(0,1fr);gap:12px;padding:22px 0}
 .sc-shaper .s7-cs{grid-column:auto}
 .sc-shaper .s7-stage{width:min(100%,300px)}
 .sc-shaper .sc-orbit-description{margin-left:0}
 .sc-shaper .s7-row{grid-template-columns:28px minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){
 .sc-shaper .s7-ring{transition:none}
 .sc-shaper .s7-case:hover .s7-px rect{animation:none}
}

/* V71 second version: original side-by-side scene and one full explanation at a time. */
.sc-orbit-compact .lb-head{margin-bottom:8px}
.sc-orbit-compact .lb-headline{margin:0 0 10px;max-width:none}
.sc-orbit-compact .s7-split{grid-template-columns:minmax(0,62ch) minmax(240px,1fr);gap:clamp(32px,5vw,72px);align-items:center;font-size:14px}
.sc-orbit-compact .s7-stage{position:relative;top:auto;width:100%;max-width:min(324px,36vh);order:initial;justify-self:center;align-self:center}
.sc-orbit-compact .s7-row{grid-template-columns:28px minmax(0,1fr) minmax(0,1.2fr);gap:10px;width:100%;padding:6px 0;min-height:36px;border-bottom:1px solid var(--hair);align-items:center;color:var(--graphite)}
.sc-orbit-compact .s7-row b{font-size:16px;line-height:1.35;text-align:left;font-weight:600}
.sc-orbit-compact .s7-row .s7-w{grid-column:auto;font-size:13px;line-height:1.45;text-align:left}
.sc-orbit-compact .s7-n{padding:2px 4px;font-size:11px;text-align:center}
.sc-orbit-compact .s7-copy{position:relative;top:-4px}
.sc-orbit-compact .s7-panels{margin-top:8px}
.sc-orbit-compact .s7-panel p{font-size:16px;line-height:1.6;max-width:none;margin:0;color:var(--graphite);hyphens:none}
.sc-orbit-compact .s7-lab{font-size:20px;letter-spacing:0}
@media(min-width:1000px){
 .sc-orbit-compact .lb-headline{margin-bottom:clamp(28px,2.4vw,40px)}
 .sc-orbit-compact .s7-split{grid-template-columns:minmax(240px,1fr) minmax(0,62ch);align-items:start}
 .sc-orbit-compact .s7-stage{order:-1;align-self:start;margin-top:6px}
 .sc-orbit-compact .s7-copy{top:auto;padding-block-start:6px}
 .sc-orbit-compact .s7-rows{border-top:0}
 .sc-orbit-compact .s7-panels{margin-top:18px}
 .sc-orbit-compact .s7-panel p{text-wrap:pretty}
}
@media(min-width:601px) and (max-width:999px){
 .sc-orbit-compact .lb-head{margin-bottom:4px}
 .sc-orbit-compact .lb-headline{margin-bottom:10px}
 .sc-orbit-compact .s7-split{grid-template-columns:minmax(0,1fr) minmax(189px,34.2%);gap:20px}
 .sc-orbit-compact .s7-stage{max-width:none}
 .sc-orbit-compact .s7-row{grid-template-columns:24px minmax(0,1fr);gap:3px 8px;padding:4px 0;min-height:38px}
 .sc-orbit-compact .s7-row .s7-w{grid-column:2}
 .sc-orbit-compact .s7-row b{font-size:16px}
 .sc-orbit-compact .s7-n{grid-row:1/3}
}
@media(max-width:600px){
 .sc-orbit-compact .lb-head{margin-bottom:12px}
 .sc-orbit-compact .lb-headline{margin-bottom:16px}
 .sc-orbit-compact .s7-split{grid-template-columns:minmax(0,1fr);gap:18px}
 .sc-orbit-compact .s7-stage{position:relative;top:auto;order:-1;width:min(100%,216px);max-width:none;justify-self:center}
 .sc-orbit-compact .s7-row{grid-template-columns:28px minmax(0,1fr) minmax(0,1fr);gap:8px;min-height:46px;padding:9px 0}
 .sc-orbit-compact .s7-row b{font-size:16px}
 .sc-orbit-compact .s7-copy{margin-inline:-4px}
 .sc-orbit-compact .s7-panels{margin-top:20px}
 .sc-orbit-compact .s7-panel p{
  text-align:justify;
  text-align-last:start;
  text-justify:inter-word;
  text-wrap:pretty;
  -webkit-hyphens:manual;
  hyphens:manual;
  letter-spacing:-.0075em;
  word-break:normal;
  overflow-wrap:normal;
 }

}
/* The Compass paragraph has long word groups that create gaps on narrow phones. */
@media(max-width:400px){
 .sc-orbit-compact .s7-panel[data-i="2"] p{text-align:start;letter-spacing:normal}
}
/* The narrowest phones leave too few words per line for even justification. */
@media(max-width:350px){
 .sc-orbit-compact .s7-panel p{text-align:start;letter-spacing:normal}
}
.sc-orbit-compact .s7-lab{font-size:24px}
.sc-orbit-compact .s7-you-t{font-size:22px}
/* User revision: orbit floats directly on the page without its stage frame. */
.sc-orbit-compact .s7-stage{border:0;background:transparent}

/* V2 focus follows the selected support: one label, larger interior geometry. */
.sc-orbit-compact .s7-lab{visibility:hidden;opacity:0;transition:opacity .16s}
.sc-orbit-compact .s7-lab.on{visibility:visible;opacity:1}
.sc-orbit-compact .s7-ring{opacity:.18}
.sc-orbit-compact .s7-ring.on{opacity:1}
.sc-orbit-compact .s7-ring.on .s7-track{stroke-width:1.5}
.sc-orbit-compact .s7-you-t{font-size:26px}
@media(prefers-reduced-motion:reduce){.sc-orbit-compact .s7-lab{transition:none}}
