.areas-find{width:min(100%,420px);padding:0 var(--space-4);border-radius:var(--r-16);background:var(--pt-surface);color:var(--pt-ink-3);box-shadow:var(--shadow-lifted);align-items:center;gap:10px;display:flex}.areas-find:focus-within{outline:3px solid var(--pt-durian-300);outline-offset:2px}.areas-find input{min-width:0;height:56px;color:var(--pt-ink);font:inherit;font-size:var(--fs-base);background:0 0;border:0;outline:0;flex:1}.areas-hide,.areas-cards>li.areas-hide{display:none}.areas-group{padding-top:56px;padding-bottom:var(--space-2)}.areas-group-head{align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-5);padding-bottom:var(--space-3);border-bottom:1px solid var(--pt-line);display:flex}.areas-group h2{font-size:var(--fs-2xl);margin:0}.areas-group-count{font-size:var(--fs-sm);color:var(--pt-ink-3)}.areas-cards{gap:var(--space-5) var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));list-style:none;display:grid}.areas-cards>li{display:flex}.areas-card{min-width:0;color:var(--pt-ink);transition:transform var(--dur-press);flex-direction:column;flex:auto;text-decoration:none;display:flex;position:relative}.areas-card:hover{color:var(--pt-ink);transform:translateY(var(--lift));text-decoration:none}.areas-card:focus-visible{outline:2px solid var(--pt-brand);outline-offset:4px;border-radius:var(--radius-card)}@media (prefers-reduced-motion:reduce){.areas-card{transition:none}.areas-card:hover{transform:none}}.areas-card-media{aspect-ratio:4/3;border-radius:var(--radius-card);background:var(--pt-sand-200);transition:box-shadow var(--dur-press);flex:none;display:block;position:relative;overflow:hidden}.areas-card:hover .areas-card-media{box-shadow:var(--shadow-float)}.areas-card-media img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.areas-card-text{padding:var(--space-2) 2px 0;flex-direction:column;flex:auto;display:flex}.areas-card-top{aspect-ratio:4/3;padding:var(--space-4);border-radius:var(--radius-card);background:linear-gradient(to top, color-mix(in srgb, var(--pt-forest-900) 78%, transparent), transparent 55%);flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:2px;display:flex;position:absolute;inset:0 0 auto}.areas-card-name{font-family:var(--font-heading,"Prata", Georgia, serif);font-size:var(--fs-card-name);color:var(--pt-white);margin:0;line-height:1.15}.areas-card-count{font-size:var(--fs-meta);color:var(--pt-sand-a90);flex:none}.areas-card-line{-webkit-line-clamp:2;line-clamp:2;font-size:var(--fs-meta);color:var(--pt-ink-2);-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.areas-none{color:var(--pt-ink-3);padding-top:56px}@media (max-width:640px){.areas-find input{height:52px}.areas-group{padding-top:var(--space-7)}.areas-group h2{font-size:var(--fs-2xl)}}.area-chooser{margin-top:var(--space-5);border-radius:var(--r-16);background:var(--pt-surface);max-width:560px;padding:var(--space-3) var(--space-4)}.area-chooser summary{cursor:pointer;align-items:center;min-height:44px;font-weight:600;display:flex}.area-chooser fieldset{margin:var(--space-3) 0 0;border:0;min-width:0;padding:0}.area-chooser legend{margin-bottom:var(--space-2);padding:0;font-weight:600}.area-chooser-opt{align-items:center;gap:10px;min-height:44px;display:flex}.area-chooser-list{margin:var(--space-2) 0;flex-wrap:wrap;gap:8px 16px;padding:0;list-style:none;display:flex}.area-chooser-list a,.area-chooser-guide{align-items:center;min-height:44px;display:inline-flex}.area-chooser-count{color:var(--pt-ink-3);margin-top:var(--space-3)}