/* Homepage soft relief: keep existing brand fills and all link behavior. */
body #explore .yangbei-map-actions>a,
body header.home-header .home-nav-actions .site-nav-contact,
body .float,
body .home-housing-actions a{
  background-image:linear-gradient(165deg,#ffffff24 0%,#ffffff00 46%,#0000000d 100%);
  border-color:transparent;
  box-shadow:6px 7px 12px #403c342e,-4px -4px 10px #ffffffb3,inset 1px 2px 3px #ffffff59,inset -1px -2px 3px #00000020;
}
body #explore .yangbei-map-actions>a{border-radius:999px}
body header.home-header>.home-search{
  background:var(--paper);border:1px solid #ede9dc;
  box-shadow:inset 4px 4px 8px #615a4233,inset -4px -4px 8px #ffffffed;
}
body #explore .yangbei-map-actions>a,
body header.home-header .home-nav-actions .site-nav-contact,
body .float,
body .home-housing-actions a{transition:box-shadow .18s ease,transform .18s ease,background-color .18s ease}
@media(hover:hover){
  body #explore .yangbei-map-actions>a:hover,
  body header.home-header .home-nav-actions .site-nav-contact:hover{transform:translateY(-1px)}
}
body #explore .yangbei-map-actions>a:active,
body header.home-header .home-nav-actions .site-nav-contact:active,
body .float:active,
body .home-housing-actions a:active{
  transform:translateY(1px);box-shadow:inset 3px 3px 7px #2c292c38,inset -2px -2px 6px #ffffff6b;
}
body #explore .yangbei-map-actions>a:focus-visible,
body .float:focus-visible{outline:3px solid var(--ink);outline-offset:5px}
@media(prefers-reduced-motion:reduce){body #explore .yangbei-map-actions>a,body header.home-header .home-nav-actions .site-nav-contact,body .float{transition:none}}

/* Draw the district arrow as a vector so iOS cannot substitute a square emoji. */
body #explore .district-card .arrow{
  width:28px;height:28px;flex:0 0 28px;aspect-ratio:1;
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid #506d80;border-radius:50%;overflow:hidden;
  background:linear-gradient(145deg,#a8c7db 0%,#7c9fb7 48%,#55768d 100%);
  box-shadow:inset 0 1px 2px #ffffffb3;
  font-size:0;line-height:0;
}
body #explore .district-card .arrow::before{
  content:"";display:block;width:18px;height:18px;flex:none;
  background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M5 4h15v15h-5v-6.5L6.5 21 3 17.5 11.5 9H5z'/%3E%3C/svg%3E");
}

/* Reserve the same clear space between every district caption and arrow. */
body #explore .district-card .area-bottom{
  display:grid;grid-template-columns:minmax(0,1fr) 28px;
  column-gap:16px;align-items:center;
}