/* UAid Affiliate Hub styles */
.uaid-affiliate-hero { text-align:center; max-width:900px; margin:0 auto 2.5rem; padding:2rem 1rem; }
.uaid-affiliate-hero .eyebrow { letter-spacing:.08em; text-transform:uppercase; opacity:.8; margin:.25rem 0; }
.uaid-affiliate-hero h1 { margin:.25rem 0 1rem; }
.uaid-affiliate-hero .btn-primary { display:inline-block; padding:.75rem 1.25rem; border-radius:.5rem; border:1px solid currentColor; text-decoration:none; }
.uaid-affiliate-hero .disclaimer { max-width:52ch; margin:.75rem auto 0; opacity:.85; }

.uaid-affiliate-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:12px; max-width:1100px; margin:0 auto 2rem; padding:0 1rem; }
/* Match tiles exactly to .secondary-button (keep grid/tile size) */
.uaid-affiliate-grid .tile {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.75em 1em;          /* keep your current tile padding */
  width: 100%;
  min-height: inherit;          /* keep your current tile height */
  box-sizing: border-box;

  /* from .secondary-button in main.css */
  background-color: #fff;       /* White background */
  color: #007bff;               /* Blue text */
  border: 1.5px solid #007bff;    /* Blue border */
  border-radius: 5px;           /* Rounded corners */
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.uaid-affiliate-grid .tile:hover {
  background-color: #007bff;    /* Blue background on hover */
  color: #fff;                  /* White text on hover */
  text-decoration: none;
}

/* (optional) visible keyboard focus, consistent with buttons */
.uaid-affiliate-grid .tile:focus-visible {
  outline: 2px solid #007bff;
  outline-offset: 2px;
}