/* Guide: 4:5 cover, title, page count and size; read it in the guide reader (reader.js, the whole
   card opens it) or download the PDF directly. No email gate. */
.ws-guides__list{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--ws-space-3);
}
@media (min-width:992px){ .ws-guides__list{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
.ws-guide{
  position:relative;
  display:grid;
  grid-template-columns:minmax(96px,140px) minmax(0,1fr);
  gap:var(--ws-space-3);
  align-items:center;
  padding:var(--ws-space-2);
  background:var(--ws-surface);
  border:1px solid var(--ws-line);
  transition:border-color var(--ws-ease);
}
@media (min-width:576px){ .ws-guide{ padding:var(--ws-space-3); } }
.ws-guide:hover,
.ws-guide:focus-within{ border-color:var(--ws-red); }
.ws-guide__cover{ width:100%; aspect-ratio:4 / 5; object-fit:cover; }
.ws-guide__body{ display:grid; gap:var(--ws-space-1); justify-items:start; }
.ws-guide__title{ font-size:clamp(24px,2.2vw,30px); }
.ws-guide__meta{ font-size:var(--ws-fs-small); color:var(--ws-fg-muted); }
.ws-guide__actions{
  display:flex;
  flex-wrap:wrap;
  gap:var(--ws-space-1) var(--ws-space-3);
  margin-top:var(--ws-space-1);
}
.ws-guide__read::after{ content:""; position:absolute; inset:0; }
.ws-guide__read:focus-visible{ outline:none; }
.ws-guide:has(.ws-guide__read:focus-visible){ outline:2px solid var(--ws-focus); outline-offset:2px; }
.ws-guide__link{ position:relative; z-index:1; }
.ws-guide__link:hover .ws-btn__arrow{ transform:translateY(3px); }
.ws-guide:hover .ws-guide__read .ws-btn__arrow{ transform:translateX(4px); }
.ws-guide:has(.ws-guide__link:hover) .ws-guide__read .ws-btn__arrow{ transform:none; }