@layer components{.soop-sim{margin-block:82px 78px}.soop-sim-heading{grid-template-columns:1fr 1fr;align-items:end;gap:28px;margin-bottom:26px;display:grid}.soop-sim-heading h2{letter-spacing:-.055em;font-size:clamp(36px,4.6vw,62px);line-height:1.1}.soop-sim-heading h2 span{color:var(--mh-magenta,#ff2bd6)}.soop-sim-heading>p{max-width:45ch;color:var(--mh-muted);justify-self:end;font-size:15px;line-height:1.8}.soop-sim-panel{border:1px solid var(--mh-line,#38414c);background:var(--mh-surface,#11151a);color:var(--mh-ink,#f4f7ff);border-radius:8px;overflow:hidden;box-shadow:0 25px 60px #0000003d}.soop-sim-topline{border-bottom:1px solid var(--mh-line,#38414c);color:var(--mh-muted,#aeb8c5);font:10px/1.4 var(--mono);letter-spacing:.08em;justify-content:space-between;gap:15px;padding:15px 24px;display:flex}.soop-sim-body{grid-template-columns:minmax(0,1.55fr) minmax(270px,.8fr);display:grid}.soop-sim-diagram{border-right:1px solid var(--mh-line,#38414c);background:radial-gradient(circle at 50% 48%, #ff2bd624, transparent 39%), var(--mh-bg,#080a0d);min-width:0;min-height:445px;padding:18px 20px 16px}.soop-sim-diagram svg{width:100%;height:min(37vw,385px);min-height:300px;display:block}.soop-sim-pairs line{stroke:var(--mh-yellow,#ffe600);stroke-width:1.2px;opacity:0;transition:opacity .55s}.soop-sim-incidences line{stroke:var(--mh-cyan,#00e5ff);stroke-width:1.5px;opacity:.9;transition:opacity .55s}.soop-sim-event{opacity:1;transform-origin:320px 193px;transition:opacity .55s,transform .55s}.soop-sim-event circle:first-child{fill:var(--mh-magenta,#ff2bd6);stroke:var(--mh-magenta,#ff2bd6);stroke-width:1px}.soop-sim-event circle:nth-child(2){fill:none;stroke:var(--mh-ink,#f4f7ff);stroke-width:1px;opacity:.55}.soop-sim-event text{fill:var(--mh-bg,#080a0d);text-anchor:middle;font-size:12px;font-weight:700}.soop-sim-nodes circle{fill:var(--mh-surface-raised,#1b2027);stroke:var(--mh-cyan,#00e5ff);stroke-width:2px}.soop-sim-nodes text{fill:var(--mh-ink,#f4f7ff);text-anchor:middle;font-size:11px;font-weight:680}.soop-sim[data-mode=pairs] .soop-sim-pairs line{opacity:.55}.soop-sim[data-mode=pairs] .soop-sim-incidences line{opacity:0}.soop-sim[data-mode=pairs] .soop-sim-event{opacity:0;transform:scale(.7)}.soop-sim-mobile-roles{display:none}.soop-sim-formula{color:var(--mh-muted,#aeb8c5);font:10px/1.4 var(--mono);letter-spacing:.07em;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.soop-sim-formula strong{color:var(--mh-yellow,#ffe600);font:600 clamp(16px, 2vw, 24px)/1.3 var(--mono);letter-spacing:-.04em}.soop-sim-reading{flex-direction:column;min-width:0;padding:25px 26px;display:flex}.soop-sim-controls{grid-template-columns:1fr 1fr;gap:5px;margin-bottom:38px;display:grid}.soop-sim-controls[hidden]{display:none}.soop-sim-controls button{border:1px solid var(--mh-line,#38414c);background:var(--mh-surface-raised,#1b2027);min-height:46px;color:var(--mh-ink,#f4f7ff);cursor:pointer;border-radius:3px;padding:8px 9px;font-family:inherit;font-size:12px;font-weight:600;line-height:1.3}.soop-sim-controls button:hover,.soop-sim-controls button:focus-visible{border-color:var(--mh-cyan,#00e5ff);background:var(--mh-bg,#080a0d)}.soop-sim-controls button[aria-pressed=true]{border-color:var(--mh-yellow,#ffe600);background:var(--mh-yellow,#ffe600);color:var(--mh-bg,#080a0d)}.soop-sim-kicker{color:var(--mh-cyan,#00e5ff);font:10px/1.5 var(--mono);letter-spacing:.08em}.soop-sim-reading h3{letter-spacing:-.04em;margin-top:16px;font-size:clamp(25px,2.5vw,33px);line-height:1.25}.soop-sim-reading>p:not(.soop-sim-kicker):not(.soop-sim-equation):not(.soop-sim-caveat):not(.sr-only){color:var(--mh-ink,#f4f7ff);margin-top:16px;font-size:14px;line-height:1.8}.soop-sim-equation{border-top:1px solid var(--mh-line,#38414c);border-bottom:1px solid var(--mh-line,#38414c);flex-direction:column;gap:5px;margin-top:26px;padding-block:18px;display:flex}.soop-sim-equation span{font:600 22px/1.2 var(--mono);color:var(--mh-yellow,#ffe600)}.soop-sim-equation small{color:var(--mh-muted,#aeb8c5);font-size:11px}.soop-sim-caveat{color:var(--mh-muted,#aeb8c5);margin-top:auto;padding-top:20px;font-size:11px;line-height:1.65}.soop-sim-footer{border-top:1px solid var(--mh-line,#38414c);color:var(--mh-muted,#aeb8c5);justify-content:space-between;align-items:center;gap:15px 28px;padding:18px 24px;font-size:12px;line-height:1.5;display:flex}.soop-sim-footer a{color:var(--mh-cyan,#00e5ff);flex:none;font-weight:650}.soop-sim-footer a:hover{color:var(--mh-yellow,#ffe600)}}@layer responsive{@media (width<=850px){.soop-sim-body{grid-template-columns:1fr}.soop-sim-diagram{border-right:0;border-bottom:1px solid var(--mh-line,#38414c);min-height:0}.soop-sim-diagram svg{height:370px}.soop-sim-reading{padding:25px}.soop-sim-controls{max-width:390px;margin-bottom:25px}.soop-sim-caveat{padding-top:24px}}@media (width<=600px){.soop-sim{margin-block:58px}.soop-sim-heading{grid-template-columns:1fr;gap:14px}.soop-sim-heading>p{justify-self:start;font-size:14px}.soop-sim-topline{padding-inline:16px;font-size:9px}.soop-sim-diagram{padding:20px 16px}.soop-sim-diagram svg{display:none}.soop-sim-mobile-roles{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.soop-sim-mobile-roles span{border:1px solid var(--mh-cyan,#00e5ff);background:var(--mh-surface-raised,#1b2027);min-height:45px;color:var(--mh-ink,#f4f7ff);text-align:center;border-radius:3px;place-items:center;padding:6px;font-size:12px;display:grid}.soop-sim-mobile-roles .soop-sim-mobile-event{border-color:var(--mh-magenta,#ff2bd6);background:var(--mh-magenta,#ff2bd6);min-height:55px;color:var(--mh-bg,#080a0d);grid-column:1/-1;font-weight:700}.soop-sim[data-mode=pairs] .soop-sim-mobile-event{opacity:.5}.soop-sim-formula{grid-template-columns:1fr auto 1fr;align-items:center;gap:5px;margin-top:24px;font-size:8px;display:grid}.soop-sim-formula strong{white-space:nowrap;font-size:15px}.soop-sim-formula>span:last-child{text-align:right}.soop-sim-reading{padding:22px 17px}.soop-sim-footer{flex-direction:column;align-items:start;padding:17px}}@media (prefers-reduced-motion:reduce){.soop-sim-pairs line,.soop-sim-incidences line,.soop-sim-event{transition:none}}}