/* Isolated About page. Actual provider data and clinical records are unchanged. */
body.drb-sandbox .ab-page { max-width:1240px; padding:28px 32px 64px; margin:auto; color:#19394f; font:15px/1.65 Inter,Arial,sans-serif; }
.ab-page * { box-sizing:border-box; }
body.drb-sandbox .ab-page :is(h1,h2,h3,p,figure,ol) { margin:0; padding:0; }
body.drb-sandbox .ab-page :is(h1,h2,h3) { color:#19394f; font-family:Inter,Arial,sans-serif; font-weight:600; letter-spacing:-.035em; }
body.drb-sandbox .ab-page h1 { font-size:clamp(38px,5.5vw,68px)!important; line-height:1.07; }
body.drb-sandbox .ab-page h1 em { font-style:normal; color:#175fa3; }
body.drb-sandbox .ab-page h2 { font-size:clamp(26px,3.2vw,38px)!important; line-height:1.15; }
body.drb-sandbox .ab-page h3 { font-size:18px!important; line-height:1.3; }
body.drb-sandbox .ab-page p { color:#516877; font-size:14px; }
body.drb-sandbox .ab-page .ab-eyebrow { color:#175fa3; font-size:10px; font-weight:700; letter-spacing:.14em; margin-bottom:17px; }
.ab-page svg { width:21px; height:21px; flex:none; }
.ab-hero { display:grid; grid-template-columns:1fr 1fr; gap:72px; align-items:center; padding:18px 0 48px; }
body.drb-sandbox .ab-page .ab-lead { margin:24px 0 13px; font-size:20px; line-height:1.5; max-width:30ch; color:#264b66; }
.ab-hero-copy>p:not(.ab-eyebrow):not(.ab-location) { max-width:47ch; }
.ab-actions { display:flex; align-items:center; flex-wrap:wrap; gap:20px; margin-top:27px; }
body.drb-sandbox .ab-page .ab-button { display:inline-flex; align-items:center; justify-content:center; gap:22px; min-height:48px; padding:13px 20px; border:1px solid #163e63; border-radius:11px; background:#163e63; color:#fff!important; font:600 14px/1.4 Inter,Arial,sans-serif; text-decoration:none; }
.ab-page .ab-button:hover { background:#215b88; }
.ab-page .ab-text-link { display:inline-flex; align-items:center; min-height:44px; font-size:13px; font-weight:600; color:#175fa3!important; text-underline-offset:5px; }
.ab-page a:focus-visible { outline:3px solid #4c94d0; outline-offset:4px; }
body.drb-sandbox .ab-page .ab-location { display:flex; align-items:center; gap:9px; margin-top:23px; font-size:12px; }
.ab-portrait-panel { min-width:0; }
.ab-portrait-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.ab-portrait { display:block; aspect-ratio:1; border-radius:18px; background-image:url('/images/sandbox/about-clinician-portraits-v1.jpg'); background-size:200% 200%; background-repeat:no-repeat; background-color:#e7eef3; }
.ab-portrait--1 { background-position:0 0; border-top-left-radius:64px; }
.ab-portrait--2 { background-position:100% 0; }
.ab-portrait--3 { background-position:0 100%; }
.ab-portrait--4 { background-position:100% 100%; border-bottom-right-radius:64px; }
.ab-portrait-panel figcaption { color:#526777; font-size:11px; line-height:1.5; margin-top:12px; text-align:center; }
.ab-purpose { padding:36px 0; border-block:1px solid #d8e3ec; }
.ab-purpose>div { display:grid; grid-template-columns:1fr 1.2fr; gap:60px; align-items:center; }
body.drb-sandbox .ab-purpose p:not(.ab-eyebrow) { font-size:16px; line-height:1.8; }
.ab-values { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; padding:38px 0; }
.ab-values article { padding:25px; border-radius:17px; border:1px solid #d5e4ee; background:#edf4fa; }
.ab-values article:nth-child(2) { background:#f3f0f8; border-color:#e0d9ec; }
.ab-values article:nth-child(3) { background:#eef5f0; border-color:#d9e6dd; }
.ab-icon { display:grid; place-items:center; width:42px; height:42px; background:#fff; border:1px solid #dde8f0; color:#175fa3; border-radius:12px; margin-bottom:21px; }
body.drb-sandbox .ab-values h2 { font-size:22px!important; margin-bottom:12px; }
body.drb-sandbox .ab-values p { font-size:13px; }
.ab-provider { display:grid; grid-template-columns:1fr 1fr; gap:60px; border:1px solid #d6e1e9; border-radius:22px; padding:38px; background:white; }
.ab-provider>div>p:not(.ab-eyebrow) { margin:18px 0 25px!important; max-width:40ch; }
.ab-provider ol { list-style:none; display:grid; gap:20px; }
.ab-provider li { display:flex; gap:16px; align-items:start; }
.ab-provider li>span { font-size:12px; font-weight:600; color:#175fa3; padding:6px 8px; background:#edf4fa; border-radius:8px; }
.ab-provider li p { font-size:13px!important; margin-top:7px!important; }
.ab-services { padding:44px 0; }
.ab-section-head { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:24px; }
.ab-section-head>p { max-width:29ch; }
.ab-service-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.ab-service { display:flex; align-items:start; justify-content:space-between; gap:10px; border:1px solid var(--service-line); border-radius:14px; padding:20px 15px; background:var(--service-soft); text-decoration:none; }
.ab-service strong { display:block; color:var(--service)!important; font-size:17px; }
.ab-service small { display:block; color:#4a6171; font-size:12px; margin-top:9px; }
.ab-service>svg { width:17px; margin-top:4px; color:var(--service); }
.ab-service:hover { border-color:var(--service); }
body.drb-sandbox .ab-page .ab-note { font-size:11px; margin-top:16px; }
.ab-closing { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:30px; background:#e8f1f9; border:1px solid #caddeb; border-radius:20px; }
body.drb-sandbox .ab-closing h2 { font-size:30px!important; }
body.drb-sandbox .ab-closing p:not(.ab-eyebrow) { margin-top:12px; }
.ab-closing .ab-button { flex:none; }
@media(max-width:760px) {
 body.drb-sandbox .ab-page { padding:16px 20px 35px; }
 .ab-hero { grid-template-columns:1fr; gap:24px; padding:12px 0 28px; }
 body.drb-sandbox .ab-page h1 { font-size:42px!important; }
 body.drb-sandbox .ab-page .ab-lead { font-size:18px; margin-top:18px; max-width:29ch; }
 .ab-hero-copy>p:not(.ab-eyebrow):not(.ab-location) { max-width:none; }
 .ab-actions { margin-top:21px; gap:16px; }
 .ab-portrait-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; }
 .ab-portrait { border-radius:12px; }
 .ab-portrait--1 { border-top-left-radius:26px; }
 .ab-portrait--4 { border-bottom-right-radius:26px; }
 .ab-portrait-panel figcaption { margin-top:9px; font-size:11px; }
 .ab-purpose { padding:26px 0; }
 .ab-purpose>div { grid-template-columns:1fr; gap:17px; }
 body.drb-sandbox .ab-purpose p:not(.ab-eyebrow) { font-size:14px; line-height:1.7; }
 .ab-values { grid-template-columns:1fr; gap:10px; padding:24px 0; }
 .ab-values article { display:grid; grid-template-columns:38px 1fr; gap:0 13px; padding:19px 17px; }
 .ab-icon { width:38px; height:38px; margin:0; grid-row:1/3; }
 body.drb-sandbox .ab-values h2 { font-size:20px!important; margin-bottom:8px; }
 .ab-values article p { grid-column:2; }
 .ab-provider { grid-template-columns:1fr; padding:25px 21px; gap:26px; }
 .ab-provider ol { padding-top:22px!important; border-top:1px solid #dbe6ee; }
 .ab-section-head { display:block; margin-bottom:20px; }
 .ab-section-head>p { margin-top:14px!important; max-width:none; }
 .ab-services { padding:30px 0; }
 .ab-service-grid { grid-template-columns:1fr 1fr; gap:10px; }
 .ab-service { padding:16px 12px; }
 .ab-service strong { font-size:15px; }.ab-service small { font-size:11px; }
 .ab-closing { display:block; padding:25px 21px; }.ab-closing .ab-button { margin-top:20px; width:100%; }
}
@media(max-width:359px) { body.drb-sandbox .ab-page { padding-inline:16px; } body.drb-sandbox .ab-page h1 { font-size:38px!important; } .ab-service>svg { display:none; } }