/* Exclusive editorial layer for the public About page. */
.areas-page { --so-bg:#f7f5ef; --so-surface:#fffefa; --so-ink:#252e2b; --so-muted:#59645e; --so-green:#17654c; --so-hover:#104b39; --so-terra:#97573e; --so-line:#d8ded5; --so-tint:#e9eee5; margin:0; background:var(--so-bg); color:var(--so-ink); font-family:Arial,Helvetica,sans-serif; font-size:16px; line-height:1.6; }
:root[data-theme="dark"] .areas-page { --so-bg:#19221f; --so-surface:#222e28; --so-ink:#f3f1e9; --so-muted:#c1cbc1; --so-green:#98d2b3; --so-hover:#b7e6cb; --so-terra:#e2aa8c; --so-line:#415247; --so-tint:#24342c; }
.areas-page *, .areas-page *::before,.areas-page *::after { box-sizing:border-box; }
.areas-page :is(h1,h2,h3,p,figure,blockquote) { margin:0; }
.areas-page a { color:inherit; text-decoration:none; }
.areas-page button { font:inherit; cursor:pointer; }
.areas-page :is(a,button):focus-visible { outline:3px solid var(--so-terra); outline-offset:5px; border-radius:3px; }
.areas-page main:focus { outline:none; }
.areas-shell { width:min(1180px,100%); padding-inline:32px; margin-inline:auto; }
.areas-skip { position:fixed; left:16px; top:12px; z-index:1001; padding:12px 18px; background:var(--so-ink); color:var(--so-bg)!important; transform:translateY(-160%); }
.areas-skip:focus { transform:none; }
.areas-header { position:sticky; top:0; z-index:100; border-bottom:1px solid var(--so-line); background:var(--so-bg); }
.areas-header-inner { min-height:88px; display:flex; align-items:center; gap:30px; }
.areas-brand { display:flex; align-items:center; gap:10px; margin-right:auto; font-size:16px; font-weight:600; letter-spacing:-.3px; white-space:nowrap; }
.areas-brand img { flex:none; }
.areas-brand small { display:block; margin-top:4px; font-size:10px; font-weight:500; letter-spacing:2px; }
.areas-nav { display:flex; align-items:center; gap:25px; font-size:14px; }
.areas-nav a { padding-block:11px; }
.areas-nav a:hover,.areas-footer nav a:hover { text-decoration:underline; text-underline-offset:6px; }
.areas-nav a[aria-current="page"] { color:var(--so-green); border-bottom:1px solid var(--so-green); font-weight:700; }
.areas-tools { display:flex; align-items:center; gap:6px; }
.areas-icon-button { width:44px; height:44px; display:inline-flex; align-items:center; justify-content:center; padding:0; border:0; background:transparent; color:var(--so-ink); }
.areas-menu,.areas-sun { display:none; }
:root[data-theme="dark"] .areas-sun { display:block; }
:root[data-theme="dark"] .areas-moon { display:none; }
.areas-breadcrumb { display:flex; gap:12px; color:var(--so-muted); font-size:13px; align-items:center; margin-bottom:35px; }
.areas-breadcrumb a { text-decoration:underline; text-underline-offset:4px; }
.areas-eyebrow { color:var(--so-terra); font-size:11px; letter-spacing:1.8px; font-weight:700; line-height:1.7; margin-bottom:18px!important; text-transform:uppercase; }
.areas-page :is(h1,h2) { font-family:Georgia,'Times New Roman',serif; font-weight:400; line-height:1.1; letter-spacing:-1.6px; }
.areas-button { display:inline-flex; align-items:center; justify-content:space-between; gap:20px; min-height:52px; padding:14px 22px; background:var(--so-green); color:var(--so-bg)!important; border:1px solid var(--so-green); border-radius:3px; font-size:14px; font-weight:600; line-height:1.5; }
.areas-button:hover { background:var(--so-hover); border-color:var(--so-hover); }
.areas-text-link { display:inline-flex; align-items:center; gap:20px; min-height:44px; padding-block:10px; color:var(--so-green)!important; font-size:14px; font-weight:600; }
.areas-text-link:hover { text-decoration:underline; text-underline-offset:5px; }
.areas-section { padding-block:68px; scroll-margin-top:110px; }
.areas-index { display:block; color:var(--so-terra); font-size:11px; letter-spacing:1px; margin-bottom:16px; }
.areas-closing-section { padding-bottom:68px; }
.areas-closing { display:flex; justify-content:space-between; align-items:center; gap:50px; border:1px solid var(--so-line); padding:42px; }
.areas-closing p { color:var(--so-muted); font-size:15px; line-height:1.8; max-width:500px; margin-top:23px; }
.areas-closing-actions { display:flex; flex-direction:column; align-items:flex-start; gap:12px; flex-shrink:0; }
.areas-footer { border-top:1px solid var(--so-line); padding-block:32px 40px; }
.areas-footer-inner { display:flex; justify-content:space-between; align-items:flex-start; gap:30px; }
.areas-footer-brand { font-family:Georgia,'Times New Roman',serif; font-size:22px; }
.areas-footer p { font-size:13px; line-height:1.8; color:var(--so-muted); margin-top:8px; }
.areas-footer nav { display:flex; gap:22px; font-size:14px; }
.areas-footer nav a { min-height:44px; display:flex; align-items:center; }
.areas-footer .areas-copyright { margin-top:0; }
@media(max-width:900px) {
 .areas-header-inner { min-height:76px; gap:10px; }
 .areas-menu { display:inline-flex; }
 .areas-nav { display:none; position:absolute; top:75px; left:0; right:0; padding:18px 32px 24px; background:var(--so-bg); border-bottom:1px solid var(--so-line); }
 .areas-nav[data-open="true"] { display:flex; flex-direction:column; align-items:stretch; gap:0; }
 .areas-nav a { min-height:48px; padding-block:12px; }
 .areas-nav a[aria-current="page"] { border:0; }
 .areas-closing { flex-direction:column; align-items:flex-start; }
 .areas-footer-inner { flex-wrap:wrap; }
}
@media(max-width:650px) {
 .areas-shell { padding-inline:22px; }
 .areas-brand { font-size:14px; }
 .areas-brand small { font-size:9px; letter-spacing:1.8px; }
 .areas-tools { gap:0; }
 .areas-breadcrumb { margin-bottom:28px; }
 .areas-eyebrow { font-size:10px; letter-spacing:1.4px; }
 .areas-section { padding-block:45px; scroll-margin-top:95px; }
 .areas-closing-section { padding-bottom:45px; }
 .areas-closing { padding:28px 21px; gap:26px; }
 .areas-closing h2 { font-size:32px; }
 .areas-footer-inner,.areas-footer nav { flex-direction:column; gap:20px; }
 .areas-footer nav { gap:0; }
}
@media(prefers-reduced-motion:reduce) { .areas-page * { scroll-behavior:auto!important; } }

/* Editorial layout exclusive to the public areas page. */
.areas-intro { padding-block:48px 56px; }
.areas-page h1 { font-size:clamp(42px,4.6vw,64px); max-width:900px; text-wrap:balance; }
.areas-lead { max-width:660px; margin-top:26px!important; color:var(--so-muted); font-size:18px; line-height:1.8; }
.areas-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:80px; border-top:1px solid var(--so-line); padding-block:34px; }
.areas-row h2 { font-size:clamp(28px,3vw,36px); letter-spacing:-.8px; }
.areas-row p { color:var(--so-muted); font-size:17px; line-height:1.85; max-width:510px; }
.areas-row .areas-index { font-size:12px; margin-bottom:10px; }
.areas-context { padding-block:20px 52px; }
.areas-context p { border-left:2px solid var(--so-line); padding-left:22px; max-width:800px; font-size:16px; line-height:1.8; color:var(--so-muted); }
.areas-context a { color:var(--so-green); text-decoration:underline; text-underline-offset:4px; }
.areas-closing h2 { font-size:clamp(32px,3.2vw,44px); max-width:520px; }
.areas-closing > .areas-button { flex-shrink:0; }
@media(max-width:650px) {
 .areas-intro { padding-block:25px 36px; }
 .areas-page h1 { font-size:42px; letter-spacing:-1.2px; }
 .areas-page h1 br { display:none; }
 .areas-lead { font-size:17px; margin-top:22px!important; }
 .areas-row { grid-template-columns:minmax(0,1fr); gap:15px; padding-block:28px; }
 .areas-row h2 { font-size:30px; }
 .areas-row p { font-size:16px; }
 .areas-context { padding-block:10px 36px; }
 .areas-context p { padding-left:16px; }
 .areas-closing h2 { font-size:32px; }
}
@media(max-width:360px) { .areas-shell { padding-inline:16px; } .areas-brand { font-size:12px; gap:6px; } .areas-header-inner { gap:4px; } }

/* Static inline icons follow the Home and About pattern. */
.areas-row .areas-index { display:flex; align-items:center; gap:12px; height:1.6em; }
.areas-row .areas-care-icon { width:24px; height:24px; flex:none; color:var(--so-green); }