/* rd-resources.css: ریدیزاین ۱۴۰۸، گروه منابع (وبلاگ، ابزارها، پرسش‌ها، ویدیو، انجمن، حمایت).
   فقط روی rd-base.css سوار است؛ رنگ‌ها فقط از توکن‌های --rd-* و --ab-*، جز رنگ وضعیت. */

/* ---------- عمومی ---------- */
.rd-res-hero .rd-lead { max-inline-size: 760px; }
.rd-res-hero .ab-accent { color: var(--rd-primary); }
.rd-res-read { max-inline-size: 720px; margin-inline: auto; }
.rd-res-read p, .rd-res-read li { line-height: 1.95; }
.rd-res-read h2 { margin-block: 2rem .75rem; font-size: clamp(1.3rem, 1.1rem + .9vw, 1.7rem); font-weight: 800; color: var(--rd-navy); }
.rd-res-read h3 { margin-block: 1.5rem .5rem; font-size: 1.15rem; font-weight: 800; color: var(--rd-navy); }
.rd-res-read img { max-inline-size: 100%; block-size: auto; border-radius: var(--rd-radius-sm); }
.rd-res-read a { color: var(--rd-primary); text-underline-offset: 3px; }
.rd-res-read a:focus-visible,
.rd-res-chips a:focus-visible,
.rd-res-pager a:focus-visible,
.rd-res-toc a:focus-visible,
.rd-res-tools a:focus-visible,
.rd-res-cta-link:focus-visible,
.rd-res-watch-link a:focus-visible,
.acw-nav a:focus-visible,
.acw-subnav a:focus-visible,
.rd-res-calc-form input:focus-visible,
.rd-res-calc-form select:focus-visible {
  outline: 3px solid var(--rd-primary); outline-offset: 3px; border-radius: 6px;
}
.rd-res-byline { color: var(--rd-muted); font-size: .92rem; margin-block-end: 1.25rem; }
.rd-res-cta-section { padding-block: var(--rd-section); }
.rd-res-btn-on-navy { color: #fff; border-color: rgba(255, 255, 255, .45); }
.rd-res-btn-on-navy:hover { background: rgba(255, 255, 255, .12); color: #fff; }
.rd-res-cta-link { color: var(--rd-cyan); font-weight: 700; }

/* ---------- وبلاگ: فهرست ---------- */
.rd-res-chips { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0 0 var(--rd-gap); padding: 0; list-style: none; }
.rd-res-chips a {
  display: inline-flex; align-items: center; min-block-size: 44px; padding-inline: 1rem;
  border: 1px solid var(--rd-border); border-radius: 999px; background: var(--rd-bg);
  color: var(--rd-navy); font-weight: 700; font-size: .92rem; text-decoration: none;
}
.rd-res-chips a:hover, .rd-res-chips .active a, .rd-res-chips a[aria-current] { background: var(--rd-navy-soft); border-color: var(--rd-primary); }
.rd-res-posts { align-items: stretch; }
.rd-res-post { display: flex; flex-direction: column; gap: .75rem; padding: 0; overflow: hidden; }
.rd-res-post > :not(.rd-res-post-img) { margin-inline: clamp(1rem, 2.5vw, 1.5rem); }
.rd-res-post > :last-child { margin-block-end: clamp(1rem, 2.5vw, 1.5rem); }
.rd-res-post-img { border: 0; border-radius: 0; box-shadow: none; aspect-ratio: 16 / 9; background: var(--rd-tint); }
.rd-res-post-img img { inline-size: 100%; block-size: 100%; object-fit: cover; }
.rd-res-post-title { margin: 0; font-size: 1.12rem; font-weight: 800; line-height: 1.55; color: var(--rd-navy); }
.rd-res-post:hover .rd-res-post-title { color: var(--rd-primary); }
.rd-res-post-excerpt { margin: 0; color: var(--rd-muted); line-height: 1.85; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.rd-res-meta { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem .9rem; margin-block-start: auto; color: var(--rd-muted); font-size: .88rem; }
.rd-res-meta-author { font-weight: 700; color: var(--rd-ink); }
.rd-res-meta-lg { font-size: .95rem; margin-block-start: 1rem; }
.rd-res-pager { display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem; margin-block-start: calc(var(--rd-gap) * 1.5); }
.rd-res-pager a, .rd-res-pager span {
  display: inline-grid; place-items: center; min-inline-size: 44px; min-block-size: 44px; padding-inline: .75rem;
  border: 1px solid var(--rd-border); border-radius: var(--rd-radius-sm); color: var(--rd-navy); text-decoration: none; font-weight: 700;
}
.rd-res-pager .active, .rd-res-pager [aria-current] { background: var(--rd-primary); border-color: var(--rd-primary); color: #fff; }

/* ---------- وبلاگ: مقاله ---------- */
.rd-res-article-head { padding-block: clamp(2.5rem, 6vw, 4rem) clamp(1.5rem, 4vw, 2.5rem); background: linear-gradient(180deg, var(--rd-navy-soft) 0%, var(--rd-bg) 100%); }
.rd-res-article-title { margin: 0 0 .5rem; font-size: clamp(1.7rem, 1.2rem + 2.2vw, 2.6rem); font-weight: 800; line-height: 1.35; color: var(--rd-navy); }
.rd-res-article-main { padding-block-end: var(--rd-section); }
.rd-res-cover { margin-block-end: 1.75rem; }
.rd-res-toc {
  margin-block: 0 1.75rem; padding: 1.1rem 1.25rem; border: 1px solid var(--rd-border);
  border-inline-start: 4px solid var(--rd-cyan); border-radius: var(--rd-radius-sm); background: var(--rd-tint);
}
.rd-res-toc .ab-toc-title { display: block; margin-block-end: .5rem; color: var(--rd-navy); }
.rd-res-toc ol { margin: 0; padding-inline-start: 1.25rem; }
.rd-res-toc li { line-height: 1.8; }
.rd-res-toc .ab-toc-l2 { margin-inline-start: 1rem; font-size: .94rem; }
.rd-res-toc a { color: var(--rd-ink); text-decoration: none; }
.rd-res-toc a:hover { color: var(--rd-primary); }
.rd-res-media, .rd-res-audio, .rd-res-gallery { margin-block: 1.75rem; }
.rd-res-video, .rd-res-media iframe, .rd-res-media video {
  display: block; inline-size: 100%; aspect-ratio: 16 / 9; block-size: auto; border: 0;
  border-radius: var(--rd-radius); background: var(--rd-navy);
}
.rd-res-audio audio { inline-size: 100%; }
.rd-res-gallery { display: grid; gap: .75rem; grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr)); }
.rd-res-gallery img { inline-size: 100%; block-size: auto; border-radius: var(--rd-radius-sm); border: 1px solid var(--rd-border); }
.rd-res-block { margin-block-start: clamp(2rem, 5vw, 3rem); }
.rd-res-block-title, .rd-res-related-title, .rd-res-apps-title, .rd-res-tools-title { margin: 0 0 1rem; font-size: 1.35rem; font-weight: 800; color: var(--rd-navy); }
.rd-res-apps { display: grid; gap: .75rem; }
.rd-res-app { display: flex; gap: 1rem; align-items: center; padding: 1rem 1.15rem; }
.rd-res-app img { flex: none; border-radius: var(--rd-radius-sm); }
.rd-res-app-text { display: grid; gap: .25rem; min-inline-size: 0; }
.rd-res-app-text strong { color: var(--rd-navy); }
.rd-res-app-text > span:not(.rd-badge) { color: var(--rd-muted); font-size: .92rem; line-height: 1.7; }
.rd-res-app .rd-badge { justify-self: start; }
.rd-res-app .rd-badge-ok { background: #e4f7ec; color: #136c3a; }
.rd-res-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-block-start: 1.25rem; }
.rd-res-next { margin-block-start: 1rem; color: var(--rd-muted); }
.rd-res-author {
  display: flex; gap: 1rem; align-items: flex-start; max-inline-size: 720px; margin: 2rem auto 0;
  padding: 1.25rem; border: 1px solid var(--rd-border); border-radius: var(--rd-radius); background: var(--rd-tint);
}
.rd-res-author img { flex: none; inline-size: 64px; block-size: 64px; border-radius: 50%; object-fit: cover; }
.rd-res-author div { display: grid; gap: .35rem; min-inline-size: 0; }
.rd-res-author strong { color: var(--rd-navy); }
.rd-res-author span { color: var(--rd-muted); line-height: 1.8; }

/* ---------- ابزارها ---------- */
.rd-res-tools {
  display: grid; gap: var(--rd-gap); grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
}
.rd-res-tools .ab-tool-card {
  display: flex; flex-direction: column; gap: .5rem; padding: clamp(1.25rem, 2.5vw, 1.75rem);
  border: 1px solid var(--rd-border); border-radius: var(--rd-radius); background: var(--rd-bg);
  box-shadow: var(--rd-shadow); color: inherit; text-decoration: none;
  transition: transform .25s var(--rd-ease), box-shadow .25s var(--rd-ease);
}
.rd-res-tools .ab-tool-card:hover { transform: translateY(-3px); box-shadow: var(--rd-shadow-hover); }
.rd-res-tools .ab-tool-card h2 { margin: 0; font-size: 1.15rem; font-weight: 800; color: var(--rd-navy); }
.rd-res-tools .ab-tool-card p { margin: 0; color: var(--rd-muted); line-height: 1.8; }
.rd-res-tools .ab-tool-go { margin-block-start: auto; padding-block-start: .5rem; font-weight: 700; color: var(--rd-primary); }
.rd-res-answer { align-items: start; }
.rd-res-facts { display: grid; gap: .6rem; margin: 0; padding: 0; list-style: none; }
.rd-res-facts li {
  display: grid; gap: .2rem; padding: .85rem 1rem; border: 1px solid var(--rd-border);
  border-inline-start: 4px solid var(--rd-cyan); border-radius: var(--rd-radius-sm); background: var(--rd-bg);
}
.rd-res-facts b { color: var(--rd-navy); }
.rd-res-facts span { color: var(--rd-muted); line-height: 1.75; }

/* ماشین‌حساب حقوق: برچسب بالای فیلد، نتیجه در کارت */
.rd-res-tool-section { padding-block: clamp(2rem, 5vw, 3.5rem); }
.rd-res-calc { display: grid; gap: var(--rd-gap); grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); align-items: start; }
.rd-res-calc-form {
  display: grid; gap: 1rem; grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: clamp(1.25rem, 3vw, 1.75rem); border: 1px solid var(--rd-border); border-radius: var(--rd-radius); background: var(--rd-bg); box-shadow: var(--rd-shadow);
}
.rd-res-field { display: flex; flex-direction: column; gap: .4rem; min-inline-size: 0; margin: 0; }
.rd-res-field-wide, .rd-res-check { grid-column: 1 / -1; }
.rd-res-field label { font-weight: 700; color: var(--rd-navy); font-size: .95rem; }
.rd-res-field input, .rd-res-field select {
  inline-size: 100%; min-block-size: 48px; padding: .6rem .85rem; font: inherit; color: var(--rd-ink);
  border: 1px solid var(--rd-border); border-radius: var(--rd-radius-sm); background: var(--rd-bg);
}
.rd-res-field input:focus, .rd-res-field select:focus { border-color: var(--rd-primary); }
.rd-res-field small { color: var(--rd-muted); font-size: .85rem; line-height: 1.6; }
.rd-res-check { margin: 0; }
.rd-res-check label { display: inline-flex; align-items: center; gap: .6rem; min-block-size: 44px; cursor: pointer; font-weight: 600; }
.rd-res-check input { inline-size: 1.25rem; block-size: 1.25rem; accent-color: var(--rd-primary); }
.rd-res-calc-out {
  position: sticky; inset-block-start: 1rem; padding: clamp(1.25rem, 3vw, 1.75rem);
  border: 1px solid var(--rd-border); border-radius: var(--rd-radius); background: var(--rd-bg); box-shadow: var(--rd-shadow);
}
.rd-res-calc-headline {
  display: grid; gap: .25rem; margin-block-end: 1rem; padding: 1.1rem 1.25rem;
  border-radius: var(--rd-radius-sm); background: var(--rd-navy); color: #fff;
}
.rd-res-calc-headline span, .rd-res-calc-headline small { color: rgba(255, 255, 255, .8); }
.rd-res-calc-headline strong { font-size: clamp(1.6rem, 1.2rem + 1.6vw, 2.2rem); font-weight: 800; color: var(--rd-cyan); }
.rd-res-calc-table { inline-size: 100%; border-collapse: collapse; font-size: .94rem; }
.rd-res-calc-table th, .rd-res-calc-table td { padding: .55rem .25rem; text-align: start; border-block-end: 1px solid var(--rd-border); }
.rd-res-calc-table td:last-child { text-align: end; font-weight: 700; color: var(--rd-ink); white-space: nowrap; }
.rd-res-calc-table .ab-calc-group { padding-block-start: 1rem; color: var(--rd-navy); font-weight: 800; background: transparent; }
.rd-res-table { margin-block: 1rem 1.5rem; }
@media (max-width: 991px) {
  .rd-res-calc { grid-template-columns: minmax(0, 1fr); }
  .rd-res-calc-out { position: static; }
}
@media (max-width: 575px) {
  .rd-res-calc-form { grid-template-columns: minmax(0, 1fr); }
}

/* ---------- ویدیو ---------- */
.rd-res-watch-inner { max-inline-size: 960px; }
.rd-res-watch-title { margin: 0 0 1.25rem; font-size: clamp(1.6rem, 1.2rem + 1.8vw, 2.4rem); font-weight: 800; line-height: 1.35; color: var(--rd-navy); }
.rd-res-watch-frame {
  display: block; inline-size: 100%; aspect-ratio: 16 / 9; block-size: auto; border: 0;
  border-radius: var(--rd-radius); background: var(--rd-navy); box-shadow: var(--rd-shadow);
}
.rd-res-watch-video {
  display: block; inline-size: 100%; block-size: auto; max-block-size: 70vh;
  border-radius: var(--rd-radius); background: var(--rd-navy); box-shadow: var(--rd-shadow);
}
.rd-res-watch-desc { margin-block-start: 1.25rem; }
.rd-res-watch-link { margin-block-start: 1rem; color: var(--rd-muted); }

/* ---------- حمایت و دسترسی رایگان (انگلیسی) ---------- */
.rd-res-goal { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin-block: 1rem 0; color: var(--rd-muted); }
.rd-res-en-split { align-items: start; }
.rd-res-en-card ul { margin: 0; padding-inline-start: 1.1rem; line-height: 1.8; }
.rd-res-en-grid { margin-block-start: var(--rd-gap); }
.rd-res-en-note { margin-block-start: var(--rd-gap); }
.rd-res-steps-en { margin-block-start: 1rem; }
.rd-res-wallet { overflow-x: auto; -webkit-overflow-scrolling: touch; border: 1px solid var(--rd-border); border-radius: var(--rd-radius-sm); background: var(--rd-bg); }
.rd-res-wallet table { inline-size: 100%; border-collapse: collapse; }
.rd-res-wallet th, .rd-res-wallet td { padding: .75rem 1rem; text-align: start; border-block-end: 1px solid var(--rd-border); vertical-align: middle; }
.rd-res-wallet thead th { background: var(--rd-tint); color: var(--rd-navy); }
.rd-res-wallet code { overflow-wrap: anywhere; word-break: break-all; font-size: .88rem; }
.rd-res-wallet .rd-btn { min-block-size: 44px; padding-block: .4rem; }

/* ---------- پیش‌نمایش بستهٔ منابع در /start ---------- */
#ab-resource-package-preview {
  margin: 1.2rem 0 1.8rem; padding: 1.1rem;
  border: 1px solid var(--rd-border); border-radius: var(--rd-radius); background: var(--rd-tint);
}
#ab-resource-package-preview .ab-resource-preview-grid { display: grid; gap: .85rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr)); }
#ab-resource-package-preview .ab-resource-preview-card {
  min-inline-size: 0; padding: 1rem; border: 1px solid var(--rd-border); border-radius: var(--rd-radius-sm);
  background: var(--rd-bg); color: var(--rd-ink);
}
#ab-resource-package-preview h4 { margin: 0 0 .7rem; font-size: 1.15rem; color: var(--rd-navy); }
#ab-resource-package-preview .ab-resource-preview-price { font-size: 1.1rem; font-weight: 700; }
#ab-resource-package-preview ul { padding-inline-start: 1.2rem; line-height: 1.9; }
#ab-resource-package-preview summary { cursor: pointer; font-weight: 600; min-block-size: 44px; display: flex; align-items: center; }
#ab-resource-package-preview .ab-resource-preview-note { font-size: .88rem; line-height: 1.9; color: var(--rd-muted); }

