.work-contents { margin: 0 0 64px; border-top: 2px solid var(--ink); padding-top: 26px; }
.work-contents > header { display: flex; align-items: end; justify-content: space-between; gap: 24px; }
.work-contents h2 { margin: 7px 0 0; font-size: 28px; letter-spacing: -.04em; }
.work-contents > header > span { display: grid; justify-items: end; gap: 3px; color: var(--subtle); font: 12px var(--font-ui); white-space: nowrap; }
.work-contents-public-count { color: var(--subtle); font: 12px/1.6 var(--font-ui); }
.work-contents-intro { max-width: 680px; margin: 18px 0 24px; color: #5a655d; font: 14px/1.8 var(--font-ui); }
.work-contents ol { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 28px; margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--rule); }
.work-contents li { min-width: 0; border-bottom: 1px solid var(--rule); }
.work-contents li a { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; min-width: 0; padding: 14px 2px; color: var(--ink); }
.work-contents li a span { min-width: 0; overflow-wrap: anywhere; font-size: 15px; line-height: 1.55; }
.work-contents li a small { flex: 0 0 auto; color: var(--subtle); font: 12px/1.6 var(--font-ui); white-space: nowrap; }
.work-contents li a:hover span { color: var(--accent); }
.work-contents-empty { grid-column: 1/-1; padding: 18px 2px; color: var(--subtle); font: 13px var(--font-ui); }
.work-contents-status { min-height: 1.4em; margin: 14px 0 0; color: var(--subtle); font: 12px var(--font-ui); }
.wiki-head--work:not(.wiki-head--illustrated) { display: block; }
.wiki-head--work:not(.wiki-head--illustrated) .wiki-head-aside:empty { display: none; }
.work-visual > a img, .work-visual-image img { object-fit: contain; max-width: 100%; }
.work-visual figcaption > span, .work-visual figcaption small, .work-visual figcaption a { font-size: 12px; line-height: 1.65; }
.work-contents > button { min-height: 44px; margin-top: 8px; cursor: pointer; border: 1px solid #9ca99e; border-radius: 3px; padding: 7px 14px; background: transparent; color: var(--accent); font: 750 12px var(--font-ui); }
.work-contents > button[hidden] { display: none; }
.work-contents > button:disabled { cursor: wait; opacity: .55; }
.work-visual-note { margin: 12px 0 0; color: var(--subtle); font: 12px/1.6 var(--font-ui); }
.work-visual figcaption > span, .work-visual figcaption small, .work-visual figcaption a { font-size: 12px; line-height: 1.6; }
.work-visual figcaption details { margin-top: 6px; border-top: 1px solid var(--rule); padding-top: 6px; }
.work-visual figcaption details summary { cursor: pointer; color: var(--accent); font-size: 12px; }
.work-visual figcaption details div { display: grid; gap: 3px; margin-top: 7px; color: var(--subtle); font-size: 12px; line-height: 1.5; }
.work-visual figcaption details b { margin-right: 5px; color: var(--ink); }
@media (max-width: 700px) {
  .work-contents { margin-bottom: 48px; }
  .work-contents > header { align-items: start; }
  .work-contents h2 { font-size: 24px; }
  .work-contents ol { grid-template-columns: 1fr; }
  .work-contents li a { padding: 13px 2px; }
  .work-visual figcaption { gap: 6px; }
  .work-visual figcaption small, .work-visual figcaption a, .work-visual-note { font-size: 12px; line-height: 1.6; }
}