.soap-calculator{overflow-wrap:anywhere}.soap-workspace{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.soap-inputs,.soap-results{border:1px solid var(--color-border);border-radius:16px;min-width:0;padding:24px}.soap-results{background:var(--color-primary-light)}.soap-safety{border-left:4px solid var(--color-primary);background:var(--color-surface);padding:16px}.soap-oil{border:1px solid var(--color-border);border-radius:12px;min-width:0;margin:20px 0;padding:16px}.soap-calculator input:not([type=checkbox]),.soap-calculator select,.soap-calculator textarea{width:100%;min-width:0;min-height:44px}.soap-calculator input[type=search],.soap-calculator textarea{border:1px solid var(--color-border);border-radius:8px;padding:10px}.soap-calculator details{margin-top:20px}.soap-calculator summary{cursor:pointer;min-height:44px;padding-block:10px;font-weight:600}.soap-checkbox{align-items:center;gap:10px;min-height:44px;display:flex}.soap-checkbox input{width:20px;height:20px}.soap-metrics{margin:0}.soap-metrics>div{border-bottom:1px solid var(--color-border);padding:14px 0}.soap-metrics dd{margin:4px 0;font-size:1.5rem;font-weight:700}.soap-primary dd{color:var(--color-primary-deep);font-size:2rem}.soap-percentages{padding:0;list-style:none}.soap-percentages li{margin-bottom:16px}.soap-bar{background:var(--color-border);border-radius:4px;height:8px;margin-top:6px;overflow:hidden}.soap-bar span{background:var(--color-primary);height:100%;display:block}.soap-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.soap-calculator button{white-space:normal;min-height:44px}.soap-calculator :focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}@media (max-width:767px){.soap-workspace{grid-template-columns:minmax(0,1fr)}.soap-inputs,.soap-results{padding:16px}.soap-oil{padding:12px}}@media (prefers-reduced-motion:reduce){.soap-calculator *{transition:none;animation:none}}