.learning-tool{margin:1.5rem 0;padding:clamp(1rem,3vw,1.5rem);border:1px solid var(--border-color, #565758);border-radius:12px;line-height:1.65}.learning-tool h2{margin:0 0 .75rem;font-size:1.25rem}.learning-tool h3{margin:0 0 .75rem;font-size:1rem}.learning-tool p{margin:.75rem 0}.learning-tool a{color:inherit;text-decoration:underline;text-underline-offset:3px}.learning-tool__boards,.learning-tool__inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.25rem 0}.learning-tool__board{min-width:0}.learning-tool__row{display:flex;gap:4px;margin-bottom:4px}.learning-tool__tile{display:grid;place-items:center;width:min(16%,2.5rem);aspect-ratio:1;font-size:1.05rem;font-weight:750;color:#fff;border-radius:3px}.learning-tool__tile--correct{background:#376a39}.learning-tool__tile--present{background:#806414}.learning-tool__tile--absent{background:#454549}.learning-tool__actions{display:flex;flex-wrap:wrap;gap:.75rem}.learning-tool__actions button{min-height:44px}.learning-tool__actions button:disabled{opacity:.45;cursor:default}.learning-tool__inputs label{display:grid;gap:.5rem}.learning-tool__inputs input{width:100%;min-width:0;box-sizing:border-box;min-height:44px;padding:.6rem;border:1px solid currentColor;border-radius:6px;font:inherit;color:inherit;background:transparent}@media(max-width:420px){.learning-tool__boards,.learning-tool__inputs{grid-template-columns:1fr}}