/* Consistent controls and service headings across the public sites. */
body :is(button,input[type=submit],input[type=button],a.button,a.btn,a.career-button,a.branch-chip,[role=button],a.nav-appointment,a.nav-career-button,a.nav-mortgage,a.mortgage-button){border-radius:6px!important}
body .legacy-content .intro.service-intro{background:#e5e6e9}
body .legacy-content .intro.service-intro h1{font-size:52px;font-weight:800;line-height:1.15}
body .ref-services{background:#e5e6e9}
body .ref-service h3{font-size:25px;font-weight:800;line-height:1.25}
@media(max-width:700px){body .legacy-content .intro.service-intro h1{font-size:40px}body .ref-service h3{font-size:24px}}

/* Main navigation stays above the sticky office selector (z-index:25). */
body .personal-header{z-index:100}
body .personal-header .nav-group[open]{z-index:110}
body .personal-header .nav-panel{z-index:120}

/* Photographs use the same subtle corners as the site buttons. */
:root{--photo-corner-radius:6px}
html body main :is(.ref-hero-image,.story-portrait img,.section-photo img,img.section-photo,
.contact-person>img:first-child,.contact-avatar,.advisor-service-photo,
.estate-person img,.gallery-open img,.hockey-photo-link img,.slideshow-image,
.lecture-crop img,.portrait img,
.career-split-image img,.photo-trim img,img.career-photo),
body .lightbox-picture{border-radius:var(--photo-corner-radius)!important}
html body main :is(.ref-hero,.story-portrait,.section-photo:has(img),.portrait,
.photo-slideshow,.slideshow-frame,.estate-person,
.photo-trim,.gallery-open,.lecture-crop,.ref-quote,.ref-recruit){border-radius:var(--photo-corner-radius)!important}
html body main :is(.ref-hero,.story-portrait,.portrait,.slideshow-frame,
.estate-person,.photo-trim,.gallery-open,.lecture-crop){overflow:hidden}
/* Fit the image itself inside the frame so portrait photos also have rounded corners. */
html body main .slideshow-frame{display:flex;align-items:center;justify-content:center}
html body main .slideshow-frame .slideshow-image{width:auto;height:auto;max-width:100%;max-height:100%;min-width:0;min-height:0;object-fit:contain}

/* Keep existing circular branch portraits and their single raspberry outline. */
html body main .office .office-advisor-photo{border-radius:50%!important;border:3px solid #b50050!important;box-sizing:border-box;overflow:hidden}
html body main .office .office-advisor-photo img{border-radius:50%!important;border:0!important}

/* Keep every branch contact line readable on narrow screens. */
.office .advisor-phone,.office .advisor-email{margin:4px 0}
.office .advisor-email a{overflow-wrap:anywhere}