.p2-diagram.svelte-l9p9vu{margin:1rem 0 1.4rem;max-width:760px}.p2-diagram.svelte-l9p9vu svg:where(.svelte-l9p9vu){width:100%;height:auto;display:block;background:#151c26;border:1px solid #3a4455;border-radius:8px}.lbl.svelte-l9p9vu{font:600 8px/1 ui-monospace,SF Mono,Menlo,monospace;fill:#cdd2de;letter-spacing:.02em}.mini.svelte-l9p9vu{font:600 7px/1 ui-monospace,SF Mono,Menlo,monospace;fill:#cdd2de}.disp.svelte-l9p9vu{font:600 9px/1 ui-monospace,SF Mono,Menlo,monospace;fill:#a7b7ce}figcaption.svelte-l9p9vu{margin-top:.4rem;font-size:.82rem;color:var(--muted, #98a);font-style:italic}.mode-buttons.svelte-1ap7jsa{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:1rem 0}button.svelte-1ap7jsa{border:1px solid #566174;background:#202735;color:#dfe7ef;border-radius:5px;padding:7px 11px;font:inherit;cursor:pointer}button[aria-pressed=true].svelte-1ap7jsa{border-color:#ad91d6;background:#46345c}label.svelte-1ap7jsa{display:flex;align-items:center;gap:5px;margin-left:10px}.map-columns.svelte-1ap7jsa{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.map-columns.svelte-1ap7jsa h3:where(.svelte-1ap7jsa){font-size:1em}.map-columns.svelte-1ap7jsa li:where(.svelte-1ap7jsa){margin-bottom:.25rem}code.svelte-1ap7jsa{color:#acb8c9;font-size:.85em}.scope.svelte-1ap7jsa{color:#aab7c7;font-size:.9em;border-top:1px solid #394251;padding-top:1rem}@media(max-width:600px){.map-columns.svelte-1ap7jsa{grid-template-columns:1fr;gap:0}}.p2docs.svelte-xem4ey{max-width:900px;margin:0 auto;padding:1.5rem 1rem 4rem;color:var(--text, #cfd3df);line-height:1.55}.p2docs.svelte-xem4ey h1:where(.svelte-xem4ey){font-size:1.6rem;margin:0 0 .6rem}.p2docs.svelte-xem4ey h2:where(.svelte-xem4ey){font-size:1.15rem;margin:1.8rem 0 .5rem}.lede.svelte-xem4ey{color:#aeb4c4}.guide-nav.svelte-xem4ey{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 0}h2.svelte-xem4ey{scroll-margin-top:85px}.p2-table.svelte-xem4ey{width:100%;border-collapse:collapse;margin:.6rem 0 1rem;font-size:.9rem}.p2-table.svelte-xem4ey th:where(.svelte-xem4ey),.p2-table.svelte-xem4ey td:where(.svelte-xem4ey){text-align:left;padding:5px 8px;border-bottom:1px solid #2a2f3a;vertical-align:top}.p2-table.svelte-xem4ey th:where(.svelte-xem4ey){color:#9aa0b2;font-weight:600}.p2-table.svelte-xem4ey code:where(.svelte-xem4ey){color:#b79cf0}.note.svelte-xem4ey{font-size:.85rem;color:#9aa0b2;background:#785ac814;border:1px solid rgba(120,90,200,.25);border-radius:5px;padding:8px 10px}