.ire-container {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #ccc;
  background: #fff;
  max-width: 1000px;
  margin: 20px auto;
}
.ire-sidebar {
  background: #f0f0f0;
  padding: 20px;
  width: 250px;
  box-sizing: border-box;
}
.ire-sidebar label { display:block; margin:12px 0 4px; font-weight:600; }
.ire-sidebar input { width:100%; padding:8px; font-size:16px; }
.ire-sidebar button {
  width:100%; padding:12px; margin-top:16px;
  background:#a6824f; color:#fff; font-size:16px; border:none; cursor:pointer;
}
.ire-main {
  flex:1;
  padding:20px;
  box-sizing:border-box;
}
.ire-main h3 {
  margin:0 0 15px;
  font-size:18px;
}
.ire-grid {
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(200px,1fr));
  gap:12px;
}
.item {
  background: #e0e0e0;
  padding:15px;
  text-align:center;
  border-radius:6px;
  font-weight:600;
}
.item span { display:block; margin-top:8px; font-size:1.2em; }
.ire-explainer {
  background:#fff9e0;
  padding:15px;
  margin:20px auto;
  max-width:1000px;
  font-size:14px;
  color:#333;
  box-sizing:border-box;
}
@media(max-width:600px) {
  .ire-container { flex-direction: column; }
  .ire-sidebar { width:100%; }
}