/* 18-month date calculator: result states. Layout, fields and buttons reuse
 * /frontend/css/insurance-calculator.css. No inline styles (CSP style-src 'self'). */
.calculator-field input[type=date]{appearance:auto;-webkit-appearance:auto}
.date-verdict{font:600 clamp(1.4rem,2.6vw,1.9rem)/1.25 var(--font-display);margin:0 0 var(--space-md);padding-inline-start:var(--space-md);border-inline-start:6px solid var(--color-rule);overflow-wrap:anywhere}
.date-verdict--within{border-inline-start-color:var(--color-error)}
.date-verdict--beyond{border-inline-start-color:var(--color-accent)}
.date-verdict--boundary{border-inline-start-color:var(--color-warning)}
.calculator-method ul{padding-inline-start:var(--space-lg)}
.calculator-method ul li{padding-inline-start:var(--space-xs);margin-bottom:var(--space-sm)}