.areas-hero{text-align:center;flex-direction:column;align-items:center;margin-top:8px;padding:105px 20px 96px;display:flex}.areas-hero-copy{max-width:620px}.areas-hero-text .t-lead{margin-top:24px}.areas-search{width:min(560px,100%);margin-top:40px}.areas-search-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.areas-search-field{position:relative}.areas-search-field .site-icon{width:20px;height:20px;color:var(--blue);pointer-events:none;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.areas-search input{-webkit-appearance:none;appearance:none;background:var(--white);width:100%;min-height:56px;color:var(--ink);border:0;border-radius:9999px;padding:0 24px 0 52px;font-size:16px;box-shadow:0 4px 24px #262a3f0f}.areas-search input::placeholder{color:var(--faint)}.areas-search input:focus{box-shadow:0 0 0 2px var(--blue);outline:none}.areas-search input::-webkit-search-cancel-button{cursor:pointer}.areas-search>p{margin-top:12px}.areas-directory{scroll-margin-top:96px}.areas-directory-head{grid-template-columns:1fr 1fr;align-items:end;gap:32px;display:grid}.areas-directory-head>div{justify-items:start;gap:16px;display:grid}.areas-directory-head>div>p{margin-top:0}.areas-groups{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px;display:grid}.areas-group h3{margin-bottom:12px}.areas-group ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;margin:0;padding:0;list-style:none;display:grid}.areas-group li{min-width:0;color:var(--ink);overflow-wrap:break-word;padding:6px 0;font-size:14px;line-height:20px}.areas-group li a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--faint);text-decoration-color:var(--faint);text-underline-offset:3px}.areas-group li a:hover{color:var(--blue)}.areas-empty{text-align:center;align-items:center;padding:48px 24px}.areas-empty h3{margin-top:20px}.areas-empty p{max-width:460px}.areas-empty .btn{margin-top:24px}@media (max-width:900px){.areas-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.areas-directory-head{grid-template-columns:1fr;gap:16px}}@media (max-width:700px){.areas-hero{padding:64px 16px 56px}.areas-search{margin-top:32px}.areas-groups{grid-template-columns:1fr}}