/* Shared 4fin appearance for every advisor page. */
:root{--pink:#b50050;--ink:#333;--muted:#666;--paper:#f5f5f5;--line:#ddd;--brand-dark:#8f003f}
body,.career-page{font-family:'Open Sans',Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.75}
h1,h2,h3,.career-page h1,.career-page h2,.career-page h3{font-family:'Open Sans',Arial,sans-serif;letter-spacing:0}
.personal-header{border-top:4px solid var(--pink)}
.personal-header .name-logo{font-size:24px}
.brand-lockup{display:flex;align-items:center;gap:18px;min-width:0}
.brand-4fin{width:135px;height:auto;flex-shrink:0}
.personal-header nav a.nav-career{color:var(--pink);font-weight:700}
.personal-header nav a.nav-reality{color:#666;font-weight:700}
.personal-header .nav-appointment{color:var(--pink);border-color:var(--pink)}
.button,.career-button,.career-contact .button{background:var(--pink);color:white;border:1px solid var(--pink);border-radius:2px;font-family:inherit;font-size:16px;font-weight:600;line-height:1.5;text-transform:none;letter-spacing:0;min-height:48px;padding:13px 24px;cursor:pointer}
.button:hover,.career-button:hover,.career-contact .button:hover{background:var(--brand-dark);border-color:var(--brand-dark);color:white}
.button.outlined,.career-contact .email-alternative .button{color:var(--pink);background:white;border:1px solid var(--pink)}
.button.outlined:hover,.career-contact .email-alternative .button:hover{background:var(--pink);color:#fff}
.page-intro{border-bottom:1px solid var(--line);margin-bottom:32px}
.page-intro h1 em,.eyebrow,.career-kicker,.career-number,.career-pillars strong,.career-benefits a,.career-resource-grid a,.career-contact-links a,.text-link{color:var(--pink)}
.page-intro:after{content:'';display:block;width:100px;height:3px;background:var(--pink);margin-top:24px}
.service-icon{color:var(--pink);border-color:var(--pink)}
.ref-services,.ref-meeting,.personal-photo-section,.career-split,.career-assurances,.career-learning,.realty-card,.service-grid article{background:var(--paper)}
.ref-hero.ref-banner-hero{background:#333}
.career-banner{background:var(--pink);color:white}
.career-banner .career-button{background:#fff;color:var(--pink);border-color:#fff}
.career-banner .career-button:hover{background:var(--brand-dark);color:white}
.career-intro p{color:var(--muted)}
.gallery-filters button{font:inherit;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:2px}
.gallery-filters button.active,.gallery-filters button[aria-pressed="true"],.gallery-filters button:hover{background:var(--pink);color:#fff;border-color:var(--pink)}
.slideshow-controls button{color:var(--pink);border-color:var(--pink)}
.slideshow-controls button:hover{background:var(--pink);color:#fff}
.personal-footer{border-top:4px solid var(--pink);background:#333}
.footer-brand{width:180px;height:auto;background:white;padding:10px;margin:0 0 20px}
a:focus-visible,button:focus-visible,.career-page a:focus-visible,.career-page button:focus-visible{outline:3px solid var(--pink);outline-offset:4px}
@media(min-width:901px){.personal-header{height:auto;min-height:108px;flex-wrap:wrap;padding-top:14px;padding-bottom:12px;gap:12px}.personal-header nav{flex-basis:100%;justify-content:center}.brand-lockup{margin:auto}}
@media(max-width:600px){.brand-lockup{gap:10px}.brand-4fin{width:84px}.personal-header .name-logo{font-size:19px}.name-logo span{font-size:10px;max-width:180px}.personal-header{padding-inline:4%;gap:8px}.personal-header .menu-toggle{font-size:13px;padding:8px}.career-button{font-size:15px}.page-intro{margin-bottom:24px}}
@media(max-width:370px){.brand-4fin{width:68px}.personal-header .name-logo{font-size:17px}}

/* Keep the header layout identical to the original advisor template. */
@media(min-width:901px){.personal-header{height:91px;min-height:91px;flex-wrap:nowrap;padding-top:0;padding-bottom:0;gap:24px;border-top:0}.personal-header nav{flex-basis:auto;justify-content:flex-end}.personal-header .name-logo{font-size:28px}}
@media(min-width:901px) and (max-width:1250px){.personal-header .name-logo{font-size:23px}.personal-header{gap:15px}}
@media(max-width:900px){.personal-header{border-top:0}.personal-header .name-logo{font-size:25px}}
@media(max-width:600px){.personal-header .name-logo{font-size:23px}.name-logo span{font-size:11px;max-width:220px}}