/* Location landing pages — most layout reuses global classes from precision.css.
   These are the location-specific bits only. */

.loc-hero-cta{margin-top:32px}

/* "We also cover nearby" internal-link chips */
.loc-near{padding-top:0}
.loc-nearby{list-style:none;display:flex;flex-wrap:wrap;gap:12px;padding:0;margin:26px 0 0}
.loc-nearby a{display:inline-block;padding:11px 17px;border:1px solid rgba(20,22,20,.16);border-radius:999px;color:inherit;text-decoration:none;font-size:.95rem;line-height:1;transition:background .2s ease,border-color .2s ease}
.loc-nearby a:hover{background:rgba(20,22,20,.05);border-color:rgba(20,22,20,.34)}

/* Resin link card (shown instead of the full services grid on resin pages) */
.loc-resin{margin-top:30px}
.loc-linkcard{display:flex;align-items:center;gap:20px;max-width:640px;padding:16px;border:1px solid rgba(20,22,20,.12);border-radius:16px;text-decoration:none;color:inherit;background:#fff;transition:border-color .2s ease,transform .2s ease}
.loc-linkcard:hover{border-color:rgba(20,22,20,.3);transform:translateY(-2px)}
.loc-linkcard img{width:132px;height:100px;object-fit:cover;border-radius:10px;flex:none}
.loc-linkcard-t{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}
.loc-linkcard-t b{font-size:1.1rem;font-weight:600}
.loc-linkcard-t span{color:rgba(20,22,20,.6);font-size:.92rem}
.loc-linkcard-go{flex:none;color:rgba(20,22,20,.55)}
.loc-linkcard-go svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

@media (max-width:600px){
  .loc-linkcard img{width:92px;height:76px}
  .loc-linkcard-t b{font-size:1rem}
}