.x2-seo-guides {
  padding-block:clamp(64px,7vw,96px);
  border-top:1px solid var(--line,#d7e4ed);
  background:linear-gradient(180deg,#f4f8fb 0%,#fff 100%);
}

.x2-seo-guide-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}

.x2-seo-guide-grid article {
  display:flex;
  min-width:0;
  min-height:270px;
  flex-direction:column;
  padding:24px;
  border:1px solid var(--line,#d7e4ed);
  border-radius:var(--radius,20px);
  background:#fff;
  box-shadow:var(--shadow-sm,0 10px 28px rgba(16,42,67,.07));
}

.x2-seo-guide-grid article > span {
  margin-bottom:9px;
  color:var(--green-dark,#087f58);
  font-size:.7rem;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.x2-seo-guide-grid h3 {
  margin:0 0 10px;
  font-size:1.18rem;
  line-height:1.2;
}

.x2-seo-guide-grid p {
  margin:0 0 20px;
  color:var(--copy,#526d82);
  font-size:.88rem;
}

.x2-seo-guide-grid a {
  display:inline-flex;
  gap:6px;
  align-items:center;
  margin-top:auto;
  color:var(--blue,#075eae);
  font-weight:800;
  text-underline-offset:4px;
}

@media (max-width:1000px) {
  .x2-seo-guide-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .x2-seo-guide-grid article { min-height:235px; }
}

@media (max-width:620px) {
  .x2-seo-guide-grid { grid-template-columns:1fr; }
  .x2-seo-guide-grid article { min-height:0; padding:22px; }
}