.equation__inner{gap:40px}.equation__head,.equation__inner{display:flex;flex-direction:column}.equation__head{gap:18px;max-width:900px}.equation__intro{color:var(--mist-text);font:300 17px/27.2px var(--font-body);text-wrap:pretty}.equation__row{align-items:stretch;gap:16px 24px}.equation__col,.equation__row{display:flex;flex-direction:column}.equation__col{gap:8px;min-width:0}.equation__col-title{color:var(--white);font:700 18px/24px var(--font-display)}.equation__col-title--light{color:var(--teal-200)}.equation__list{display:flex;flex-direction:column;gap:8px}.equation__list li{background:var(--white);border-left:4px solid var(--teal-500);color:var(--ink);font:300 15px/22px var(--font-body);padding:10px 12px 10px 10px}.equation__list--dark li{border-left-color:var(--teal-900)}.equation__op{align-self:center;color:var(--green);font:700 36px/40px var(--font-display)}.equation__result{background:var(--teal-500);display:flex;flex-direction:column;gap:8px;padding:26px 24px}.equation__result-title{color:var(--white);font:700 22px/28px var(--font-display)}.equation__result-text{color:var(--mist-text);font:300 15px/23px var(--font-body)}.equation__note{color:var(--mist-text);font:300 17px/27px var(--font-body);max-width:900px;text-wrap:pretty}.equation__note p+p{margin-top:.75em}.equation__note a,.equation__note strong{color:var(--white);font-weight:500}.equation__note a:hover{color:var(--teal-200)}@media (min-width:640px){.equation__intro{font-size:19px;line-height:31px}}@media (min-width:1024px){.equation__row{align-items:center;flex-direction:row}.equation__col,.equation__result{flex:1 1 0}}