[data-example=board].primitive-example,.primitive-example:has(>recipe-board,>recipe-board-app){flex-flow:column;align-items:stretch}:is([data-example=board],recipe-board,recipe-board-app) :where([data-board]){gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}:is([data-example=board],recipe-board,recipe-board-app) :where([data-column]){gap:var(--space-2);min-width:0;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-container);background:var(--surface-container);color:var(--on-surface-container);flex-direction:column;display:flex}:is([data-example=board],recipe-board,recipe-board-app) :where(h3){margin:0;font-size:.875rem}:is([data-example=board],recipe-board,recipe-board-app) :where(ul){border-radius:var(--radius-control);min-height:3rem;max-height:8rem;overflow-y:auto}:is([data-example=board],recipe-board,recipe-board-app) ul[data-sortable-over]{outline:2px solid var(--primary);outline-offset:-2px}[data-card]{padding:var(--space-1) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);color:var(--on-surface);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;font-size:.875rem}[data-card]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}[data-card][data-sortable-state=lifted]{z-index:10;background:var(--primary);color:var(--on-primary);cursor:grabbing;list-style:none;box-shadow:0 .5rem 1rem #00000040}:is([data-example=board],recipe-board,recipe-board-app) [data-sortable-placeholder]{border:1px dashed var(--primary);border-radius:var(--radius-control);background:0 0}:is([data-example=board],recipe-board,recipe-board-app) [data-sortable-drop]{box-shadow:none}