.eco-code-badge{display:inline-block;margin-right:.35rem;padding:.05rem .5rem;border:1px solid var(--band);border-radius:999px;font-family:var(--mono);font-size:.85em;color:var(--band)}.eco-code-top{display:grid;grid-template-columns:minmax(0,20rem) minmax(0,1fr);gap:1.6rem;align-items:start}.eco-code-board{margin:0}.eco-code-board svg{display:block;width:100%;height:auto;border-radius:6px;box-shadow:var(--board-shadow)}.eco-code-moves{margin-top:.5rem;font-size:.9rem;color:var(--muted)}.eco-code h2{margin-top:1.2rem}.eco-code-results{display:flex;height:.7rem;margin-top:.5rem;border-radius:999px;overflow:hidden;border:1px solid var(--border)}.eco-code-results .white{background:#f4efe6}.eco-code-results .draws{background:var(--muted)}.eco-code-results .black{background:#1b1512}.eco-code-links{display:grid;gap:.3rem;margin-top:1rem;padding:0;list-style:none}.eco-code-variations{padding-left:1.4rem}.eco-code-variations li+li{margin-top:.45rem}.eco-code-variations .eco-code-moves{display:block;margin-top:.1rem;font-size:.84rem}.eco-code-around{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border)}.eco-codes-list{columns:2 20rem;column-gap:2rem;padding:0;list-style:none}.eco-codes-list li{break-inside:avoid;padding:.15rem 0}.eco-codes-list b{font-family:var(--mono);font-weight:600;color:var(--band)}.eco-codes-list a{color:var(--light);text-decoration:none}.eco-codes-list a:hover{color:var(--accent)}@media (max-width: 700px){.eco-code-top{grid-template-columns:minmax(0,1fr)}.eco-code-board{max-width:20rem}}