/* =========================================================
   Gazolab Top Page Styles
   トップ専用スコープ：.gz-top
   ※ツールCSSや共通CSSとの衝突を完全に避ける
========================================================= */


/* ------------------------------
   Tools Grid
------------------------------ */
.gz-top .gz-tools-section {
  padding: 48px 0 64px;
}

.gz-top .gz-tools-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 28px;
  margin-top: 32px;
}

/* カード共通 */
.gz-top .gz-tool-card {
  display: block;
  padding: 22px 20px;
  border-radius: 14px;
  background: #fff;
  border: 1px solid #e5e5e5;
  text-decoration: none;
  transition: box-shadow .2s ease, transform .2s ease;
}

.gz-top .gz-tool-card:hover {
  box-shadow: 0 4px 14px rgba(0,0,0,0.08);
  transform: translateY(-2px);
}

/* カード内タイトル */
.gz-top .gz-tool-card-title {
  font-size: 1.15rem;
  font-weight: 600;
  color: #222;
  margin: 0 0 .35rem;
}

/* カード説明 */
.gz-top .gz-tool-card-desc {
  color: #666;
  line-height: 1.55;
  margin: 0;
  font-size: .95rem;
}

/* アイコン（任意） */
.gz-top .gz-tool-card-icon {
  width: 42px;
  height: 42px;
  margin-bottom: 10px;
}


/* ------------------------------
   Features Section（任意）
------------------------------ */
.gz-top .gz-features-section {
  padding: 60px 0;
  background: #fafafa;
}

.gz-top .gz-features-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px,1fr));
  gap: 32px;
}

.gz-top .gz-feature-item {
  text-align: center;
  padding: 20px;
}

.gz-top .gz-feature-title {
  font-size: 1.2rem;
  font-weight: 600;
  margin: 0 0 .5rem;
}

.gz-top .gz-feature-text {
  font-size: .95rem;
  color: #555;
  line-height: 1.6;
}