/* Stage 20: public bank navigation only. */
.topic-number-grid { display:grid; grid-template-columns:repeat(10,minmax(0,1fr)); gap:8px; margin:16px 0 22px; }
.topic-number-grid__item, .topic-task-stepper__button { min-width:0; min-height:39px; padding:6px 3px; border:1px solid #d4d9d3; border-radius:9px; background:#fffdf9; color:#214e3f; font:inherit; font-weight:700; cursor:pointer; }
.topic-number-grid__item:hover, .topic-task-stepper__button:not(:disabled):hover { background:#eaf3ed; }
.topic-number-grid__item.is-active { background:#245540; color:#fff; border-color:#245540; }
.topic-number-grid__item:focus-visible, .topic-task-stepper__button:focus-visible { outline:3px solid #b88558; outline-offset:2px; }
.topic-task-list > .topic-task-card[hidden] { display:none !important; }
.topic-task-stepper { display:flex; align-items:center; justify-content:flex-end; gap:12px; margin:14px 0; font-weight:700; }
.topic-task-stepper__button { min-width:42px; }
.topic-task-stepper__button:disabled { opacity:.4; cursor:default; }
@media(max-width:580px) { .topic-number-grid { grid-template-columns:repeat(5,minmax(0,1fr)); gap:6px; } }