/* eResonate — report.css · the public report page */
.rp-wrap {
  display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  gap: 2.5rem; padding: 2.5rem 0 4rem; align-items: start;
}
.rp-head { grid-column: 1 / -1; max-width: 640px; }
.rp-head h1 {
  font-family: 'Outfit', sans-serif; font-weight: 900; line-height: 1.08;
  font-size: clamp(1.9rem, 4.5vw, 2.7rem); margin: 0 0 0.7rem;
}
.rp-lede { color: var(--text-muted, #9098AC); font-size: 1.02rem; line-height: 1.65; margin: 0; }

.rp-form { display: flex; flex-direction: column; gap: 1rem; }
.rp-form input[name="bot_field"] { position: absolute; left: -9999px; }
.rp-field { display: flex; flex-direction: column; gap: 0.35rem; }
.rp-field > span {
  font-family: 'Outfit', sans-serif; font-weight: 700; font-size: 0.88rem; color: var(--text);
}
.rp-field > span em {
  font-style: normal; font-weight: 400; color: var(--text-dim, #7A80A8); margin-left: 0.4rem; font-size: 0.82rem;
}
.rp-field input, .rp-field select, .rp-field textarea {
  width: 100%; font-family: inherit; font-size: 0.92rem; color: var(--text);
  background: var(--bg-card, #0D1428); border: 1px solid var(--border);
  border-radius: 10px; padding: 0.65rem 0.8rem;
}
.rp-field textarea { resize: vertical; line-height: 1.55; }
.rp-field input:focus, .rp-field select:focus, .rp-field textarea:focus {
  outline: none; border-color: var(--accent-text, #5B8CFF);
}
.rp-note { margin: 0; font-size: 0.88rem; line-height: 1.55; min-height: 1.2rem; }
.rp-note.good { color: var(--money, #3EE08C); }
.rp-note.bad { color: #ff8f8f; }

.rp-side { display: flex; flex-direction: column; gap: 0.9rem; }
.rp-card {
  background: var(--bg-card, #0D1428); border: 1px solid var(--border);
  border-radius: var(--radius); padding: 1.1rem 1.2rem;
}
.rp-card h2 { font-family: 'Outfit', sans-serif; font-size: 0.98rem; margin: 0 0 0.4rem; }
.rp-card p { margin: 0 0 0.5rem; color: var(--text-muted, #9098AC); font-size: 0.88rem; line-height: 1.6; }
.rp-card p:last-child { margin-bottom: 0; }

@media (max-width: 860px) {
  .rp-wrap { grid-template-columns: 1fr; gap: 1.8rem; padding-top: 1.6rem; }
}