.container--reduction{width:min(100% - 2rem,68rem)}
.reduction-hero{background:linear-gradient(135deg,#eef8f7,#f8fbfb)}
.reduction-eyebrow,.reduction-kicker{margin:0;color:#0f665c;font-size:.78rem;font-weight:900;letter-spacing:.12em}
.reduction-trust{display:flex;gap:.45rem;align-items:center;color:#315f59;font-weight:700}
.reduction-panel{display:grid;gap:1rem;min-width:0}
.reduction-heading{display:flex;justify-content:space-between;align-items:start;gap:1rem}
.reduction-heading h2{margin:.25rem 0 0}
.reduction-heading__actions,.reduction-actions,.reduction-copy-row{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center}
.reduction-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.reduction-field{display:grid;gap:.45rem;min-width:0}
.reduction-field label{font-weight:800}
.reduction-input-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-width:0;border:1px solid #b9cbc8;border-radius:12px;background:#fff;overflow:hidden}
.reduction-input-wrap:focus-within{border-color:#146b63;box-shadow:0 0 0 3px rgba(20,107,99,.13)}
.reduction-input-wrap input{min-width:0;border:0;border-radius:0;box-shadow:none!important}
.reduction-input-wrap span{padding:0 .8rem;color:#466a65;font-weight:800}
.reduction-unit-field{margin-top:1rem}
.reduction-unit-field select{width:min(100%,16rem)}
.reduction-help,.reduction-assumption{color:#55706d;overflow-wrap:anywhere}
.reduction-assumption{margin:.8rem 0 0;padding:.85rem 1rem;border-left:4px solid #67a89f;border-radius:8px;background:#f2f8f7}
.reduction-actions{margin-top:1rem}
.reduction-error{min-height:1.5em;margin:0}
.reduction-results{display:grid;gap:1rem;padding:1.1rem;border:1px solid #9fc7c1;border-radius:16px;background:#f6fbfa;min-width:0}
.reduction-results[hidden],.reduction-ratios[hidden]{display:none!important}
.reduction-results h2{margin:.1rem 0 0}
.reduction-main{margin:0;color:#0f665c;font-size:clamp(1.55rem,5vw,2.5rem);font-weight:900;line-height:1.3;overflow-wrap:anywhere}
.reduction-status{margin:0;color:#315f59;font-weight:700}
.reduction-levels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
.reduction-levels>div,.reduction-ratios>div{display:grid;gap:.35rem;min-width:0;padding:.85rem;border:1px solid #c7d8d5;border-radius:12px;background:#fff}
.reduction-levels span,.reduction-ratios span{color:#55706d;font-size:.9rem;font-weight:700}
.reduction-levels strong,.reduction-ratios strong{font-size:1.08rem;overflow-wrap:anywhere}
.reduction-ratios{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
.reduction-note,.reduction-warning{margin:0;padding:.85rem 1rem;border-radius:10px;background:#fff5dc;overflow-wrap:anywhere}
.reduction-warning{background:#f2f5f5}
.reduction-copy-status{margin:0;color:#315f59;font-weight:700}
.reduction-formula{display:block;max-width:100%;overflow-x:auto;padding:.7rem;border-radius:8px;background:#f2f5f5;white-space:nowrap}
.reduction-panel button:focus-visible,.reduction-panel input:focus-visible,.reduction-panel select:focus-visible{outline:3px solid rgba(20,107,99,.26);outline-offset:2px}
@media(max-width:40rem){.container--reduction{width:min(100% - 1rem,68rem)}.reduction-heading{display:grid}.reduction-heading__actions{width:100%}.reduction-heading__actions button{flex:1}.reduction-form-grid,.reduction-ratios{grid-template-columns:1fr}.reduction-actions .button-primary,.reduction-copy-row .button-secondary{width:100%}}
@media(max-width:22rem){.reduction-panel{padding-inline:.7rem}.reduction-levels{grid-template-columns:1fr}.reduction-main{font-size:1.45rem}.reduction-input-wrap input{padding-inline:.55rem}}