/* PB-MAIN-0.20.0 — owner-approved homepage visual reference + clearer next-action UX. */

/* Owner visual correction: use the preferred reference proportions for the public logo/header. */
.sub-header .inner,.site-header .inner{max-width:1260px;min-height:104px;padding-top:10px;padding-bottom:9px}
.sub-header .brand-lockup,.site-header .brand-lockup{min-width:330px}
.sub-header .brand-lockup img,.site-header .brand-lockup img{width:330px;max-width:100%;height:auto}
.sub-header .brand-lockup .brand-tagline,.site-header .brand-lockup .brand-tagline{margin-left:7px;margin-top:1px;font-size:.67rem;letter-spacing:.09em}

/* Homepage hero: same approved woman, but restore the wider, fuller reference treatment. */
.home-hero{background:linear-gradient(90deg,#edf7fb 0%,#f2f8fb 48%,#fff 100%);overflow:hidden}
.home-hero .inner{max-width:none;width:100%;grid-template-columns:49% 51%;min-height:520px;background:transparent}
.home-hero .copy{padding:52px 42px 50px max(6.5vw,54px);position:relative;z-index:3}
.home-hero .visual{min-height:520px;margin-left:-28px;overflow:hidden;position:relative;background:#dceaf1}
.home-hero .visual:before{content:"";position:absolute;z-index:2;inset:0 auto 0 0;width:118px;background:linear-gradient(90deg,#eef7fb 0%,rgba(238,247,251,.78) 34%,rgba(238,247,251,0) 100%);pointer-events:none}
.home-hero .visual img{width:100%;height:100%;object-fit:cover;object-position:56% 43%;display:block}

/* Resources has one job: browse/search/reference. Personalized flows remain separate. */
.resource-path-note{max-width:760px;margin-top:20px;padding:16px 18px;border:1px solid #cfe0ea;border-radius:12px;background:#fff;box-shadow:0 6px 18px rgba(1,63,112,.04)}
.resource-path-note strong{display:block;color:#064f86;font-size:1rem;margin-bottom:4px}
.resource-path-note p{margin:0;color:#526c80;line-height:1.48}
.resource-path-note .actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:12px}
.resource-path-note .text-link{font-weight:750}

/* Medicare-inspired answer -> why -> next-step pattern, using governed PB route data only. */
.next-action-card{margin:18px 0 20px;border:2px solid #b9d8e9;border-radius:14px;background:linear-gradient(145deg,#f7fcff,#eef7fb);padding:18px 20px;box-shadow:0 8px 24px rgba(1,63,112,.055)}
.next-action-kicker{display:inline-block;margin-bottom:5px;font-size:.8rem;font-weight:850;letter-spacing:.055em;text-transform:uppercase;color:#267734}
.next-action-card h3{margin:.05rem 0 .55rem;color:#064f86;font-size:1.35rem}
.next-action-card p{margin:.42rem 0;line-height:1.5}
.next-action-card .next-action-why{color:#49677d}
.next-action-card .next-action-step{padding:.7rem .8rem;background:#fff;border:1px solid #d8e7ef;border-radius:10px}
.next-action-card .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.next-action-card .small{margin-top:9px}

.medicare-context .mppp-clarifier{display:inline-block;margin:.15rem 0 .45rem;padding:.25rem .55rem;border-radius:999px;background:#fff3d7;color:#755000;font-size:.83rem;font-weight:850}

@media(max-width:1040px){
 .sub-header .inner,.site-header .inner{max-width:100%;min-height:96px}.sub-header .brand-lockup,.site-header .brand-lockup{min-width:280px}.sub-header .brand-lockup img,.site-header .brand-lockup img{width:280px}
 .home-hero .inner{grid-template-columns:48% 52%}.home-hero .copy{padding-left:34px}.home-hero .visual{margin-left:-18px}
}
@media(max-width:920px){
 .sub-header .brand-lockup,.site-header .brand-lockup{min-width:0}.sub-header .brand-lockup img,.site-header .brand-lockup img{width:250px;max-width:72vw}
 .home-hero .inner{grid-template-columns:1fr;min-height:0}.home-hero .copy{padding:40px 28px 34px}.home-hero .visual{margin-left:0;min-height:390px}.home-hero .visual:before{display:none}.home-hero .visual img{object-position:center 42%}
}
@media(max-width:600px){
 .sub-header .brand-lockup img,.site-header .brand-lockup img{width:225px}.sub-header .brand-lockup .brand-tagline,.site-header .brand-lockup .brand-tagline{font-size:.59rem;margin-left:4px}
 .home-hero .copy{padding:32px 20px 26px}.home-hero .visual{min-height:335px}
 .resource-path-note .actions,.next-action-card .actions{display:grid}.resource-path-note .btn,.next-action-card .btn{width:100%}
}
