.odd-lesson{max-width:920px;padding-block:52px}.odd-lesson h1{font:400 clamp(38px,6vw,64px)/1.1 var(--serif);letter-spacing:-1px}.odd-lesson h2{font:400 29px/1.25 var(--serif)}.odd-lesson section{margin-block:36px}.odd-lead{font-size:22px;line-height:1.6}.odd-game-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;clear:both}.odd-game-card{border:1px solid var(--line);padding:24px;text-decoration:none;border-radius:8px;background:white}.odd-game-card:hover{border-color:var(--ink)}.odd-game-card h2{margin-top:0}.odd-game-card span{text-decoration:underline}.odd-teacher{width:220px;float:right;margin:0 0 28px 30px}.odd-demo{border:1px solid var(--line);padding:28px;border-radius:12px;background:white}.odd-demo label{display:block}.odd-demo input[type=range]{display:block;width:100%;margin-block:22px;accent-color:var(--deep)}.odd-controls{display:flex;gap:12px;flex-wrap:wrap;margin-block:20px}.odd-controls button{background:var(--deep);color:white;border:0;padding:14px 20px;border-radius:6px;min-height:48px}.odd-controls button:disabled{opacity:.6;cursor:default}.odd-controls [data-reset]{background:var(--gold);color:var(--deep)}.odd-demo details{border-top:1px solid var(--line);padding-top:16px}.odd-demo summary{cursor:pointer;font-weight:bold}.odd-table{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:55px 10px 15px;background:#163e32;border-radius:9px;color:white;text-align:center;font-size:14px}.odd-red{background:#a42d2d;padding:12px 3px;border-radius:4px}.odd-zero{background:#28743c;padding:12px 3px;border-radius:4px}.odd-chip{position:absolute;top:8px;left:calc(50% - 18px);width:36px;height:36px;border:3px dashed white;border-radius:50%;background:#f2c76b;color:#173c33;line-height:30px;transition:left .4s,top .4s}.odd-chip-placed .odd-chip{left:calc(16.67% - 18px);top:30px}.odd-step{font-size:20px}.odd-balance{font-weight:bold}.odd-glossary dt{font-weight:bold;margin-top:26px}.odd-glossary dd{margin:5px 0 0}.odd-start-note{padding-block:24px}.odd-start-note p{margin-top:0}@media(max-width:650px){.odd-lesson{padding-block:30px}.odd-game-grid{grid-template-columns:1fr}.odd-demo{padding:19px}.odd-teacher{width:135px;margin-left:15px}.odd-controls{display:grid;grid-template-columns:1fr}.odd-table{font-size:12px}.odd-lead{font-size:20px}.odd-lesson h2{font-size:26px}}@media(prefers-reduced-motion:reduce){.odd-chip{transition:none}}
/* Plain-language teaching tools, release 1.2.0 */
.odd-lesson{overflow-wrap:anywhere}.odd-lesson p,.odd-lesson li{line-height:1.7}.odd-example-nav{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.odd-example-nav a{border:1px solid var(--line);padding:10px 14px;border-radius:6px;text-decoration:none;background:#fff}.odd-demo{scroll-margin-top:24px}.odd-demo h2{margin-top:0}.odd-demo select{display:block;width:100%;max-width:100%;padding:13px 10px;font:inherit;border:1px solid #627b70;border-radius:6px;background:#fff;color:var(--deep);margin:10px 0 22px;min-height:48px}.odd-demo output{display:inline-block;font-weight:700;background:#f5dfaa;border-radius:5px;padding:2px 8px}.odd-answer{padding:20px;background:#edf3ed;border-left:4px solid #236143;font-size:18px;line-height:1.7;margin:24px 0}.odd-answer strong{font:400 38px var(--serif)}.odd-worked{padding:24px;background:#f4eddf;border-radius:10px;margin:28px 0;clear:both}.odd-worked h2{margin-top:0}.odd-worked summary{cursor:pointer;font-weight:700}.odd-demo details{margin-block:20px}.odd-demo details p{font-size:16px}.odd-demo label{margin-top:20px;font-weight:600}.odd-demo button:focus-visible,.odd-demo select:focus-visible,.odd-example-nav a:focus-visible{outline:3px solid #a97316;outline-offset:4px}.odd-coin-key{display:flex;gap:25px;justify-content:center;margin:28px 0}.odd-coin{width:124px;height:124px;border:5px double #9a6a17;border-radius:50%;background:#f2d285;display:flex;align-items:center;justify-content:center;flex-direction:column;font:28px var(--serif);color:#193e33;box-shadow:0 4px 0 #b88932}.odd-coin small{font:14px Arial,sans-serif;margin-top:8px}.odd-tail{background:#efece3;border-color:#7b847a;box-shadow:0 4px 0 #9ca698}.odd-sequences{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:8px}.odd-sequences li{padding:12px;background:#fff;border:1px solid #d3dacf;border-radius:6px;font-size:15px}.odd-sequences span{display:block;font-weight:bold}.odd-sequences .odd-match{border-left:4px solid #236143;background:#e5efe5}.odd-chart-scroll{overflow-x:auto;max-width:100%}.odd-chart-scroll svg{min-width:660px;display:block}.odd-chart-details .chart{margin:24px 0}.odd-table-scroll{overflow:auto}.odd-table-scroll table{width:100%;border-collapse:collapse}.odd-table-scroll th,.odd-table-scroll td{padding:10px;text-align:left;border-bottom:1px solid #d1dacd}.odd-table-scroll caption{text-align:left;font-weight:700;margin:12px 0}.odd-worked table{width:100%;border-collapse:collapse}.odd-worked th,.odd-worked td{padding:10px 7px;text-align:left;border-bottom:1px solid #c9c4b5}.odd-worked caption{text-align:left;font-weight:700;margin-bottom:10px}.odd-coin-lab .sprite{max-width:210px;margin:auto}.odd-coin-lab .odd-worked .motion{display:block;margin:12px auto}.odd-demo input[type=range]{min-height:36px}.odd-updated{font-size:14px;color:#456451}.odd-worked .odd-formula{font-weight:bold;font-size:20px}#coin-frequency{font-size:16px}.odd-coin-lab details>summary{padding-block:10px;font-weight:700;cursor:pointer}@media(max-width:650px){.odd-worked{padding:19px}.odd-sequences{grid-template-columns:1fr}.odd-answer{padding:16px;font-size:17px}.odd-example-nav{display:grid;grid-template-columns:1fr}.odd-demo select{font-size:16px}.odd-worked table{font-size:14px}.odd-coin{width:110px;height:110px}.odd-coin-lab h1{font-size:36px}.odd-demo .odd-table{font-size:13px}}
