div.orgfroid-calculator .orgfroid-field-row {
display: flex !important;
gap: 16px !important;
}
div.orgfroid-calculator .orgfroid-field-half {
flex: 1 !important;
} div.orgfroid-calculator .orgfroid-label-optional {
font-weight: 400 !important;
font-size: 12px !important;
color: var(--orgfroid-text-muted) !important;
margin-left: 4px !important;
} div.orgfroid-calculator .orgfroid-formula-box {
background: var(--orgfroid-bg-card) !important;
border: 1px solid var(--orgfroid-border) !important;
border-radius: var(--orgfroid-radius-md) !important;
padding: 24px !important;
margin: 16px 0 !important;
text-align: center !important;
}
div.orgfroid-calculator .orgfroid-formula {
display: block !important;
font-size: 20px !important;
font-weight: 600 !important;
color: var(--orgfroid-text) !important;
margin-bottom: 16px !important;
font-family: 'Courier New', monospace !important;
}
div.orgfroid-calculator .orgfroid-formula sub {
font-size: 12px !important;
}
div.orgfroid-calculator .orgfroid-formula-legend {
text-align: left !important;
max-width: 500px !important;
margin: 0 auto !important;
}
div.orgfroid-calculator .orgfroid-formula-legend li {
font-size: 14px !important;
color: var(--orgfroid-text-light) !important;
padding: 4px 0 !important;
list-style: none !important;
} div.orgfroid-calculator .orgfroid-tips-grid {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 12px !important;
}
div.orgfroid-calculator .orgfroid-tip-card {
display: flex !important;
gap: 12px !important;
padding: 14px 16px !important;
background: var(--orgfroid-bg-card) !important;
border: 1px solid var(--orgfroid-border) !important;
border-radius: var(--orgfroid-radius-sm) !important;
}
div.orgfroid-calculator .orgfroid-tip-icon {
flex-shrink: 0 !important;
width: 24px !important;
height: 24px !important;
margin-top: 1px !important;
}
div.orgfroid-calculator .orgfroid-tip-text {
font-size: 13px !important;
color: var(--orgfroid-text-light) !important;
line-height: 1.5 !important;
} div.orgfroid-calculator .orgfroid-seo-list li {
padding: 6px 0 6px 20px !important;
position: relative !important;
font-size: 14px !important;
color: var(--orgfroid-text-light) !important;
list-style: none !important;
}
div.orgfroid-calculator .orgfroid-seo-list li::before {
content: '' !important;
position: absolute !important;
left: 0 !important;
top: 14px !important;
width: 6px !important;
height: 6px !important;
border-radius: 50% !important;
background: var(--orgfroid-primary) !important;
} @media (max-width: 640px) {
div.orgfroid-calculator .orgfroid-field-row {
flex-direction: column !important;
gap: 0 !important;
}
div.orgfroid-calculator .orgfroid-tips-grid {
grid-template-columns: 1fr !important;
}
}