/* Library layout, scoped away from all other archives. */
#alrashdiApp .alr-library .alr-page-hero h1{font-size:clamp(25px,4vw,38px);line-height:1.6;margin:12px 0}
#alrashdiApp .alr-library-filters{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:24px 0}
#alrashdiApp .alr-library-filters a{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border:1px solid #dbe3ec;border-radius:24px;background:#fff;color:#153756;text-decoration:none}
#alrashdiApp .alr-library-filters a[aria-current]{background:#153756;color:#fff}
#alrashdiApp .alr-library-filters span{font-size:12px;opacity:.75}
#alrashdiApp .alr-library-search{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin:20px auto;max-width:700px}
#alrashdiApp .alr-library-search input{flex:1;min-width:150px;min-height:46px;padding:10px 14px;border:1px solid #cbd5e1;border-radius:12px;font:inherit;background:#fff;color:#0b1b2b}
#alrashdiApp .alr-library a:focus-visible,#alrashdiApp .alr-library button:focus-visible,#alrashdiApp .alr-library input:focus-visible{outline:3px solid #2563eb;outline-offset:3px}
#alrashdiApp .alr-library .alr-cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start;grid-auto-rows:auto}
#alrashdiApp .alr-library .alr-media-card{display:flex;flex-direction:column;min-width:0;height:auto;min-height:0;box-sizing:border-box;align-self:start;padding:16px}
#alrashdiApp .alr-library .alr-library-card-title{font-size:19px;line-height:1.7;margin:14px 0 8px}
#alrashdiApp .alr-library-card-title a{color:inherit;text-decoration:none}
#alrashdiApp .alr-library-card-title a:hover{color:#1d4ed8}
#alrashdiApp .alr-library .alr-card-actions{margin-top:12px!important;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding-top:0;padding-bottom:0}
#alrashdiApp .alr-library .alr-post-cover iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0}
#alrashdiApp .alr-library .alr-post-cover .media{height:auto;aspect-ratio:auto}
#alrashdiApp .alr-library .alr-desc{line-height:1.9;margin-bottom:0;min-height:0;flex:none!important;-webkit-line-clamp:3}
@media(max-width:1000px){#alrashdiApp .alr-library .alr-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#alrashdiApp .alr-library .alr-cards-grid{grid-template-columns:1fr;gap:18px}#alrashdiApp .alr-library-search label{width:100%}#alrashdiApp .alr-library .alr-library-card-title{font-size:18px}}

/* v1.1.56: identical compact tracks for books, videos and documents.
   Fix both .media--book and .alr-media: book covers previously missed the rule. */
#alrashdiApp .alr-library .alr-media-card{
  --alr-library-cover-height:220px;
  display:grid;
  grid-template-rows:var(--alr-library-cover-height) 22px 61px 72px 44px;
  gap:12px;
  height:auto;
  min-height:0;
  align-content:start;
}
#alrashdiApp .alr-library .alr-media-card > .media{
  width:100%;height:var(--alr-library-cover-height)!important;
  min-height:0;max-height:var(--alr-library-cover-height);
  aspect-ratio:auto!important;margin:0!important;padding:0;
  overflow:hidden;border-radius:16px;box-sizing:border-box;
  background:#eef2f6;
}
#alrashdiApp .alr-library .alr-media-card > .media img{
  display:block;width:100%;height:100%!important;max-height:100%;object-fit:cover;
}
#alrashdiApp .alr-library .alr-media-card > .media--book img{object-fit:contain;padding:8px;box-sizing:border-box}
#alrashdiApp .alr-library .alr-library-meta{
  display:flex;justify-content:space-between;align-items:center;gap:12px;
  margin:0;min-width:0;line-height:22px;overflow:hidden;
}
#alrashdiApp .alr-library .alr-library-author{
  min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  color:#64748b;font-size:12px;font-weight:500;letter-spacing:normal;
}
#alrashdiApp .alr-library .alr-media-card .alr-library-card-title{
  margin:0!important;padding:0;min-height:0;font-size:19px;line-height:30px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
#alrashdiApp .alr-library .alr-media-card .alr-desc{
  margin:0!important;padding:0;min-height:0;line-height:24px;font-size:13px;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
#alrashdiApp .alr-library .alr-media-card .alr-card-actions{
  margin:0!important;padding:0;align-self:stretch;min-height:0;
}
#alrashdiApp .alr-library .alr-media-card .alr-card-actions .alr-btn{
  width:100%;height:44px;min-height:44px;box-sizing:border-box;
  padding:8px 12px;line-height:24px;margin:0;
}
@media(max-width:600px){
  #alrashdiApp .alr-library .alr-media-card{--alr-library-cover-height:190px;gap:10px}
  #alrashdiApp .alr-library .alr-media-card .alr-library-card-title{font-size:18px}
}
