.spx:where(.astro-jok6zjrj){display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(20px,4vw,56px);align-items:start}.spx:where(.astro-jok6zjrj).compact{gap:clamp(18px,3vw,40px)}.spx-graph:where(.astro-jok6zjrj){position:sticky;top:84px}.spx-graph:where(.astro-jok6zjrj) .diagram{margin:0}.spx-svg:where(.astro-jok6zjrj) svg.live g.st{opacity:.45;transition:opacity .35s ease;cursor:pointer}.spx-svg:where(.astro-jok6zjrj) svg.live g.st:hover{opacity:.8}.spx-svg:where(.astro-jok6zjrj) svg.live g.st.on{opacity:1}.spx-svg:where(.astro-jok6zjrj) svg.live g.st.on .box{stroke-width:2.5}.spx-panel:where(.astro-jok6zjrj){border:0;border-radius:var(--r);background:var(--panel-2);padding:clamp(16px,2vw,26px);min-height:360px;display:flex;flex-direction:column;gap:14px}.spx-strip:where(.astro-jok6zjrj){display:flex;flex-wrap:wrap;gap:6px}.spx-tab:where(.astro-jok6zjrj){font:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:6px;border:1px solid transparent;background:transparent;color:var(--muted);border-radius:var(--r);padding:4px 8px 4px 5px;font-size:.78rem;line-height:1.2;transition:border-color .2s,color .2s,background-color .2s}.spx-tab:where(.astro-jok6zjrj) .n:where(.astro-jok6zjrj){display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:4px;font-family:var(--font-mono);font-size:.74rem;background:var(--panel);border:0;color:var(--faint)}.spx-tab:where(.astro-jok6zjrj) .t:where(.astro-jok6zjrj){max-width:14ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spx-tab:where(.astro-jok6zjrj):hover{color:var(--text)}.spx-tab:where(.astro-jok6zjrj)[aria-selected=true]{background:var(--accent-soft);color:var(--accent-ink)}.spx-tab:where(.astro-jok6zjrj)[aria-selected=true] .n:where(.astro-jok6zjrj){background:var(--accent);border-color:var(--accent);color:#fff}.compact:where(.astro-jok6zjrj) .spx-tab:where(.astro-jok6zjrj) .t:where(.astro-jok6zjrj){display:none}.compact:where(.astro-jok6zjrj) .spx-tab:where(.astro-jok6zjrj){padding:4px}.spx-detail:where(.astro-jok6zjrj){display:flex;flex-direction:column;gap:10px}.spx-detail:where(.astro-jok6zjrj)[hidden]{display:none}.spx-site:where(.astro-jok6zjrj){font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);display:inline-flex;gap:10px;align-items:baseline;flex-wrap:wrap}.spx-soon:where(.astro-jok6zjrj){font-style:normal;color:var(--warn);border:1px solid currentColor;border-radius:var(--r);padding:0 6px;text-transform:none;letter-spacing:.04em}.spx-detail:where(.astro-jok6zjrj) h3:where(.astro-jok6zjrj){font-size:clamp(1.3rem,2vw,1.7rem);letter-spacing:-.012em}.spx-what:where(.astro-jok6zjrj){margin:0;font-size:1.02rem}.spx-why:where(.astro-jok6zjrj){margin:0;color:var(--muted);font-size:.96rem}.spx-why:where(.astro-jok6zjrj) b:where(.astro-jok6zjrj){color:var(--text)}.spx-where:where(.astro-jok6zjrj){margin:4px 0 0;display:flex;flex-direction:column;gap:2px}.spx-where:where(.astro-jok6zjrj) .k:where(.astro-jok6zjrj){font-family:var(--font-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}.spx-nav:where(.astro-jok6zjrj){margin-top:auto;padding-top:12px;border-top:1px solid var(--line-2);display:flex;justify-content:space-between;gap:12px}.spx-nav:where(.astro-jok6zjrj) button:where(.astro-jok6zjrj){font:inherit;font-size:.84rem;cursor:pointer;background:none;border:0;color:var(--muted);padding:4px 0;max-width:48%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spx-nav:where(.astro-jok6zjrj) button:where(.astro-jok6zjrj):hover{color:var(--accent)}.spx-nav:where(.astro-jok6zjrj) .spx-next:where(.astro-jok6zjrj){text-align:right}.compact:where(.astro-jok6zjrj) .spx-what:where(.astro-jok6zjrj){display:none}.spx-acc:where(.astro-jok6zjrj){display:none;list-style:none;margin:0;padding:0}@media (max-width: 900px){.spx:where(.astro-jok6zjrj){grid-template-columns:1fr}.spx-graph:where(.astro-jok6zjrj){position:static}.spx-panel:where(.astro-jok6zjrj){display:none}.spx-acc:where(.astro-jok6zjrj){display:block;border-top:1px solid var(--line)}.spx-acc:where(.astro-jok6zjrj) li:where(.astro-jok6zjrj){border-bottom:1px solid var(--line)}.spx-acc:where(.astro-jok6zjrj) li:where(.astro-jok6zjrj).on{background:var(--accent-soft)}.spx-acc:where(.astro-jok6zjrj) summary:where(.astro-jok6zjrj){list-style:none;cursor:pointer;display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:center;padding:12px 6px}.spx-acc:where(.astro-jok6zjrj) summary:where(.astro-jok6zjrj)::-webkit-details-marker{display:none}.spx-acc:where(.astro-jok6zjrj) .n:where(.astro-jok6zjrj){display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:0;border-radius:4px;font-family:var(--font-mono);font-size:.8rem;color:var(--faint);background:var(--panel)}.spx-acc:where(.astro-jok6zjrj) li:where(.astro-jok6zjrj).on .n:where(.astro-jok6zjrj){background:var(--accent);border-color:var(--accent);color:#fff}.spx-acc:where(.astro-jok6zjrj) .t:where(.astro-jok6zjrj){display:flex;flex-direction:column;gap:2px}.spx-acc:where(.astro-jok6zjrj) .ttl:where(.astro-jok6zjrj){font-weight:600}.spx-acc:where(.astro-jok6zjrj) .body:where(.astro-jok6zjrj){padding:0 6px 14px 52px;display:flex;flex-direction:column;gap:8px}}@media (prefers-reduced-motion: reduce){.spx-svg:where(.astro-jok6zjrj) svg.live g.st,.spx-tab:where(.astro-jok6zjrj){transition:none}}