/* ============================================================
   Hurtorius.com — contact tab: just an email to reach me, centred.
   ============================================================ */
.contact {
  max-width: 32rem;
  margin: 0 auto;
  padding: clamp(2rem, 8vh, 5rem) 1.25rem;
  min-height: 42vh;
  display: grid;
  place-items: center;
  text-align: center;
}
.contact__email {
  display: inline-block;
  font-size: clamp(1.4rem, 1rem + 1.6vw, 2rem);
  color: var(--ink);
  text-decoration: none;
  text-shadow: var(--text-glow-strong);
  border-bottom: 1px solid rgba(233, 200, 120, 0.4);
  padding-bottom: 3px;
  transition: border-color 0.3s ease, text-shadow 0.3s ease;
}
.contact__email:hover {
  border-color: rgba(233, 200, 120, 0.85);
  text-shadow: var(--text-glow-strong), 0 0 1em rgba(255, 236, 196, 0.3);
}
.contact__email:focus-visible {
  outline: 2px solid rgba(247, 233, 205, 0.7);
  outline-offset: 5px;
  border-radius: 3px;
}

@media (max-width: 600px) {
  .contact { padding-left: 1rem; padding-right: 1rem; }
}