/* Clinical areas share the live site's navy, petrol and cyan palette. */
.areas-page{background:#e7f0f4;padding-bottom:68px}
.areas-heading{padding-block:40px 42px}
.areas-back{margin-bottom:30px}
.areas-heading h1{font-size:clamp(2.4rem,5vw,4.2rem);max-width:100%;overflow-wrap:break-word}
.areas-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.area-panel{min-width:0;position:relative;isolation:isolate;overflow:hidden;padding:32px 34px;background:#f1f7fa;border:1px solid #c4d9e3;border-radius:8px;scroll-margin-top:130px}
.area-panel h2{font-size:clamp(1.55rem,2.6vw,2.15rem);line-height:1.25;font-weight:500;position:relative;overflow-wrap:break-word}
.area-panel ul{padding-inline-start:21px;margin-block:24px 0;font-size:1.0625rem;line-height:1.7;position:relative}
.area-panel li{padding-inline-start:5px;margin-block:10px}
.area-panel li::marker{color:#226f7c}
.area-panel--primary{background:linear-gradient(125deg,#103149,#164753);border-color:#29566a;color:#e4f1f6;border-top:2px solid #83d6df}
.area-panel--primary:before{content:'';position:absolute;z-index:-1;inset-block-start:-105px;inset-inline-end:-105px;width:260px;height:260px;border:1px solid #b4eef321;border-radius:50%;box-shadow:0 0 0 35px #b4eef308,0 0 0 70px #b4eef306;pointer-events:none}
.area-panel--primary h2{color:#f2fbfe}
.area-panel--primary li::marker{color:#92e4e9}
.area-panel--primary .text-link{color:#c7f2f5;border-color:#76b7c3;margin-top:24px}
.area-panel--primary .text-link:hover{color:#fff;border-color:#fff}
.area-panel--primary :focus-visible{outline-color:#baf6fc}
.areas-grid--secondary{margin-top:24px}
.areas-grid--secondary h2{font-size:clamp(1.45rem,2.3vw,1.8rem)}
.areas-actions{padding-top:34px}
@media(max-width:650px){
 .areas-page{padding-bottom:45px}
 .areas-heading{padding-block:25px 30px}
 .areas-back{margin-bottom:22px}
 .areas-heading h1{font-size:2.65rem;line-height:1.15}
 .areas-grid{grid-template-columns:1fr;gap:16px}
 .area-panel{padding:27px 24px;scroll-margin-top:110px}
 .area-panel h2{font-size:1.85rem}
 .area-panel ul{font-size:1rem;margin-top:21px}
 .areas-grid--secondary{margin-top:16px}
 .areas-actions .button{width:100%}
}