/* R32.7 — Frozen shared Reading Room row contract.
   One geometry for every story property; no property-specific rescue rules. */
.reading-room .shelf-items>.shelf-spine-with-thumb,
.stills-reading-room .shelf-items>.stills-spine{
  display:grid;
  grid-template-columns:52px 3.25rem minmax(0,1fr) auto;
  grid-template-rows:auto;
  grid-template-areas:none;
  column-gap:.9rem;row-gap:0;align-items:start;width:100%;min-width:0;
}
.reading-room .shelf-items>.shelf-spine-with-thumb .shelf-thumb-frame,
.stills-reading-room .shelf-items>.stills-spine .stills-thumb-frame{
  width:48px;inline-size:48px;min-width:48px;max-width:48px;max-height:72px;
  justify-self:start;align-self:start;grid-column:1;grid-row:1;
}
.reading-room .shelf-items>.shelf-spine-with-thumb .spine-num,
.stills-reading-room .shelf-items>.stills-spine .spine-num{
  grid-column:2;grid-row:1;align-self:start;min-width:0;padding-top:0;white-space:nowrap;
}
.reading-room .shelf-items>.shelf-spine-with-thumb .spine-copy,
.stills-reading-room .shelf-items>.stills-spine .spine-copy{
  grid-column:3;grid-row:1;align-self:start;min-width:0;width:auto;
}
.reading-room .shelf-items>.shelf-spine-with-thumb .spine-copy h3,
.stills-reading-room .shelf-items>.stills-spine .spine-copy h3{margin-top:0}
.reading-room .shelf-items>.shelf-spine-with-thumb .spine-action,
.stills-reading-room .shelf-items>.stills-spine .spine-action{
  grid-column:4;grid-row:1;align-self:start;justify-self:end;white-space:nowrap;width:auto;margin:0;text-align:right;
}
@media(max-width:640px){
  .reading-room .shelf-items>.shelf-spine-with-thumb,
  .stills-reading-room .shelf-items>.stills-spine{
    grid-template-columns:44px 3.25rem minmax(0,1fr);
    grid-template-rows:auto auto;column-gap:.7rem;row-gap:.4rem;align-items:start;
  }
  .reading-room .shelf-items>.shelf-spine-with-thumb .shelf-thumb-frame,
  .stills-reading-room .shelf-items>.stills-spine .stills-thumb-frame{
    width:40px;inline-size:40px;min-width:40px;max-width:40px;max-height:60px;grid-column:1;grid-row:1 / span 2;
  }
  .reading-room .shelf-items>.shelf-spine-with-thumb .spine-num,
  .stills-reading-room .shelf-items>.stills-spine .spine-num{grid-column:2;grid-row:1;align-self:start;padding-top:0}
  .reading-room .shelf-items>.shelf-spine-with-thumb .spine-copy,
  .stills-reading-room .shelf-items>.stills-spine .spine-copy{grid-column:3;grid-row:1;min-width:0}
  .reading-room .shelf-items>.shelf-spine-with-thumb .spine-action,
  .stills-reading-room .shelf-items>.stills-spine .spine-action{grid-column:3;grid-row:2;justify-self:start;text-align:left;white-space:normal;margin-top:.15rem}
}