<style>
    body {
      margin: 0;
      font-family: Roboto, Arial, Helvetica, sans-serif;
      font-size: 16px;
      line-height: 1.6;
      color: #1f1f1f;
      background: #ffffff;
    }

    .page {
      max-width: 1120px;
      margin: 0 auto;
      padding: 0 20px 48px;
    }

    .skip-link {
      position: absolute;
      left: -9999px;
      top: auto;
    }

    .skip-link:focus {
      left: 16px;
      top: 16px;
      z-index: 1000;
      background: #ffffff;
      color: #000000;
      padding: 12px 16px;
      border: 2px solid #000000;
    }

    .breadcrumbs {
      padding: 16px 0;
      font-size: 14px;
    }

    .breadcrumbs a {
      color: #1f1f1f;
      text-decoration: underline;
    }

    .hero {
      padding: 40px 0 24px;
      border-bottom: 1px solid #d9d9d9;
      margin-bottom: 32px;
    }

    .hero h1 {
      margin: 0 0 16px;
      font-size: 2.25rem;
      line-height: 1.2;
    }

    .hero p {
      max-width: 760px;
      margin: 0 0 16px;
}

  .branch-button {
  display: inline-block !important;
  width: auto !important;
}

.branch-button,
.branch-button:link,
.branch-button:visited {
  display: inline-block;
  padding: 10px 16px;
  background: #ffffff;
  color: #1f1f1f;
  border: 1px solid #1f1f1f;
  border-radius: 6px;
  text-decoration: none;
}

/* kill ALL underline / border effects */
.branch-button:hover,
.branch-button:focus {
  background: #f2f2f2;
  color: #1f1f1f;
  text-decoration: none;
  border-bottom: none;
  box-shadow: none;
}

/* specifically kill theme underline tricks */
.branch-button::after,
.branch-button::before {
  display: none !important;
  content: none !important;
}

   
    .layout {
      display: grid;
      grid-template-columns: 2fr 1fr;
      gap: 32px;
    }

    .section {
      margin-bottom: 32px;
    }

    .section h2 {
      margin-top: 0;
      margin-bottom: 12px;
      font-size: 1.6rem;
      line-height: 1.25;
    }

    .card {
      background: #f7f7f7;
      border: 1px solid #dddddd;
      border-radius: 10px;
      padding: 24px;
      margin-bottom: 24px;
    }

    .card h2,
    .card h3 {
      margin-top: 0;
    }

    .details-list,
    .hours-list,
    .service-list,
    .faq-list {
      margin: 0;
      padding-left: 20px;
    }

    .hours-list li,
    .service-list li,
    .faq-list li {
      margin-bottom: 8px;
    }

    .map-box {
      min-height: 280px;
      border: 1px solid #cccccc;
      border-radius: 10px;
      padding: 16px;
      background: #fafafa;
    }

    .cta-box {
      background: #f1f1f1;
      border: 1px solid #d9d9d9;
      border-radius: 10px;
      padding: 24px;
    }

    .local-links a,
    a {
      color: #1f1f1f;
    }

    .footer-note {
      margin-top: 32px;
      font-size: 14px;
      color: #555555;
    }

    @media (max-width: 900px) {
      .layout {
        grid-template-columns: 1fr;
      }

      .hero h1 {
        font-size: 1.9rem;
      }
    }
  </style>