/* ---------- MY LIBRARY ----------
   The Stacks' second panel tab (Mark, 2026-08-21: "my library is a tab
   menu/mylibrary in the left panel of the stacks").

   Almost nothing, and that is the point. The cards are the shared component in
   components.css and `.work-grid` is auto-fill from 260px, so it falls to one
   column in a panel this narrow with no second layout to maintain. This sheet
   owns the words around them and nothing else.

   House tokens and the house type scale only. */
.lib-panel{display:flex;flex-direction:column;gap:12px;padding:14px 12px 20px;color:var(--ink);}
/* ONE COLUMN, AT WHATEVER WIDTH THERE IS. `.work-grid` is auto-fill from a
   260px minimum, which is a ROOM measurement: the panel is narrower than that
   and can be dragged narrower still, so every card overflowed its own panel
   and was sliced down the right edge — badge cut in half, button clipped. A
   minimum is the wrong instruction here; there is only ever one column, so it
   is stated rather than derived. */
.lib-panel .work-grid{grid-template-columns:minmax(0,1fr);}
.lib-panel .work-card{padding:14px;gap:10px;}
/* And the card's own parts have to be allowed to shrink. A grid or flex child
   will not go below its content's intrinsic width without being told. */
/* THE BADGE GOES UNDER THE TITLE HERE, not beside it. In the room they sit on
   one line and there is room for both; in a panel this narrow "SCREENPLAY"
   takes most of the width and squeezes the title into a three-line column of
   single words. Stacked, the title gets the whole width and the badge keeps
   its meaning. Same card, one instruction changed for a narrower home. */
.lib-panel .work-card-top{flex-direction:column;align-items:flex-start;gap:7px;}
.lib-panel .work-title{font-size:var(--t-body);}
.lib-panel .work-badge{padding:3px 7px;}
.lib-panel-line{margin:0;color:var(--ink2);font-size:var(--t-small);}
/* AN EMPTY LIBRARY IS THE NORMAL FIRST VISIT, not a failure, so it gets real
   words rather than a blank panel. It points nowhere on purpose: the shelf it
   would send you to is already filling the room to its right. */
.lib-panel-sub{margin:0;color:var(--muted);font-size:var(--t-tiny);line-height:1.55;}
.lib-panel-sub em{font-style:normal;color:var(--ink2);}