/* SLFS/web-v2 · کامپوننتِ Esanj_resource-section — کپیِ همین نسخه (منبع: components/content/Esanj_resource-section.html)
   منتقل‌شده از <style>ِ قالب (2026-10-02) — RULES §۳.۵ */

/* ══ RESOURCE SECTION (کتاب / فیلم) — کپی از components/content/Esanj_resource-section.html ══ */
.resource-section{background:#fff;border-radius:20px;border:1px solid #E5E7EB;box-shadow:0 4px 20px rgba(0,0,0,.04);overflow:hidden;margin:20px 0}

.resource-section__header{padding:16px 24px;border-bottom:1px solid #E5E7EB;background:#F8FAFC;display:flex;align-items:center;gap:10px}
.resource-section__header-icon{width:32px;height:32px;border-radius:8px;background:#F1F5F9;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#64748b}
.resource-section__header-icon svg{width:18px;height:18px;fill:currentColor}
.resource-section__header-title{font-size:16px;font-weight:800;color:#334155}

.resource-section__body{padding:0}
.resource-section__item{padding:20px 24px;display:flex;gap:20px;border-bottom:1px solid #F3F4F6}
.resource-section__item:last-child{border-bottom:none}

.resource-section__cover{flex-shrink:0}
.resource-section__cover img{width:90px;height:120px;border-radius:10px;object-fit:cover;box-shadow:0 4px 12px rgba(0,0,0,.12)}

.resource-section__info{flex:1;min-width:0}
.resource-section__title{font-size:16px;font-weight:800;color:#334155;margin-bottom:6px}
.resource-section__meta{font-size:12px;color:#64748b;margin-bottom:8px;display:flex;flex-wrap:wrap;gap:8px}
.resource-section__meta strong{color:#334155}
.resource-section__desc{font-size:13px;color:#5A6C7D;line-height:24px;text-align:justify}

@media screen and (max-width:768px){
  .resource-section__item{padding:16px 18px;gap:16px}
  .resource-section__title{font-size:15px}
}
@media screen and (max-width:576px){
  .resource-section__item{flex-direction:column;align-items:center;text-align:center;padding:16px}
  .resource-section__cover img{width:80px;height:106px}
  .resource-section__desc{text-align:justify}
  .resource-section__meta{justify-content:center}
}

/* متنِ API ممکن است <p> داشته باشد — wrapperها div هستند */
.resource-section__desc p { margin: 0 0 6px }
.resource-section__desc p:last-child { margin-bottom: 0 }