.learn-section{background:#eef3f9;border-bottom:1px solid #e0e6ee}.learn-games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.learn-game{display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:26px;border:1px solid #d6dfeb;background:#fff;border-radius:10px;transition:transform .2s,border-color .2s;min-width:0}.learn-game:hover{border-color:#d85523;transform:translateY(-3px)}.learn-game[aria-pressed=true]{border-color:#cf4b1b;box-shadow:inset 0 0 0 1px #cf4b1b}.learn-game-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px}.learn-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:10px;background:#fff0e8;color:#af4019}.learn-icon svg{width:26px;height:26px}.learn-level{font-size:.75rem;letter-spacing:.09em;font-weight:700;color:#52647f}.learn-game>strong{font-size:1.3rem;line-height:1.3;margin-bottom:12px}.learn-game>span:not(.learn-game-top):not(.learn-game-bottom){font-size:1rem;color:#5c6c82;line-height:1.6}.learn-game-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-top:auto;padding-top:28px;font-size:.875rem}.learn-game-bottom>span{color:#68758a}.learn-game-bottom>b{color:#a53e18}.learn-note{font-size:.875rem;line-height:1.7;color:#5b6b82;margin-top:24px}.learn-playground{background:#fff;border:1px solid #cfd9e7;border-radius:12px;margin-top:26px;overflow:hidden;scroll-margin-top:120px}.learn-board-head{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 30px;background:#101d35;color:#fff}.learn-board-head h3{font-size:1.15rem;line-height:1.4}.learn-progress-label{font-size:.875rem;color:#d1daea;white-space:nowrap}.learn-meter{height:5px;background:#dfe6ef}.learn-meter span{display:block;height:100%;background:#f36635;transition:width .3s}.learn-board-body{padding:32px;max-width:900px;margin:auto}.learn-context{color:#ac401a;font-size:.875rem;font-weight:700;letter-spacing:.05em;margin-bottom:12px}.learn-question{font-size:clamp(1.35rem,2.7vw,1.65rem);line-height:1.4;letter-spacing:-.025em;max-width:760px}.learn-instruction{color:#5b6c84;line-height:1.7;margin-top:12px}.learn-options{display:grid;gap:12px;margin-top:25px}.learn-option{display:flex;align-items:center;gap:16px;text-align:left;background:#f8fafc;border:1px solid #d9e2ee;border-radius:7px;padding:16px 18px;font-size:1rem;line-height:1.6;width:100%}.learn-option .option-letter{display:flex;justify-content:center;align-items:center;border:1px solid #cbd5e3;border-radius:5px;flex-shrink:0;width:31px;height:31px;font-size:.875rem;font-weight:700;background:#fff;color:#566a87}.learn-option:hover:not(:disabled){background:#fff3eb;border-color:#df7a53}.learn-option.is-correct{border-color:#458465;background:#edf8f1;color:#1e593b}.learn-option.is-miss{border-color:#b9763c;background:#fff5e9}.learn-option:disabled{cursor:default}.learn-option:disabled:not(.is-correct):not(.is-miss){color:#68768b;background:#f8fafc}.learn-feedback{padding:18px 20px;margin-top:22px;border-radius:7px;background:#fff4e7;border-left:4px solid #bc671c;line-height:1.75}.learn-feedback.is-success{background:#edf7f1;border-left-color:#3a805e}.learn-feedback strong{display:block;font-size:1rem;line-height:1.6;margin-bottom:5px}.learn-feedback p{color:#42556e;font-size:1rem}.learn-source{display:inline-block;font-size:.875rem;font-weight:600;margin-top:9px;text-decoration:underline;text-underline-offset:3px;color:#344c6c}.learn-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:24px}.learn-reset{border:0;padding:10px 0;background:transparent;text-decoration:underline;text-underline-offset:4px;font-size:.875rem;font-weight:600;color:#596b85}.learn-next:disabled{cursor:default;opacity:.55;transform:none}.learn-recap{list-style:none;padding:0;margin:22px 0;display:grid;gap:12px}.learn-recap li{padding:15px 18px;background:#f3f6fa;border-left:3px solid #f36635;border-radius:4px;color:#425570;font-size:1rem;line-height:1.7}.learn-complete-label{display:inline-flex;align-items:center;padding:7px 12px;background:#fff0e8;color:#a43e17;border-radius:5px;font-size:.875rem;font-weight:700;margin-bottom:17px}.learn-other-game{background:#fff;border:1px solid #bfcddd;border-radius:6px;padding:12px 17px;font-weight:600;font-size:.875rem;line-height:1.5;color:#344b69}.learn-other-game:hover{background:#f1f5fa;border-color:#6a7e98}.learn-match-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:26px;margin-top:25px}.learn-match-grid fieldset{margin:0;padding:0;border:0;min-width:0;display:flex;flex-direction:column;gap:12px}.learn-match-grid legend{font-size:.875rem;font-weight:700;color:#5b6d86;margin-bottom:13px;line-height:1.6}.learn-match-choice{display:flex;align-items:center;justify-content:space-between;gap:15px;text-align:left;border:1px solid #d1dbe8;background:#f8fafc;border-radius:7px;padding:17px;min-height:81px;font-size:1rem;line-height:1.55;overflow-wrap:anywhere}.learn-match-choice[aria-pressed=true]{border-color:#ca4b1d;background:#fff0e8;box-shadow:inset 0 0 0 1px #ca4b1d}.learn-match-choice:hover:not(:disabled){border-color:#ca4b1d}.learn-match-choice.is-matched{background:#edf7f1;border-color:#7eaf95;color:#23563e;cursor:default}.learn-match-tag{font-size:.875rem;font-weight:700;white-space:nowrap}.learn-finish{margin-bottom:4px}.learn-board-body :focus-visible{outline-offset:4px}.learn-question:focus,.learn-board-head h3:focus{outline:none}@media(min-width:801px) and (max-width:1100px){.nav nav{gap:15px}.nav nav>a{font-size:.875rem}.learn-game{padding:21px}.learn-game-bottom{align-items:flex-start;flex-direction:column}}@media(max-width:800px){.learn-games{gap:15px}.learn-game{padding:20px}.learn-game>strong{font-size:1.125rem}.learn-game-top{margin-bottom:18px}.learn-level{font-size:.75rem;letter-spacing:0}.learn-game-bottom{flex-direction:column;align-items:flex-start;padding-top:20px;gap:6px}.learn-board-head{padding:19px 23px}.learn-board-body{padding:26px 23px}}@media(max-width:600px){.learn-games{grid-template-columns:1fr}.learn-game{padding:22px}.learn-game-top{margin-bottom:12px}.learn-game-bottom{flex-direction:row;align-items:center}.learn-game>strong{font-size:1.25rem}.learn-match-grid{grid-template-columns:1fr;gap:22px}.learn-match-choice{min-height:62px;padding:13px 15px}.learn-board-head{gap:14px;align-items:flex-start;flex-direction:column}.learn-option{padding:13px;gap:12px}.learn-board-body{padding:24px 19px}.learn-progress-label{white-space:normal}.learn-feedback{padding:16px}.learn-actions{gap:15px}}@media(prefers-reduced-motion:reduce){.learn-meter span,.learn-game{transition:none}}
.learn-question{margin:0}.learn-question,.learn-next,.learn-finish,.learn-match-choice{scroll-margin-block:120px 24px}