/* A consistent hierarchy for homepage actions. */
.button{border-radius:8px;transition:background .18s,box-shadow .18s}
.button:hover{transform:none}
.site-header .header-help{background:var(--ui-ink);color:var(--ui-field);border-radius:8px;box-shadow:inset 0 0 0 1px var(--ui-ink)}
.site-header .header-help:hover{background:var(--ui-ink)}
.header-project-search,.saved-link{transition:background .18s,border-color .18s}
.header-project-search:hover,.saved-link:hover{background:var(--ui-selected);border-color:var(--ui-muted)}
.hero-centered #home-search .find-button{background:var(--ui-line);color:var(--ui-deep);border-radius:8px;box-shadow:inset 0 0 0 1px var(--ui-accent);transition:background .18s,box-shadow .18s}
.hero-centered #home-search .find-button:hover{background:var(--ui-line);box-shadow:inset 0 0 0 1px var(--ui-accent)}
.hero-centered #home-search .find-button:active{background:var(--ui-accent);box-shadow:inset 0 2px 3px color-mix(in srgb, var(--ui-ink) 12.16%, transparent)}
.hero-centered #home-search .find-button b{font-weight:650}
.hero-centered #home-search .find-caption{font-size:10px;color:var(--ui-ink)}
.hero-centered #home-search .find-button>svg{width:20px;height:20px;stroke-width:1.7}
.hero-centered #home-search>.select-field,.hero-centered #home-search>.range-field{border-radius:8px}
.hero-centered #home-search>.select-field.is-active,.hero-centered #home-search>.range-field.is-active{background:var(--ui-selected);border-color:var(--ui-muted);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ui-muted) 20.0%, transparent)}
.hero-centered #home-search .filter-picker-trigger{font-weight:550}
.hero-centered .hero-actions .quick-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:510px;gap:8px}
.hero-centered .hero-actions .quick-links a{display:flex;align-items:center;gap:9px;min-height:42px;padding:8px 11px;background:color-mix(in srgb, var(--ui-deep) 85.1%, transparent);border:1px solid color-mix(in srgb, var(--ui-muted) 40.0%, transparent);border-radius:8px;color:var(--ui-selected);font-size:12px;font-weight:500;transition:background .18s,border-color .18s}
.hero-centered .hero-actions .quick-links a:hover{background:var(--ui-ink);border-color:color-mix(in srgb, var(--ui-line) 70.2%, transparent)}
.hero-centered .hero-actions .quick-links a:active{background:var(--ui-deep)}
.hero-centered .hero-actions .quick-links svg{width:17px;height:17px;flex:none;color:var(--ui-line);stroke-width:1.5}
.hero-centered .hero-actions .quick-links .quick-label{flex:1;white-space:nowrap}
.hero-centered .hero-actions .quick-links b{display:grid;place-items:center;min-width:30px;height:23px;padding:0 5px;border-radius:5px;background:color-mix(in srgb, var(--ui-muted) 14.9%, transparent);color:var(--ui-line);font-size:10px;font-weight:550;opacity:1;font-variant-numeric:tabular-nums}
.hero-centered .hero-actions .hero-map-strip{background:var(--ui-ink);border-color:color-mix(in srgb, var(--ui-muted) 40.0%, transparent);border-radius:8px;transition:background .18s,border-color .18s}
.hero-centered .hero-actions .hero-map-strip:hover{background:var(--ui-ink);border-color:color-mix(in srgb, var(--ui-line) 70.2%, transparent)}
.hero-centered .hero-actions .map-strip-icon{background:color-mix(in srgb, var(--ui-muted) 12.16%, transparent);border-radius:8px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ui-muted) 23.14%, transparent)}
.hero-centered .hero-actions .map-strip-arrow{border-radius:8px;background:color-mix(in srgb, var(--ui-ink) 80.0%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ui-muted) 47.84%, transparent)}
.hero-centered .hero-actions .map-strip-copy strong{font-weight:600}
.hero-centered .hero-project{border-radius:8px}
.hero-centered .hero-content>.search-bottom button{min-height:40px;padding:8px 10px;font-size:11px;color:var(--ui-line);border-radius:6px;text-underline-offset:4px;transition:background .18s}
.hero-centered .hero-content>.search-bottom button:hover{background:#ffffff0d;color:var(--ui-field)}
.hero-centered a:focus-visible,.hero-centered button:focus-visible{outline:2px solid var(--ui-line);outline-offset:3px}
@media(max-width:1100px) and (min-width:761px){
  .hero-centered .hero-actions .quick-links a{gap:6px;padding:8px;font-size:11px}
  .hero-centered .hero-actions .quick-links svg{width:15px;height:15px}
  .hero-centered .hero-actions .quick-links b{min-width:26px;font-size:9px}
}
@media(max-width:760px){
  .hero-centered .hero-actions .quick-links{display:flex;max-width:none;gap:7px}
  .hero-centered .hero-actions .quick-links a{min-height:42px;padding:8px 10px;gap:7px;font-size:11px}
  .hero-centered .hero-actions .quick-links svg{width:16px;height:16px}
  .hero-centered .hero-actions .quick-links b{min-width:26px;height:22px;font-size:10px}
  .hero-centered .hero-content>.search-bottom button{min-height:44px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){.button,.hero-centered .hero-actions .quick-links a,.hero-centered .hero-actions .hero-map-strip{transition:none}}
