.board-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(8.5rem, 1fr)); gap: 8px; margin-bottom: 1.25rem; }
.board-list button {
  display: grid; justify-items: start; align-content: start; gap: 2px; text-align: left; border-radius: 0;
  background: var(--paper); padding: 10px 12px; min-height: 64px;
}
.board-list button strong { font-size: 0.95rem; }
.board-list button span { font-size: 0.72rem; color: var(--muted); }
.board-list button[aria-pressed='true'] { border-color: var(--accent-red); box-shadow: inset 0 0 0 1px var(--accent-red); }
.board-list button[aria-pressed='true'] strong { color: var(--accent-red); }
.board-detail { border-top: 1px solid var(--line); padding-top: 1.1rem; }
.board-detail h3 { font-size: 1.15rem; margin: 0 0 0.25rem; }
.board-detail > p { color: var(--muted); font-size: 0.9rem; }
.board-detail .role-grid { margin-top: 1rem; }
.ww-lead { font-size: 0.88rem; margin-bottom: 1rem; }
.ww-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; counter-reset: step; }
.ww-steps li { counter-increment: step; border: 1px solid var(--line); padding: 14px; display: grid; gap: 4px; align-content: start; }
.ww-steps li::before { content: counter(step, decimal-leading-zero); color: var(--accent-red); font-weight: 700; font-size: 0.8rem; font-variant-numeric: tabular-nums; }
.ww-steps strong { font-size: 1rem; }
.ww-steps span { font-size: 0.82rem; color: var(--muted); line-height: 1.6; }
@media (max-width: 900px) { .ww-steps { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px) { .ww-steps { grid-template-columns: 1fr; } .board-list { grid-template-columns: 1fr 1fr; } }