/* Connected demo uses the existing forest, cream, serif and evidence tokens. */
.pd-notice{position:sticky;top:80px;z-index:15;background:#e7eddc;border-bottom:1px solid #bbc8af;text-align:center;padding:9px 14px;color:#3d5633;font:10px/1.5 ui-monospace,monospace;letter-spacing:.2px}
.pd-dot{display:inline-block;width:6px;height:6px;background:#6d8754;border-radius:50%;margin-right:7px}
.pd-page{padding-bottom:70px}.pd-intro{padding:28px 0 30px}.pd-back{font-size:11px;color:var(--paper-muted);display:inline-block;min-height:32px}.pd-heading{display:flex;justify-content:space-between;gap:35px;align-items:center}.pd-heading .overline{margin-top:16px}.pd-heading h1{font:400 clamp(32px,4.5vw,52px)/1.08 Georgia,serif;letter-spacing:-1.6px;max-width:750px;margin-bottom:20px}.pd-lead{color:var(--paper-muted);max-width:690px;font-size:14px;line-height:1.8;margin-bottom:24px}.pd-intro-mark{font:42px Georgia,serif;border:1px solid #b9c6ab;background:#e9eedd;width:130px;height:115px;display:flex;align-items:center;justify-content:center;gap:10px;flex-shrink:0;border-radius:70px 70px 8px 8px}.pd-intro-mark span{font:20px ui-monospace,monospace;color:#7c925e}.pd-story{display:flex;gap:22px;align-items:center;padding:20px 0 0;border-top:1px solid var(--paper-line)}.pd-story span{font:17px Georgia,serif}.pd-story small{display:block;font:9px/1.6 ui-monospace,monospace;color:var(--paper-muted);margin-bottom:5px}.pd-story i{font-style:normal;color:#7c8c6c}
.pd-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:15px 0;border-block:1px solid var(--paper-line);margin-bottom:24px}.pd-tabs,.pd-controls,.pd-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.pd-page button,.pd-page .pd-button{min-height:42px;border:1px solid #b5c2a9;padding:10px 14px;background:#fafaf3;border-radius:4px;color:#344b2e;font-size:11px;line-height:1.5;cursor:pointer;text-decoration:none!important}.pd-page button:hover:not(:disabled){background:#e4ebd7}.pd-page button.pd-primary,.pd-button.pd-primary{background:var(--paper-ink);color:var(--paper);border-color:var(--paper-ink)}.pd-tabs button[aria-pressed=true]{background:#e4ebd7;border-color:#6a8454}.pd-page button:disabled{opacity:.46;cursor:not-allowed}.pd-text{border:0!important;background:none!important;text-decoration:underline!important;text-underline-offset:3px;color:var(--paper-muted)!important}.pd-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;align-items:start}.pd-sidebar{min-width:0;position:sticky;top:135px}.pd-stepper{display:grid;gap:3px;list-style:none;margin:0;padding:0}.pd-stepper button{display:flex;width:100%;gap:12px;align-items:center;text-align:left;border-color:transparent;background:transparent;min-height:43px;padding:8px 10px}.pd-stepper button[aria-current=step]{background:#e4ebd7;border-color:#b1c1a0}.pd-stepper b{font:10px ui-monospace,monospace;color:#7b896e;min-width:18px}.pd-stepper .pd-done b{color:#456536}.pd-ledger-mini{margin:23px 8px 0;border-top:1px solid var(--paper-line);padding-top:18px;font-size:11px;color:var(--paper-muted)}.pd-ledger-mini strong{display:block;font:27px Georgia,serif;color:var(--paper-ink);margin:8px 0}.pd-ledger-mini small{font:9px/1.7 ui-monospace,monospace}
.pd-panel{border:1px solid #bbc7af;border-radius:7px;background:#fdfcf7;overflow:hidden;min-width:0}.pd-panel-head{padding:25px 28px;border-bottom:1px solid var(--paper-line);background:#f0f3e8;display:flex;justify-content:space-between;gap:16px;align-items:start}.pd-eyebrow{font:9px/1.5 ui-monospace,monospace;color:#637951;text-transform:uppercase;letter-spacing:1px;margin-bottom:9px}.pd-panel-head h2{font:400 30px/1.16 Georgia,serif;letter-spacing:-.7px;margin:0}.pd-chip{display:inline-block;border:1px solid #bbcaac;background:#e7eddd;padding:4px 7px;border-radius:3px;font:9px/1.6 ui-monospace,monospace;overflow-wrap:anywhere}.pd-panel-body{padding:26px 28px;animation:pd-enter .24s ease}.pd-panel-body p{font-size:12px;line-height:1.85;color:#5c6e53}.pd-panel-body h3{font:400 23px/1.25 Georgia,serif;margin-bottom:13px}.pd-panel-body h4{font-size:12px;font-weight:600;margin:18px 0 10px}.pd-panel-body code{font:10px/1.8 ui-monospace,monospace;overflow-wrap:anywhere}.pd-panel-body pre{font:10px/1.8 ui-monospace,monospace;background:#eaf0e2;border:1px solid #c4cfb6;border-radius:4px;padding:16px;overflow:auto;max-height:380px;white-space:pre-wrap;overflow-wrap:anywhere}.pd-panel-body pre code{font:inherit}.pd-panel-body details{border:1px solid #c4cfb6;border-radius:4px;margin-bottom:12px;background:#fafbf4}.pd-panel-body summary{cursor:pointer;padding:13px 15px;font-size:12px;line-height:1.6;min-height:46px}.pd-detail{padding:0 15px 16px}.pd-detail p{margin:8px 0 0}.pd-detail pre{margin-bottom:0}.pd-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pd-card{padding:18px;border:1px solid #becbb1;border-radius:4px;background:#f5f7ec;min-width:0;margin-bottom:14px}.pd-card p:last-child{margin-bottom:0}.pd-card h3{font-size:22px}.pd-card del{color:#925740;text-decoration-thickness:1px}.pd-card ins{display:block;text-decoration:none;color:#426233;margin-top:5px}.pd-warning{border-left:3px solid #b78356;background:#f5ebde;padding:13px 15px;color:#77543b!important}.pd-success{border-left:3px solid #759352;background:#eaf1df;padding:13px 15px;color:#436135!important}.pd-check{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.8;margin:18px 0}.pd-check input{margin-top:4px;accent-color:#466039;width:16px;height:16px;flex-shrink:0}.pd-page input:not([type=checkbox]),.pd-page select,.pd-page textarea{width:100%;min-width:0;min-height:43px;padding:9px 10px;border:1px solid #aebda0;background:#fffef9;border-radius:4px;color:var(--paper-ink);font-size:12px;line-height:1.6}.pd-page label{font-size:11px;color:#53684a}.pd-field{display:grid;gap:6px;margin-bottom:13px;min-width:0}.pd-page :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid #6e8b50;outline-offset:3px}.pd-next{border-top:1px solid var(--paper-line);display:flex;justify-content:space-between;gap:12px;padding:18px 28px;background:#fafbf5}.pd-next span{font-size:10px;color:#66795b;align-self:center}.pd-table-wrap{overflow:auto;max-width:100%;margin-bottom:17px}.pd-table{width:100%;border-collapse:collapse;font-size:11px;line-height:1.7;min-width:410px}.pd-table th{text-align:left;color:#506c41;font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;background:#eaf0e0}.pd-table th,.pd-table td{padding:10px 9px;border-bottom:1px solid #d4ddc9;vertical-align:top}.pd-table td:last-child{font-family:ui-monospace,monospace}.pd-checklist{list-style:none;padding:0;margin:0}.pd-checklist li{display:grid;grid-template-columns:40px 1fr;gap:10px;padding:11px 0;border-bottom:1px solid #d9e0cf;font-size:11px;line-height:1.8}.pd-pass,.pd-fail{font:9px/1.6 ui-monospace,monospace;color:#54733e}.pd-fail{color:#a05f43}.pd-score{font:400 44px/1 Georgia,serif;letter-spacing:-1px}.pd-score small{font:10px ui-monospace,monospace;margin-left:10px;letter-spacing:0}.pd-lesson{font:400 24px/1.55 Georgia,serif;color:#334b2d;border-left:2px solid #8da970;padding-left:23px;margin:24px 0}.pd-doc-evidence{font:10px/1.8 ui-monospace,monospace;color:#68854f}.pd-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pd-item{padding:16px;border:1px solid #c7d3bc;border-radius:4px;margin-bottom:14px}.pd-item legend{padding:0 7px;font-size:12px}.pd-entry{position:relative;padding:16px;background:#edf2e4;border-radius:4px;margin:12px 0}.pd-entry .pd-row{grid-template-columns:1fr 1fr 95px}.pd-entry .pd-text{min-height:30px;padding:4px 0;font-size:10px}.pd-models{display:flex;flex-wrap:wrap;gap:8px 17px}.pd-stream{max-height:480px;overflow:auto;padding-right:6px;scroll-behavior:smooth}.pd-stream .pd-card{margin-bottom:9px}.pd-stream .pd-chip{margin-left:6px}.pd-chart{width:100%;height:auto;background:#edf2e5;border:1px solid #c8d4b9;border-radius:4px}.pd-status{font-size:11px;line-height:1.8;margin:15px 0 0;min-height:20px;color:#5d724f}.pd-status[data-error=true]{color:#984f32}.pd-empty{padding:25px;text-align:center}.pd-footer-note{font:10px/1.8 ui-monospace,monospace;color:#718162;margin-top:22px}.pd-license-key{display:block;overflow-wrap:anywhere;padding:14px;background:#e8eedf;border:1px solid #c3cfb4;border-radius:4px}.pd-hash{font:9px/1.8 ui-monospace,monospace;overflow-wrap:anywhere}.pd-scope{padding:13px 0;display:flex;gap:10px;border-bottom:1px solid var(--paper-line)}.pd-scope span{font-size:12px;line-height:1.7}.pd-scope small{display:block;color:#6c7b62;font-size:10px}.pd-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.pd-kpis .pd-card strong{display:block;font:26px Georgia,serif;margin-top:9px}.pd-kpis .pd-card{font-size:10px;margin:0}.pd-page [hidden]{display:none!important}@keyframes pd-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.pd-layout{grid-template-columns:185px minmax(0,1fr);gap:18px}.pd-panel-head,.pd-panel-body{padding:22px}.pd-grid{grid-template-columns:1fr}.pd-entry .pd-row{grid-template-columns:1fr}.pd-intro-mark{display:none}}
@media(max-width:700px){.pd-notice{top:72px;font-size:9px}.pd-layout{grid-template-columns:minmax(0,1fr)}.pd-sidebar{position:static}.pd-stepper{display:flex;overflow-x:auto;padding-bottom:8px;gap:5px}.pd-stepper li{flex:0 0 auto}.pd-stepper button{padding:8px 10px;border-color:#cbd5bf;font-size:10px;max-width:170px}.pd-ledger-mini{display:flex;gap:12px;align-items:center;margin:12px 0 8px;padding-top:12px;flex-wrap:wrap}.pd-ledger-mini strong{font-size:23px;margin:0}.pd-ledger-mini small{margin-left:auto}.pd-heading h1{font-size:36px}.pd-story{gap:10px;justify-content:space-between}.pd-story span{font-size:13px}.pd-story small{font-size:7px}.pd-toolbar{gap:14px}.pd-panel-head,.pd-panel-body{padding:20px 17px}.pd-panel-head h2{font-size:26px}.pd-next{padding:15px 17px;flex-wrap:wrap}.pd-next span{display:none}.pd-row{grid-template-columns:1fr}.pd-kpis{grid-template-columns:1fr}.pd-page input:not([type=checkbox]),.pd-page select{font-size:16px}.pd-lesson{font-size:21px;padding-left:16px}.pd-heading{gap:0}.pd-lead{font-size:13px}.pd-page{width:calc(100% - 32px)}.pd-story i{font-size:12px}}
@media(prefers-reduced-motion:reduce){.pd-panel-body{animation:none}.pd-stream{scroll-behavior:auto}}

.pd-balances{margin-top:20px}