/* /wba/ 部署ページ用の小さな追加（style.css の work-page をそのまま使う） */
.wba__abbr { display: inline-block; font-size: .42em; letter-spacing: .06em; vertical-align: middle; }
.wba__body { min-height: 0; }
.wba__h { margin: 0 0 18px; font-size: clamp(17px, 1.6vw, 21px); font-weight: 900; letter-spacing: .08em; }
.wba__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.wba__item {
  display: grid; grid-template-columns: auto 1fr auto; grid-template-areas: "st title go" "st sub go";
  align-items: center; gap: 2px 16px; padding: 16px 20px; text-decoration: none; color: var(--ink);
  background: var(--board); border: 2px solid var(--line); border-radius: 5px 3px 6px 4px;
  box-shadow: 5px 6px 0 var(--shadow); transition: transform .15s var(--ease-out), box-shadow .15s var(--ease-out);
}
.wba__item:hover { transform: translate(-1px, -2px); box-shadow: 7px 8px 0 var(--shadow); }
.wba__item:active { transform: translate(3px, 4px); box-shadow: 1px 1px 0 var(--shadow); }
.wba__item:focus-visible { outline: 3px dashed var(--ink); outline-offset: 4px; }
.wba__item .status { grid-area: st; }
.wba__item-title { grid-area: title; font-weight: 900; font-size: clamp(16px, 1.5vw, 19px); letter-spacing: .04em; }
.wba__item-sub { grid-area: sub; font-size: 13px; opacity: .72; }
.wba__go { grid-area: go; font-weight: 900; font-size: 20px; }
@media (max-width: 520px) {
  .wba__item { grid-template-columns: 1fr auto; grid-template-areas: "st go" "title go" "sub go"; padding: 14px 16px; }
  .wba__item .status { justify-self: start; margin-bottom: 6px; }
}
