/* Shared customer-facing visual system. Existing workflows own behavior. */
:root{--dpa-navy:#081f5c;--dpa-red:#d22630;--dpa-rule:#d9dee7;--dpa-text:#566078;--dpa-font:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif}
#dpa-desktop-funnel #gaPage{max-width:1440px;font-family:var(--dpa-font);padding-bottom:0}
#dpa-desktop-funnel #gaPage .ga-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 48px;background:#fff}
#dpa-desktop-funnel #gaPage .ga-brand-group{flex-shrink:0}
#dpa-desktop-funnel #gaPage .ga-header .dpa-brand{font-size:25px;letter-spacing:-.8px;font-weight:800}
#dpa-desktop-funnel #gaPage .ga-header .dpa-brand:after{height:4px;width:110px;margin-left:36px}
#dpa-desktop-funnel #gaPage .ga-header .dpa-left-kicker{font-size:9px;letter-spacing:3px;margin-top:10px}
#dpa-desktop-funnel #gaPage .ga-header-rule{flex:1;height:1px;background:#aeb9cf}
#dpa-desktop-funnel #gaPage .ga-header-region{font-size:11px;font-weight:500;letter-spacing:2.5px;white-space:nowrap}
#dpa-desktop-funnel #gaPage .ga-hero{position:relative;display:grid;grid-template-columns:43% 57%;grid-template-areas:"copy photo";gap:0;min-height:520px;padding:0 48px;align-items:center;isolation:isolate}
#dpa-desktop-funnel #gaPage .ga-hero-copy{grid-area:copy;position:relative;z-index:2;padding:32px 0 36px;align-self:center;background:none}
#dpa-desktop-funnel #gaPage .ga-title{font-size:clamp(40px,4.1vw,57px);line-height:1.06;letter-spacing:-2px;font-weight:500;max-width:540px}
#dpa-desktop-funnel #gaPage .ga-hero-line{font-size:clamp(22px,2.2vw,29px);line-height:1.15;letter-spacing:-.7px;font-weight:600;max-width:430px;margin:20px 0 0}
#dpa-desktop-funnel #gaPage .ga-primary{display:inline-flex;align-items:center;justify-content:center;grid-area:auto;width:auto;min-height:48px;padding:13px 24px;margin:24px 0 0;background:var(--dpa-navy);border-radius:3px;box-shadow:none;font-size:16px;line-height:1.4;letter-spacing:0;font-weight:500}
#dpa-desktop-funnel #gaPage .ga-primary:hover{background:#163671}
#dpa-desktop-funnel #gaPage .ga-photo{position:absolute;left:30%;right:0;top:0;bottom:0;z-index:0;grid-area:auto;margin:0;height:auto;min-height:0;border-radius:0;background:#fff}
#dpa-desktop-funnel #gaPage .ga-photo img{height:100%;width:100%;min-height:0;object-fit:cover;object-position:63% 42%}
#dpa-desktop-funnel #gaPage .ga-photo:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.94) 7%,rgba(255,255,255,.45) 21%,transparent 37%)}
#dpa-desktop-funnel #gaPage .ga-glass{z-index:1;left:auto;right:36px;bottom:24px;width:fit-content;max-width:calc(100% - 64px);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 24px;border-radius:10px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.85);box-shadow:none;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
#dpa-desktop-funnel #gaPage .ga-glass-offer{display:flex;flex-direction:row;align-items:center;gap:14px}
#dpa-desktop-funnel #gaPage .ga-glass-label{font-size:15px;line-height:1.3;font-weight:500;letter-spacing:0;max-width:70px}
#dpa-desktop-funnel #gaPage .ga-glass-amount{font-size:62px;line-height:1;letter-spacing:-3px;font-weight:800}
#dpa-desktop-funnel #gaPage .ga-glass-explore{border-radius:3px;min-height:46px;padding:12px 22px;font-size:15px;font-weight:500;line-height:1.4;margin:0}
#dpa-desktop-funnel #gaPage .ga-glass-action{border-left:1px solid rgba(8,31,92,.25);padding-left:24px}
#dpa-desktop-funnel #gaPage .ga-programs{display:grid;grid-template-columns:260px minmax(0,1fr);column-gap:32px;padding:36px 48px 24px}
#dpa-desktop-funnel #gaPage .ga-programs h2{font-size:36px;line-height:1.05;letter-spacing:-1.2px;font-weight:500;margin:0;border-right:1px solid var(--dpa-rule);padding-right:24px}
#dpa-desktop-funnel #gaPage .ga-program-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:start}
#dpa-desktop-funnel #gaPage .ga-program-column{gap:0}
#dpa-desktop-funnel #gaPage .ga-program{background:#fff;margin:0;border:0;border-bottom:1px solid var(--dpa-rule);border-radius:0;box-shadow:none;overflow:visible}
#dpa-desktop-funnel #gaPage .ga-program.active{box-shadow:none}
#dpa-desktop-funnel #gaPage .ga-program-toggle{background:#fff;min-height:58px;padding:16px 8px;gap:12px}
#dpa-desktop-funnel #gaPage .ga-program-name{font-size:16px;line-height:1.5;font-weight:500;color:var(--dpa-text)}
#dpa-desktop-funnel #gaPage .ga-chevron{font-size:23px;font-weight:400}
#dpa-desktop-funnel #gaPage .ga-program.active .ga-program-name{color:var(--dpa-navy)}
#dpa-desktop-funnel #gaPage .ga-program-detail{border-top:0;padding:0 8px 18px}
#dpa-desktop-funnel #gaPage .ga-facts{font-size:14px;font-weight:400;line-height:1.65;margin-top:4px}
#dpa-desktop-funnel #gaPage .ga-detail-cta{width:auto;min-height:44px;padding:12px 18px;border-radius:3px;font-weight:500;letter-spacing:0}
#dpa-desktop-funnel #gaPage .ga-disclaimer{grid-column:1/-1;border-top:1px solid var(--dpa-rule);padding:18px 0 0;margin:30px 0 0;font-size:12px;line-height:1.5;font-weight:400}
#dpa-desktop-funnel #gaPage .ga-entry-stage,#dpa-desktop-funnel #gaPage .ga-funnel-stage{border-radius:6px;box-shadow:none;border-color:var(--dpa-rule);padding:28px;max-width:680px}
#dpa-desktop-funnel #gaPage .dpa-question{font-weight:500;line-height:1.15;letter-spacing:-.7px}
#dpa-desktop-funnel #gaPage .dpa-choice,#dpa-desktop-funnel #gaPage .dpa-submit,#dpa-desktop-funnel #gaPage .dpa-field,#dpa-desktop-funnel #gaPage .dpa-contact-field{border-radius:4px;letter-spacing:0;font-weight:500;box-shadow:none}
#dpa-desktop-funnel #gaPage .dpa-score-top,#dpa-desktop-funnel #gaPage .dpa-estimate-card,#dpa-desktop-funnel #gaPage .dpa-premium-panel{border-radius:6px;box-shadow:none}
/* PrepHub and customer preparation tools use the same typography and surfaces. */
html body #homebuyer-credit-staging{font-family:var(--dpa-font);font-size:16px;border-radius:0;box-shadow:none;color:var(--dpa-navy)}
html body #homebuyer-credit-staging .top{border-bottom:1px solid var(--dpa-rule);padding:24px 28px}
html body #homebuyer-credit-staging h1{font-size:36px;line-height:1.1;letter-spacing:-1.2px;font-weight:500}
html body #homebuyer-credit-staging h2{font-weight:500;line-height:1.2;letter-spacing:-.6px}
html body #homebuyer-credit-staging h3,html body #homebuyer-credit-staging .wb-expand{font-weight:500}
html body #homebuyer-credit-staging .panel,html body #homebuyer-credit-staging .sheet,html body #homebuyer-credit-staging .area,html body #homebuyer-credit-staging .score,html body #homebuyer-credit-staging .hero,html body #homebuyer-credit-staging .cp-plan,html body #homebuyer-credit-staging .cp-rent,html body #homebuyer-credit-staging .wb-bureau,html body #homebuyer-credit-staging .status{border-radius:6px;box-shadow:none}
html body #homebuyer-credit-staging .action,html body #homebuyer-credit-staging .navbtn{border-radius:3px;font-weight:500;letter-spacing:0}
html body #homebuyer-credit-staging .action{font-size:15px;min-height:48px;padding:12px 22px}
html body #homebuyer-credit-staging .navbtn{min-height:48px}
html body #homebuyer-credit-staging .sidebar{background:#fff;border-right:1px solid var(--dpa-rule)}
html body #homebuyer-credit-staging .eyebrow{font-weight:500;font-size:12px;letter-spacing:2px}
html body #homebuyer-credit-staging .intro{font-size:16px;line-height:1.6}
html body #homebuyer-credit-staging .checkrow{border-radius:3px;font-weight:400}
html body #homebuyer-credit-staging .cp-plan h3{font-weight:500;letter-spacing:-.6px}
html body #homebuyer-credit-staging .cp-plan p,html body #homebuyer-credit-staging .cp-plan ul{font-size:14px;line-height:1.6}
html body #homebuyer-credit-staging .wb-check-item{border-bottom-color:var(--dpa-rule)}
html body .wb-dialog{font-family:var(--dpa-font);border-radius:6px;box-shadow:0 12px 48px rgba(8,31,92,.14)}
html body :is(#dpa-dti-page,#dpa-job-desktop-page,#dpa-taxes-page){font-family:var(--dpa-font)}
html body :is(#dpa-dti-page,#dpa-job-desktop-page,#dpa-taxes-page) :is(h1,h2,h3){font-weight:500;letter-spacing:-.5px}
html body :is(#dpa-dti-page,#dpa-job-desktop-page,#dpa-taxes-page) :is(button,input,select){font-family:var(--dpa-font);border-radius:4px}
html body :is(#dpa-dti-page,#dpa-job-desktop-page,#dpa-taxes-page) :is(.dti-card,.dpa-credit-card,.dpa-job-card,.dpa-tax-card){border-radius:6px;box-shadow:none}
body[data-dpa-design] .wrap{font-family:var(--dpa-font)}
body[data-dpa-design] .card,body[data-dpa-design] .form input,body[data-dpa-design] .form button{border-radius:6px;box-shadow:none}
body[data-dpa-design] :is(h1,h2,h3){font-weight:500;letter-spacing:-.6px}
@media(max-width:1100px) and (min-width:900px){
#dpa-desktop-funnel #gaPage .ga-header,#dpa-desktop-funnel #gaPage .ga-hero{padding-left:32px;padding-right:32px}
#dpa-desktop-funnel #gaPage .ga-title{font-size:45px}
#dpa-desktop-funnel #gaPage .ga-hero{min-height:490px}
#dpa-desktop-funnel #gaPage .ga-glass{right:24px;gap:16px;padding:16px 18px}
#dpa-desktop-funnel #gaPage .ga-glass-amount{font-size:52px}
#dpa-desktop-funnel #gaPage .ga-glass-action{padding-left:16px}
#dpa-desktop-funnel #gaPage .ga-programs{grid-template-columns:200px minmax(0,1fr);padding-left:32px;padding-right:32px;column-gap:24px}
#dpa-desktop-funnel #gaPage .ga-programs h2{font-size:30px}
#dpa-desktop-funnel #gaPage .ga-program-list{gap:20px}
}
@media(max-width:899px){
#dpa-desktop-funnel #gaPage .ga-header{padding:22px 24px 16px}
#dpa-desktop-funnel #gaPage .ga-header-rule,#dpa-desktop-funnel #gaPage .ga-header-region{display:none}
#dpa-desktop-funnel #gaPage .ga-header .dpa-brand{font-size:23px}
#dpa-desktop-funnel #gaPage .ga-hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:0}
#dpa-desktop-funnel #gaPage .ga-hero-copy{padding:18px 24px 0;align-self:stretch}
#dpa-desktop-funnel #gaPage .ga-title{font-size:clamp(34px,7.8vw,48px);line-height:1.09;letter-spacing:-1.4px;max-width:590px}
#dpa-desktop-funnel #gaPage .ga-hero-line{font-size:clamp(22px,5.2vw,28px);line-height:1.2;margin-top:16px;max-width:480px}
#dpa-desktop-funnel #gaPage .ga-primary{position:relative;z-index:2;align-self:flex-start;min-height:48px;margin:22px 24px 0;padding:12px 20px;font-size:16px}
#dpa-desktop-funnel #gaPage .ga-photo{position:relative;inset:auto;height:360px;min-height:0;width:100%;margin:-10px 0 0}
#dpa-desktop-funnel #gaPage .ga-photo img{object-position:58% 44%}
#dpa-desktop-funnel #gaPage .ga-photo:after{background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.45) 10%,transparent 27%)}
#dpa-desktop-funnel #gaPage .ga-glass{left:16px;right:16px;bottom:18px;max-width:none;width:auto;padding:16px;gap:12px;border-radius:8px}
#dpa-desktop-funnel #gaPage .ga-glass-offer{gap:8px}
#dpa-desktop-funnel #gaPage .ga-glass-label{font-size:13px;max-width:54px}
#dpa-desktop-funnel #gaPage .ga-glass-amount{font-size:clamp(40px,10vw,54px);letter-spacing:-2px}
#dpa-desktop-funnel #gaPage .ga-glass-action{padding-left:12px}
#dpa-desktop-funnel #gaPage .ga-glass-explore{padding:11px 15px;font-size:14px;min-height:44px}
#dpa-desktop-funnel #gaPage .ga-programs{display:block;padding:26px 24px 20px}
#dpa-desktop-funnel #gaPage .ga-programs h2{font-size:29px;line-height:1.12;border:0;padding:0;max-width:330px;margin-bottom:18px}
#dpa-desktop-funnel #gaPage .ga-program-list{display:block}
#dpa-desktop-funnel #gaPage .ga-program-toggle{padding:14px 4px;min-height:56px}
#dpa-desktop-funnel #gaPage .ga-program-name{font-size:16px}
#dpa-desktop-funnel #gaPage .ga-disclaimer{margin-top:24px;font-size:12px;line-height:1.5}
#dpa-desktop-funnel #gaPage .ga-entry-stage,#dpa-desktop-funnel #gaPage .ga-funnel-stage{padding:22px;margin:0 16px 24px}
html body #homebuyer-credit-staging h1{font-size:30px;line-height:1.15}
html body #homebuyer-credit-staging main{padding:22px 18px}
html body #homebuyer-credit-staging .account{font-size:12px}
}
@media(max-width:360px){
#dpa-desktop-funnel #gaPage .ga-glass{left:12px;right:12px;padding:12px;gap:8px}
#dpa-desktop-funnel #gaPage .ga-glass-offer{gap:6px}
#dpa-desktop-funnel #gaPage .ga-glass-label{font-size:12px;max-width:48px}
#dpa-desktop-funnel #gaPage .ga-glass-amount{font-size:38px}
#dpa-desktop-funnel #gaPage .ga-glass-action{padding-left:8px}
#dpa-desktop-funnel #gaPage .ga-glass-explore{font-size:13px;padding:10px 12px}
}

#dpa-desktop-funnel #gaPage .ga-entry-toolbar{display:flex;justify-content:flex-end;margin:-8px -8px 8px}
#dpa-desktop-funnel #gaPage .ga-entry-close{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 12px;border:0;background:transparent;color:var(--dpa-navy);font:500 14px var(--dpa-font);cursor:pointer;border-radius:3px}
#dpa-desktop-funnel #gaPage .ga-entry-close span{font-size:25px;line-height:1}
#dpa-desktop-funnel #gaPage .ga-entry-close:hover{background:#f3f5f8}
#dpa-desktop-funnel #gaPage .ga-entry-close:focus-visible{outline:2px solid var(--dpa-navy);outline-offset:2px}

/* Refined mobile CTA placement and offer hierarchy. */
#dpa-desktop-funnel #gaPage .ga-glass-offer{flex-direction:column;align-items:flex-start;gap:4px}
#dpa-desktop-funnel #gaPage .ga-glass-label{max-width:none;white-space:nowrap;font-size:14px;line-height:1.2}
@media(max-width:899px){
#dpa-desktop-funnel #gaPage .ga-primary{align-self:flex-end;margin:14px 24px 0}
#dpa-desktop-funnel #gaPage .ga-glass{padding:14px 18px}
#dpa-desktop-funnel #gaPage .ga-glass-label{font-size:12px}
#dpa-desktop-funnel #gaPage .ga-glass-amount{font-size:46px;line-height:1}
}
@media(max-width:360px){
#dpa-desktop-funnel #gaPage .ga-glass{padding:12px 14px}
#dpa-desktop-funnel #gaPage .ga-glass-amount{font-size:40px}
}

#dpa-desktop-funnel #gaPage .ga-glass{background:rgba(255,255,255,.78);box-shadow:0 8px 28px rgba(8,31,92,.06)}
#dpa-desktop-funnel #gaPage :is(.ga-primary,.ga-glass-explore,.ga-detail-cta){transition:background-color .18s ease,box-shadow .18s ease}
#dpa-desktop-funnel #gaPage :is(.ga-primary,.ga-glass-explore,.ga-detail-cta,.ga-program-toggle):focus-visible{outline:2px solid var(--dpa-navy);outline-offset:4px}
@media(max-width:899px){
#dpa-desktop-funnel #gaPage .ga-header{padding-bottom:12px}
#dpa-desktop-funnel #gaPage .ga-hero-copy{padding-top:14px}
#dpa-desktop-funnel #gaPage .ga-primary{font-size:15px;padding:12px 22px}
#dpa-desktop-funnel #gaPage .ga-glass-label{letter-spacing:.3px}
#dpa-desktop-funnel #gaPage .ga-glass-action{padding-left:18px}
#dpa-desktop-funnel #gaPage .ga-programs h2{margin-bottom:14px}
}
@media(prefers-reduced-motion:reduce){#dpa-desktop-funnel #gaPage *{transition:none!important}}

#dpa-desktop-funnel #gaPage .ga-glass-purpose{font-size:12px;line-height:1.35;font-weight:400;letter-spacing:0;color:var(--dpa-navy);margin-top:3px}

/* PREPHUB: compact navigation and lighter preparation surfaces. */
html body #homebuyer-credit-staging .prep-mobile-nav{display:none}
html body #homebuyer-credit-staging .logo{font-size:24px;letter-spacing:-.9px}
html body #homebuyer-credit-staging .score{background:#fff;color:var(--dpa-navy);border:1px solid var(--dpa-rule);padding:18px 20px}
html body #homebuyer-credit-staging .score p{color:var(--dpa-text);line-height:1.5}
html body #homebuyer-credit-staging .score small{color:var(--dpa-text)}
html body #homebuyer-credit-staging .hero{background:#fff;color:var(--dpa-navy);border-top:1px solid var(--dpa-rule);border-bottom:1px solid var(--dpa-rule);border-radius:0;padding:26px 0;margin-top:24px}
html body #homebuyer-credit-staging .hero .eyebrow{color:var(--dpa-red)}
html body #homebuyer-credit-staging .hero p,html body #homebuyer-credit-staging .hero .includes,html body #homebuyer-credit-staging .hero small{color:var(--dpa-text)}
html body #homebuyer-credit-staging .panel.dark{background:#fff;color:var(--dpa-navy);border:1px solid var(--dpa-rule)}
html body #homebuyer-credit-staging .panel.dark p{color:var(--dpa-text)}
html body #homebuyer-credit-staging .panel.dark .action.white{background:var(--dpa-navy);color:white}
@media(max-width:780px){
html body #homebuyer-credit-staging .top{padding:20px;gap:12px}
html body #homebuyer-credit-staging .account{display:block;text-align:right}
html body #homebuyer-credit-staging .account strong,html body #homebuyer-credit-staging .account>span,html body #homebuyer-credit-staging .account br{display:none}
html body #homebuyer-credit-staging .account .textbtn{font-size:13px;font-weight:500;min-height:44px;padding:8px 10px;margin:0;text-decoration:none;border:1px solid var(--dpa-rule);border-radius:3px}
html body #homebuyer-credit-staging .sidebar{display:block;padding:14px 20px;border-right:0;background:#fff}
html body #homebuyer-credit-staging .sidebar .navbtn{display:none}
html body #homebuyer-credit-staging .prep-mobile-nav{display:block;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--dpa-text);font-weight:500}
html body #homebuyer-credit-staging .prep-mobile-nav select{display:block;box-sizing:border-box;width:100%;min-height:48px;margin-top:7px;padding:10px 12px;border:1px solid var(--dpa-rule);border-radius:3px;background:#fff;color:var(--dpa-navy);font:500 16px var(--dpa-font);letter-spacing:0}
html body #homebuyer-credit-staging main{padding:24px 20px}
html body #homebuyer-credit-staging main>.eyebrow,html body #homebuyer-credit-staging [data-panel]>.eyebrow{font-size:10px;letter-spacing:1.3px}
html body #homebuyer-credit-staging .score{padding:16px;gap:14px}
html body #homebuyer-credit-staging .hero h2{font-size:27px;line-height:1.15}
html body #homebuyer-credit-staging .hero .action{width:auto;max-width:100%;padding:12px 20px}
html body #homebuyer-credit-staging .area{padding:20px 0;border:0;border-bottom:1px solid var(--dpa-rule);border-radius:0}
html body #homebuyer-credit-staging .two{gap:4px}
}

/* Clear readiness state and aligned department actions. */
html body #homebuyer-credit-staging .score strong{font-size:44px;line-height:1.1;letter-spacing:-1.5px;flex-shrink:0}
html body #homebuyer-credit-staging .score strong:has(.prep-no-score){font-size:17px;line-height:1.25;letter-spacing:-.3px;max-width:95px;font-weight:500}
html body #homebuyer-credit-staging .area{background:#fff}
html body #homebuyer-credit-staging .area button{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-left:auto;min-height:44px;padding:8px 0;color:var(--dpa-navy);font-size:14px;line-height:1.4;font-weight:500;text-align:right}
html body #homebuyer-credit-staging .area button:after{content:"›";font-size:23px;line-height:1;font-weight:400}
html body #homebuyer-credit-staging .area p{margin-bottom:4px}
@media(max-width:780px){
html body #homebuyer-credit-staging .hero{padding-bottom:20px;margin-bottom:0}
html body #homebuyer-credit-staging .two{margin-top:0;gap:0}
html body #homebuyer-credit-staging .area{padding:16px 0}
html body #homebuyer-credit-staging .score{align-items:center}
}

/* Personal next steps: direct navigation without manual completion boxes. */
html body #homebuyer-credit-staging #prep-readiness-tasks{margin-top:22px;padding:22px 0;border:0;border-bottom:1px solid var(--dpa-rule);border-radius:0;background:#fff}
html body #homebuyer-credit-staging #prep-readiness-tasks h2{font-size:26px;margin:0 0 8px}
html body #homebuyer-credit-staging #prep-task-summary{font-size:14px;line-height:1.5;margin:0 0 12px;color:var(--dpa-text)}
html body #homebuyer-credit-staging .prep-task-row{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;box-sizing:border-box;padding:18px 4px;border:0;border-top:1px solid var(--dpa-rule);background:#fff;color:var(--dpa-navy);text-align:left;font-family:var(--dpa-font);cursor:pointer}
html body #homebuyer-credit-staging .prep-task-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
html body #homebuyer-credit-staging .prep-task-title{font-size:16px;font-weight:500;line-height:1.3}
html body #homebuyer-credit-staging .prep-task-detail{font-size:13px;font-weight:400;line-height:1.5;color:var(--dpa-text)}
html body #homebuyer-credit-staging .prep-task-arrow{font-size:27px;font-weight:400;flex-shrink:0}
html body #homebuyer-credit-staging .prep-task-row:hover{background:#fafbfc}
html body #homebuyer-credit-staging .prep-task-empty{font-size:14px;line-height:1.5}

/* One preparation directory, personalized by the saved assessment. */
html body #homebuyer-credit-staging .prep-areas{padding-top:24px}
html body #homebuyer-credit-staging .prep-areas h2{font-size:26px;margin:0 0 8px}
html body #homebuyer-credit-staging .prep-areas .two{margin-top:12px}
html body #homebuyer-credit-staging .prep-area-state{font-size:10px;line-height:1.4;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:var(--dpa-red);margin-bottom:8px}
html body #homebuyer-credit-staging .prep-area-state:not([hidden]){display:block}
html body #homebuyer-credit-staging .area.needs-attention{border-left:3px solid var(--dpa-red);padding-left:16px}
html body #homebuyer-credit-staging .area.preparation-complete .prep-area-state{color:#23754c}
html body #homebuyer-credit-staging .area .prep-area-reason{font-size:13px;line-height:1.5;color:var(--dpa-navy);margin-top:12px;padding-top:10px;border-top:1px solid var(--dpa-rule)}
html body #homebuyer-credit-staging .area.needs-attention>p:not(.prep-area-reason){display:none}

html body #homebuyer-credit-staging .area.needs-attention .prep-area-state:before{content:"→";font-size:17px;margin-right:7px;vertical-align:-1px}

html body #homebuyer-credit-staging [hidden]{display:none!important}
html body #homebuyer-credit-staging #prep-autosave-status{display:block;font-size:10px;line-height:1.4;max-width:170px;color:var(--dpa-text);margin-top:5px;letter-spacing:0;text-align:right}

html body #homebuyer-credit-staging [data-panel="credit"]>.eyebrow{color:var(--dpa-text);text-transform:none;letter-spacing:0;font-size:13px}

html body #homebuyer-credit-staging .top .prep-brand{display:inline-flex;flex-direction:column;flex-shrink:0}
html body #homebuyer-credit-staging .top .prep-brand .brand{display:flex;justify-content:space-between;gap:5px;width:100%;box-sizing:border-box;font-size:9px;line-height:1.2;font-weight:500;letter-spacing:1px;margin-top:7px}

html body #homebuyer-credit-staging .cp-head h1 strong>span[style="color:var(--blue)"]{color:var(--dpa-navy)!important}

html body #homebuyer-credit-staging .prep-mobile-nav select{appearance:none;-webkit-appearance:none;padding-right:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23081f5c' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;background-size:14px 8px}

/* Dispute review uses the same restrained navy/red controls as PrepHub. */
html body #homebuyer-credit-staging :is(.wb-review-item,.wb-review-solution,.wb-review-counts>div,.wb-dti-snapshot,.wb-mini-plan){border-radius:3px}
html body #homebuyer-credit-staging .wb-review-item{border-left-color:var(--dpa-navy)}
html body #homebuyer-credit-staging :is(#wb-dispute-findings,.wb-review-solution) .action{border-radius:3px;font:500 15px/1.4 var(--dpa-font);min-height:48px;padding:12px 22px}
html body #homebuyer-credit-staging :is(#wb-dispute-findings,.wb-review-solution) .action.secondary{background:#fff;color:var(--dpa-navy);border:1px solid var(--dpa-navy)}
html body #homebuyer-credit-staging .wb-dispute-note{margin-top:16px;padding:18px;border:1px solid var(--dpa-rule);border-radius:3px;background:rgba(244,247,252,.82);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
html body #homebuyer-credit-staging .wb-dispute-note :is(textarea,input,select){display:block;box-sizing:border-box;width:100%;max-width:100%;min-height:48px;margin:8px 0 16px;padding:10px 12px;border:1px solid var(--dpa-rule);border-radius:3px;background:#fff;color:var(--dpa-navy);font:400 16px/1.5 var(--dpa-font)}
html body #homebuyer-credit-staging .wb-dispute-note textarea{resize:vertical;background-image:none}
html body #homebuyer-credit-staging .wb-dispute-note input[readonly]{background:#f4f7fc}
html body #homebuyer-credit-staging :is(.wb-dispute-note select,#wb-progress-bureau){appearance:none;-webkit-appearance:none;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23081f5c' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:14px 8px}
html body #homebuyer-credit-staging .wb-dispute-note-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
html body #homebuyer-credit-staging .wb-dispute-note-actions .action{width:auto;flex:1 1 150px}
html body #homebuyer-credit-staging .wb-disputes-close{display:block;margin-left:auto;min-height:44px}

html body #homebuyer-credit-staging :is(.wb-score-entry input,.wb-score-entry select,.wb-progress-event){border-radius:3px}
html body #homebuyer-credit-staging .wb-analysis-recheck{margin-top:16px}

html body #homebuyer-credit-staging .wb-review-chat-log{max-height:360px;overflow:auto;padding:8px 0;margin:12px 0}
html body #homebuyer-credit-staging .wb-review-chat-message{padding:12px 14px;margin:10px 0;border:1px solid var(--dpa-rule);border-radius:3px;background:#fff;color:var(--dpa-navy)}
html body #homebuyer-credit-staging .wb-review-chat-message.user{margin-left:24px;background:#edf1f7}
html body #homebuyer-credit-staging .wb-review-chat-message.assistant{margin-right:24px;border-left:3px solid var(--dpa-navy)}
html body #homebuyer-credit-staging .wb-review-chat-message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 0;font-weight:400}
html body #homebuyer-credit-staging .wb-review-chat-message strong{font-size:12px;font-weight:500}

/* Matching, spaced controls for every report finding. */
html body #homebuyer-credit-staging .wb-review-item>.wb-analysis-recheck{margin:16px 0 12px}
html body #homebuyer-credit-staging .wb-review-item :is(.wb-analysis-recheck>.action,.wb-dispute-select){display:block;box-sizing:border-box;width:100%;min-height:56px;margin:0;padding:14px 22px;border-radius:3px;font:500 15px/1.4 var(--dpa-font);white-space:normal}