/* this_file: docs/assets/css/ipolypad.css */

.ipolypad-hero {
  margin: 1rem 0 2rem;
  padding: 1.5rem 1.75rem;
  background: linear-gradient(135deg, #f0f7ff 0%, #fef6ed 100%);
  border-radius: 8px;
  border: 1px solid #e2e6ec;
}
.ipolypad-hero__lede {
  font-size: 1.05rem;
  line-height: 1.55;
  margin: 0;
  color: #2c3340;
}
.ipolypad-hero strong { color: #1a4a8a; }

.ipolypad-output {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.25rem;
}
@media (max-width: 720px) {
  .ipolypad-output { grid-template-columns: 1fr; }
}
.ipolypad-output > div {
  background: #ffffff;
  border: 1px solid #e2e6ec;
  border-radius: 6px;
  padding: 1rem;
}
.ipolypad-output pre { margin: 0; }