.lesson-board-shell .lb-badge-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:0;border:0;margin:16px 0 20px;min-width:0}
.lesson-board-shell .lb-badge-choice{display:flex;flex-direction:column;gap:8px;align-items:stretch;position:relative;cursor:pointer;border:1px solid var(--lb-line);border-radius:13px;background:var(--lb-panel-soft);padding:8px;min-width:0}
.lesson-board-shell .lb-badge-choice:has(input:checked){border-color:var(--lb-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--lb-accent) 28%,transparent)}
.lesson-board-shell .lb-badge-choice:has(input:focus-visible){outline:3px solid #d4ae62;outline-offset:3px}
.lesson-board-shell .lb-badge-options .lb-badge-choice input[type=radio][name=variant]{position:absolute;width:17px;min-height:17px;height:17px;top:8px;left:8px;margin:0;padding:0;accent-color:var(--lb-accent)}
.lesson-board-shell .lb-badge-sample{display:grid;place-items:center;height:110px;pointer-events:none;border-radius:8px;background-image:radial-gradient(var(--lb-line) .7px,transparent .7px);background-size:11px 11px}
.lesson-board-shell .lb-badge-sample svg{width:100%;height:100%;display:block}
.lesson-board-shell .lb-badge-choice strong{font:600 11px/1.4 Onest,"Segoe UI",sans-serif;text-align:center;color:var(--lb-ink)}
.lesson-board-shell .lb-badge-intro,.lesson-board-shell .lb-badge-hint{font-size:12px;line-height:1.5;color:var(--lb-muted)}
.lesson-board-shell .lb-badge-caption{display:grid;gap:6px;font-size:13px}
.lesson-board-shell .lb-badge-hint{margin-top:10px}
@media(max-width:580px){.lesson-board-shell .lb-badge-options{grid-template-columns:1fr}.lesson-board-shell .lb-badge-choice{display:grid;grid-template-columns:120px 1fr;align-items:center}.lesson-board-shell .lb-badge-sample{height:76px}.lesson-board-shell .lb-badge-choice strong{text-align:left;font-size:12px}}