/* /assets/css/pulsrechner.css */
.pr-wrap { max-width: 900px; margin: 0 auto; padding: 8px; }
.pr-hero { margin: 0 0 16px; }
.pr-form .pr-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap: 12px; }
.pr-field { display: grid; gap: 6px; }
.pr-btn { padding: 10px 14px; border: 0; cursor: pointer; }
.pr-note { font-size: 0.95rem; color: #555; }

.pr-result { margin-top: 16px; }
.pr-cards { display: grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap: 12px; margin-bottom: 8px; }
.pr-card { border: 1px solid #e5e5e5; border-radius: 12px; padding: 12px; }
.pr-big { font-size: 1.6rem; font-weight: 700; }

.pr-table { width: 100%; border-collapse: collapse; margin-top: 8px; }
.pr-table th, .pr-table td { padding: 10px 8px; border-bottom: 1px solid #eee; text-align: left; }
.pr-table th { font-weight: 700; }

.is-zone2 { background: #bee0fa; }
.is-zone2 td { font-weight: 600; }
.pr-btn {
  display: inline-block;
  background: #1a1a1a;
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 10px 20px;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  margin-top: 12px;
  transition: background 0.2s ease;
}
.pr-btn:hover {
  background: #333;
}