/* Cohesive card and stage hierarchy used by all DATENCHECK customer steps */
body{font-feature-settings:"kern" 1}
#step1 .stage-label,.step-section .stage-label{color:#266b7c;letter-spacing:.09em}
.step-section .content h2,.content h2{letter-spacing:-.035em}
.step-section:not(#step1) .description{max-width:65ch}
#courtCustomerStage,#courtReviewStage,#bundleSummaryStage,#bundleSenderStage,#bundleCheckoutStage{border-top:4px solid #e3f0f2}
#step2,#step3,#step4,#step5,#step6{border-top:4px solid #edf3f5}
.provider-grid .provider,.directory-tabs button{transition:box-shadow .16s ease,border-color .16s ease,transform .16s ease}
.provider-grid .provider:hover,.directory-tabs button:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(24,61,73,.07)}
input,textarea,select{min-height:42px}
input[type=checkbox],input[type=radio]{min-height:0}
input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(19,112,134,.18);outline-offset:1px}
.note{line-height:1.65}
.step-section .note strong{color:#28495c}
@media(prefers-reduced-motion:reduce){.scenario-card,.provider,.directory-tabs button{transition:none!important;transform:none!important}}
/* Illustrated mini-headings for form steps, using locally stored artwork. */
#step2,#step3,#step4,#bundleSummaryStage,#bundleSenderStage,#bundleCheckoutStage{position:relative;isolation:isolate}
#step2:before,#step3:before,#step4:before,#bundleSummaryStage:before,#bundleSenderStage:before,#bundleCheckoutStage:before{content:"";position:absolute;right:26px;top:24px;width:114px;height:72px;background-size:cover;background-position:center;border-radius:12px;border:1px solid #e1e9ed;opacity:.65;pointer-events:none;z-index:-1}
#step2:before{background-image:url('/static/illustrations/credit.svg')}
#step3:before{background-image:url('/static/illustrations/record.svg')}
#step4:before{background-image:url('/static/illustrations/access.svg')}
#bundleSummaryStage:before{background-image:url('/static/illustrations/sharing.svg')}
#bundleSenderStage:before{background-image:url('/static/illustrations/access.svg')}
#bundleCheckoutStage:before{background-image:url('/static/illustrations/delete.svg')}
@media(max-width:780px){#step2:before,#step3:before,#step4:before,#bundleSummaryStage:before,#bundleSenderStage:before,#bundleCheckoutStage:before{display:none}}

/* Visible illustrations for deeper steps, independently of CSS stacking context. */
.step-section{position:relative}
.step-section .dc-stage-art{position:absolute;top:21px;right:25px;width:106px;height:76px;object-fit:cover;border:1px solid #dce6e8;border-radius:11px;box-shadow:0 8px 20px rgba(24,60,79,.055);pointer-events:none;opacity:.85}
.step-section:has(>.dc-stage-art)>h2{max-width:calc(100% - 135px)}
@media(max-width:750px){.step-section .dc-stage-art{display:none}.step-section:has(>.dc-stage-art)>h2{max-width:none}}

#step2:before,#step3:before,#step4:before,#bundleSummaryStage:before,#bundleSenderStage:before,#bundleCheckoutStage:before{display:none!important}