.ar-h { font-size: .62em; font-weight: 600; color: var(--text-3); margin-inline-start: 10px; letter-spacing: 0; }
.at-opts { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 10px 18px; align-items: center; }
.at-opts bdi, .seg [lang="ar"] { color: var(--text-3); font-weight: 500; }
.at-digits { grid-column: 1 / -1; }
.at-grid { align-items: start; }
.at-box { min-height: 280px; max-height: 520px; overflow: auto; }
textarea.at-box, .at-out { font-family: var(--font); font-size: 18px; line-height: 1.9; }
.at-out { white-space: pre-wrap; text-align: start; }
.at-out:empty::before { content: "النتيجة تظهر هنا"; color: var(--text-3); }
.at-note { margin: 0 0 12px; max-width: 760px; }
.at-map { display: grid; grid-template-columns: repeat(auto-fill, minmax(78px, 1fr)); gap: 6px; }
.at-map div { display: flex; justify-content: space-between; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 9px; background: var(--surface-2); border: 1px solid var(--line); font-size: 13px; }
.at-map b { font-family: var(--mono); color: var(--accent); }
.at-map span { font-size: 17px; }