.nearby-panel{margin:22px 0;background:#f1f3eb;border:1px solid var(--line);border-radius:8px;padding:24px}.nearby-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px}.nearby-heading h3{font-family:Georgia,serif;font-weight:400;font-size:27px;margin:7px 0 0}.nearby-heading>a{font-size:12px;color:var(--wine);text-decoration:underline;text-underline-offset:3px}.nearby-controls{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.nearby-controls label{display:block;font-size:9px;font-weight:600;letter-spacing:1px;color:var(--muted)}.nearby-city-field{position:relative;flex:4 1 300px;min-width:0}.nearby-controls>label{flex:1 1 110px;min-width:0}.nearby-controls input,.nearby-controls select{display:block;width:100%;min-height:45px;margin-top:7px;padding:10px 12px;font:inherit;font-size:13px;letter-spacing:0;color:var(--ink);border:1px solid #aeb69f;border-radius:4px;background:var(--white);box-sizing:border-box}.nearby-controls .button{min-height:45px;padding:12px 20px}.nearby-controls .text-button{min-height:45px;font-size:12px}#nearby-options{position:absolute;z-index:20;top:100%;left:0;right:0;margin-top:4px;max-height:285px;overflow-y:auto;background:#fffef9;border:1px solid #9aab8e;box-shadow:0 8px 20px #202a1720;border-radius:4px}#nearby-options button{display:block;width:100%;border:0;border-bottom:1px solid var(--line);background:none;padding:13px 14px;text-align:left;font:inherit;font-size:13px;color:var(--ink);line-height:1.5}#nearby-options button:hover,#nearby-options button[aria-selected="true"]{background:#e4e9db;color:var(--wine)}#nearby-status{font-size:12px;color:var(--wine);margin:10px 0 0;min-height:0}#nearby-status:empty{display:none}.nearby-summary{font-size:13px;line-height:1.6;margin:14px 0 5px;color:var(--ink)}.nearby-note{font-size:11px;line-height:1.65;margin:0;color:#59634e}.nearby-distance{display:block;font-size:11px;color:var(--wine);margin-top:6px}.card .nearby-distance{margin-bottom:8px}.nearby-panel :focus-visible{outline:2px solid var(--wine);outline-offset:3px}@media(max-width:650px){.nearby-panel{padding:18px}.nearby-heading{display:block}.nearby-heading h3{font-size:25px;margin-bottom:12px}.nearby-controls{gap:12px}.nearby-city-field{flex-basis:100%}.nearby-controls>label{flex-basis:calc(50% - 12px)}.nearby-controls .button{flex:1 1 180px}.nearby-controls .text-button{flex:1 1 120px}.nearby-controls input{font-size:16px}.nearby-heading>a{display:inline-block}.nearby-note{font-size:11px}.nearby-summary{font-size:12px}}

/* The city search is a primary task in the home-page introduction. */
.hero>.hero-copy{order:1}.hero>.atlas{order:2}.hero-city-search{order:3;grid-column:1/-1;width:100%;box-sizing:border-box;margin:0;background:#f0f2e9;border:1px solid #bcc4ae;border-top:4px solid var(--wine);padding:28px 30px;box-shadow:0 7px 24px #3343270a}.nearby-heading h2{font-family:Georgia,serif;font-weight:400;font-size:33px;margin:8px 0 0;line-height:1.15;letter-spacing:-.5px}.nearby-heading h2>span{color:var(--wine)}.nearby-intro{font-size:13px;line-height:1.6;color:var(--muted);margin:10px 0 0}.nearby-heading>a{display:inline-flex;align-items:center;flex-shrink:0;padding:10px 13px;border:1px solid #c4cbb7;border-radius:5px;background:#fffef9;font-size:12px;text-decoration:none;min-height:44px;box-sizing:border-box}.nearby-heading>a:hover{border-color:var(--wine);color:var(--wine)}.hero-city-search .nearby-controls input,.hero-city-search .nearby-controls select{min-height:50px;font-size:15px}.hero-city-search .nearby-controls .button{min-height:50px}.nearby-results{display:inline-flex;align-items:center;min-height:44px;font-size:13px;font-weight:600;color:var(--wine);text-decoration:underline;text-underline-offset:4px;margin-bottom:3px}#city-search,#explore,#db-table-region{scroll-margin-top:20px}@media(max-width:650px){.hero-city-search{order:2;padding:20px 18px;border-radius:7px}.hero>.atlas{order:3}.nearby-heading h2{font-size:29px}.nearby-heading>a{margin-top:14px}.hero-city-search .nearby-controls input,.hero-city-search .nearby-controls select{font-size:16px;min-height:48px}.nearby-controls .button{width:100%;flex-basis:100%;font-size:14px}.nearby-intro{font-size:12px}.nearby-city-field{flex-basis:100%}}

@media(max-width:650px){.hero{grid-template-columns:1fr}}