.tool-hero{padding-top:clamp(48px,8vw,88px);padding-bottom:clamp(16px,3vw,32px)}.tool-hero h1{font:600 clamp(2rem,4.5vw,3.25rem) / 1.06 var(--font-heading);letter-spacing:-.02em;margin:var(--space-md) 0 0;max-width:18ch;text-wrap:balance}.tool-hero h1 em{color:var(--brand-gold);font-style:italic;font-weight:500;font-family:Inter,serif}.tool-hero__lede{margin-top:var(--space-lg);max-width:56ch}.calc-card{padding:var(--space-xl);background:var(--theme-bg-secondary);border:1px solid var(--theme-border-subtle);border-radius:var(--radius-lg)}.calc-card+.calc-card{margin-top:var(--space-lg)}.calc-card h2{font:600 1.25rem / 1.3 var(--font-heading);letter-spacing:-.01em}.calc-card>p.calc-sub{font:400 .9375rem / 1.6 var(--font-body);color:var(--theme-text-secondary);margin-top:var(--space-xs)}.oil-rows{margin-top:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm)}.oil-row{display:grid;grid-template-columns:1fr auto;gap:var(--space-sm);align-items:end}.oil-row__field{display:flex;flex-direction:column;gap:4px;min-width:0}.oil-row__oil,.oil-row__sap,.oil-row__weight{grid-column:1}@media(min-width:620px){.oil-row{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr) auto}.oil-row__oil{grid-column:1}.oil-row__sap{grid-column:1 / 3}.oil-row__weight{grid-column:2}}.oil-row select,.oil-row input{width:100%;padding:10px 12px;background:var(--theme-bg-elevated);border:1px solid var(--theme-border-medium);border-radius:var(--radius-md);color:var(--theme-text-primary);font:500 1rem / 1.4 var(--font-body)}.oil-row select:focus,.oil-row input:focus{outline:none;border-color:var(--brand-gold)}.oil-row__remove{align-self:end;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;cursor:pointer;background:var(--theme-bg-elevated);border:1px solid var(--theme-border-medium);border-radius:var(--radius-md);color:var(--theme-text-secondary)}.oil-row__remove:hover{color:var(--compliance-amber, #ffb74d);border-color:var(--compliance-amber, #ffb74d)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.oil-row__field[hidden],.calc-field[hidden]{display:none!important}.add-oil-btn{margin-top:var(--space-md);display:inline-flex;align-items:center;gap:6px;cursor:pointer;padding:8px 14px;background:transparent;border:1px dashed var(--theme-border-medium);border-radius:var(--radius-md);color:var(--theme-text-primary);font:500 .9375rem / 1.3 var(--font-body)}.add-oil-btn:hover{border-color:var(--brand-gold);color:var(--brand-gold)}.calc-divider{margin:var(--space-lg) 0;border:0;border-top:1px solid var(--theme-border-subtle)}.lye-type{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-top:var(--space-sm)}.lye-type label{display:inline-flex;align-items:center;gap:8px;cursor:pointer;padding:10px 14px;border-radius:var(--radius-md);background:var(--theme-bg-elevated);border:1px solid var(--theme-border-medium);font:500 .9375rem / 1.3 var(--font-body);color:var(--theme-text-primary)}.lye-type input{accent-color:var(--brand-gold)}.calc-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-md);margin-top:var(--space-lg)}@media(max-width:560px){.calc-fields{grid-template-columns:1fr 1fr}}.calc-field{display:flex;flex-direction:column;gap:6px}.calc-field label{font:500 .875rem / 1.3 var(--font-body);color:var(--theme-text-primary)}.calc-field input{width:100%;padding:10px 12px;background:var(--theme-bg-elevated);border:1px solid var(--theme-border-medium);border-radius:var(--radius-md);color:var(--theme-text-primary);font:500 1rem / 1.4 var(--font-body)}.calc-field input:focus{outline:none;border-color:var(--brand-gold)}.calc-result{margin-top:var(--space-lg);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);background:var(--theme-bg-elevated);border:1px solid var(--theme-border-subtle);border-left:3px solid var(--theme-border-medium);display:flex;gap:var(--space-md);align-items:flex-start}.calc-result .mi{flex-shrink:0;color:var(--theme-text-secondary)}.calc-result p{font:500 .9375rem / 1.55 var(--font-body);color:var(--theme-text-primary);margin:0}.calc-result.is-ok{border-left-color:var(--brand-sage)}.calc-result.is-ok .mi{color:var(--brand-sage)}.lye-figures{display:flex;gap:var(--space-xl);flex-wrap:wrap}.lye-fig{display:flex;flex-direction:column;gap:2px}.lye-fig__v{font:600 1.375rem / 1.1 var(--font-heading);color:var(--theme-text-primary);font-variant-numeric:tabular-nums}.lye-fig--lye .lye-fig__v{color:var(--brand-gold)}.lye-fig__k{font:500 .75rem / 1.2 var(--font-body);letter-spacing:.04em;text-transform:uppercase;color:var(--theme-text-secondary)}.lye-breakdown{margin-top:var(--space-md)}.bk-title{font:600 .75rem / 1.2 var(--font-body);letter-spacing:.04em;text-transform:uppercase;color:var(--theme-text-secondary);margin:0 0 var(--space-xs)}.bk-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.bk-list li{display:flex;justify-content:space-between;gap:var(--space-md);padding:5px 0;border-bottom:1px solid var(--theme-border-subtle);font:400 .875rem / 1.4 var(--font-body)}.bk-name{color:var(--theme-text-primary)}.bk-val{color:var(--brand-gold);font-variant-numeric:tabular-nums;white-space:nowrap}.calc-note,.calc-warn{margin-top:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);background:var(--theme-bg-secondary);border:1px solid var(--theme-border-subtle);border-left:2px solid var(--brand-sage);display:flex;gap:var(--space-md);align-items:flex-start}.calc-note .mi{color:var(--brand-sage);flex-shrink:0;font-size:20px}.calc-warn{border-left-color:var(--compliance-amber, #ffb74d)}.calc-warn .mi{color:var(--compliance-amber, #ffb74d);flex-shrink:0;font-size:20px}.calc-note p,.calc-warn p{font:400 .875rem / 1.6 var(--font-body);color:var(--theme-text-secondary);margin:0}.see-also{margin-top:var(--space-lg);font:400 .9375rem / 1.5 var(--font-body);color:var(--theme-text-secondary)}.see-also a{color:var(--brand-gold)}