/* Educational interfaces extend the shared house canon. */
:root{--learn-blue:#145f9d;--learn-teal:#146a67;--learn-orange:#aa431e;--learn-gold:#f2c35b}
.learning-nav{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 22px}
.learning-nav a{display:inline-flex;align-items:center;min-height:44px;padding:7px 13px;border:1px solid var(--brass);border-radius:4px;font-size:16px;line-height:1.3}
.learning-nav a[aria-current=page]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.learning-nav a:hover{background:var(--paper-deep)}
.learning-nav a[aria-current=page]:hover{background:var(--slate)}
.wrap{max-width:960px;padding:28px 24px 48px}
.wrap h1{font-size:clamp(34px,6vw,58px);line-height:1.12;margin:20px 0 10px}
.learning-note{color:var(--mute);font-size:16px;max-width:65ch;margin:12px 0 20px}
.wrap button,.wrap input,.wrap select{min-height:48px;border-radius:4px;font-size:17px}
.wrap button{border-color:var(--brass);line-height:1.3}
.wrap button:not(:disabled):hover{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.wrap button[aria-pressed=true],.wrap button.primary,.wrap .rank-next,.wrap #next,.wrap #reveal,.wrap #flip{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.wrap button:focus-visible,.wrap a:focus-visible{outline:3px solid var(--ochre);outline-offset:4px}
.wrap button:disabled{box-shadow:none}
.wrap .game{border:1px solid var(--brass);border-top:4px solid var(--green);border-radius:5px;padding:22px;background:var(--paper-deep)}
.wrap .game h2{font-size:27px;line-height:1.15;margin:12px 0 8px}
.wrap .game p{font-size:18px;line-height:1.45;margin:0 0 24px}
.wrap .game a{display:flex;justify-content:space-between;gap:12px;min-height:48px;padding:10px 14px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);border-radius:4px;font-size:17px;line-height:1.3}
.wrap .game a:hover{background:var(--slate)}
.wrap .card,.wrap .study,.wrap .ranked{border:1px solid var(--brass);border-radius:5px;background:var(--paper-deep)}
.wrap .sub,.wrap .lead{color:var(--mute)}
.wrap .setup-controls select{max-width:100%}
@media(max-width:760px){.wrap{padding:20px 16px 36px}.learning-nav{gap:6px;margin-bottom:18px}.learning-nav a{font-size:15px;padding:7px 10px}.games{grid-template-columns:1fr}.wrap .game{padding:18px}.wrap .game h2{margin-top:8px}.wrap .game p{margin-bottom:18px}}
@media(max-width:430px){.wrap .setup-controls{grid-template-columns:70px minmax(0,1fr)}.wrap .setup-controls #reset{grid-column:1/-1}.wrap .nav{flex-wrap:wrap}.wrap .controls{gap:8px}.wrap table{font-size:14px}.wrap th,.wrap td{padding:5px}}

/* One citation treatment across all activities, independent of legacy notice styles. */
.wrap [data-game-source]{font-size:16px;line-height:1.5;color:var(--ink);padding:16px 18px;margin:24px 0;border:1px solid #b2d3cb;border-left:5px solid var(--learn-teal);border-radius:5px;background:#e7f1eb;max-width:none}
.wrap [data-game-source] a{font-size:16px;line-height:1.5;font-weight:500;color:var(--learn-blue);text-decoration:underline;border-bottom:0;display:inline-flex;align-items:center;min-height:44px}
.wrap [data-game-source] a:hover{color:var(--learn-orange)}
.learning-nav a{font-size:16px;color:var(--learn-blue);border-color:#b4c9d7;background:#eaf1f6}
.learning-nav a[aria-current=page]{background:var(--learn-blue);border-color:var(--learn-blue);color:#fff}
.learning-nav a:hover{background:#d9e8f2}
.learning-nav a[aria-current=page]:hover{background:var(--slate)}
.wrap .game:nth-child(1){border-top-color:var(--learn-blue);background:#eaf1f6}
.wrap .game:nth-child(2){border-top-color:var(--learn-teal);background:#e7f1eb}
.wrap .game:nth-child(3){border-top-color:var(--learn-orange);background:#f7eade}
.wrap .game .number{font-size:32px;font-weight:500;color:var(--learn-blue)}
.wrap .game:nth-child(2) .number{color:var(--learn-teal)}
.wrap .game:nth-child(3) .number{color:var(--learn-orange)}
.wrap .game a{font-size:18px;background:var(--learn-blue);border-color:var(--learn-blue);color:#fff;box-shadow:0 3px 0 #20324226}
.wrap .game:nth-child(2) a{background:var(--learn-teal);border-color:var(--learn-teal)}
.wrap .game:nth-child(3) a{background:var(--learn-orange);border-color:var(--learn-orange)}
.wrap .game a:hover{background:var(--ink);border-color:var(--ink)}
.wrap button[aria-pressed=true]{background:var(--learn-blue);border-color:var(--learn-blue);color:#fff}
.wrap button.primary,.wrap .rank-next,.wrap #next,.wrap #reveal,.wrap #flip{background:var(--learn-teal);border-color:var(--learn-teal);color:#fff}
.wrap .card,.wrap .study{border-top:4px solid var(--learn-teal);background:#edf3ee}
.wrap .ranked{border-top:4px solid var(--learn-blue)}
.wrap button:not(:disabled):hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}

.learning-note strong{display:block;font-weight:500;color:var(--ink);margin-bottom:4px}
.wrap .privacy-link{display:inline-flex;align-items:center;min-height:44px;font-size:16px;color:var(--mute);border-bottom:0;text-decoration:underline;text-underline-offset:3px}
.wrap .privacy-link:hover{color:var(--learn-blue)}