/* RECATOOLS — GCD + LCM Calculator */
.gl-wrap { padding: 1.25rem; }
.gl-input { width: 100%; padding: .75rem 1rem; border: 1px solid #ebebeb; border-radius: 10px; font-size: 1.1rem; text-align: center; font-variant-numeric: tabular-nums; }
.gl-input:focus { outline: none; border-color: #4f46e5; box-shadow: 0 0 0 3px rgba(79,70,229,.15); }
.gl-hint { font-size: .75rem; color: #9b968d; text-align: center; margin: .5rem 0 0; }
.gl-error { margin: 1rem 0 0; padding: .8rem 1rem; background: #fef2f2; border-left: 4px solid #ef4444; border-radius: 10px; color: #991b1b; font-size: .9rem; }
.gl-result { margin-top: 1.5rem; }
.gl-answers { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; }
.gl-card { background: #f5f3ff; border: 1px solid #ddd6fe; border-radius: 14px; padding: 1.1rem; text-align: center; }
.gl-card-label { display: block; font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: #7c3aed; margin-bottom: .3rem; }
.gl-card b { font-size: 2rem; color: #4338ca; font-variant-numeric: tabular-nums; }
.gl-work { margin-top: 1.5rem; }
.gl-work-head { font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: #7c3aed; margin-bottom: .5rem; }
.gl-fac-table { margin: 0 auto; border-collapse: collapse; font-size: 1.05rem; }
.gl-fac-table td { padding: .3rem .6rem; font-variant-numeric: tabular-nums; }
.gl-fac-table td:first-child { font-weight: 700; text-align: right; color: #1a1814; }
.gl-fac-table sup { font-size: .7em; }
.gl-note { font-size: .85rem; color: #6b6760; margin-top: 1rem; line-height: 1.55; }