/* EQ_Schutte/web-v2 · بخشِ characters — منتقل‌شده از resources/interpretation-content/EQ_Schutte/sections/09-characters.html
   (RULES §۳.۵ و §۷.۸: .eqs-characters → [data-sec="characters"] .eqb؛ قاب، سربرگ، عنوانِ بخش و دمو حذف؛ keyframes با پیشوندِ eq-؛ فونتِ BaseV5) */
[data-sec="characters"] .eqb,
[data-sec="characters"] .eqb * { margin:0;padding:0;box-sizing:border-box }
[data-sec="characters"] .eqb { font-family:var(--font-family);color:var(--ch-text); }
[data-sec="characters"] .eqb { --ch-teal:#12B886;--ch-teal-d:#087F5B;--ch-teal-l:#E6FCF5;
  --ch-navy:#1E3A5F;
  --ch-slate:#334155;--ch-text:#343A40;--ch-sec:#64748B;--ch-border:#E5E7EB; }
[data-sec="characters"] .eqb .group-divider { display:flex;align-items:center;gap:14px;margin:52px 0 0 }
[data-sec="characters"] .eqb .group-divider__title { font-size:22px;font-weight:900;color:#343A40;white-space:nowrap }
[data-sec="characters"] .eqb .group-divider__line { flex:1;height:1px;background:#D1D5DB }
[data-sec="characters"] .eqb .group-divider__desc { color:#343A40;text-align:justify;font-size:18px;font-weight:400;line-height:34px;margin:8px 0 0 }
[data-sec="characters"] .eqb .ch-p { font-size:14.5px;line-height:29px;color:#374151;text-align:justify }
[data-sec="characters"] .eqb .ch-demo { display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px }
[data-sec="characters"] .eqb .ch-demo__label { display:inline-flex;align-items:center;padding:4px 11px;border:1px solid #B7E4D7;border-radius:999px;background:#F4FFFB;color:#087F5B;font-size:11px;font-weight:700 }
[data-sec="characters"] .eqb .ch-demo button { font-family:inherit;font-size:11px;font-weight:700;padding:4px 12px;border-radius:999px;border:1px solid #B7E4D7;background:#fff;color:#087F5B;cursor:pointer }
[data-sec="characters"] .eqb .ch-demo button.is-on { background:var(--ch-teal);color:#fff;border-color:var(--ch-teal) }
[data-sec="characters"] .eqb .ch-fun { display:flex;gap:12px;align-items:flex-start;padding:14px 18px;border-radius:14px;background:#F8FAFC;border:1.5px dashed #CBD5E1 }
[data-sec="characters"] .eqb .ch-fun svg { width:24px;height:24px;flex-shrink:0;color:var(--ch-navy);margin-top:2px }
[data-sec="characters"] .eqb .ch-fun__t { font-size:14.5px;font-weight:900;color:var(--ch-slate) }
[data-sec="characters"] .eqb .ch-fun__p { font-size:14px;line-height:27px;color:#475569;text-align:justify;margin-top:2px }
[data-sec="characters"] .eqb .ch-card { position:relative;overflow:hidden;isolation:isolate;border:1px solid var(--ch-border);border-radius:20px;background:#fff;box-shadow:0 6px 24px rgba(15,23,42,.05);padding:22px;margin-top:16px }
[data-sec="characters"] .eqb .ch-card::before { content:'';position:absolute;top:0;left:0;width:230px;height:200px;background-image:var(--motif);z-index:-1;
  -webkit-mask-image:radial-gradient(circle at 0 0,#000 0%,transparent 72%);mask-image:radial-gradient(circle at 0 0,#000 0%,transparent 72%) }
[data-sec="characters"] .eqb .ch-top { display:grid;grid-template-columns:124px minmax(0,1fr);gap:20px;align-items:center }
[data-sec="characters"] .eqb .ch-top--noimg { grid-template-columns:1fr }
[data-sec="characters"] .eqb .ch-img { width:124px;aspect-ratio:3/4;border-radius:18px;overflow:hidden;background:#F1F5F9;border:3px solid #fff;box-shadow:0 0 0 1.5px #B7E4D7,0 10px 22px rgba(15,23,42,.10) }
[data-sec="characters"] .eqb .ch-img img { width:100%;height:100%;object-fit:cover;display:block }
[data-sec="characters"] .eqb .ch-name { font-size:24px;font-weight:900;color:var(--ch-slate);line-height:1.4 }
[data-sec="characters"] .eqb .ch-orig { font-size:12.5px;font-weight:600;color:var(--ch-sec);direction:ltr;text-align:right }
[data-sec="characters"] .eqb .ch-work { font-size:14px;font-weight:700;color:var(--ch-teal-d);margin-top:2px }
[data-sec="characters"] .eqb .ch-chips { display:flex;flex-wrap:wrap;gap:6px;margin-top:12px }
[data-sec="characters"] .eqb .ch-chip { display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:800;padding:4px 11px;border-radius:999px;white-space:nowrap;background:#F1F5F9;color:var(--ch-slate) }
[data-sec="characters"] .eqb .ch-chip svg { width:14px;height:14px }
[data-sec="characters"] .eqb .ch-chip--s { background:var(--ch-teal-l);color:var(--ch-teal-d) }
[data-sec="characters"] .eqb .ch-texts { display:grid;gap:14px;margin-top:18px }
[data-sec="characters"] .eqb .ch-text__k { font-size:13px;font-weight:900;color:var(--ch-slate);margin-bottom:4px }
[data-sec="characters"] .eqb .ch-text--why { background:#F8FAFC;border-radius:14px;padding:14px 16px }
[data-sec="characters"] .eqb .ch-sec-t { font-size:14.5px;font-weight:900;color:var(--ch-slate);margin:22px 0 8px }
[data-sec="characters"] .eqb .ch-fs { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px }
[data-sec="characters"] .eqb .ch-f { border-radius:14px;background:#F8FAFC;padding:12px 14px }
[data-sec="characters"] .eqb .ch-f__name { font-size:13px;font-weight:900;color:var(--ch-slate);margin-bottom:8px }
[data-sec="characters"] .eqb .ch-m { display:grid;grid-template-columns:64px minmax(0,1fr) 72px;align-items:center;gap:8px;font-size:11.5px;font-weight:700;color:var(--ch-sec) }
[data-sec="characters"] .eqb .ch-m+.ch-m { margin-top:5px }
[data-sec="characters"] .eqb .ch-m__who { white-space:nowrap;overflow:hidden;text-overflow:ellipsis }
[data-sec="characters"] .eqb .ch-m__lv { font-weight:800;color:var(--ch-slate);text-align:left;white-space:nowrap }
[data-sec="characters"] .eqb .ch-seg { display:grid;grid-template-columns:repeat(5,1fr);gap:3px }
[data-sec="characters"] .eqb .ch-seg i { height:8px;border-radius:3px;background:#E2E8F0 }
[data-sec="characters"] .eqb .ch-f__ev { font-size:13px;line-height:24px;color:#475569;text-align:justify;margin-top:10px }
[data-sec="characters"] .eqb .ch-warn { display:flex;gap:10px;align-items:flex-start;margin-top:12px;padding:11px 14px;border-radius:12px;background:#FFF8EB;border:1px solid #FDE68A;font-size:12.5px;line-height:23px;color:#78350F;text-align:justify }
[data-sec="characters"] .eqb .ch-warn svg { width:17px;height:17px;flex-shrink:0;margin-top:3px }
[data-sec="characters"] .eqb .ch-ref { display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;padding:12px 16px;border-radius:14px;background:#F8FAFC;border:1px solid var(--ch-border) }
[data-sec="characters"] .eqb .ch-ref__head { display:flex;align-items:center;gap:10px;min-width:0;max-width:260px;padding-inline-end:18px;border-inline-end:1px solid #E2E8F0 }
[data-sec="characters"] .eqb .ch-ref__ic { flex:none;width:34px;height:34px;border-radius:10px;background:var(--ch-teal-l);color:var(--ch-teal-d);display:flex;align-items:center;justify-content:center }
[data-sec="characters"] .eqb .ch-ref__ic svg { width:17px;height:17px }
[data-sec="characters"] .eqb .ch-ref__ti { min-width:0 }
[data-sec="characters"] .eqb .ch-ref__t { font-size:14.5px;font-weight:900;color:var(--ch-slate);line-height:1.5 }
[data-sec="characters"] .eqb .ch-ref__o { font-size:11.5px;font-weight:600;color:var(--ch-sec);direction:ltr;text-align:right;line-height:17px }
[data-sec="characters"] .eqb .ch-ref__rows { display:flex;flex-wrap:wrap;gap:8px 28px;padding-inline-start:18px;min-width:0 }
[data-sec="characters"] .eqb .ch-ref__row { display:flex;flex-direction:column;min-width:0;max-width:280px }
[data-sec="characters"] .eqb .ch-ref__k { font-size:11px;line-height:17px;color:var(--ch-sec);font-weight:600 }
[data-sec="characters"] .eqb .ch-ref__v { font-size:13px;line-height:21px;color:var(--ch-slate);font-weight:700;min-width:0;overflow-wrap:anywhere }
[data-sec="characters"] .eqb .ch-ref__where { grid-column:1/-1;display:flex;align-items:baseline;gap:10px;margin-top:10px;padding-top:10px;border-top:1px dashed #E2E8F0;font-size:12.5px;line-height:21px }
[data-sec="characters"] .eqb .ch-ref__where .ch-ref__k { flex:none }
[data-sec="characters"] .eqb .ch-ref__where .ch-ref__v { font-size:12.5px }
@media(max-width:768px) {
  [data-sec="characters"] .eqb .group-divider__desc { font-size:16px;line-height:30px }
  [data-sec="characters"] .eqb .group-divider__title { font-size:18px }
  [data-sec="characters"] .eqb .group-divider { margin:36px 0 0 }
  [data-sec="characters"] .eqb .ch-fs { grid-template-columns:1fr }
}
@media(max-width:576px) {
  [data-sec="characters"] .eqb .group-divider__title { font-size:16px }
  [data-sec="characters"] .eqb .ch-card { padding:16px 14px }
  [data-sec="characters"] .eqb .ch-top { grid-template-columns:92px minmax(0,1fr);gap:14px }
  [data-sec="characters"] .eqb .ch-img { width:92px }
  [data-sec="characters"] .eqb .ch-name { font-size:19px }
  [data-sec="characters"] .eqb .ch-p { font-size:13.5px;line-height:26px }
  [data-sec="characters"] .eqb .ch-ref { grid-template-columns:minmax(0,1fr);padding:12px 14px }
  [data-sec="characters"] .eqb .ch-ref__head { max-width:none;padding-inline-end:0;border-inline-end:0 }
  [data-sec="characters"] .eqb .ch-ref__rows { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;padding-inline-start:0;margin-top:10px;padding-top:10px;border-top:1px dashed #E2E8F0 }
  [data-sec="characters"] .eqb .ch-ref__row { max-width:none }
  [data-sec="characters"] .eqb .ch-ref__where { flex-direction:column;gap:0 }
}