.dpop-demo{--dpop-paper:#fffcf6;--dpop-ink:#1e2d3d;--dpop-muted:#52616e;--dpop-line:#d9d2c7;--dpop-accent:#1e2d3d;--dpop-soft:#e7ecef;--dpop-warn:#9f3d2a;--dpop-error:#bb4c35;box-sizing:border-box;color:var(--dpop-ink);background:var(--dpop-paper);font:15px/1.6 var(--wp--preset--font-family--sans,"DM Sans","Segoe UI","Helvetica Neue",Arial,sans-serif);border:1px solid var(--dpop-line);border-radius:16px;padding:26px;max-width:100%;margin:32px 0;isolation:isolate}
.dpop-demo *{box-sizing:border-box}.dpop-demo p{margin:0 0 12px}.dpop-demo button{appearance:none;font:inherit;font-size:14px;line-height:1.4;cursor:pointer;padding:10px 14px;color:var(--dpop-ink);background:transparent;border:1px solid var(--dpop-line);border-radius:7px;box-shadow:none;text-transform:none;letter-spacing:normal;min-height:42px}.dpop-demo button:hover{background:var(--dpop-soft)}.dpop-demo button:disabled{opacity:.4;cursor:default}.dpop-demo button:focus-visible,.dpop-demo summary:focus-visible,.dpop-demo svg [tabindex]:focus-visible{outline:3px solid var(--dpop-accent);outline-offset:3px}.dpop-demo button[aria-pressed=true],.dpop-demo [data-action=play]{background:var(--dpop-accent);color:#fff;border-color:var(--dpop-accent)}
.dpop-demo-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.dpop-demo-kicker{font-size:12px;font-weight:650;letter-spacing:1.6px;text-transform:uppercase;color:var(--dpop-accent)}.dpop-demo-badge{font-size:11px;border:1px solid var(--dpop-line);border-radius:20px;padding:3px 10px;color:var(--dpop-muted)}.dpop-chapters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.dpop-chapter-note{color:var(--dpop-muted);font-size:14px;min-height:23px}.dpop-transport{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding-bottom:15px;border-bottom:1px solid var(--dpop-line)}.dpop-step-count{margin-left:auto;font-size:12px;font-variant-numeric:tabular-nums;color:var(--dpop-muted)}.dpop-sequence{display:block;width:100%;height:auto;margin:17px 0 8px;overflow:visible}.dpop-sequence text{font-family:var(--wp--preset--font-family--sans,"DM Sans","Segoe UI",Arial,sans-serif);fill:var(--dpop-ink)}.dpop-sequence .dpop-lane{stroke:var(--dpop-line);stroke-dasharray:3 5}.dpop-sequence .dpop-actor{fill:var(--dpop-soft);stroke:var(--dpop-line)}.dpop-sequence .dpop-actor-active{stroke:var(--dpop-accent);stroke-width:1.5}.dpop-sequence .dpop-arrow{stroke:var(--dpop-accent);fill:none;stroke-width:2}.dpop-sequence .dpop-error-arrow{stroke:var(--dpop-error)}.dpop-sequence .dpop-warn-arrow{stroke:var(--dpop-warn)}.dpop-sequence .dpop-marker{fill:var(--dpop-accent)}.dpop-sequence .dpop-marker-error{fill:var(--dpop-error)}.dpop-sequence .dpop-marker-warn{fill:var(--dpop-warn)}.dpop-sequence .dpop-step-label{font-size:12px}.dpop-sequence .dpop-past{opacity:.42}.dpop-sequence .dpop-current-row{cursor:pointer}.dpop-sequence .dpop-hit{fill:transparent}.dpop-sequence .dpop-label-bg{fill:var(--dpop-paper)}.dpop-secret-note{font-size:10px;fill:var(--dpop-accent)!important}.dpop-current{border-top:1px solid var(--dpop-line);padding-top:18px;min-height:115px}.dpop-current-title{font-size:17px;line-height:1.4;font-weight:650;margin-bottom:6px!important}.dpop-current-caption{color:var(--dpop-muted);font-size:14px}.dpop-message-details,.dpop-transcript{border-top:1px solid var(--dpop-line);padding:12px 0;font-size:13px}.dpop-demo summary{cursor:pointer;font-weight:550}.dpop-demo pre{font:12px/1.65 var(--wp--preset--font-family--mono,"DM Mono","SFMono-Regular",Consolas,monospace);white-space:pre-wrap;overflow-wrap:anywhere;background:var(--dpop-soft);padding:14px;border-radius:6px;max-width:100%;margin:12px 0 0}.dpop-demo code{font:inherit;padding:0;background:transparent;color:inherit}.dpop-demo-footnote{font-size:12px;color:var(--dpop-muted);margin:13px 0!important}.dpop-transcript h3{font:600 15px/1.5 var(--wp--preset--font-family--sans,"DM Sans","Segoe UI",Arial,sans-serif);margin:15px 0 6px}.dpop-transcript ol{padding-left:23px;margin:0 0 12px}.dpop-transcript li{margin:5px 0}.dpop-mobile-sequence{display:none}.dpop-mobile-route{display:flex;align-items:center;justify-content:center;gap:13px;margin:24px 0 14px}.dpop-mobile-route span{background:var(--dpop-soft);padding:12px;border-radius:8px;text-align:center;font-weight:550;flex:1;max-width:160px}.dpop-mobile-route i{font-size:23px;font-style:normal;color:var(--dpop-accent)}.dpop-mobile-message{text-align:center;font-size:14px;font-weight:600;margin-bottom:18px}.dpop-mobile-trail{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin-bottom:22px}.dpop-mobile-trail button{min-height:44px;min-width:24px;padding:0;border:0;border-radius:3px;flex:1;max-width:24px;position:relative;background:transparent!important;color:var(--dpop-ink)!important}.dpop-mobile-trail button::after{content:'';position:absolute;left:0;right:0;top:20px;height:4px;border-radius:3px;background:var(--dpop-line)}.dpop-mobile-trail button[data-complete=true]::after{background:var(--dpop-accent)}
.dpop-demo .dpop-past{opacity:1}.dpop-demo .dpop-past .dpop-arrow{opacity:.5}.dpop-demo .dpop-past .dpop-step-label{fill:var(--dpop-muted)}.dpop-demo.dpop-compact .dpop-sequence-wrap{display:none}.dpop-demo.dpop-compact .dpop-mobile-sequence{display:block}
@media(max-width:600px){.dpop-demo{padding:18px 15px;border-radius:10px}.dpop-demo-heading{align-items:flex-start}.dpop-demo-badge{display:none}.dpop-chapters{display:grid;grid-template-columns:1fr}.dpop-chapters button{text-align:left}.dpop-step-count{width:100%;margin:6px 0 0}.dpop-current{min-height:135px}.dpop-transport button{padding:9px 11px}.dpop-chapter-note{min-height:46px}}
@media(prefers-reduced-motion:reduce){.dpop-demo *{animation:none!important;transition:none!important}}
@media print{.dpop-chapters,.dpop-transport,.dpop-sequence-wrap,.dpop-mobile-sequence,.dpop-message-details,.dpop-current,.dpop-chapter-note{display:none!important}.dpop-transcript>ol,.dpop-transcript>h3{display:block!important}.dpop-demo{break-inside:auto;padding:15px}}

/* Iteritory theme integration: ink controls, steel-blue paths, vermilion outcomes. */
.dpop-demo{border-radius:2px}
.dpop-demo button{border-radius:999px}
.dpop-demo-kicker,.dpop-step-count,.dpop-demo-badge{font-family:var(--wp--preset--font-family--mono,"DM Mono","SFMono-Regular",Consolas,monospace)}
.dpop-demo-kicker{color:#9f3d2a}
.dpop-sequence .dpop-arrow{stroke:#526b7d}
.dpop-sequence .dpop-marker{fill:#526b7d}
.dpop-sequence .dpop-error-arrow{stroke:#bb4c35}
.dpop-sequence .dpop-warn-arrow{stroke:#9f3d2a}
.dpop-sequence .dpop-marker-error{fill:#bb4c35}
.dpop-sequence .dpop-marker-warn{fill:#9f3d2a}
.dpop-demo button:focus-visible,.dpop-demo summary:focus-visible,.dpop-demo svg [tabindex]:focus-visible{outline-color:#607e93}
.dpop-demo pre{border-radius:0;border:1px solid #33485a;background:#1e3041;color:#eef1ef}
.dpop-demo pre code{color:inherit;background:transparent;font:inherit}

/* Plain-language context for app registration and per-attempt values. */
.dpop-demo .dpop-foundation{border-left:3px solid #607e93;background:var(--dpop-soft);padding:16px 18px;margin:0 0 16px;font-size:14px;overflow-wrap:anywhere}
.dpop-demo .dpop-foundation p:last-child{margin-bottom:0}
.dpop-demo .dpop-reading-hint{font-size:13px;color:var(--dpop-muted)}
.dpop-demo .dpop-roles{font-size:14px;margin:0 0 18px}
.dpop-demo .dpop-roles ul{padding-left:22px;margin:12px 0}
.dpop-demo .dpop-roles li{margin:6px 0}
.dpop-demo .dpop-continue{margin-bottom:16px}
.dpop-demo [hidden]{display:none!important}
@media(max-width:600px){.dpop-demo .dpop-foundation{padding:14px}}
@media print{.dpop-demo .dpop-continue{display:none!important}.dpop-demo .dpop-roles>ul{display:block!important}}