/* /board/: the papers kanban. Five columns on wide screens, stacked collapsible columns on phones. */
.board-cols { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0.75rem; align-items: start; }
.board-col { border: 1px solid var(--border, #dcdad3); border-radius: 8px; padding: 0.5rem 0.6rem; background: var(--surface, #fff); }
.board-col > summary { cursor: pointer; font-weight: 600; list-style: none; display: flex; flex-wrap: wrap; gap: 0.35rem; align-items: baseline; }
.board-col > summary::-webkit-details-marker { display: none; }
.col-count { font-size: 0.8em; border: 1px solid var(--border, #dcdad3); border-radius: 999px; padding: 0 0.5em; }
.col-hint { flex-basis: 100%; font-weight: 400; font-size: 0.78em; color: var(--muted, #555b66); }
.board-list { list-style: none; margin: 0.6rem 0 0; padding: 0; display: flex; flex-direction: column; gap: 0.5rem; }
.board-card { border: 1px solid var(--border, #dcdad3); border-radius: 6px; padding: 0.45rem 0.55rem; font-size: 0.85rem; line-height: 1.35; overflow-wrap: anywhere; }
.board-card[hidden] { display: none; }
.card-summary { margin: 0.3rem 0 0; font-size: 0.9em; color: var(--muted, #555b66); }
.card-meta { margin-top: 0.35rem; display: flex; flex-wrap: wrap; gap: 0.3rem; align-items: center; font-size: 0.8em; color: var(--muted, #555b66); }
.card-meta .tag { border: 1px solid var(--border, #dcdad3); border-radius: 4px; padding: 0 0.35em; margin-right: 0.25em; }
.board-tools { margin-top: 0.5rem; display: flex; flex-wrap: wrap; gap: 0.4rem; font-size: 0.8rem; }
.board-tools select, .board-tools button { font: inherit; max-width: 100%; }
.board-status { font-size: 0.85rem; color: var(--muted, #555b66); }
@media (max-width: 1100px) { .board-cols { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .board-cols { grid-template-columns: 1fr; } }
/* wide breakout, theme overrides (Material styles details/summary as admonitions) */
#board { width: min(1500px, 96vw); position: relative; left: 50%; transform: translateX(-50%); }
.board-col > summary { background: transparent !important; padding: 0 !important; margin: 0 !important; }
.board-col > summary::before, .board-col > summary::after { display: none !important; content: none !important; }
.board-col { border-width: 1px !important; margin: 0 !important; }
.board-list, .board-list li { list-style: none !important; margin-left: 0 !important; padding-left: 0; }
.board-card { color: var(--text, #1a1c20); padding: 0.45rem 0.55rem !important; margin: 0 !important; overflow-wrap: break-word; word-break: normal; }
.board-cols { grid-template-columns: repeat(5, minmax(190px, 1fr)); overflow-x: auto; }
@media (max-width: 1100px) { #board { width: auto; left: 0; transform: none; } .board-cols { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .board-cols { grid-template-columns: 1fr; } }
/* WS-147: kind filter (Papers · Work · All) and the work-card label */
.board-kinds { margin: 0.4rem 0 0.8rem; font-size: 0.85rem; }
.board-kinds button { font: inherit; background: none; border: 1px solid currentColor; border-radius: 3px; padding: 0.1rem 0.5rem; cursor: pointer; opacity: 0.7; }
.board-kinds button[aria-pressed="true"] { opacity: 1; font-weight: 600; }
.card-kind { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.04em; opacity: 0.75; }