/* SAGE Library Spotlight V3. Owns only the Library card; no inner scroll container. */
.feature-panel.sage-library-v3 {
  display: grid;
  grid-template-columns: minmax(0, 36%) minmax(0, 1fr);
  align-items: stretch;
  gap: .75rem;
  padding: .75rem;
  height: auto;
  min-height: 15rem;
  overflow: visible;
  color: #f6eee0;
  background: linear-gradient(135deg, #17120c, #080b10);
}
.sage-library-v3 *, .sage-library-v3 *::before, .sage-library-v3 *::after { box-sizing: border-box; }
.sage-library-v3 a { color: inherit; text-decoration: none; }
.sage-library-v3 a:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.sage-library-v3-jacket {
  display: flex; align-items: center; justify-content: center;
  position: relative; min-width: 0; min-height: 12rem;
  padding: .7rem; border: 1px solid #a5844e; border-radius: .4rem;
  background: linear-gradient(140deg, #3b2b17, #17120c);
}
.sage-library-v3-jacket-inner { min-width: 0; text-align: center; }
.sage-library-v3-jacket-kicker { font: 700 .6rem/1.5 sans-serif; letter-spacing: .1em; }
.sage-library-v3-jacket-rule { height: 1px; background: #a5844e; margin: .6rem 0; }
.sage-library-v3-jacket-title { font: 700 clamp(.9rem, 1.3vw, 1.25rem)/1.2 Georgia, serif; overflow-wrap: anywhere; }
.sage-library-v3-jacket-author { margin-top: .65rem; font: .7rem/1.4 sans-serif; overflow-wrap: anywhere; }
.sage-library-v3-jacket-seal { margin-top: .9rem; font: 700 .6rem/1.3 sans-serif; color: #e4c890; }
.sage-library-v3-content { min-width: 0; display: flex; flex-direction: column; justify-content: center; gap: .55rem; }
.sage-library-v3-heading { display: flex; flex-wrap: wrap; gap: .3rem .6rem; font: 700 .62rem/1.4 sans-serif; color: #e4c890; }
.sage-library-v3 .sage-library-v3-title { margin: 0; font: 700 clamp(1rem, 1.4vw, 1.35rem)/1.2 Georgia, serif; overflow-wrap: anywhere; }
.sage-library-v3-byline, .sage-library-v3-topics { margin: 0; font: .75rem/1.45 sans-serif; overflow-wrap: anywhere; }
.sage-library-v3-meta { display: flex; flex-wrap: wrap; gap: .3rem; font: .65rem/1.4 sans-serif; }
.sage-library-v3-meta span { padding: .2rem .4rem; border: 1px solid #806849; border-radius: .3rem; }
.sage-library-v3-source { font: .65rem/1.4 sans-serif; color: #cec4b4; }
.sage-library-v3-action { display: inline-flex; align-items: center; justify-content: space-between; gap: .5rem; min-height: 44px; padding: .5rem .7rem; border: 1px solid #a5844e; border-radius: .4rem; font: 700 .65rem/1.4 sans-serif; }
.sage-library-v3-audio .sage-library-v3-jacket { padding: 0; background: #080d16; }
.sage-library-v3-jacket picture { display: block; width: 100%; height: 100%; }
.sage-library-v3-audio-image { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: .4rem; }
@media (min-width: 1181px) {
  .feature-panel.sage-library-v3 { min-height: 0; padding: .5rem; gap: .5rem; }
  .sage-library-v3-jacket { min-height: 0; padding: .5rem; }
  .sage-library-v3-content { gap: .35rem; }
  .sage-library-v3 .sage-library-v3-title { font-size: .95rem; }
  .sage-library-v3 .sage-library-v3-title,
  .sage-library-v3-jacket-title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
  .sage-library-v3-byline { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .sage-library-v3-meta, .sage-library-v3-topics, .sage-library-v3-source { display: none; }
  .sage-library-v3-action { min-height: 32px; padding: .35rem .5rem; }
  .sage-library-v3-jacket-inner { width: 100%; min-height: 0; max-height: 100%; overflow: hidden; }
  .sage-library-v3-jacket-kicker, .sage-library-v3-jacket-seal { display: none; }
  .sage-library-v3-jacket-rule { margin: .3rem 0; }
  .sage-library-v3-jacket-title { font-size: 1rem; }
  .sage-library-v3-jacket-author { margin-top: .35rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .sage-library-v3-audio .sage-library-v3-jacket picture { position: absolute; inset: 0; }
}
@media (max-width: 760px) {
  .feature-panel.sage-library-v3 { grid-template-columns: minmax(0, 34%) minmax(0, 1fr); gap: .6rem; }
}
@media (max-width: 360px) {
  .feature-panel.sage-library-v3 { grid-template-columns: minmax(0, 1fr); }
  .sage-library-v3-jacket { min-height: 9rem; }
}

