.date-calculator-container h1 { text-align: left; color: var(--primary-color); margin-bottom: 1rem; font-size: 2rem; }
.date-calculator-form .form-row { display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 20px; }
.date-calculator-form .form-group { flex: 1; min-width: 200px; }
.date-calculator-form label { display: block; margin-bottom: 8px; font-weight: 500; color: #333; }
.date-calculator-form .form-hint { font-size: 0.85em; color: #6c757d; margin-top: 5px; }
.date-calculator-form .calculate-button { background-color: var(--secondary-color); color: white; border: none; padding: 12px 24px; border-radius: 5px; cursor: pointer; font-size: 1.05em; font-weight: 500; transition: background-color 0.2s; display: block; width: auto; min-width: 180px; margin: 25px auto 0; }
.date-calculator-form .calculate-button:hover { background-color: var(--primary-color); }
.calculator-error-message { color: #721c24; background-color: #f8d7da; border: 1px solid #f5c6cb; padding: 5px 8px; margin: 1rem 0; border-radius: 5px; text-align: center; }
.calculator-result-block { margin-top: 30px; padding: 1.5rem; background-color: var(--primary-color); color: #fff; border-radius: 5px; text-align: center; }
.calculator-result-block p.result-text { font-size: 1.8em; font-weight: 500; word-wrap: break-word; margin: 0; font-family: 'Courier New', Courier, monospace; }
.hidden {
    display: none !important;
}