/* TTB Age Calculator styles */
.ttb-age-calc { max-width: 720px; margin: 0 auto; font-family: system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
.ttb-age-calc h2 { font-size: 1.4rem; margin: 0 0 12px; color: #111827; }

.ttb-card { background:#fff; border:1px solid #e5e7eb; border-radius:12px; padding:16px; box-shadow:0 1px 2px rgba(0,0,0,.04); }
.ttb-label { display:block; font-weight:600; margin-bottom:8px; color:#374151; }
.ttb-input-row { display:flex; gap:8px; align-items:center; }
.ttb-input { flex:1; padding:10px 12px; border:1px solid #d1d5db; border-radius:8px; font-size:0.95rem; outline:none; }
.ttb-input:focus { border-color:#3b82f6; box-shadow:0 0 0 3px rgba(59,130,246,.15); }

.ttb-btn { padding:10px 12px; border:none; border-radius:8px; background:#3b82f6; color:#fff; font-weight:600; cursor:pointer; }
.ttb-btn:hover { background:#2563eb; }
.ttb-btn.ghost { background:transparent; color:#374151; border:1px solid #d1d5db; }
.ttb-btn.copy { background:#6b7280; }
.ttb-btn.copy:hover { background:#4b5563; }

.ttb-error { margin-top:10px; color:#b91c1c; background:#fee2e2; border:1px solid #fecaca; padding:8px 10px; border-radius:8px; }

.ttb-results { margin-top:16px; display:grid; gap:10px; }
.res-row { display:flex; gap:10px; align-items:center; justify-content:space-between; background:#fff; border:1px solid #e5e7eb; border-radius:10px; padding:10px 12px; }
.res-label { color:#374151; font-weight:600; min-width: 180px; }
.res-value { color:#111827; font-variant-numeric: tabular-nums; }

.ttb-note { margin-top:10px; color:#6b7280; font-size:0.9rem; }