.areas-page{--area-ink:var(--ink);--area-green:var(--forest);--area-line:var(--line)}.area-pagehero{background:linear-gradient(135deg,#f2f0e8,#eae9df);padding-block:52px 74px}.area-pagehero .wrap{max-width:1240px}.area-pagehero h1{max-width:780px;color:var(--area-ink);letter-spacing:-.065em;margin:13px 0 17px;font-size:clamp(3rem,6vw,5.4rem);line-height:1.02}.area-pagehero h1 em{color:var(--area-green);font-family:Georgia,Times New Roman,serif;font-weight:400}.area-pagehero p{max-width:670px;font-size:1rem;line-height:1.8}.area-directory-section{padding-block:70px 110px}.area-directory-heading{justify-content:space-between;align-items:end;gap:25px;margin-bottom:32px;display:flex}.area-directory-heading .eyebrow{color:var(--area-green);letter-spacing:.14em;text-transform:uppercase;font-size:.65rem;font-weight:650}.area-directory-heading h2{color:var(--area-ink);letter-spacing:-.05em;margin:9px 0 0;font-size:clamp(2rem,3.6vw,3.25rem)}.area-directory-heading>a{color:var(--area-ink);white-space:nowrap;border-bottom:1px solid #a9bdb1;align-items:center;gap:8px;padding-bottom:9px;font-size:.79rem;font-weight:650;text-decoration:none;display:inline-flex}.area-directory-tools{grid-template-columns:minmax(260px,430px) auto;align-items:end;gap:7px 20px;display:grid}.area-directory-tools label{color:#314b40;grid-column:1;font-size:.75rem;font-weight:650}.area-search-box{background:#fff;border:1px solid #cfded4;border-radius:10px;grid-column:1;align-items:center;gap:11px;min-height:54px;padding:0 15px;display:flex;position:relative;box-shadow:0 8px 25px #163c2c0b}.area-search-box>svg{color:#55806c;flex:none}.area-search-box input{width:100%;min-width:0;color:var(--area-ink);font:inherit;background:0 0;border:0;outline:0;font-size:.9rem}.area-search-box input::placeholder{color:#88978f}.area-search-box:focus-within{border-color:#74a88e;box-shadow:0 0 0 3px #478b661f}.area-search-box button{color:#365d49;cursor:pointer;background:#edf4ef;border:0;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;display:grid}.area-directory-tools>p{color:#66796e;grid-area:2/2;margin:0 0 16px;font-size:.75rem}.area-letter-nav{flex-wrap:wrap;gap:7px;margin-block:24px 28px;display:flex}.area-letter-nav a{color:#315c49;border:1px solid #d7e4dc;border-radius:7px;place-items:center;min-width:33px;height:33px;font-size:.72rem;font-weight:700;text-decoration:none;transition:background .16s,border-color .16s;display:grid}.area-letter-nav a:hover{background:#edf5ef;border-color:#a8c8b4}.area-letter-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:12px;display:grid}.area-letter-group{border:1px solid var(--area-line);background:#fbfdfb;border-radius:11px;min-width:0;padding:17px 17px 13px;scroll-margin-top:110px}.area-letter-group h2{color:var(--area-green);border-bottom:1px solid #e5ede7;justify-content:space-between;align-items:center;margin:0 0 11px;padding-bottom:11px;font-size:1.35rem;line-height:1;display:flex}.area-letter-group h2 span{color:#61806b;background:#e7f1e9;border-radius:50%;place-items:center;width:25px;height:25px;font-family:inherit;font-size:.62rem;font-weight:600;display:grid}.area-letter-group ul{gap:0;margin:0;padding:0;list-style:none;display:grid}.area-letter-group li{color:#43594d;align-items:flex-start;gap:8px;padding-block:6px;font-size:.75rem;line-height:1.4;display:flex}.area-letter-group li svg{color:#82a28e;flex:none;margin-top:2px}.area-letter-group li a{color:inherit;text-underline-offset:3px;-webkit-text-decoration:none;text-decoration:none}.area-letter-group li a:hover{color:#1f684e;text-decoration:underline}.area-no-results{border:1px solid var(--area-line);color:#52685c;background:#f8fbf8;border-radius:10px;padding:23px}@media (max-width:1000px){.area-letter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.area-pagehero{padding-block:38px 56px}.area-directory-section{padding-block:54px 80px}.area-directory-heading{display:block}.area-directory-heading>a{margin-top:18px}.area-letter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.area-directory-tools{grid-template-columns:1fr}.area-directory-tools>p{grid-area:auto/1;margin:4px 0 0}}@media (max-width:480px){.area-pagehero h1{font-size:clamp(2.7rem,12vw,3.8rem)}.area-pagehero p{font-size:.9rem}.area-letter-grid{grid-template-columns:1fr;gap:9px}.area-letter-group{padding:15px 16px 11px}.area-letter-nav{gap:6px}.area-letter-nav a{min-width:31px;height:31px}}@media (prefers-reduced-motion:reduce){.area-letter-nav a,.area-search-box{transition:none}}
