/* Areas directory: shared homepage palette, typography and pencil illustrations. */
.areas-page .breadcrumbs{display:flex;gap:12px;align-items:center;font-size:14px;color:var(--muted);margin-bottom:36px;flex-wrap:wrap}
.breadcrumbs a{padding-block:10px;text-decoration:underline;text-underline-offset:4px}
.areas-intro{padding-block:20px 42px}
.areas-intro-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:72px;align-items:center}
.areas-intro h1{font-size:clamp(42px,4.7vw,64px);margin:0}
.areas-intro-copy>p:first-child{font-size:22px;color:var(--ink);line-height:1.5;margin-bottom:12px;max-width:460px}
.areas-intro-copy>p{font-size:16px;line-height:1.7;max-width:500px}
.areas-page .button{font-size:15px;min-height:48px}
.areas-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:27px}
.areas-section-heading h2{margin:0;font-size:clamp(30px,3vw,40px)}
.areas-section-heading .eyebrow{margin-bottom:12px}
.areas-section-heading>p{max-width:390px;font-size:16px;line-height:1.65;margin-bottom:0}
.town-section{padding-block:25px 50px}
.town-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.town-card{display:grid;grid-template-columns:82px 1fr;gap:24px;padding:28px;background:var(--white);border:1px solid #cbd2c4;border-radius:7px;align-items:center;transition:background .15s,border-color .15s}
.town-card:hover{background:#eeeade;border-color:var(--copper);text-decoration:none}
.town-letter{font-family:var(--serif);font-size:92px;line-height:1;color:var(--copper);font-style:italic}
.town-card h3{font-size:26px;letter-spacing:-.035em;margin-bottom:10px}
.town-card p{font-size:15px;line-height:1.65;margin-bottom:17px;max-width:310px}
.town-card-action{font-size:15px;font-weight:700;display:flex;justify-content:space-between;gap:15px}
.directory-note{font-size:14px;margin:16px 0 0}
.area-services{background:#eeeee4;padding-block:55px;border-block:1px solid var(--line)}
.area-services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.area-service{padding:18px 23px 22px;border:1px solid #dde0d4;border-radius:5px;background:#fffefa;display:flex;flex-direction:column;min-width:0}
.area-service:hover{text-decoration:none;background:#f8f6ed;border-color:var(--accent)}
.area-service img{width:100%;height:145px;object-fit:contain;margin-bottom:16px;mix-blend-mode:multiply}
.area-service h3{font-size:28px;margin-bottom:16px}
.area-service>span{font-size:15px;display:flex;justify-content:space-between;gap:8px;line-height:1.5}
.area-service i{font-style:normal;color:var(--accent)}
.area-specialists{display:flex;gap:12px 28px;align-items:center;flex-wrap:wrap;margin-top:25px;font-size:15px}
.area-specialists>span{color:var(--muted)}
.area-specialists a{min-height:44px;display:inline-flex;align-items:center;gap:16px;text-decoration:underline;text-underline-offset:4px}
.coverage-section{padding-block:60px}
.coverage-lists{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}
.coverage-lists details{border-block:1px solid #bdc8b9}
.coverage-lists summary{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:23px 0;cursor:pointer;list-style:none;font-size:21px;font-weight:500}
.coverage-lists summary::-webkit-details-marker{display:none}
.coverage-lists summary small{display:block;font-size:14px;color:var(--muted);font-weight:400;margin-top:4px}
.details-symbol{font-size:28px;font-weight:400;transition:transform .15s;margin-right:8px}
.coverage-lists details[open] .details-symbol{transform:rotate(45deg)}
.coverage-lists ul{list-style:none;margin:0;padding:0 0 24px;display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;font-size:16px;color:var(--muted)}
.coverage-lists li{overflow-wrap:anywhere}
.coverage-note{font-size:16px;line-height:1.7;margin:25px 0 0}
.coverage-note a{text-decoration:underline;text-underline-offset:4px}
.area-help-band{background:#1d4144;color:#f5f1e5;padding-block:48px}
.area-help-layout{display:grid;grid-template-columns:1.3fr .8fr;gap:90px;align-items:center}
.area-help-band .eyebrow{color:#c9b389}
.area-help-band h2{font-size:clamp(30px,3vw,40px);margin-bottom:18px}
.area-help-band p:not(.eyebrow){color:#d0dcce;font-size:16px;max-width:470px}
.area-help-actions{display:flex;gap:12px 25px;align-items:center;flex-wrap:wrap}
.area-help-actions>a:last-child{font-size:15px;min-height:44px;display:inline-flex;align-items:center;gap:16px}
.area-more-help h3{font-size:22px;margin-bottom:20px}
.area-more-help>a{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #54706a;padding-block:14px;font-size:16px;min-height:48px}
.areas-page #town-title{scroll-margin-top:20px}
@media(max-width:1000px){.areas-intro-grid{gap:32px}.town-card{grid-template-columns:55px 1fr;gap:17px;padding:23px}.town-letter{font-size:74px}.town-card h3{font-size:23px}.area-service{padding-inline:17px}.area-service img{height:120px}.area-service h3{font-size:25px}.area-help-layout{gap:45px}}
@media(max-width:680px){
 .areas-intro{padding-block:10px 25px}.areas-page .breadcrumbs{font-size:14px;margin-bottom:22px;min-height:44px}.areas-intro-grid{grid-template-columns:1fr;gap:24px}.areas-intro h1{font-size:clamp(41px,10vw,54px)}.areas-intro-copy>p:first-child{font-size:20px}.areas-intro-copy>p{font-size:16px;margin-bottom:18px}.areas-intro .eyebrow{font-size:10px}
 .areas-section-heading{display:block;margin-bottom:23px}.areas-section-heading>p{margin-top:16px;max-width:none;font-size:16px}.areas-section-heading h2{font-size:32px}.town-section{padding-block:22px 35px}.town-cards{grid-template-columns:1fr;gap:13px}.town-card{grid-template-columns:48px 1fr;gap:17px;padding:22px 19px}.town-letter{font-size:68px}.town-card h3{font-size:24px}.town-card p{font-size:15px;margin-bottom:14px}.town-card-action{font-size:15px}.directory-note{font-size:14px;line-height:1.65}
 .area-services{padding-block:35px}.area-services-grid{grid-template-columns:1fr 1fr;gap:13px}.area-service{padding:13px 16px 18px}.area-service img{height:125px;margin-bottom:12px}.area-service h3{font-size:25px;margin-bottom:12px}.area-service>span{font-size:14px}.area-specialists{display:grid;gap:2px;margin-top:24px}.area-specialists>span{margin-bottom:5px;font-size:15px}.area-specialists a{font-size:16px;justify-content:space-between}
 .coverage-section{padding-block:38px}.coverage-lists{grid-template-columns:1fr;gap:0}.coverage-lists details+details{border-top:0}.coverage-lists summary{font-size:21px;padding-block:21px}.coverage-lists ul{font-size:16px;gap:10px 17px}.coverage-note{font-size:16px}.area-help-band{padding-block:36px}.area-help-layout{grid-template-columns:1fr;gap:35px}.area-help-band h2{font-size:32px}.area-help-band p:not(.eyebrow){font-size:16px}.area-help-actions{gap:9px 22px}.area-more-help h3{font-size:23px}.areas-page #town-title{scroll-margin-top:0}
}
@media(max-width:370px){.town-card{grid-template-columns:40px 1fr;padding-inline:15px;gap:12px}.town-letter{font-size:60px}.town-card h3{font-size:22px}.area-service{padding-inline:12px}.area-service img{height:110px}.area-service h3{font-size:23px}.area-service>span{font-size:14px;flex-wrap:wrap}}
.area-footer-links{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:10px;font-size:14px}
.area-footer-links a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px}
