/* Age Calculator (namespaced .ac-*) */
.ac-inputs { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-end; }
.ac-inputs .field { flex: 1 1 200px; min-width: 0; }
.ac-big { margin-top: 18px; display: flex; flex-wrap: wrap; align-items: center; gap: 10px 20px; }
.ac-big > span { flex: 1 1 100%; font-weight: 600; opacity: .9; }
.ac-age { flex: 1 1 auto; display: flex; flex-wrap: wrap; gap: 4px 22px; align-items: baseline; font-weight: 600; }
.ac-age b { display: inline; margin-right: 4px; }
.ac-share { background: #FFF; color: var(--cat-ink); }
.ac-share:disabled { cursor: not-allowed; }
.ac-stats { margin-top: 12px; }
.ac-stats .stat b { font-size: 24px; }
.ac-stats .stat span { display: block; font-weight: 600; }
.ac-stats .stat small { color: var(--faint); font-size: 12px; }
.ac-title { margin: 10px 0 4px; font-family: var(--display); font-size: 20px; }
.ac-hint { margin: 0 0 8px; color: var(--muted); font-size: 14px; }
.ac-facts { margin: 0 0 8px; }
.ac-facts div { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 16px; padding: 11px 0; border-bottom: 1px solid #F0EDE6; }
.ac-facts div:last-child { border-bottom: 0; }
.ac-facts dt { color: var(--muted); }
.ac-facts dd { margin: 0; font-weight: 700; }
[dir="rtl"] .ac-age b { margin-right: 0; margin-left: 4px; }