/* Plan 12: a project in progress in the Library (library-work.js). Builds on
   the Library item page; colour only for meaning (green working now, amber
   kept separately). */
.lib-preview.lib-work { max-height:none; overflow:visible; display:flex; flex-direction:column; gap:12px; }
.lib-work-live { display:flex; align-items:center; gap:8px; margin:0; color:var(--ink-2); font-size:var(--text-sm); }
.lib-work-dot { width:8px; height:8px; border-radius:50%; background:var(--green); flex:none; }
.lib-work-note { display:flex; align-items:center; gap:12px; padding:10px 14px; border:1px solid var(--line-2); border-radius:12px; background:var(--quiet); }
.lib-work-note .grow { flex:1; min-width:0; }
.lib-work-note.attention { border-color:var(--amber-soft); background:var(--amber-soft); }
.lib-work-note.attention strong { color:var(--amber); }
.lib-work-chip.attention { background:var(--amber-soft); color:var(--amber); }
.collection-chip.lib-work-chip { margin-left:6px; }
.market-card-foot:has(.lib-work-chip) { flex-wrap:wrap; row-gap:6px; }
.market-card-foot .lib-work-chip { margin-left:0; }
.lib-work-versions h3 { margin:4px 0 6px; font-size:var(--text-md); }
.lib-work-versions ol { list-style:none; margin:0; padding:0; }
.lib-work-versions li { border-bottom:1px solid var(--line); }
.lib-work-versions li:last-child { border-bottom:0; }
.lib-work-version > summary { list-style:none; display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:var(--row-h); cursor:pointer; }
.lib-work-version > summary::-webkit-details-marker { display:none; }
.lib-work-version > summary strong { display:flex; align-items:center; gap:8px; }
.lib-work-detail { display:flex; flex-direction:column; align-items:flex-start; gap:6px; padding:0 0 12px; }
.lib-work-detail p { margin:0; overflow-wrap:anywhere; }
.lib-work-part { white-space:nowrap; } /* "3 files", "71 B" never split across lines */
/* Grid cards: a short band with the project icon, not an empty preview. */
.library-card.lib-work-card .library-card-preview { aspect-ratio:auto; height:44px; place-items:center start; padding:0 12px; }
.library-card.lib-work-card .library-card-icon { position:static; display:grid; color:var(--ink-2); }
.library-card.lib-work-card .library-card-icon svg { width:20px; height:20px; }
/* Rule zero on the phone: nothing small (16 px text, 44 px targets). */
@media (max-width: 600px) {
  .lib-work, .lib-work .sub, .lib-work-versions h3, .lib-work-live, .lib-work .btn, .lib-work .collection-chip, .lib-work-chip { font-size:16px; }
  .lib-preview.lib-work .btn, .lib-preview.lib-work .btn.primary { font-size:16px; }
  .lib-work .btn, .lib-work-version > summary { min-height:44px; }
  .lib-work .collection-chip, .lib-work-chip { height:auto; min-height:28px; }
  .lib-work-detail .btn { width:100%; justify-content:center; }
}
.lib-work-publish > strong { white-space:nowrap; } /* PR C: "Not live yet" stays on one line beside its buttons */