/* Reuse the approved Hops & Stops design tokens and layout; no theme rewrite. */
.hops-hub-quick{background:#f1eddf;border:1px solid #ded3bd;border-left:5px solid #b97924;border-radius:10px;padding:22px 24px;margin:0 0 30px}
.hops-hub-kicker{font-size:12px;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:#825126;margin:0 0 7px}
.hops-hub-quick h2,.hops-hub-beers h2{color:#0f3b2e;font-size:clamp(24px,3vw,30px);margin:0 0 14px}
.hops-hub-actions{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0 0}
.hops-hub-action{display:inline-block;background:#0f3b2e;color:#fff9eb!important;padding:11px 16px;border-radius:5px;text-decoration:none;font-weight:700}
.hops-hub-action.secondary{border:2px solid #0f3b2e;background:transparent;color:#0f3b2e!important;padding:9px 14px}
.hops-hub-beers{scroll-margin-top:28px;margin:24px 0 38px;padding:22px 0;border-top:1px solid #e2d9c8;border-bottom:1px solid #e2d9c8}
.hops-hub-beer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:12px;margin:18px 0}
.hops-hub-beer{border:1px solid #dfd6c5;background:#fffaf1;border-radius:9px;padding:16px 17px;min-width:0}
.hops-hub-beer h3{color:#0f3b2e;font-size:20px;margin:0 0 6px}
.hops-hub-kind{font-size:12px!important;font-weight:750;letter-spacing:.03em;color:#855722}
.hops-hub-tap{color:#5e5c55;font-size:14px}
@media(max-width:700px){.hops-hub-quick{padding:18px 16px}.hops-hub-action{flex:1;text-align:center}}

.hops-hub-nearby{border-top:1px solid #e1d8c7;padding:24px 0;margin:34px 0}
.hops-hub-nearby h2{color:#0f3b2e;font-size:clamp(24px,3vw,29px)}
.hops-hub-nearby-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,235px),1fr));gap:14px}
.hops-hub-nearby-card{display:block;padding:17px 19px;border:1px solid #ded5c4;border-radius:9px;background:#fffaf1;text-decoration:none;color:#0f3b2e}
.hops-hub-nearby-card strong{display:block;font-size:19px;margin-bottom:6px}
.hops-hub-nearby-card span{display:block;color:#4a4a40;font-size:15px}
#content>.discover-hero{background:#0f3b2e;color:#f7ead7;width:100%;max-width:none;clear:both}
#content>.discover-hero>.discover-intro{max-width:1180px;margin:0 auto}
@media(max-width:700px){body main#content>.discover-hero{width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important}#content>.discover-hero>.discover-intro{padding:64px 22px 72px;text-align:center}}
/* 1.1.2: theme 1.5.11 directory.css forces width/min-width:100vw !important at <=700px, which adds a horizontal scrollbar wherever scrollbars take space (desktop browsers narrowed, some Android). The hub hero already spans main#content. */

/* v1.1.3: the directory's two launch-city cards fill two equal columns, not a three-column gap. Scoped to the hub so homepage grids remain unchanged. */
#content .discover-body .city-grid.city-grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:none}
#content .discover-body .city-grid.city-grid-two>.city{min-width:0}
@media(max-width:700px){#content .discover-body .city-grid.city-grid-two{grid-template-columns:minmax(0,1fr)}}