/*
Theme Name: GSAList Site
Theme URI: https://gsalist.site/
Author: GSAList
Description: Original GSAList React design converted into a WordPress-compatible theme with dynamic blog grid and native WordPress post permalinks.
Version: 1.0.2
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: gsalist-site
*/
html,body,#root{width:100%;max-width:none;margin:0;padding:0}

/* Supported Engine Categories — card grid matched to reference layout */
.gsa-supported-engines{
  padding:64px 16px 72px;
  background:#fff;
  border-bottom:1px solid #e5e7eb;
}
.gsa-supported-engines-inner{
  width:min(100%,1365px);
  margin:0 auto;
}
.gsa-supported-engines-heading{
  max-width:760px;
  margin:0 auto 34px;
  text-align:center;
}
.gsa-supported-engines-heading>span{
  display:block;
  margin-bottom:8px;
  color:#64748b;
  font-size:12px;
  line-height:1.4;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.gsa-supported-engines-heading h2{
  margin:0 0 10px;
  color:#071a33;
  font-size:clamp(28px,3vw,40px);
  line-height:1.15;
  font-weight:800;
  letter-spacing:-.02em;
}
.gsa-supported-engines-heading p{
  margin:0;
  color:#64748b;
  font-size:15px;
  line-height:1.7;
}
.gsa-engine-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:24px;
  align-items:stretch;
}
.gsa-engine-card{
  min-height:160px;
  padding:22px 18px 20px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  background:#f4f6f8;
  border:1px solid #e4e9ef;
  border-radius:14px;
  box-shadow:none;
  transition:border-color .2s ease,background .2s ease,transform .2s ease;
}
.gsa-engine-card:hover{
  background:#f0f6ff;
  border-color:#cfe2fb;
  transform:translateY(-2px);
}
.gsa-engine-icon{
  width:44px;
  height:44px;
  margin-bottom:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  background:#e7f2ff;
  color:#0b63ce;
}
.gsa-engine-icon svg{
  width:21px;
  height:21px;
  stroke:currentColor;
}
.gsa-engine-card h3{
  margin:0 0 7px;
  color:#071a33;
  font-size:14px;
  line-height:1.35;
  font-weight:800;
}
.gsa-engine-card p{
  margin:0;
  max-width:290px;
  color:#71819a;
  font-size:12px;
  line-height:1.55;
}
@media (max-width:1023px){
  .gsa-engine-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
}
@media (max-width:767px){
  .gsa-supported-engines{padding:48px 14px 54px}
  .gsa-supported-engines-heading{margin-bottom:26px}
  .gsa-engine-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .gsa-engine-card{min-height:150px;padding:18px 12px}
  .gsa-engine-card h3{font-size:13px}
  .gsa-engine-card p{font-size:11px}
}
@media (max-width:420px){
  .gsa-engine-grid{grid-template-columns:1fr}
  .gsa-engine-card{min-height:142px}
}