/* Supplements the document-demo system only on the four case demos. */
.document-demo[data-case]{--cd-muted:#506963;--cd-line:#cad9cd;font-size:14px;line-height:1.7}
.document-demo[data-case] .dd-shell{overflow:visible;isolation:isolate}
.document-demo[data-case] .dd-toolbar{border-radius:22px 22px 0 0;font-size:12px}
.document-demo[data-case] .dd-avatar,.document-demo[data-case] .dd-counter,.document-demo[data-case] .dd-specimen,.document-demo[data-case] .dd-workspace-footer,.document-demo[data-case] .dd-label{font-size:12px}
.document-demo[data-case] .dd-role p,.document-demo[data-case] .dd-step-note,.document-demo[data-case] .dd-instructions{font-size:14px}
.document-demo[data-case] .dd-back,.document-demo[data-case] .dd-reset{font-size:14px;min-height:44px}
.document-demo[data-case] .dd-action-context{font-size:12px;max-width:55ch}
.document-demo[data-case] .dd-controls{border-radius:0 0 22px 22px;bottom:0;padding:14px 24px;gap:16px}
.document-demo[data-case] .dd-stage-heading{scroll-margin-top:100px}
.document-demo[data-case] .dd-stage-heading h3:focus{outline:none}
.document-demo[data-case] .dd-stage-heading h3:focus-visible{outline:2px solid #cfe4de;outline-offset:6px}
.document-demo[data-case] .dd-rail{position:relative}
.document-demo[data-case] .dd-rail ol{min-width:660px}
.document-demo[data-case] .dd-rail button:disabled{cursor:not-allowed}
.document-demo[data-case] .dd-stage{padding-bottom:28px}
.document-demo[data-case] .dd-primary{min-width:0;max-width:65%}
.document-demo[data-case] .dd-next{white-space:normal;overflow-wrap:anywhere;max-width:100%}
.document-demo[data-case] .dd-next:disabled{background:#d5ddd8;color:#50605a;border-color:#d5ddd8;cursor:not-allowed;transform:none}
.document-demo[data-case] .cd-scene{background:#fffefa;min-height:390px;flex:1;overflow-wrap:anywhere}
.document-demo[data-case] .cd-paper{padding:28px 26px}
.document-demo[data-case] .cd-paper h4{font-size:clamp(23px,2.5vw,29px);line-height:1.25;font-weight:500;letter-spacing:-.03em;margin:12px 0 24px}
.document-demo[data-case] .cd-paper-type,.document-demo[data-case] .cd-meta{font-size:12px;color:var(--cd-muted)}
.document-demo[data-case] .cd-facts{margin:0;padding:0 26px 22px;font-size:14px}
.document-demo[data-case] .cd-paper>.cd-facts,.document-demo[data-case] .cd-ledger>.cd-facts{padding:0}
.document-demo[data-case] .cd-facts>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:20px;padding:12px 0;border-bottom:1px solid var(--cd-line)}
.document-demo[data-case] .cd-facts dt{color:var(--cd-muted)}
.document-demo[data-case] .cd-facts dd{margin:0;font-weight:600;min-width:0}
.document-demo[data-case] .cd-note{margin:20px 26px;padding:16px 18px;background:#e9f0e7;border-left:3px solid #739b8d;font-size:14px;line-height:1.7}
.document-demo[data-case] .cd-paper>.cd-note{margin:22px 0 0}
.document-demo[data-case] .cd-note p{margin-top:6px}
.document-demo[data-case] .cd-note.is-warning{background:#fbebe0;border-color:#b95536;color:#623827}
.document-demo[data-case] .cd-choices{display:flex;flex-wrap:wrap;gap:12px;padding:0 26px 26px}
.document-demo[data-case] .cd-choices button{flex:1 1 210px;padding:13px 16px;min-height:48px;background:#fffefa;border:1px solid #608477;border-radius:6px;text-align:left;font-size:14px;color:#153236;line-height:1.6}
.document-demo[data-case] .cd-choices button:hover{background:#e9f0e7}
.document-demo[data-case] .cd-choices button[aria-pressed=true]{background:#cfe4de;border:2px solid #153236;padding:12px 15px}
.document-demo[data-case] .cd-choices button[aria-pressed=true]::before{content:'✓ ';font-weight:700}
.document-demo[data-case] .cd-ledger .cd-facts dd{font-variant-numeric:tabular-nums;text-align:right;font-size:21px}
.document-demo[data-case] .cd-ledger .cd-facts>div:last-child{border-top:2px solid #153236;background:#fbebe0;padding-inline:12px}
.document-demo[data-case] .cd-receipt{max-width:340px;margin:28px auto;padding:26px 24px;background:white;border:1px solid #d9ded2;box-shadow:0 12px 24px #1532360d;border-bottom:5px double #c9d4c9}
.document-demo[data-case] .cd-receipt h4{font-size:23px;margin:14px 0}
.document-demo[data-case] .cd-receipt p{font-size:14px;color:#506963}
.document-demo[data-case] .cd-receipt-line,.document-demo[data-case] .cd-receipt-total{display:flex;justify-content:space-between;gap:12px;border-top:1px dashed #9ab3a4;margin-top:22px;padding:16px 0;font-variant-numeric:tabular-nums}
.document-demo[data-case] .cd-receipt-total strong{font-size:24px}
.document-demo[data-case] .cd-receipt-missing{border-top:1px dashed #9ab3a4;padding-top:16px}
.document-demo[data-case] .cd-contact,.document-demo[data-case] .cd-final-link{display:inline-block;border-radius:5px;padding:12px 16px;min-height:46px;font-size:14px;line-height:1.6;text-decoration:none}
.document-demo[data-case] .cd-contact{background:#153236;color:white;margin-top:24px}
.document-demo[data-case] .cd-final-link{background:#cfe4de;color:#153236}
.document-demo[data-case] a:focus-visible{outline:3px solid #f06449;outline-offset:4px}
.document-demo[data-case] .dd-mail-body{font-size:15px}
.document-demo[data-case] .dd-attachment strong{font-size:14px}
.document-demo[data-case] .dd-overview{padding-block:20px;margin-bottom:14px}
.document-demo[data-case] .dd-overview p{font-size:14px;max-width:75ch}
.document-demo[data-case] .dd-disclaimer{font-size:12px}
@media(max-width:800px){.document-demo[data-case] .dd-aside{grid-template-columns:1fr 1fr}.document-demo[data-case] .dd-role p{font-size:14px}.document-demo[data-case] .dd-workspace-footer{flex-wrap:wrap}.document-demo[data-case] .cd-receipt{margin-inline:20px;max-width:none}}
@media(max-width:540px){
 .document-demo[data-case] .dd-toolbar{border-radius:14px 14px 0 0}
 .document-demo[data-case] .dd-stage-heading{scroll-margin-top:80px}
 .document-demo[data-case] .dd-stage{padding-bottom:20px}
 .document-demo[data-case] .dd-controls{padding:10px 14px max(8px,env(safe-area-inset-bottom));gap:4px;border-radius:0 0 14px 14px}
 .document-demo[data-case] .dd-primary{max-width:100%}
 .document-demo[data-case] .dd-aside{grid-template-columns:1fr;gap:16px}
 .document-demo[data-case] .dd-stage-heading h3{font-size:23px}
 .document-demo[data-case] .cd-paper{padding:22px 16px}
 .document-demo[data-case] .cd-facts{padding:0 16px 20px}
 .document-demo[data-case] .cd-facts>div{grid-template-columns:1fr;gap:4px}
 .document-demo[data-case] .cd-ledger .cd-facts>div{grid-template-columns:1fr 1fr;align-items:center;gap:8px}
 .document-demo[data-case] .cd-ledger .cd-facts dd{font-size:19px}
 .document-demo[data-case] .cd-note{margin:18px 16px;padding:14px 12px}
 .document-demo[data-case] .cd-choices{padding:0 16px 22px}
 .document-demo[data-case] .cd-receipt{margin:18px 12px;padding:20px 16px}
 .document-demo[data-case] .dd-mail-body{font-size:14px}
 .document-demo[data-case] .dd-action-context{font-size:12px;line-height:1.4}
 .document-demo[data-case] .dd-next{min-height:46px;padding:11px 14px}
 .document-demo[data-case] .cd-scene{min-height:0}
}
@media(prefers-reduced-motion:reduce){.document-demo[data-case] *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}