.ohsc{--ohsc-navy:#071d3a;--ohsc-blue:#0565f5;--ohsc-teal:#19b6ad;--ohsc-green:#25aa69;--ohsc-line:#dce4ec;--ohsc-muted:#53647a;color:var(--ohsc-navy);font-family:inherit;max-width:1180px;margin:0 auto;padding:38px 20px}.ohsc *{box-sizing:border-box}.ohsc__header{text-align:center;max-width:720px;margin:0 auto 28px}.ohsc__header h2{font-size:clamp(2rem,4vw,3.35rem);line-height:1.05;margin:0 0 12px}.ohsc__header p{color:var(--ohsc-muted);font-size:1.08rem;margin:0}.ohsc__panel{display:grid;grid-template-columns:minmax(290px,38%) 1fr;border:1px solid var(--ohsc-line);border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 18px 50px rgba(7,29,58,.06)}.ohsc__controls{padding:30px;border-right:1px solid var(--ohsc-line)}.ohsc h3{font-size:.88rem;text-transform:uppercase;letter-spacing:.045em;color:var(--ohsc-blue);margin:0 0 28px}.ohsc__field{margin-bottom:30px}.ohsc__field>label,.ohsc__label-row label{font-weight:700;font-size:.92rem}.ohsc__label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.ohsc output{font-weight:800;background:#edfafa;padding:3px 10px}.ohsc__money-input{display:flex;align-items:center;gap:8px;margin-top:10px}.ohsc__money-input span{font-weight:700}.ohsc input[type=number],.ohsc select{border:1px solid #cfd9e4;border-radius:5px;background:#fff;color:var(--ohsc-navy);font:inherit;padding:9px 11px}.ohsc input[type=number]{width:125px;font-weight:700}.ohsc input[type=range]{--ohsc-progress:0%;width:100%;height:5px;appearance:none;border-radius:10px;background:linear-gradient(90deg,var(--ohsc-teal) var(--ohsc-progress),#e8ebef var(--ohsc-progress));outline:none}.ohsc input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;border:2px solid var(--ohsc-teal);background:#fff;cursor:pointer}.ohsc input[type=range]::-moz-range-thumb{width:15px;height:15px;border-radius:50%;border:2px solid var(--ohsc-teal);background:#fff;cursor:pointer}.ohsc__select-label{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:15px}.ohsc__note{color:var(--ohsc-muted);font-size:.8rem;line-height:1.55;margin:0}.ohsc__results{min-width:0}.ohsc__summary{min-height:152px;padding:30px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;border-bottom:1px solid var(--ohsc-line)}.ohsc__summary h3{margin-bottom:18px}.ohsc__summary span{display:block;font-size:.82rem;margin-bottom:3px}.ohsc__summary strong{font-size:clamp(2rem,5vw,3.4rem);line-height:1}.ohsc__summary>div:last-child{text-align:right}.ohsc__summary>div:last-child strong{font-size:1.5rem}.ohsc__comparison{display:grid;grid-template-columns:1fr 1fr}.ohsc__card{padding:28px;min-width:0}.ohsc__card--direct{background:linear-gradient(135deg,#f4ffff,#e7f9f7)}.ohsc__card h4{font-size:1rem;text-transform:uppercase;letter-spacing:.035em;margin:0 0 28px}.ohsc dl{margin:0}.ohsc dl>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0}.ohsc dt{font-weight:400;color:#31445c}.ohsc dd{margin:0;font-weight:700}.ohsc__loss dd{color:#e52736}.ohsc__gain dd{color:var(--ohsc-green)}.ohsc__net{border-top:1px solid #cdd9df;margin-top:20px;padding-top:20px}.ohsc__net>span,.ohsc__net>small{display:block;color:var(--ohsc-muted)}.ohsc__net>strong{display:block;font-size:1.75rem;margin:3px 0}.ohsc__net small{font-size:.83rem}.ohsc__savings{display:grid;grid-template-columns:auto 1fr 1fr 1.7fr;align-items:center;gap:28px;margin-top:24px;padding:24px 30px;border:1px solid #ccebe5;border-radius:10px;background:linear-gradient(90deg,#f7fffc,#f5fbff)}.ohsc__savings-icon{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:linear-gradient(135deg,#35bb78,#08a79d);color:#fff;font-size:2rem;font-weight:800}.ohsc__savings span{display:block;font-weight:700;margin-bottom:7px}.ohsc__savings strong{font-size:1.9rem}.ohsc__savings small{color:var(--ohsc-muted);margin-left:4px}.ohsc__savings p{color:#31445c;margin:0;line-height:1.5}@media(max-width:800px){.ohsc__panel{grid-template-columns:1fr}.ohsc__controls{border-right:0;border-bottom:1px solid var(--ohsc-line)}.ohsc__savings{grid-template-columns:auto 1fr}.ohsc__savings p{grid-column:1/-1}}@media(max-width:540px){.ohsc{padding-inline:12px}.ohsc__controls,.ohsc__card,.ohsc__summary{padding:22px}.ohsc__comparison{grid-template-columns:1fr}.ohsc__summary{align-items:flex-start;flex-direction:column}.ohsc__summary>div:last-child{text-align:left}.ohsc__savings{grid-template-columns:1fr;text-align:center}.ohsc__savings-icon{margin:auto}.ohsc__savings p{grid-column:auto}}