.wpt-container {
  max-width: 700px;
  margin: auto;
  font-family: Arial, sans-serif;
}
.wpt-card {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  padding: 15px;
  margin-bottom: 12px;
  transition: 0.3s;
  cursor: pointer;
}
.wpt-card:hover { transform: scale(1.02); }
.wpt-card h4 { margin: 0; }
.wpt-card small { color: #666; }

.wpt-cards {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.wpt-mg-card, .pv-mg-card {
  width: 100%;
  text-align: left;
  padding: 15px;
  background: #f9f9f9;
  border: 2px solid #0073aa;
  border-radius: 8px;
  cursor: pointer;
  transition: 0.3s;
}
.wpt-mg-card:hover, .pv-mg-card:hover {
  background: #0073aa;
  color: white;
}

button {
  padding: 8px 14px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  background: #0073aa;
  color: white;
  margin-top: 5px;
}
button:hover { background: #005f8d; }