:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--fw-primary:#4f46e5;--fw-primary-hover:#4338ca;--fw-primary-strong:#3538cd;--fw-primary-surface:#eef2ff;--fw-on-primary:#fff;--fw-text:#101828;--fw-text-strong:#344054;--fw-text-secondary:#475467;--fw-text-muted:#667085;--fw-surface:#fff;--fw-surface-subtle:#f9fafb;--fw-bg:#f2f4f7;--fw-border:#d0d5dd;--fw-border-subtle:#e4e7ec;--fw-border-control:#667085;--fw-danger:#d92d20;--fw-danger-text:#b42318;--fw-success:#16a34a;--fw-success-text:#15803d;--fw-success-surface:#ecfdf3;--fw-success-border:#75e0a7;--fw-warning:#f59e0b;--fw-warning-text:#92400e;--fw-warning-surface:#fffbeb;--fw-warning-border:#fdb022;--fw-danger-surface:#fef3f2;--fw-danger-border:#fda29b;--fw-info-text:#1e40af;--fw-info-surface:#eff6ff;--fw-info-border:#93c5fd;--fw-spotlight:#0d9488;--fw-logo-blue:#2563eb;--fw-logo-green:#16a34a;--fw-canvas:#f8fafc;--fw-text-disabled:#98a2b3;--fw-primary-surface-2:#e0e7ff;--fw-primary-border:#c7d2fe;--fw-primary-muted:#a5b4fc;--fw-on-node:#fff;--fw-node-content:#3730a3;--fw-node-content-tint:#eef2ff;--fw-node-content-ink:#3730a3;--fw-node-rule:#6b21a8;--fw-node-rule-tint:#f5f3ff;--fw-node-rule-ink:#6b21a8;--fw-node-calc:#0e7490;--fw-node-calc-tint:#ecfeff;--fw-node-calc-ink:#0e7490;--fw-node-service:#b45309;--fw-node-service-tint:#fffbeb;--fw-node-service-ink:#b45309;--fw-node-end:#166534;--fw-node-end-tint:#ecfdf3;--fw-node-end-ink:#166534;--fw-node-header:#1f2937;--fw-note-border:#e6c200;--fw-note-surface:#fff8d6;--fw-note-label:#7a5c00;--fw-note-text:#4a3d00;--fw-radius-xs:4px;--fw-radius-sm:6px;--fw-radius-md:8px;--fw-radius-lg:10px;--fw-radius-xl:12px;--fw-radius-2xl:14px;--fw-shadow-sm:0 4px 12px #1018280d;--fw-shadow-md:0 6px 18px #10182817;--fw-focus-ring:#4f46e559;--fw-font:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--fw-font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--fw-font-size-xs:11px;--fw-font-size-sm:12px;--fw-font-size-base:13px;--fw-font-size-md:14px;--fw-font-size-lg:15px;--fw-font-size-xl:16px;--fw-font-size-2xl:18px;--fw-font-size-3xl:24px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--fw-primary:#818cf8;--fw-primary-hover:#a5b4fc;--fw-primary-strong:#a5b4fc;--fw-primary-surface:#1e2547;--fw-primary-surface-2:#262f52;--fw-primary-border:#3b3f7a;--fw-primary-muted:#4f46e5;--fw-on-primary:#10131f;--fw-text:#e6edf3;--fw-text-strong:#cdd5df;--fw-text-secondary:#b3bdc9;--fw-text-muted:#8b96a5;--fw-text-disabled:#6b7688;--fw-surface:#161b26;--fw-surface-subtle:#1c2230;--fw-canvas:#0d1117;--fw-bg:#0d1117;--fw-border:#3f4a63;--fw-border-subtle:#232a38;--fw-border-control:#8b96a5;--fw-danger-text:#fca5a5;--fw-danger-surface:#2a1416;--fw-danger-border:#7a2e2e;--fw-success-text:#6ee7b7;--fw-success-surface:#10221a;--fw-success-border:#1f5c43;--fw-warning-text:#fcd34d;--fw-warning-surface:#241a08;--fw-warning-border:#7a5a1a;--fw-info-text:#93c5fd;--fw-info-surface:#0f1a2e;--fw-info-border:#1e4a8a;--fw-spotlight:#2dd4bf;--fw-logo-blue:#3b82f6;--fw-logo-green:#22c55e;--fw-node-content-tint:#1e2547;--fw-node-content-ink:#a5b4fc;--fw-node-rule-tint:#251a35;--fw-node-rule-ink:#d8b4fe;--fw-node-calc-tint:#0c2a31;--fw-node-calc-ink:#67e8f9;--fw-node-service-tint:#2a1e0a;--fw-node-service-ink:#fcd34d;--fw-node-end-tint:#0f2a1a;--fw-node-end-ink:#6ee7b7;--fw-shadow-sm:0 4px 12px #0006;--fw-shadow-md:0 6px 18px #00000080}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--fw-primary:#818cf8;--fw-primary-hover:#a5b4fc;--fw-primary-strong:#a5b4fc;--fw-primary-surface:#1e2547;--fw-primary-surface-2:#262f52;--fw-primary-border:#3b3f7a;--fw-primary-muted:#4f46e5;--fw-on-primary:#10131f;--fw-text:#e6edf3;--fw-text-strong:#cdd5df;--fw-text-secondary:#b3bdc9;--fw-text-muted:#8b96a5;--fw-text-disabled:#6b7688;--fw-surface:#161b26;--fw-surface-subtle:#1c2230;--fw-canvas:#0d1117;--fw-bg:#0d1117;--fw-border:#3f4a63;--fw-border-subtle:#232a38;--fw-border-control:#8b96a5;--fw-danger-text:#fca5a5;--fw-danger-surface:#2a1416;--fw-danger-border:#7a2e2e;--fw-success-text:#6ee7b7;--fw-success-surface:#10221a;--fw-success-border:#1f5c43;--fw-warning-text:#fcd34d;--fw-warning-surface:#241a08;--fw-warning-border:#7a5a1a;--fw-info-text:#93c5fd;--fw-info-surface:#0f1a2e;--fw-info-border:#1e4a8a;--fw-spotlight:#2dd4bf;--fw-logo-blue:#3b82f6;--fw-logo-green:#22c55e;--fw-node-content-tint:#1e2547;--fw-node-content-ink:#a5b4fc;--fw-node-rule-tint:#251a35;--fw-node-rule-ink:#d8b4fe;--fw-node-calc-tint:#0c2a31;--fw-node-calc-ink:#67e8f9;--fw-node-service-tint:#2a1e0a;--fw-node-service-ink:#fcd34d;--fw-node-end-tint:#0f2a1a;--fw-node-end-ink:#6ee7b7;--fw-shadow-sm:0 4px 12px #0006;--fw-shadow-md:0 6px 18px #00000080}}.ex{max-width:78rem;margin:0 auto;padding:24px 20px 64px}.ex h1{margin:0 0 8px;font-size:1.5rem}.ex h2{margin:28px 0 8px;font-size:1rem}.ex__lead{max-width:62ch;color:var(--fw-text-secondary)}.ex__status{border:1px solid var(--fw-border);border-inline-start:3px solid var(--fw-primary);border-radius:var(--fw-radius-md);background:var(--fw-surface);color:var(--fw-text-secondary);min-height:1.6em;margin:16px 0;padding:10px 14px}.ex__stage{grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-areas:"editor-heading live-heading""editor live";align-items:start;gap:8px 20px;margin-top:28px;display:grid}.ex__stage-heading{grid-area:editor-heading;margin:0}.ex__stage-heading--live{cursor:pointer;grid-area:live-heading;list-style:none}.ex__stage-heading--live::-webkit-details-marker{display:none}.ex__stage-heading--live:before{content:"";border-bottom:2px solid;border-right:2px solid;width:.42em;height:.42em;margin-right:.5em;transition:transform .16s;display:inline-block;transform:translateY(-.12em)rotate(-45deg)}[open]>.ex__stage-heading--live:before{transform:translateY(-.22em)rotate(45deg)}@media (prefers-reduced-motion:reduce){.ex__stage-heading--live:before{transition:none}}.ex__stage-heading--live:focus-visible{outline:3px solid var(--fw-focus-ring,#4f46e559);outline-offset:2px;border-radius:6px}#editor{grid-area:editor}.ex__stage:has(>.ex__live:not([open])){grid-template-columns:minmax(0,1fr) auto}@media (width<=60rem){.ex__stage{grid-template-columns:minmax(0,1fr)}.ex__live{grid-area:auto/1}}.ex__live{border:1px solid var(--fw-border);border-radius:var(--fw-radius-md);background:var(--fw-surface);grid-area:1/2/3;padding:16px}.ex__live-note{color:var(--fw-text-secondary);margin:0 0 12px;font-size:.92em}.ex__open{color:var(--fw-text-secondary);align-items:center;gap:8px;display:flex}.ex__open strong{color:var(--fw-text)}.ex__pill{border:1px solid var(--fw-success-border);background:var(--fw-success-surface);color:var(--fw-success-text);border-radius:999px;padding:1px 8px;font-size:.85em;font-weight:600}.ex__reset{border:1px solid var(--fw-border);border-radius:var(--fw-radius-sm);background:var(--fw-surface);color:inherit;font:inherit;cursor:pointer;margin-top:28px;padding:6px 12px}.ex__reset:hover{border-color:var(--fw-primary)}.ex__try{max-width:62ch;color:var(--fw-text-secondary);margin:0 0 8px;padding-inline-start:1.4em}.ex__try li{margin-bottom:6px}.ex__try strong{color:var(--fw-text)}.ex__aside{border-top:1px solid var(--fw-border);margin-top:24px;padding-top:16px;font-size:.94em}body{background:var(--fw-bg);color:var(--fw-text);margin:0;font:15px/1.6 system-ui,sans-serif}.dev{max-width:72rem;margin:0 auto;padding:24px 20px 64px}.dev h1{margin:0 0 4px;font-size:1.4rem}.dev h2{margin:28px 0 8px;font-size:1rem}.dev__lead,.dev__note{max-width:64ch;color:var(--fw-text-secondary)}.dev__note{border-inline-start:3px solid var(--fw-primary);background:var(--fw-surface);margin-top:28px;padding:12px 16px}.dev__after{border:1px solid var(--fw-border);border-radius:var(--fw-radius-md);background:var(--fw-surface);max-width:64ch;margin-top:40px;padding:12px 16px}.dev__after>summary{cursor:pointer;color:var(--fw-text-strong);font-weight:600}.dev__after .dev__note{margin-top:16px}.dev__questions{max-width:64ch;color:var(--fw-text-secondary);margin:16px 0 0;padding-inline-start:22px}.dev__questions>li+li{margin-top:12px}.dev__questions strong{color:var(--fw-text-strong)}.dev__send{flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px;display:flex}.dev__button{border:1px solid var(--fw-primary);border-radius:var(--fw-radius-sm);background:var(--fw-primary);color:#fff;font:inherit;cursor:pointer;padding:8px 14px}.dev__button:hover{background:var(--fw-primary-hover);border-color:var(--fw-primary-hover)}.dev__button:focus-visible{outline:3px solid var(--fw-focus-ring,#4f46e559);outline-offset:2px}.dev__send-note{color:var(--fw-text-secondary);flex:24ch;font-size:.9em}.dev__log{border:1px solid var(--fw-border);border-radius:var(--fw-radius-md);background:var(--fw-surface);white-space:pre-wrap;min-height:5rem;margin:16px 0 0;padding:12px 14px;font:12px/1.6 ui-monospace,monospace}.dev__row{flex-wrap:wrap;gap:8px;margin:0 0 12px;display:flex}.dev__row input{border:1px solid var(--fw-border);border-radius:var(--fw-radius-sm);font:inherit;flex:16rem;padding:6px 10px}.dev__row button{border:1px solid var(--fw-border);border-radius:var(--fw-radius-sm);background:var(--fw-surface);color:inherit;font:inherit;cursor:pointer;padding:6px 12px}.dev__row button:hover{border-color:var(--fw-primary)}guide-editor{border:1px solid var(--fw-border);border-radius:var(--fw-radius-md);height:60vh;min-height:24rem;display:block;overflow:hidden}.dev__open{color:var(--fw-text-secondary);align-items:center;gap:8px;display:flex}.dev__open strong{color:var(--fw-text)}.dev__open strong[data-published=true]:after{content:" · publicerad";color:var(--fw-success-text);font-weight:600}.dev__draft{color:var(--fw-warning-text);margin:0 0 8px;font-weight:600}.dev__pill{border:1px solid var(--fw-success-border);background:var(--fw-success-surface);color:var(--fw-success-text);border-radius:999px;padding:1px 8px;font-size:.85em;font-weight:600}.dev__pill--draft,.ex__pill--draft{border-color:var(--fw-warning-border);background:var(--fw-warning-surface);color:var(--fw-warning-text)}