/* RECATOOLS — Pythagorean Theorem Calculator */
.py-wrap { padding: 1.25rem; }
.py-modes { display: flex; gap: .4rem; justify-content: center; margin-bottom: 1.25rem; }
.py-modes button { padding: .45rem 1rem; font-size: .85rem; font-weight: 600; border: 1px solid #ebebeb; background: #fff; border-radius: 999px; cursor: pointer; color: #6b6760; }
.py-modes button[aria-pressed="true"] { background: #4f46e5; color: #fff; border-color: #4f46e5; }
.py-fields { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: center; }
.py-field { display: flex; flex-direction: column; gap: .25rem; }
.py-field label { font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: #9b968d; text-align: center; }
.py-field input { width: 100px; padding: .6rem .7rem; border: 1px solid #ebebeb; border-radius: 10px; font-size: 1.1rem; text-align: center; font-variant-numeric: tabular-nums; }
.py-field input:focus { outline: none; border-color: #4f46e5; box-shadow: 0 0 0 3px rgba(79,70,229,.15); }
.py-hint { text-align: center; font-size: .75rem; color: #9b968d; margin: .75rem 0 0; }
.py-error { margin: 1rem 0 0; padding: .8rem 1rem; background: #fef2f2; border-left: 4px solid #ef4444; border-radius: 10px; color: #991b1b; font-size: .9rem; }
.py-result { margin-top: 1.5rem; }
.py-main { text-align: center; font-size: 1.25rem; color: #1a1814; }
.py-main strong { color: #4338ca; }
.py-sub { text-align: center; font-size: .85rem; color: #6b6760; margin-top: .4rem; }