/* The database and member-centre favourites render the same resource card. */
.shen-resource-card{--shen-card-accent:#0052cc;position:relative;display:flex;min-width:0;flex-direction:column;overflow:hidden;box-sizing:border-box;border:1px solid #dce1eb;border-radius:7px;background:#f7f7ff;color:#1e2b42;box-shadow:0 1px 3px rgba(24,36,62,.05);font-family:Arial,"Microsoft JhengHei","PingFang TC",sans-serif;font-size:14px;line-height:1.5}
.shen-resource-card *{box-sizing:border-box}
.shen-resource-card__image{display:block;width:100%;aspect-ratio:4/3;overflow:hidden;background:#e7eaf0;text-decoration:none}
.shen-resource-card__image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}
.shen-resource-card__image.is-blurred img{filter:blur(1px);transform:scale(1.06)}
.shen-resource-card:hover .shen-resource-card__image img{transform:scale(1.025)}
.shen-resource-card:hover .shen-resource-card__image.is-blurred img{transform:scale(1.06)}
.shen-member-card-placeholder{display:flex;width:100%;height:100%;align-items:center;justify-content:center;text-align:center;color:#7185a3;background:linear-gradient(135deg,#e9eff9,#f7f9fc);font-size:14px;line-height:1.8}
.shen-resource-card__body{display:flex;flex:1;flex-direction:column;padding:20px 21px 21px}
.shen-resource-card .shen-resource-card__body h3{margin:0 0 4px;color:var(--shen-card-accent);font-size:18px;line-height:1.35;font-weight:700}
.shen-resource-card .shen-resource-card__body h3 a{color:inherit;text-decoration:none}
.shen-resource-card .shen-resource-card__body p{margin:0 0 14px;color:#34445f;font-size:14px;line-height:1.5}
.shen-resource-card__body dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 8px;margin:0;padding:0 0 13px;border-bottom:1px solid #e0e4ec;color:#1e2b42;font-size:13px;line-height:1.5}
.shen-resource-card__body dt,.shen-resource-card__body dd{margin:0 0 6px;padding:0;font-size:inherit;line-height:inherit}
.shen-resource-card__body dd{text-align:right}
.shen-resource-card__tags{display:flex;min-height:48px;flex-wrap:wrap;align-items:center;gap:5px;margin-top:auto;padding:13px 0}
.shen-resource-card__tags span{display:inline-block;padding:3px 6px;border:1px solid #dce1eb;border-radius:2px;background:#fff;color:#34445f;font-size:11px;line-height:1.35}
.shen-resource-card .shen-resource-card__button{position:relative;display:flex;min-height:38px!important;align-items:center;justify-content:center;border:1px solid #dfe3ec!important;border-radius:3px;background:#fbfbff!important;color:#111827!important;text-align:center;text-decoration:none;font-size:13px!important;font-weight:600;line-height:1.4!important;box-shadow:none!important;transition:background-color .18s,border-color .18s,color .18s}
.shen-resource-card .shen-resource-card__button::before{content:none}
.shen-resource-card .shen-resource-card__button:hover,.shen-resource-card .shen-resource-card__button:focus-visible{border-color:var(--shen-card-accent)!important;background:var(--shen-card-accent)!important;color:#fff!important;box-shadow:none!important}
.shen-resource-card .shen-resource-card__button--unlock{border-color:var(--shen-card-accent)!important;background:#fff!important;color:var(--shen-card-accent)!important}
.shen-resource-card .shen-resource-card__button--unlock:hover,.shen-resource-card .shen-resource-card__button--unlock:focus-visible{border-color:var(--shen-card-accent)!important;background:var(--shen-card-accent)!important;color:#fff!important}
.shen-resource-card .shen-resource-card__favorite{position:absolute;z-index:2;top:11px;right:11px;display:inline-flex;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;max-width:34px!important;max-height:34px!important;align-items:center;justify-content:center;padding:0!important;border:1px solid #d8deea!important;border-radius:9px;background:rgba(255,255,255,.94)!important;color:#7b8799;line-height:1!important;box-shadow:0 2px 8px rgba(20,37,68,.1);cursor:pointer;appearance:none;transition:color .18s,border-color .18s,background-color .18s}
.shen-resource-card .shen-resource-card__favorite svg{display:block;width:18px;height:18px;flex:none;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.shen-resource-card .shen-resource-card__favorite:hover{border-color:#9fb7df!important;background:#edf4ff!important;color:var(--shen-card-accent)!important}
.shen-resource-card__favorite:focus-visible{outline:2px solid var(--shen-card-accent);outline-offset:2px}
.shen-resource-card .shen-resource-card__favorite.is-active,.shen-resource-card .shen-resource-card__favorite.is-active:hover{border-color:#a9c6f4!important;background:#edf4ff!important;color:var(--shen-card-accent)!important}
.shen-resource-card__favorite.is-active svg{fill:currentColor}
.shen-resource-pagination{--shen-pagination-accent:#0052cc}
.shen-resource-pagination .page-numbers{display:flex;align-items:center;justify-content:center;gap:10px;margin:40px 0 0;padding:0;list-style:none}
.shen-resource-pagination a,.shen-resource-pagination span{display:flex;min-width:42px;height:42px;align-items:center;justify-content:center;padding:0 10px;border:1px solid #dce1eb;border-radius:5px;background:#fff;color:#26344d;text-decoration:none;font-size:16px;line-height:1}
.shen-resource-pagination .current{border-color:var(--shen-pagination-accent);background:var(--shen-pagination-accent);color:#fff}
.shen-resource-pagination .dots{padding:0;border-color:transparent;background:transparent;color:#69758a}
.shen-resource-pagination .prev svg,.shen-resource-pagination .next svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.shen-resource-pagination a:hover{border-color:var(--shen-pagination-accent);background:#edf4ff;color:var(--shen-pagination-accent)}
.shen-resource-pagination a:focus-visible{outline:2px solid var(--shen-pagination-accent);outline-offset:2px}
