/* SS COMPUTERS • UNIQUE SERVICE AREA COLORS V5
   Exactly 10 distinct accent colors. Scoped to the homepage area cards only. */
body.ss-unified .home-service-areas .home-area-grid > a.area-card.ssc-unique-area {
  position:relative !important;
  overflow:hidden !important;
  background:#fff !important;
  border:1px solid var(--ssc-area-border) !important;
  border-radius:18px !important;
  box-shadow:0 10px 28px rgba(17,76,131,.10) !important;
  text-decoration:none !important;
}
body.ss-unified .home-service-areas .home-area-grid > a.area-card.ssc-unique-area::after {
  content:"" !important;
  position:absolute !important;
  top:0 !important;
  left:18px !important;
  right:18px !important;
  height:3px !important;
  border-radius:0 0 5px 5px !important;
  background:var(--ssc-area-accent) !important;
  opacity:1 !important;
  display:block !important;
  z-index:1 !important;
}
body.ss-unified .home-service-areas .home-area-grid > a.area-card.ssc-unique-area > .area-pin {
  display:grid !important;
  place-items:center !important;
  background:var(--ssc-area-tint) !important;
  color:var(--ssc-area-accent) !important;
  border-radius:13px !important;
}
body.ss-unified .home-service-areas .home-area-grid > a.area-card.ssc-unique-area > .area-pin svg {
  fill:none !important;
  stroke:var(--ssc-area-accent) !important;
  stroke-width:2 !important;
}
body.ss-unified .home-service-areas .home-area-grid > a.area-card.ssc-unique-area > .area-link,
body.ss-unified .home-service-areas .home-area-grid > a.area-card.ssc-unique-area > .area-link b {
  color:var(--ssc-area-accent) !important;
}
body.ss-unified .home-service-areas .home-area-grid > a.area-card.ssc-unique-area:hover {
  border-color:var(--ssc-area-accent) !important;
  box-shadow:0 15px 32px rgba(17,76,131,.15) !important;
}
body.ss-unified .home-service-areas .home-area-grid > a.area-card.ssc-unique-area:focus-visible {
  outline:3px solid var(--ssc-area-accent) !important;
  outline-offset:3px !important;
}