/* chess.css — board widget styles, lesson-kit tokens only */
.cb{max-width:23rem;margin:0 auto}
.cb-svg{width:100%;height:auto;display:block;border:1px solid var(--lk-rule-soft)}
.cb-lines{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.55rem}
.cb-chip{font-family:var(--lk-utility);font-size:.74rem;font-weight:600;padding:.28rem .6rem;border:1px solid var(--lk-rule-soft);background:var(--lk-paper-light);color:var(--lk-ink-soft);border-radius:2px;cursor:pointer}
.cb-chip:hover{border-color:var(--lk-cobalt);color:var(--lk-cobalt)}
.cb-chip[aria-pressed=true]{background:var(--lk-cobalt);border-color:var(--lk-cobalt);color:var(--lk-paper-light)}
.cb-chip.cb-fork{border-color:var(--lk-vermilion);color:var(--lk-vermilion)}
.cb-chip.cb-fork::before{content:'\2442  '}
.cb-chip:focus-visible{outline:2px solid var(--lk-cobalt);outline-offset:2px}
.cb-branch{display:none}
.cb-bar{display:flex;align-items:center;justify-content:space-between;gap:.4rem;margin-top:.5rem}
.cb-bar button{font-family:var(--lk-utility);font-size:.8rem;font-weight:600;padding:.35rem .7rem;border:1px solid var(--lk-rule);background:var(--lk-paper-light);color:var(--lk-ink);border-radius:2px;cursor:pointer}
.cb-bar button:hover:not(:disabled){background:var(--lk-hl)}
.cb-bar button:disabled{opacity:.4;cursor:default}
.cb-bar button:focus-visible{outline:2px solid var(--lk-cobalt);outline-offset:2px}
.cb-label{font-family:var(--lk-mono);font-size:.82rem;color:var(--lk-cobalt-dark)}
.cb-pair{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media(max-width:560px){.cb-pair{grid-template-columns:1fr}}
.cb-ext{display:block;margin-top:.45rem;font-family:var(--lk-utility);font-size:.72rem;color:var(--lk-ink-soft);text-align:center;text-decoration:none}
.cb-ext:hover{color:var(--lk-cobalt);text-decoration:underline}
.cb-hidden .cb-bar,.cb-hidden .cb-lines,.cb-hidden .cb-ext{display:none}
body.lk .cb-q{text-align:left;margin-top:.6rem;border:1px solid var(--lk-rule-soft);border-left:3px solid var(--lk-vermilion);background:var(--lk-paper-light);padding:.6rem .75rem}
body.lk .cb-q p{margin:0;font-family:var(--lk-mono);font-size:.8rem;text-align:left;line-height:1.5;color:var(--lk-ink)}
.cb-q p b{color:var(--lk-vermilion)}
.cb-q-tag{font-family:var(--lk-utility);font-size:.66rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--lk-paper-light);background:var(--lk-vermilion);padding:.08rem .35rem;border-radius:2px;margin-right:.3rem}
.cb-reveal{margin-top:.55rem;font-family:var(--lk-utility);font-size:.78rem;font-weight:600;padding:.32rem .7rem;border:1px solid var(--lk-cobalt);background:var(--lk-cobalt);color:var(--lk-paper-light);border-radius:2px;cursor:pointer}
.cb-reveal:hover{background:var(--lk-cobalt-dark)}
.cb-reveal:focus-visible{outline:2px solid var(--lk-cobalt);outline-offset:2px}
@media print{.cb-ext,.cb-reveal{display:none}}