.vetika-fractions,.vetika-fractions-form{display:grid;gap:var(--vetika-space-5,1.5rem)}
.vetika-fractions .vetika-tool-heading>*{margin-block-start:0}.vetika-fractions .vetika-tool-heading p{max-width:48rem;color:var(--vetika-text-secondary,#52616b)}
.vetika-fractions-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--vetika-space-4,1rem)}
.vetika-fractions-fields:has(> :only-child){grid-template-columns:minmax(0,32rem)}
.vetika-fractions-field{min-width:0}.vetika-fractions-field label{display:block;margin-block-end:.5rem;font-weight:750}
.vetika-fractions-field input{box-sizing:border-box;width:100%;min-height:48px;padding:.7rem .8rem;border:1px solid var(--vetika-border,#cdd4d7);border-radius:var(--vetika-radius-sm,.55rem);background:#fff;color:var(--vetika-text,#172b3a);font:inherit}
.vetika-fractions-field input[aria-invalid=true]{border-color:var(--vetika-error,#a13932);box-shadow:0 0 0 1px var(--vetika-error,#a13932)}
.vetika-fractions-action{justify-self:start;min-height:48px;padding:.7rem 1.2rem;border:0;border-radius:var(--vetika-radius-sm,.55rem);background:var(--vetika-brand,#c6543c);color:#fff;font:inherit;font-weight:800;cursor:pointer}
.vetika-fractions-action:hover{background:var(--vetika-brand-hover,#9c3525)}
.vetika-fractions-result{padding:var(--vetika-space-5,1.5rem);border:1px solid color-mix(in srgb,var(--vetika-accent,#197a78) 35%,#fff);border-radius:var(--vetika-radius-lg,1rem);background:var(--vetika-accent-soft,#edf8f7)}
.vetika-fractions-result p{margin:.25rem 0}.vetika-fractions-result .vetika-result-value{font-size:clamp(2rem,7vw,3.25rem);font-weight:900;line-height:1.05;color:var(--vetika-accent,#197a78);overflow-wrap:anywhere}
.vetika-fractions-result dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1rem 0 0}.vetika-fractions-result dl div{padding:.75rem;background:rgba(255,255,255,.78);border-radius:var(--vetika-radius-sm,.55rem)}
.vetika-fractions-result dt{font-size:.85rem;color:var(--vetika-text-secondary,#52616b)}.vetika-fractions-result dd{margin:.2rem 0 0;font-weight:800;overflow-wrap:anywhere}
@media(max-width:40rem){
  .vetika-fractions-fields,.vetika-fractions-result dl{grid-template-columns:1fr}
  .vetika-fractions-action{width:100%}
}