.k53j5q_diagram{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:relative}@media (min-width:900px){.k53j5q_diagram:not(.k53j5q_vertical){grid-template-columns:repeat(6,minmax(0,1fr))}}.k53j5q_vertical{gap:var(--space-2);grid-template-columns:minmax(0,1fr)}.k53j5q_stage{z-index:1;align-content:start;gap:var(--space-1);min-height:6.5rem;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text-faint);transition:background-color var(--motion-base) var(--ease), color var(--motion-base) var(--ease), border-color var(--motion-base) var(--ease);display:grid;position:relative}.k53j5q_vertical .k53j5q_stage{min-height:0;padding:var(--space-3) var(--space-4);grid-template-columns:2.5rem minmax(0,1fr);align-items:baseline}.k53j5q_conduit{border-style:dashed;border-color:var(--color-border-strong)}.k53j5q_on{border-color:var(--color-text);background:var(--color-text);color:var(--color-bg);border-style:solid}.k53j5q_index{font-family:var(--font-mono);font-size:var(--text-xs)}.k53j5q_name{font-family:var(--font-display);font-size:var(--text-lg)}.k53j5q_notes{gap:var(--space-1) var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;flex-wrap:wrap;grid-column:1/-1;display:flex}.k53j5q_vertical .k53j5q_notes{grid-column:2}.k53j5q_track{background:var(--color-border-strong);height:1px;position:absolute;top:50%;left:4%;right:4%;overflow:hidden}.k53j5q_vertical .k53j5q_track,.k53j5q_diagram .k53j5q_track{display:none}@media (min-width:900px){.k53j5q_diagram:not(.k53j5q_vertical) .k53j5q_track{display:block}}.k53j5q_packet{background:var(--color-text);width:48px;height:3px;animation:3.2s linear infinite k53j5q_travel;position:absolute;top:-1px;left:0}@keyframes k53j5q_travel{0%{transform:translate(-48px)}to{transform:translate(100vw)}}@media (prefers-reduced-motion:reduce){.k53j5q_packet{display:none}}
.O4SlsW_configurator{gap:var(--space-8);display:grid}@media (min-width:1000px){.O4SlsW_configurator{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start}.O4SlsW_side{top:calc(var(--header-height) + var(--space-6));position:sticky}}.O4SlsW_controls{gap:var(--space-6);display:grid}.O4SlsW_group{gap:var(--space-3);min-width:0;padding:var(--space-5) 0 0;border:0;border-top:1px solid var(--color-border);margin:0;display:grid}.O4SlsW_legend{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-text-faint);padding:0}.O4SlsW_options{gap:var(--space-2);flex-wrap:wrap;display:flex}.O4SlsW_option{min-height:44px;padding:0 var(--space-5);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text);font-family:var(--font-display);font-size:var(--text-sm);cursor:pointer;transition:background-color var(--motion-fast) var(--ease), color var(--motion-fast) var(--ease), border-color var(--motion-fast) var(--ease);background:0 0}.O4SlsW_option:hover{border-color:var(--color-text)}.O4SlsW_option[aria-pressed=true]{background:var(--color-text);border-color:var(--color-text);color:var(--color-bg)}.O4SlsW_contextText{max-width:52ch;font-size:var(--text-base);color:var(--color-text-muted);line-height:1.55}.O4SlsW_focus{color:var(--color-text)}.O4SlsW_modules,.O4SlsW_tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.O4SlsW_modules li,.O4SlsW_tags li{padding:var(--space-1) var(--space-3);border:1px dashed var(--color-border-strong);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--color-text-muted)}.O4SlsW_tags li{border-style:solid}.O4SlsW_tagLink{color:var(--color-text)}.O4SlsW_tagLink:hover{text-underline-offset:4px;text-decoration:underline}.O4SlsW_side{gap:var(--space-5);display:grid}.O4SlsW_summary{gap:var(--space-3);padding:var(--space-5);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-bg);display:grid}.O4SlsW_summaryList{display:grid}.O4SlsW_summaryRow{gap:var(--space-3);padding-block:var(--space-2);border-bottom:1px solid var(--color-border);font-size:var(--text-sm);grid-template-columns:9rem minmax(0,1fr);display:grid}.O4SlsW_summaryRow dt{color:var(--color-text-faint)}.O4SlsW_note{font-size:var(--text-xs);color:var(--color-text-faint);line-height:1.5}.O4SlsW_discuss{justify-self:start;align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-5);background:var(--color-brand);color:var(--color-on-brand);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-medium);display:inline-flex}.O4SlsW_discuss:hover{background:var(--color-brand-hover)}
