/* Los modos y los números propios comparten una fila, sin invadir las operaciones. */
.aabn-app.aabn-board .aabn-practice-heading { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:14px; margin-bottom:14px; }
.aabn-app.aabn-board .aabn-practice-tools { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:12px; min-width:0; }
.aabn-app.aabn-board .aabn-own-numbers { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:54px; padding:10px 16px; color:#6e4916; background:#fff1c6; border:2px solid #dfbf72; border-radius:16px; box-shadow:0 4px 0 #eaddb8; font-size:17px; font-weight:850; }
.aabn-app.aabn-board .aabn-own-numbers:hover,
.aabn-app.aabn-board .aabn-own-numbers[aria-expanded="true"] { color:#52350e; background:#ffe49a; border-color:#b68c35; }
.aabn-app.aabn-board .aabn-own-numbers:focus-visible { outline:3px solid #167e74; outline-offset:3px; }
.aabn-app.aabn-board .aabn-own-numbers .aabn-icon { width:24px; height:24px; }
.aabn-app.aabn-board .aabn-practice-tools .aabn-mode-pills { flex:0 1 auto; }
.aabn-app.aabn-board .aabn-practice-heading + .aabn-operation-tabs { clear:both; margin-top:0; }
.aabn-app.aabn-board.aabn-high-contrast .aabn-own-numbers { color:#000; border-color:#000; box-shadow:none; }
@media (max-width:1100px) {
 .aabn-app.aabn-board .aabn-practice-heading > div:first-child { flex:1 1 100%; }
 .aabn-app.aabn-board .aabn-practice-tools { flex:1 1 100%; justify-content:flex-start; }
}
@media (max-width:600px) {
 .aabn-app.aabn-board .aabn-practice-tools { gap:9px; }
 .aabn-app.aabn-board .aabn-own-numbers { min-height:48px; padding:8px 12px; font-size:15px; }
 .aabn-app.aabn-board .aabn-practice-tools .aabn-mode-pills { max-width:100%; }
}