.tool-info-grid {
  max-width: 1250px;
  margin: 34px auto 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.tool-info-grid article,
.tool-related {
  border: 1px solid rgba(238, 180, 57, .45);
  border-radius: 18px;
  background: rgba(9, 28, 18, .82);
  padding: 22px;
  color: #d9c5a4;
  line-height: 1.7;
}

.tool-info-grid h2,
.tool-related h2 {
  color: #f5c24b;
  font-size: 1.35rem;
  margin: 0 0 12px;
}

.tool-info-grid li { margin: 8px 0; }
.tool-related { max-width: 1250px; margin: 20px auto; }
.tool-related div { display: flex; gap: 10px; flex-wrap: wrap; }

.tool-related a {
  border: 1px solid rgba(238, 180, 57, .55);
  border-radius: 999px;
  padding: 9px 13px;
  color: #f5c24b;
  text-decoration: none;
  background: rgba(0, 0, 0, .2);
}

.tool-related a:hover { background: #efbe45; color: #241204; }

.result-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.result-actions button,
.tool-conversion a {
  border: 1px solid #efbe45;
  border-radius: 9px;
  padding: 10px 14px;
  background: #efbe45;
  color: #241204;
  font-weight: 800;
  cursor: pointer;
  text-decoration: none;
}

.result-actions button:hover,
.tool-conversion a:hover { background: #ffd66f; }

.tool-conversion {
  max-width: 1250px;
  margin: 20px auto 0;
  padding: 24px;
  border: 1px solid rgba(238, 180, 57, .6);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(74, 26, 8, .92), rgba(9, 28, 18, .94));
  color: #eadabd;
}

.tool-conversion h2 { margin: 0 0 10px; color: #f5c24b; }
.tool-conversion p { margin: 0 0 18px; line-height: 1.7; }

@media (max-width: 900px) {
  .tool-info-grid { grid-template-columns: 1fr; }
}