/* RECATOOLS — Trigonometry Calculator */
.tg-wrap { padding: 1.25rem; }
.tg-units { display: flex; gap: .4rem; justify-content: center; margin-bottom: 1rem; }
.tg-units label { cursor: pointer; }
.tg-units input { position: absolute; opacity: 0; }
.tg-units span { display: inline-block; padding: .4rem .9rem; font-size: .82rem; font-weight: 600; border: 1px solid #ebebeb; border-radius: 999px; color: #6b6760; }
.tg-units input:checked + span { background: #4f46e5; color: #fff; border-color: #4f46e5; }
.tg-field { display: flex; flex-direction: column; gap: .25rem; max-width: 240px; margin: 0 auto; }
.tg-field label { font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: #9b968d; text-align: center; }
.tg-field input { padding: .65rem .8rem; border: 1px solid #ebebeb; border-radius: 10px; font-size: 1.2rem; text-align: center; font-variant-numeric: tabular-nums; }
.tg-field input:focus { outline: none; border-color: #4f46e5; box-shadow: 0 0 0 3px rgba(79,70,229,.15); }
.tg-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: .5rem; margin-top: 1.25rem; }
.tg-card { background: #f5f3ff; border: 1px solid #ddd6fe; border-radius: 10px; padding: .6rem .7rem; text-align: center; }
.tg-card span { display: block; font-size: .7rem; color: #6b6760; margin-bottom: .15rem; }
.tg-card b { font-size: 1.15rem; color: #4338ca; font-variant-numeric: tabular-nums; word-break: break-word; }
.tg-section { margin-top: 2rem; padding-top: 1.25rem; border-top: 1px solid #ebebeb; }
.tg-section-head { font-size: .85rem; font-weight: 700; color: #1a1814; text-align: center; margin-bottom: .9rem; }
.tg-inv-error { margin-top: .8rem; font-size: .78rem; color: #b45309; text-align: center; }