/* research-sections.css — رویدادها / تازه‌ها / دانستنی‌ها
   فقط از متغیرهای variables.css و responsive.css استفاده می‌کند */

.rs-hero{background:var(--background);padding-block:var(--space-2xl) var(--space-md)}
.rs-hero h1{font-family:var(--font-heading);font-size:var(--h2-title-size);font-weight:var(--title-weight);color:var(--primary-dark);margin:0 0 14px;line-height:1.3}
.rs-hero p{font-family:var(--font-body);max-width:620px;margin:0;color:var(--text);font-weight:var(--body-weight);font-size:1.05rem;line-height:2}
.rs-crumb{display:flex;gap:8px;margin-bottom:18px;font-family:var(--font-body);font-size:.85rem;color:var(--secondary-dark)}
.rs-crumb a{font-family:var(--font-body);color:inherit;text-decoration:none}

.rs-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-top:var(--space-md)}
.rs-tab{padding:10px 24px;border:1px solid var(--border);border-radius:var(--radius-round);background:var(--background);color:var(--primary);font-family:var(--font-body);font-weight:var(--heading-weight);font-size:.95rem;text-decoration:none;transition:var(--transition)}
.rs-tab:hover{border-color:var(--border-blue)}
.rs-tab.is-active{background:var(--primary);border-color:var(--primary);color:var(--background)}
.rs-tab:focus-visible,.rs-card:focus-visible,.kn-item summary:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(var(--accent-strong-rgb),.22)}

.rs-main{padding-block:var(--section-space)}
.rs-title{font-family:var(--font-body);font-size:1.4rem;font-weight:var(--heading-weight);color:var(--primary-dark);margin:0 0 var(--space-sm)}
.rs-title:not(:first-child){margin-top:var(--space-xl)}
.tag{display:inline-block;padding:4px 14px;border-radius:var(--radius-round);background:var(--surface-alt);color:var(--accent-strong);font-family:var(--font-body);font-size:.8rem;font-weight:var(--heading-weight)}
.tag-soon{background:var(--background);border:1px solid var(--border-yellow)}
.meta{font-family:var(--font-body);font-size:.85rem;color:var(--secondary-dark);margin:0}
.rs-hero{
    text-align:center;
}

.rs-hero p{
    margin-inline:auto; /* چون max-width دارد، بدون این خط وسط نمی‌آید */
}

.rs-crumb,
.rs-tabs{
    justify-content:center; /* این دو flex هستند و text-align روی آن‌ها اثر ندارد */
}
/* ---------- رویدادها ---------- */
.ev-list{display:grid;gap:16px}
.ev-item{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-sm);align-items:center;padding:20px 24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--transition),box-shadow var(--transition)}
.ev-item:hover{border-color:var(--border-blue);box-shadow:var(--shadow-sm)}
.ev-date{width:84px;padding:12px 0;text-align:center;background:var(--primary);color:var(--background);border-radius:var(--radius-md);line-height:1.3}
.ev-date b{display:block;font-family:var(--font-body);font-size:1.9rem}
.ev-date span{font-family:var(--font-body);font-size:.85rem;color:var(--text-inverse)}
.ev-item h3{margin:8px 0 6px;font-family:var(--font-body);font-size:1.1rem;color:var(--primary-dark)}
.ev-item .btn{margin-top:0}
.ev-past{opacity:.85}
.ev-past .ev-date{background:var(--surface-alt);color:var(--primary-dark)}
.ev-past .ev-date span{color:var(--secondary-dark)}

/* ---------- تازه‌ها ---------- */
.news-featured,.news-grid{display:grid;gap:24px}
.news-featured{grid-template-columns:1.2fr 1fr;margin-bottom:var(--space-xl)}
.news-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.rs-card{display:flex;flex-direction:column;background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;color:inherit;text-decoration:none;transition:border-color var(--transition),box-shadow var(--transition)}
.rs-card:hover{border-color:var(--border-blue);box-shadow:var(--shadow-md)}
.rs-thumb{aspect-ratio:16/9;background:linear-gradient(135deg,var(--primary),var(--secondary))}
.news-featured .rs-thumb{aspect-ratio:auto;min-height:300px}
.rs-card-body{padding:22px 24px 26px;display:flex;flex-direction:column;gap:10px;flex:1}
.rs-card h3{margin:0;font-family:var(--font-body);font-size:1.1rem;line-height:1.8;color:var(--primary-dark)}
.news-featured h3{font-family:var(--font-body);font-size:1.5rem}
.rs-card p{margin:0; font-family:var(--font-body); font-size:var(--font-size-p);font-weight:var(--body-weight);line-height:2;color:var(--text)}

/* ---------- دانستنی‌ها ---------- */
.kn-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;align-items:start}
.kn-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--transition)}
.kn-item[open]{border-color:var(--border-blue);background:var(--background)}
.kn-item summary{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:22px 24px;cursor:pointer;list-style:none;font-family:var(--font-body);font-weight:var(--heading-weight);color:var(--primary-dark);line-height:1.8;border-radius:var(--radius-lg)}
.kn-item summary::-webkit-details-marker{display:none}
.kn-item summary::after{content:"+";flex-shrink:0;width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;color:var(--primary);transition:transform var(--transition)}
.kn-item[open] summary::after{content:"−";transform:rotate(180deg)}
.kn-item div{padding:0 24px 24px;font-family:var(--font-body);font-weight:var(--body-weight);line-height:2.1;color:var(--text)}
.kn-item .tag{margin-bottom:10px}

@media (max-width:992px){.news-featured,.kn-list{grid-template-columns:1fr}.news-featured .rs-thumb{min-height:220px}}
@media (max-width:576px){
  .rs-hero h1{font-size:1.9rem}
  .ev-item{grid-template-columns:auto 1fr}
  .ev-item .btn{grid-column:1/-1;justify-content:center}
  .ev-date{width:68px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}