.card-library-detail{padding:24px}
.card-library-detail h1{margin:.25rem 0 .55rem}
.card-library-nav{display:flex;flex-wrap:wrap;gap:8px}
.card-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}
.card-library-card{display:grid;gap:10px;padding:14px;text-decoration:none;color:inherit}
.card-library-card:hover{border-color:var(--accent)}
.card-library-card-visual{width:min(100%,150px);margin:0 auto;aspect-ratio:3/5}
.card-library-card h2{margin:0;font-size:1.02rem}
.card-library-keywords{margin:0;color:var(--muted);font-size:.84rem;line-height:1.4}
.card-library-back{display:inline-block;margin-bottom:8px}
.card-library-detail-grid{display:grid;grid-template-columns:minmax(220px,320px) minmax(0,1fr);gap:24px;align-items:start}
.card-library-detail-visual{width:100%;max-width:320px;margin:0 auto;aspect-ratio:3/5}
.card-library-copy{display:grid;gap:16px;min-width:0}
.card-library-orientation-grid,.card-library-theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.card-library-copy section{padding:14px;border:1px solid var(--border);border-radius:var(--brand-radius-control);background:var(--surface-solid)}
.card-library-copy h2,.card-library-copy h3{margin:0 0 8px}
.card-library-copy p{margin:0;line-height:1.55;overflow-wrap:anywhere}
.card-library-tags{display:flex;flex-wrap:wrap;gap:7px}
.card-library-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
@media(max-width:760px){
  .card-library-detail{padding:16px}
  .card-library-detail-grid{grid-template-columns:1fr}
  .card-library-detail-visual{max-width:260px}
  .card-library-orientation-grid,.card-library-theme-grid{grid-template-columns:1fr}
}


.card-library-card-skeleton{pointer-events:none}
.card-library-visual-skeleton{border:1px solid var(--border);border-radius:var(--brand-radius-control);background:var(--surface-soft)}
.card-library-card-skeleton .skeleton-line,
.spread-guide-card-skeleton .skeleton-line,
.spread-option-skeleton .skeleton-line{
  display:block;
  border-radius:999px;
  background:linear-gradient(90deg,var(--surface-soft),var(--surface),var(--surface-soft));
  background-size:220% 100%;
  animation:arcana-skeleton-shimmer 1.1s ease-in-out infinite
}
.card-library-card-skeleton .skeleton-kicker{width:42%;height:9px}
.card-library-card-skeleton .skeleton-title{width:72%;height:16px}
.card-library-card-skeleton .skeleton-copy{width:84%;height:11px}
@media(prefers-reduced-motion:reduce){
  .card-library-card-skeleton .skeleton-line,
  .spread-guide-card-skeleton .skeleton-line,
  .spread-option-skeleton .skeleton-line{animation:none}
}