/* Work status — compact, scannable list (Claude, 2026-10-25) */
.ws { max-width: 1120px; margin: 120px auto 96px; padding: 0 24px; color: #0e243a; font-family: 'Public Sans', system-ui, sans-serif; }
.ws-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 32px; padding-bottom: 20px; border-bottom: 2px solid #0e243a; }
.ws-head h1 { margin: 6px 0 8px; font-size: clamp(34px, 5vw, 56px); line-height: 1; }
.ws-lede { max-width: 640px; margin: 0; font-size: 15px; line-height: 1.5; color: #33475b; }
.ws-g { color: #1f7a4a; }
.ws-score { text-align: right; flex: none; }
.ws-score strong { display: block; font: 800 clamp(56px, 9vw, 96px)/.9 'Barlow Condensed', 'Archivo Black', sans-serif; letter-spacing: -.02em; color: #d61c2c; }
.ws-score span { font-size: 13px; color: #33475b; }

.ws-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 20px 0 12px; }
.ws-tabs { display: flex; border: 1px solid #0e243a; border-radius: 12px; overflow: hidden; }
.ws-tabs button { padding: 8px 16px; border: 0; background: transparent; color: #0e243a; font: 600 13px/1 inherit; cursor: pointer; }
.ws-tabs button[aria-selected="true"] { background: #0e243a; color: #f8f6f0; }
#ws-search { flex: 1 1 200px; min-width: 160px; padding: 9px 12px; border: 1px solid #a5bfcd; border-radius: 12px; background: #fff; font: inherit; font-size: 14px; }
.ws-copy { padding: 9px 14px; border: 1px solid #0e243a; border-radius: 12px; background: #f8f6f0; color: #0e243a; font: 600 13px/1 inherit; cursor: pointer; }
.ws-copy:hover { background: #0e243a; color: #f8f6f0; }

.ws-list { list-style: none; margin: 0; padding: 0; }
.ws-group { margin: 22px 0 6px; font: 700 12px/1 'Public Sans', sans-serif; letter-spacing: .12em; text-transform: uppercase; color: #5c6f80; display: flex; gap: 10px; align-items: center; }
.ws-group b { font-size: 11px; padding: 3px 7px; border-radius: 8px; background: #e7e2d8; color: #0e243a; letter-spacing: 0; }

.ws-row { display: grid; grid-template-columns: 22px 92px 1fr auto auto 26px; align-items: center; gap: 12px; padding: 7px 8px; border-bottom: 1px solid #e3ddd2; font-size: 14px; line-height: 1.35; }
.ws-row:hover { background: #fbfaf6; }
.ws-dot { width: 10px; height: 10px; border-radius: 50%; justify-self: center; }
.st-doing .ws-dot { background: #d61c2c; box-shadow: 0 0 0 3px rgba(214, 28, 44, .18); }
.st-next .ws-dot { background: #e8b23a; }
.st-todo .ws-dot { background: transparent; border: 1.5px solid #8aa0b0; }
.st-done .ws-dot { background: #0e243a; }
.st-verified .ws-dot { background: #1f7a4a; }
.st-superseded .ws-dot { background: #c9c3b8; }
.ws-id { font: 600 11px/1 ui-monospace, 'SFMono-Regular', Menlo, monospace; color: #6b7c8b; }
.ws-title { min-width: 0; }
.ws-title strong { font-weight: 600; }
.ws-title small { display: block; margin-top: 2px; font-size: 12px; color: #6b7c8b; }
.st-done .ws-title strong { color: #0e243a; }
.st-verified .ws-title strong { color: #1f7a4a; }
.st-superseded .ws-title strong { color: #8a8478; text-decoration: line-through; }
.ws-eff { font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; padding: 3px 7px; border-radius: 8px; white-space: nowrap; }
.ws-eff.quick { background: #dff0e6; color: #1f5f3c; }
.ws-eff.medium { background: #e3eef6; color: #23506f; }
.ws-eff.long { background: #f1e3e3; color: #7a2630; }
.ws-stars { display: flex; gap: 1px; }
.ws-stars button { width: 18px; height: 22px; padding: 0; border: 0; background: none; color: #c5ccd2; font-size: 15px; line-height: 1; cursor: pointer; }
.ws-stars button.on { color: #d61c2c; }
.ws-stars button:focus-visible, .ws-check:focus-visible { outline: 2px solid #4fa9d6; outline-offset: 1px; }
.ws-check { width: 18px; height: 18px; accent-color: #1f7a4a; cursor: pointer; justify-self: center; }
.ws-check[disabled] { opacity: .25; cursor: default; }
.ws-empty { padding: 24px 8px; color: #6b7c8b; }
.ws-foot { margin-top: 24px; font-size: 12px; color: #6b7c8b; }

@media (max-width: 700px) {
  .ws { margin-top: 96px; padding: 0 16px; }
  .ws-head { flex-direction: column; align-items: flex-start; gap: 12px; }
  .ws-score { text-align: left; }
  .ws-row { grid-template-columns: 14px 1fr auto 22px; gap: 8px; }
  .ws-id, .ws-eff { display: none; }
  .ws-stars button { width: 16px; font-size: 14px; }
}