/* RECATOOLS — Circle Calculator */
.cir-wrap { padding: 1.25rem; }
.cir-fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: .75rem; }
.cir-field { display: flex; flex-direction: column; gap: .25rem; }
.cir-field label { font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: #9b968d; }
.cir-field input { padding: .6rem .7rem; border: 1px solid #ebebeb; border-radius: 10px; font-size: 1.05rem; text-align: center; font-variant-numeric: tabular-nums; }
.cir-field input:focus { outline: none; border-color: #4f46e5; box-shadow: 0 0 0 3px rgba(79,70,229,.15); }
.cir-hint { font-size: .75rem; color: #9b968d; text-align: center; margin: .75rem 0 0; }
.cir-angle-row { margin-top: 1rem; }
.ci-error { margin: 1rem 0 0; padding: .8rem 1rem; background: #fef2f2; border-left: 4px solid #ef4444; border-radius: 10px; color: #991b1b; font-size: .9rem; }
.ci-result { margin-top: 1.5rem; }
.ci-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: .5rem; }
.ci-card { background: #f5f3ff; border: 1px solid #ddd6fe; border-radius: 12px; padding: .7rem .85rem; text-align: center; }
.ci-card span { display: block; font-size: .7rem; color: #6b6760; margin-bottom: .15rem; }
.ci-card b { font-size: 1.25rem; color: #4338ca; font-variant-numeric: tabular-nums; }
.ci-sec-head { font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: #7c3aed; margin: 1.25rem 0 .6rem; text-align: center; }