:root{ --er-primary:#2F3A55; --er-accent:#F28C6A; --er-sage:#6F8F6A; --er-taupe:#6E5C5C; }
.erj-wrapper{font-family: Montserrat, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; color:#111}
.erj-hero{padding:1rem 0; background:linear-gradient(90deg,#f8fafc,#eef4ff)}
.erj-bar{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.75rem; align-items:end}
.erj-bar label{display:grid; grid-template-columns:auto 1fr; align-items:center; gap:.5rem; background:#fff; border-radius:999px; padding:.5rem .75rem; border:1px solid #e5e5e5}
.erj-bar label span{grid-column:1/-1; font-size:.85rem; color:#333}
.erj-input-prefix{width:28px; text-align:center; color:#555}
.erj-bar input{border:none; outline:none; padding:.5rem; border-radius:8px; font-size:1rem}
.erj-cta{background:var(--er-primary); color:#fff; border:none; border-radius:999px; padding:.75rem 1rem; font-weight:600}

.erj-details{margin:2rem 0}
.erj-details h3{font-family:"Cormorant Garamond", Georgia, serif; color:var(--er-primary); margin:.25rem 0 1rem}
.erj-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem}
.erj-grid .wide{grid-column:1/-1}
.erj-details input, .erj-details select{padding:.625rem .75rem; border:1px solid #c9c9c9; border-radius:8px; font-size:1rem}
.erj-primary{margin-top:1rem; background:var(--er-primary); color:#fff; border:none; border-radius:10px; padding:.75rem 1rem; font-weight:600}

.erj-results .erj-panel{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; border:1px solid #e5e5e5; border-radius:16px; padding:1rem; background:#fff}
.erj-col h4{margin:.25rem 0 .75rem; font-family:"Cormorant Garamond", Georgia, serif; color:var(--er-primary)}
.erj-muted{color:#666}
.erj-secondary{background:#f6f6f6; border:1px solid #e5e5e5; border-radius:8px; padding:.5rem .75rem}
.erj-figure{font-size:1.8rem; font-weight:700; color:var(--er-primary)}
.erj-sub{color:#333; font-weight:600; margin:.25rem 0 .75rem}
.erj-actions .erj-btn{display:inline-block; background:var(--er-accent); color:#111; border:none; border-radius:10px; padding:.6rem .9rem; font-weight:600}

.erj-disclaimer{margin-top:1rem; font-size:.85rem; line-height:1.4; border-left:4px solid var(--er-accent); padding:.75rem 1rem; background:#fff7f4}

@media (max-width: 900px){ .erj-bar{grid-template-columns:1fr 1fr; } }
@media (max-width: 640px){ .erj-bar{grid-template-columns:1fr; } .erj-results .erj-panel{grid-template-columns:1fr} }