/* Worked positions stay legible at a 320px viewport and in either theme. */
.strategy-figure{margin:1.6rem 0 2rem;padding:clamp(.85rem,3vw,1.4rem);border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--text);overflow:hidden}
.strategy-figure-heading{font-size:.76rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:1rem}
.strategy-panels{display:flex;flex-wrap:wrap;align-items:flex-start;gap:1.2rem}
.strategy-panel{flex:1 1 210px;min-width:0;max-width:100%}
.strategy-panel-title{font-size:.85rem!important;line-height:1.45!important;font-weight:650;margin:0 0 .65rem!important;color:var(--text)}
.strategy-grid{display:grid;grid-template-columns:repeat(var(--strategy-cols),minmax(0,1fr));gap:4px;width:100%;max-width:21rem}
.strategy-cell{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0;aspect-ratio:1;border:1px solid var(--line);border-radius:7px;background:var(--board-cell,var(--bg));color:var(--text);position:relative;line-height:1.1}
.strategy-cell b{font-size:clamp(.9rem,3.6vw,1.5rem);font-weight:650}
.strategy-cell small{font-size:.61rem;font-weight:550;color:var(--muted);line-height:1.25;margin-top:.22rem;white-space:nowrap}
.strategy-cell.focus{border:2px solid var(--blue);background:var(--blue-soft);box-shadow:inset 0 0 0 1px var(--surface)}
.strategy-cell.result{background:color-mix(in srgb,#4f9777 19%,var(--surface));border-color:color-mix(in srgb,#4f9777 65%,var(--line))}
.strategy-cell.target{border:2px dashed #c27448;background:color-mix(in srgb,#c27448 13%,var(--surface))}
.strategy-cell.origin{border-style:dotted;color:var(--muted)}
.strategy-cell.blank{visibility:hidden}
.strategy-cell.clue{border:0;background:transparent}
.strategy-cell.clue b{font-size:1rem}
.strategy-cell.lit{background:#f6d46c;color:#352b0f;border-color:#bb9641}
.strategy-cell.off{color:var(--muted)}
.strategy-cell.unknown{border-style:dashed}
.strategy-board{gap:2px;max-width:24rem}
.strategy-board .strategy-cell{border-radius:2px}
.strategy-board .strategy-cell b{font-size:clamp(1rem,4.2vw,1.9rem);font-family:Georgia,'Times New Roman',serif;font-weight:400}
.strategy-board .strategy-cell small{position:absolute;bottom:1px;left:2px;margin:0;font-size:.5rem}
.strategy-board .square-dark{background:color-mix(in srgb,var(--muted) 24%,var(--surface))}
.strategy-board .square-light{background:var(--surface)}
.strategy-board .focus{background:var(--blue-soft)}
.strategy-board .result{background:color-mix(in srgb,#4f9777 22%,var(--surface))}
.strategy-board .target{background:color-mix(in srgb,#c27448 15%,var(--surface))}
.strategy-pits{gap:3px}
.strategy-pits .strategy-cell{border-radius:40%;aspect-ratio:.8}
.strategy-pits .strategy-cell small{font-size:.58rem}
.strategy-pits .strategy-cell:last-child{border-radius:8px}
.strategy-nine{gap:2px}
.strategy-nine .strategy-cell{border-radius:3px}
.strategy-nine .strategy-cell b{font-size:clamp(.8rem,3vw,1.15rem)}
.strategy-tic{max-width:13rem}
.strategy-tic .strategy-cell b{font-family:var(--font-mono,monospace);font-size:1.6rem}
.strategy-connect .strategy-cell{border-radius:50%;background:var(--surface)}
.strategy-connect .strategy-cell b{color:var(--blue)}
.strategy-connect .focus{background:var(--blue-soft)}
.strategy-letters .strategy-cell small{font-size:.53rem}
.strategy-equation{font-size:clamp(1rem,4.4vw,1.6rem);font-variant-numeric:tabular-nums;padding:1rem 0;white-space:normal}
.strategy-equation strong,.strategy-math-steps strong{color:var(--blue)}
.strategy-math-steps{display:grid;gap:.55rem;font-size:1.1rem;font-variant-numeric:tabular-nums;padding:.5rem 0}
.strategy-figure figcaption{font-size:.85rem;line-height:1.65;color:var(--muted);margin-top:1rem;max-width:68ch}
@media(max-width:480px){.strategy-panels{gap:1rem}.strategy-panel{flex-basis:100%}.strategy-grid{max-width:100%}.strategy-board{max-width:22rem}.strategy-tic{max-width:13rem}.strategy-cell small{font-size:.58rem}.strategy-board .strategy-cell small{font-size:.46rem}}
.strategy-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.strategy-flow>span{font-size:12px;line-height:1.6;position:relative}.strategy-flow b{display:block;font-size:24px;color:var(--blue);margin-bottom:12px}.strategy-flow>span:not(:last-child):after{content:'→';position:absolute;top:4px;right:0;color:var(--muted)}@media(max-width:600px){.strategy-flow{grid-template-columns:1fr 1fr;gap:22px}.strategy-flow>span{font-size:11px}}

.wordle-practice{display:grid;gap:5px;max-width:16rem;margin:1rem auto}.wordle-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.wordle-tile{display:grid;place-items:center;aspect-ratio:1;border:1px solid var(--line);border-radius:5px;font-weight:700;font-size:1.2rem}.wordle-tile.exact{background:#376b44;color:#fff;border-color:#376b44}.wordle-tile.present{background:#856400;color:#fff;border-color:#856400}.wordle-tile.absent{background:#525252;color:#fff;border-color:#525252}.wordle-form{display:flex;align-items:end;gap:.5rem;flex-wrap:wrap}.wordle-form label{flex:1;min-width:8rem;font-size:.85rem}.wordle-form input{display:block;width:100%;box-sizing:border-box;margin-top:.4rem;padding:.75rem;font:inherit;font-size:1rem;text-transform:uppercase;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:8px}.wordle-form button{min-height:44px}.wordle-form input:focus-visible{outline:2px solid var(--blue);outline-offset:2px}