.how-to-conn[data-astro-cid-3mup5uyg]{margin:18px 0 26px}.how-to-conn__board[data-astro-cid-3mup5uyg]{width:min(100%,420px);margin-inline:auto;padding:14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.how-to-conn__solved[data-astro-cid-3mup5uyg]{display:grid;gap:8px;margin-bottom:8px}.how-to-conn__group[data-astro-cid-3mup5uyg]{padding:12px 14px;border-radius:6px;text-align:center}.how-to-conn__group[data-astro-cid-3mup5uyg] .cat[data-astro-cid-3mup5uyg]{margin:0;font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.how-to-conn__group[data-astro-cid-3mup5uyg] .words[data-astro-cid-3mup5uyg]{margin:4px 0 0;font-size:.92rem;font-weight:600;letter-spacing:.02em}.how-to-conn__group[data-astro-cid-3mup5uyg].is-yellow{background:#f9df6d;color:#1a1a1a}.how-to-conn__group[data-astro-cid-3mup5uyg].is-green{background:#a0c35a;color:#1a1a1a}.how-to-conn__group[data-astro-cid-3mup5uyg].is-blue{background:#b0c4ef;color:#1a1a1a}.how-to-conn__group[data-astro-cid-3mup5uyg].is-purple{background:#ba81c5;color:#1a1a1a}.how-to-conn__grid[data-astro-cid-3mup5uyg]{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.how-to-conn__grid[data-astro-cid-3mup5uyg].is-shrunk{margin-top:2px}.how-to-conn__tile[data-astro-cid-3mup5uyg]{display:flex;align-items:center;justify-content:center;min-height:52px;padding:6px 4px;border-radius:6px;background:#efefe6;color:#1a1a1a;font-size:clamp(.62rem,2.4vw,.78rem);font-weight:700;letter-spacing:.03em;text-align:center;text-transform:uppercase;line-height:1.15;user-select:none}.how-to-conn__tile[data-astro-cid-3mup5uyg].is-selected{background:#5a594e;color:#fff}.how-to-conn__feedback[data-astro-cid-3mup5uyg]{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:12px}.how-to-conn__feedback[data-astro-cid-3mup5uyg] .banner[data-astro-cid-3mup5uyg]{display:inline-flex;align-items:center;justify-content:center;min-width:100px;padding:8px 16px;border-radius:999px;font-size:.85rem;font-weight:700}.how-to-conn__feedback[data-astro-cid-3mup5uyg].is-ready .banner[data-astro-cid-3mup5uyg]{background:#5a594e;color:#fff}.how-to-conn__feedback[data-astro-cid-3mup5uyg].is-bad .banner[data-astro-cid-3mup5uyg]{background:#1a1a1a;color:#fff}.how-to-conn__feedback[data-astro-cid-3mup5uyg] .mistakes[data-astro-cid-3mup5uyg]{display:inline-flex;gap:6px}.how-to-conn__feedback[data-astro-cid-3mup5uyg] .mistakes[data-astro-cid-3mup5uyg] .dot[data-astro-cid-3mup5uyg]{width:10px;height:10px;border-radius:50%;background:#d3d3c9}.how-to-conn__feedback[data-astro-cid-3mup5uyg] .mistakes[data-astro-cid-3mup5uyg] .dot[data-astro-cid-3mup5uyg].is-used{background:#5a594e}.how-to-conn__legend[data-astro-cid-3mup5uyg]{list-style:none;margin:0;padding:0;display:grid;gap:8px}.how-to-conn__legend-item[data-astro-cid-3mup5uyg]{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:6px;font-size:.92rem;font-weight:600;color:#1a1a1a}.how-to-conn__legend-item[data-astro-cid-3mup5uyg] .swatch[data-astro-cid-3mup5uyg]{width:18px;height:18px;border-radius:4px;flex-shrink:0}.how-to-conn__legend-item[data-astro-cid-3mup5uyg].is-yellow{background:#fbf6d8}.how-to-conn__legend-item[data-astro-cid-3mup5uyg].is-yellow .swatch[data-astro-cid-3mup5uyg]{background:#f9df6d}.how-to-conn__legend-item[data-astro-cid-3mup5uyg].is-green{background:#eef5e3}.how-to-conn__legend-item[data-astro-cid-3mup5uyg].is-green .swatch[data-astro-cid-3mup5uyg]{background:#a0c35a}.how-to-conn__legend-item[data-astro-cid-3mup5uyg].is-blue{background:#eef2fa}.how-to-conn__legend-item[data-astro-cid-3mup5uyg].is-blue .swatch[data-astro-cid-3mup5uyg]{background:#b0c4ef}.how-to-conn__legend-item[data-astro-cid-3mup5uyg].is-purple{background:#f5eaf7}.how-to-conn__legend-item[data-astro-cid-3mup5uyg].is-purple .swatch[data-astro-cid-3mup5uyg]{background:#ba81c5}.how-to-conn[data-astro-cid-3mup5uyg] figcaption[data-astro-cid-3mup5uyg]{max-width:56ch;margin:10px auto 0;color:var(--muted);font-size:.85rem;line-height:1.45;text-align:center}@media(max-width:420px){.how-to-conn__tile[data-astro-cid-3mup5uyg]{min-height:46px;font-size:.6rem}}