.datediff-tool{background:#fff;border-radius:16px;border:1px solid var(--gray-200);padding:2rem;margin-top:2rem;display:flex;flex-direction:column;gap:1.5rem}.datediff-inputs{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem;justify-content:center}.datediff-date-group{display:flex;flex-direction:column;gap:.4rem;flex:1;min-width:160px}.datediff-label{font-size:.85rem;font-weight:600;color:var(--gray-800);text-transform:uppercase;letter-spacing:.05em}.datediff-date-input{padding:.6rem 1rem;border:1px solid var(--gray-200);border-radius:8px;font-size:1rem;color:var(--gray-800);background:#fff;width:100%;box-sizing:border-box;transition:border-color .2s}.datediff-date-input:focus{outline:0;border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(235,57,68,.1)}.datediff-swap-btn{display:flex;align-items:center;gap:.4rem;white-space:nowrap;align-self:flex-end}.datediff-actions{display:flex;justify-content:center}.datediff-results{display:flex;flex-direction:column;gap:1rem}.datediff-order-note{text-align:center;font-size:.9rem;color:var(--gray-400);font-style:italic}.datediff-cards{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.datediff-card{display:flex;flex-direction:column;align-items:center;flex:1;min-width:120px;padding:1.25rem 1rem;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:12px;text-align:center}.datediff-card-wide{min-width:160px}.datediff-card-val{font-size:1.6rem;font-weight:700;color:var(--primary-600);line-height:1}.datediff-card-label{font-size:.78rem;color:var(--gray-400);margin-top:.4rem;text-transform:uppercase;letter-spacing:.05em}@media (max-width:600px){.datediff-inputs{flex-direction:column}.datediff-date-group{width:100%}}