.eight-site-guide { padding: clamp(3rem, 6vw, 6rem) 0; background: #f5f5f2; }
.eight-site-guide__lead { max-width: 800px; margin: 1rem 0 2rem; line-height: 1.8; }
.eight-site-guide__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.eight-site-guide__card { display: flex; flex-direction: column; min-height: 12rem; padding: 1.5rem; color: #20211f; background: #fff; border: 1px solid #d7d7d1; border-radius: 16px; text-decoration: none; }
.eight-site-guide__card span { color: #e96631; font-size: .78rem; font-weight: 800; letter-spacing: .08em; }
.eight-site-guide__card strong { margin-top: .75rem; font-size: 1.2rem; }
.eight-site-guide__card small { margin-top: auto; color: #62645f; }
.eight-site-guide__card:hover, .eight-site-guide__card:focus-visible { border-color: #e96631; transform: translateY(-2px); }
@media (max-width: 767px) {
  .eight-site-guide__grid { grid-template-columns: 1fr; }
  .eight-site-guide__card { min-height: 9.5rem; }
}
@media (prefers-reduced-motion: reduce) {
  .eight-site-guide__card { transition: none; transform: none; }
}