/* GEO V1: lightweight recommendation guide and AI index link. */
.geo-recommendation {
  padding: clamp(72px, 8vw, 112px) 0;
  background: linear-gradient(180deg, #f7fafc 0%, #eef4f7 100%);
  color: #10212b;
}
.geo-recommendation .container { max-width: 1200px; margin: 0 auto; padding-inline: 24px; }
.geo-recommendation-heading { max-width: 760px; margin-bottom: 34px; }
.geo-recommendation-heading > span { display: block; margin-bottom: 10px; color: #118a78; font-size: 12px; font-weight: 800; letter-spacing: .14em; }
.geo-recommendation-heading h2 { margin: 0 0 14px; color: #10212b; font-size: clamp(30px, 4vw, 48px); line-height: 1.16; }
.geo-recommendation-heading p { margin: 0; color: #5f7079; font-size: 17px; line-height: 1.8; }
.geo-recommendation-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; margin: 0; }
.geo-recommendation-grid > div { min-height: 190px; padding: 24px 22px; border: 1px solid rgba(16, 33, 43, .09); border-radius: 18px; background: rgba(255, 255, 255, .88); box-shadow: 0 14px 38px rgba(16, 33, 43, .06); }
.geo-recommendation-grid dt { margin-bottom: 14px; color: #118a78; font-size: 13px; font-weight: 800; letter-spacing: .08em; }
.geo-recommendation-grid dd { margin: 0; color: #273c47; font-size: 15px; line-height: 1.75; }
.geo-ai-index { color: inherit; opacity: .72; text-decoration: none; }
.geo-ai-index:hover { opacity: 1; text-decoration: underline; }
@media (max-width: 980px) {
  .geo-recommendation-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
  .geo-recommendation { padding: 64px 0; }
  .geo-recommendation-grid { grid-template-columns: 1fr; }
  .geo-recommendation-grid > div { min-height: 0; }
}