/* Corrected age calculator (tool id: corrected-age). Tokens come from page.css. */
.ca{--gl:rgba(42,31,26,.14);margin:32px 0 8px;padding:24px;border-radius:var(--r);background:var(--paper);box-shadow:0 0 0 1px var(--line),0 24px 50px -40px rgba(60,30,10,.5)}
.ca-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end}
.ca-f{display:flex;flex-direction:column;gap:6px;min-width:0}
.ca-fl{font:600 13.5px/1.2 var(--sans);color:var(--ink2)}
.ca-ga{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.ca input,.ca select{width:100%;min-height:52px;margin:0;border-radius:14px;border:1.5px solid var(--gl);background:#fff;color:var(--ink);font:500 17px/1.2 var(--sans);padding:0 12px;-webkit-appearance:none;appearance:none}
.ca input:focus,.ca select:focus{outline:none;border-color:var(--honey);box-shadow:0 0 0 3.5px rgba(231,168,87,.32)}
.ca select{padding-right:34px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A9672A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center/18px}
.ca-or{font:500 14px/1.4 var(--sans);color:var(--muted);margin:10px 0 0}
.ca-out{margin-top:20px;padding:20px 22px;border-radius:18px;background:rgba(231,168,87,.13)}
.ca-out[hidden]{display:none}
.ca-big{font:500 clamp(28px,6vw,40px)/1.1 var(--serif);letter-spacing:-.02em;margin:4px 0 8px;color:var(--ink)}
.ca-k{font:600 12.5px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--caramel)}
.ca-out p{margin:6px 0}
.ca-out .btn{margin-top:12px}
.ca-priv{font-size:13.5px;color:var(--muted);margin:14px 0 0}
@media (max-width:640px){.ca{padding:20px}.ca-grid{grid-template-columns:minmax(0,1fr)}.ca-out .btn{width:100%}}