.multiplication-tool #mult-settings legend { font-size: 18px; border-bottom: 0; }
.mult-tables { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; margin: 10px 0 16px; }
.mult-tables label { padding: 7px; border: 1px solid #dce5eb; text-align: center; }
.multiplication-tool .front-tools-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.mult-question { margin: 24px 0; font-size: clamp(38px, 9vw, 72px); font-weight: 700; text-align: center; font-variant-numeric: tabular-nums; }
#mult-answer-form { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px; }
.multiplication-tool #mult-answer { box-sizing: border-box; width: 170px; min-height: 48px; padding: 10px 12px; border: 1px solid #bdcbd4; border-radius: 4px; background: #fff; color: #233445; font: inherit; font-size: 24px; text-align: center; }
.multiplication-tool #mult-answer:focus { border-color: #3c9ac7; outline: 3px solid rgba(60,154,199,.2); }
.multiplication-tool .front-tools-result { margin-top: 20px; padding: 20px; border: 1px solid #dce5eb; border-radius: 6px; background: #fff; }
.multiplication-tool #mult-summary > p:first-child { margin-top: 0; }
.multiplication-tool #mult-mistakes .mult-no-mistakes { list-style: none; margin-left: -1.25em; color: #526473; }
#mult-feedback { min-height: 1.5em; text-align: center; font-weight: 600; }
@media (max-width: 767px) { .multiplication-tool .front-tools-options { grid-template-columns: 1fr; } .mult-tables { grid-template-columns: repeat(4, minmax(0, 1fr)); } }