.wager-app{margin:2rem 0}
.wager-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:1.5rem;align-items:start}
.wager-panel,.result-card{background:#fff;border:1px solid #d7e2de;border-radius:16px;box-shadow:0 10px 28px rgba(20,58,48,.08);padding:1.35rem}
.result-card{position:sticky;top:1rem}
.mode-switch{display:flex;gap:.5rem;margin-bottom:1rem}
.mode-switch button{flex:1;border:2px solid #185c47;background:#fff;color:#185c47;border-radius:10px;padding:.75rem;font-weight:700}
.mode-switch button[aria-pressed="true"]{background:#185c47;color:#fff}
.calc-group{border:0;border-top:1px solid #d7e2de;margin:1rem 0 0;padding:1rem 0 0}
.calc-group legend{font-weight:800;padding-right:.6rem}
.input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.field{min-width:0}
.field label{display:block;font-weight:700;margin-bottom:.3rem}
.field input,.field select{width:100%;min-height:44px;border:1px solid #9caaa5;border-radius:8px;padding:.65rem;background:#fff}
.field input:focus,.field select:focus,.calc-actions button:focus{outline:3px solid #f4bf45;outline-offset:2px}
.helper,.field-error{font-size:.86rem;margin:.3rem 0 0}
.helper{color:#56635f}
.field-error{color:#8b1e25;font-weight:700;min-height:1.2em}
.field [aria-invalid="true"]{border-color:#a71d2a}
.calc-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}
.calc-actions button{border:0;border-radius:9px;padding:.75rem 1rem;font-weight:750;cursor:pointer}
.primary-action{background:#185c47;color:#fff}
.secondary-action{background:#e8f1ee;color:#174a3b}
.share-status{min-height:1.4em;font-weight:700}
.result-hero{background:#eef8f4;border-left:5px solid #185c47;padding:1rem;border-radius:10px}
.result-hero strong{font-size:1.65rem;display:block}
.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:1rem 0}
.metric{background:#f6f8f7;border-radius:9px;padding:.8rem}
.metric span{display:block;color:#56635f;font-size:.86rem}
.metric strong{display:block;font-size:1.06rem;overflow-wrap:anywhere}
.warning{border-left:5px solid #8a5a00;background:#fff6dc;padding:1rem;border-radius:8px;margin:.8rem 0}
.warning.hard{border-color:#9b1c31;background:#fff0f2}
.warning.info{border-color:#22669a;background:#edf7ff}
.validity{font-weight:800}
.progress-copy{display:flex;justify-content:space-between;gap:1rem}
progress{width:100%;height:1.1rem;accent-color:#185c47}
.score-total{display:flex;align-items:baseline;gap:.5rem}
.score-total strong{font-size:2rem}
.score-row{display:grid;grid-template-columns:1fr 3fr 3rem;gap:.5rem;align-items:center;margin:.55rem 0}
.score-track{height:.7rem;background:#dde5e2;border-radius:99px;overflow:hidden}
.score-fill{display:block;height:100%;background:#2a6b57}
.licence-box{margin-top:1rem}
.result-note{font-size:.9rem;color:#4d5c57}
.formula{background:#f6f8f7;border-radius:8px;padding:.7rem;font-family:ui-monospace,monospace;overflow-wrap:anywhere}
.example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.example-card{border:1px solid #d7e2de;border-radius:12px;padding:1rem}
.answer-card{background:#eef8f4;border-left:5px solid #185c47;padding:1.25rem;border-radius:10px}
.source-note{font-size:.94rem;color:#4d5c57}
.faq-card{border-bottom:1px solid #d7e2de;padding:.75rem 0}
.faq-card summary{font-weight:750;cursor:pointer}
.related-links .cards{margin-top:1rem}
@media(max-width:900px){.wager-layout{grid-template-columns:1fr}
.result-card{position:static}
}
@media(max-width:600px){.input-grid,.metric-grid,.example-grid{grid-template-columns:1fr}
.wager-panel,.result-card{padding:1rem}
.mode-switch{flex-direction:column}
.score-row{grid-template-columns:1fr 2fr 2.5rem}
.progress-copy{display:block}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}