/* ---------- انجمن (abrak_community_web) ---------- */
.acw-hero { padding-block-end: clamp(2rem, 5vw, 3rem); }
.acw-hero .acw-nav { display: flex; flex-wrap: wrap; gap: .5rem; margin-block-start: 1.5rem; }
.acw-hero .acw-nav a {
  display: inline-flex; align-items: center; min-block-size: 44px; padding-inline: 1rem;
  border: 1px solid var(--rd-border); border-radius: 999px; background: var(--rd-bg);
  color: var(--rd-navy); font-weight: 700; text-decoration: none;
}
.acw-hero .acw-nav a:hover, .acw-hero .acw-nav a[aria-current] { background: var(--rd-navy-soft); border-color: var(--rd-primary); }
.acw-subnav a { min-block-size: 44px; display: inline-flex; align-items: center; }
.rd-res-acw-groups .acw-card { display: flex; flex-direction: column; }
.rd-res-acw-groups .acw-card p { margin-block-end: 1rem; }
.rd-res-acw-groups .acw-card-link { margin-block-start: auto; }
.rd-res-acw-features .acw-card { display: flex; flex-direction: column; gap: 1rem; }
.rd-res-acw-features .acw-card .rd-btn { margin-block-start: auto; align-self: flex-start; }
.rd-res-acw-note { margin-block-start: var(--rd-gap); }
.rd-res-acw-steps { margin-block-end: var(--rd-gap); }
.rd-res-acw-steps a { color: var(--rd-primary); }
.rd-res-acw-faq h2 { margin-block: 1.5rem .25rem; }
.rd-res-acw-faq h2:first-child { margin-block-start: 0; }
.rd-res-acw-faq details { border-block-end: 1px solid var(--rd-border); padding: 0; }
.rd-res-acw-jury { margin-block: 1rem; }
.rd-res-acw-jury h3 { margin-block-start: 0; }
.acw-rules-text { white-space: pre-wrap; font-family: inherit; line-height: 1.9; }
.acw-sample { margin-block: .5rem; border-style: dashed; border-color: var(--rd-muted); box-shadow: none; }
.acw-sample:hover, .acw-sample:focus-within { transform: none; box-shadow: none; }

/* ---------- موبایل و حرکت ---------- */
@media (max-width: 575px) {
  .rd-res-author { flex-direction: column; }
  .rd-res-hero .rd-hero-actions .rd-btn, .rd-res-actions .rd-btn { flex: 1 1 100%; }
  .rd-res-tools .ab-tool-card h2 { font-size: 1.05rem; }
}
@media (prefers-reduced-motion: reduce) {
  .rd-res-tools .ab-tool-card, .rd-res-post, .rd-res-app { transition: none; }
  .rd-res-tools .ab-tool-card:hover { transform: none; }
}