/* EQ_Schutte/web-v2 · بخشِ typology — منتقل‌شده از resources/interpretation-content/EQ_Schutte/sections/03-typology.html
   (RULES §۳.۵ و §۷.۸: .eqs-typology → [data-sec="typology"] .eqb؛ قاب، سربرگ، عنوانِ بخش و دمو حذف؛ keyframes با پیشوندِ eq-؛ فونتِ BaseV5) */
[data-sec="typology"] .eqb,
[data-sec="typology"] .eqb * { margin:0;padding:0;box-sizing:border-box }
[data-sec="typology"] .eqb { font-family:var(--font-family);color:#343A40; }
[data-sec="typology"] .eqb .card { background:#fff;border-radius:20px;border:1px solid #E5E7EB;box-shadow:0 4px 20px rgba(0,0,0,0.04);overflow:hidden;margin:24px 0 }
[data-sec="typology"] .eqb .card__header { background:#F3F4F6;padding:12px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #E5E7EB }
[data-sec="typology"] .eqb .card__title { font-size:14px;font-weight:700;color:#6B7280 }
[data-sec="typology"] .eqb .card__body { padding:24px }
[data-sec="typology"] .eqb .metric-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0 }
[data-sec="typology"] .eqb .metric-card { background:#fff;border-radius:14px;padding:16px 14px;position:relative;overflow:hidden;border:1px solid #E5E7EB;transition:all .3s ease }
[data-sec="typology"] .eqb .metric-card:hover { box-shadow:0 10px 40px rgba(0,0,0,.08);transform:translateY(-2px) }
[data-sec="typology"] .eqb .metric-card__bg-icon { position:absolute;left:8px;bottom:8px;width:38px;height:38px;opacity:.07;pointer-events:none;color:#6B7280 }
[data-sec="typology"] .eqb .metric-card__bg-icon svg { width:100%;height:100% }
[data-sec="typology"] .eqb .metric-card__label { font-size:11px;color:#6B7280;font-weight:600;margin-bottom:5px }
[data-sec="typology"] .eqb .metric-card__value { font-size:28px;font-weight:900;color:#343A40;line-height:1;margin-bottom:3px }
[data-sec="typology"] .eqb .metric-card__unit { font-size:11px;color:#9CA3AF;font-weight:500 }
[data-sec="typology"] .eqb .metric-card--profile .metric-card__value { font-size:15px;padding:8px 16px;border-radius:30px;display:inline-block;background:rgba(18,184,134,.12);color:#065F46 }
[data-sec="typology"] .eqb .axes-strip { display:flex;gap:10px;margin:20px 0 0;flex-wrap:wrap }
[data-sec="typology"] .eqb .axis-pill { display:flex;align-items:center;gap:8px;background:#F8FAFC;border:1px solid #E5E7EB;border-radius:12px;padding:10px 16px;flex:1;min-width:140px }
[data-sec="typology"] .eqb .axis-pill__dot { width:10px;height:10px;border-radius:50%;flex-shrink:0 }
[data-sec="typology"] .eqb .axis-pill__label { font-size:12px;color:#6B7280;font-weight:600 }
[data-sec="typology"] .eqb .axis-pill__level { font-size:13px;font-weight:800;color:#343A40;margin-right:auto }
[data-sec="typology"] .eqb .axis-pill--sv .axis-pill__dot { background:#4A90E2 }
[data-sec="typology"] .eqb .axis-pill--wv .axis-pill__dot { background:#27AE60 }
[data-sec="typology"] .eqb .axis-pill--fv .axis-pill__dot { background:#E67E22 }
[data-sec="typology"] .eqb .chart3d-wrap { position:relative;
  width:100%;
  padding-bottom:80%;
  background:#F7F9FC;
  border-radius:12px;
  overflow:hidden; }
@media screen and (max-width:768px) {
  [data-sec="typology"] .eqb .chart3d-wrap { padding-bottom:110% }
}
@media screen and (max-width:480px) {
  [data-sec="typology"] .eqb .chart3d-wrap { padding-bottom:130% }
}
[data-sec="typology"] .eqb .chart3d-wrap canvas { position:absolute;
  top:0;left:0;
  width:100%!important;
  height:100%!important; }
[data-sec="typology"] .eqb .chart3d-tip { position:absolute;pointer-events:none;
  background:rgba(255,255,255,.97);backdrop-filter:blur(8px);
  border:1px solid #E5E7EB;border-radius:10px;
  padding:8px 12px;opacity:0;transition:opacity .15s;z-index:30;
  text-align:center;box-shadow:0 4px 16px rgba(0,0,0,.12);
  min-width:120px; }
[data-sec="typology"] .eqb .chart3d-tip__code { font-family:'Courier New',monospace;font-size:13px;font-weight:900;color:#12B886;display:block }
[data-sec="typology"] .eqb .chart3d-tip__fa { font-size:12px;font-weight:700;color:#343A40;display:block;margin-top:2px }
[data-sec="typology"] .eqb .chart3d-tip__en { font-size:11px;color:#9CA3AF;display:block;margin-top:1px }
[data-sec="typology"] .eqb .chart3d-legend { display:flex;justify-content:center;gap:20px;margin-top:14px;flex-wrap:wrap }
[data-sec="typology"] .eqb .chart3d-legend__item { display:flex;align-items:center;gap:6px }
[data-sec="typology"] .eqb .chart3d-legend__dot { width:10px;height:10px;border-radius:3px;flex-shrink:0 }
[data-sec="typology"] .eqb .chart3d-legend__label { font-size:11px;font-weight:700;color:#6B7280 }
[data-sec="typology"] .eqb .chart3d-hint { text-align:center;font-size:11px;color:#9CA3AF;margin-top:10px }
[data-sec="typology"] .eqb .chart3d-axlabel { position:absolute;pointer-events:none;font-family:var(--font-family);font-size:12px;font-weight:800;white-space:nowrap;transform:translate(-50%,-50%);z-index:10;direction:rtl }
[data-sec="typology"] .eqb .group-divider { display:flex;align-items:center;gap:14px;margin:52px 0 0 }
[data-sec="typology"] .eqb .group-divider__title { font-size:22px;font-weight:900;color:#343A40;white-space:nowrap }
[data-sec="typology"] .eqb .group-divider__line { flex:1;height:1px;background:#D1D5DB;border-radius:1px;margin-right:8px }
[data-sec="typology"] .eqb .group-divider__desc { color:#343A40;text-align:justify;font-size:18px;font-weight:400;line-height:34px;margin:8px 0 0 }
[data-sec="typology"] .eqb .card-sub { padding:20px 0;border-bottom:1px solid #F3F4F6 }
[data-sec="typology"] .eqb .card-sub:last-child { border-bottom:none;padding-bottom:0 }
[data-sec="typology"] .eqb .card-sub:first-child { padding-top:0 }
[data-sec="typology"] .eqb .card-sub__title { font-size:15px;font-weight:800;color:#343A40;margin-bottom:10px;display:flex;align-items:center;gap:8px }
[data-sec="typology"] .eqb .card-sub__title-icon { width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#F1F5F9;color:#334155 }
[data-sec="typology"] .eqb .card-sub__title-icon svg { width:16px;height:16px }
[data-sec="typology"] .eqb .card-sub__text { font-size:16px;color:#343A40;line-height:32px;text-align:justify }
[data-sec="typology"] .eqb .complement-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:8px }
[data-sec="typology"] .eqb .complement-card { background:linear-gradient(135deg,#FAFBFC,#F8F9FA);border-radius:16px;padding:20px 16px;border:1px solid #E5E7EB;text-align:center;position:relative;overflow:hidden;transition:all .3s ease }
[data-sec="typology"] .eqb .complement-card:hover { transform:translateY(-3px);box-shadow:0 8px 24px rgba(18,184,134,.1);border-color:#334155 }
[data-sec="typology"] .eqb .complement-card__icon { width:48px;height:48px;border-radius:14px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;background:#F1F5F9;color:#334155 }
[data-sec="typology"] .eqb .complement-card__icon svg { width:24px;height:24px }
[data-sec="typology"] .eqb .complement-card__code { font-family:'Courier New',monospace;font-size:11px;font-weight:900;color:#12B886;background:#E6FCF5;padding:3px 8px;border-radius:20px;display:inline-block;margin-bottom:6px }
[data-sec="typology"] .eqb .complement-card__name { font-size:14px;font-weight:800;color:#343A40;margin-bottom:2px }
[data-sec="typology"] .eqb .complement-card__name-en { font-size:11px;color:#9CA3AF;font-weight:600;margin-bottom:10px }
[data-sec="typology"] .eqb .complement-card__desc { font-size:12px;color:#6B7280;line-height:1.9;text-align:justify }
[data-sec="typology"] .eqb .path-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px }
[data-sec="typology"] .eqb .path-card { border-radius:14px;padding:16px;border:1px solid #E5E7EB;background:#FAFBFC;text-align:center }
[data-sec="typology"] .eqb .path-card__icon { font-size:24px;margin-bottom:8px }
[data-sec="typology"] .eqb .path-card__title { font-size:13px;font-weight:800;color:#343A40;margin-bottom:4px }
[data-sec="typology"] .eqb .path-card__text { font-size:12px;color:#6B7280;line-height:1.8;text-align:right }
[data-sec="typology"] .eqb .narrative-card__body { padding:24px;display:flex;flex-direction:column;gap:22px }
[data-sec="typology"] .eqb .narrative-card__story { font-size:16px;color:#343A40;line-height:32px;text-align:justify; }
[data-sec="typology"] .eqb .narrative-card__story strong { color:#12B886;font-weight:700 }
[data-sec="typology"] .eqb .narrative-card__img-wrap { width:100%;border-radius:12px;overflow:hidden;border:1px solid #E5E7EB; }
[data-sec="typology"] .eqb .narrative-card__img-placeholder { width:100%;height:200px;background:#F3F4F6;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  color:#9CA3AF;font-size:12px;font-weight:600; }
[data-sec="typology"] .eqb .narrative-card__img-wrap img { width:100%;height:auto;display:block }
[data-sec="typology"] .eqb .narrative-card__traits { display:grid;grid-template-columns:1fr 1fr;gap:10px; }
[data-sec="typology"] .eqb .narrative-card__trait { display:flex;align-items:flex-start;gap:12px;
  padding:14px 16px;border-radius:14px;border:1.5px solid;
  transition:transform .2s ease, box-shadow .2s ease; }
[data-sec="typology"] .eqb .narrative-card__trait:hover { transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.07) }
[data-sec="typology"] .eqb .narrative-card__trait-icon { width:34px;height:34px;border-radius:10px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.6); }
[data-sec="typology"] .eqb .narrative-card__trait-body { display:flex;flex-direction:column;gap:3px;padding-top:1px }
[data-sec="typology"] .eqb .narrative-card__trait-name { font-size:13px;font-weight:800;line-height:1 }
[data-sec="typology"] .eqb .narrative-card__trait-desc { font-size:11.5px;font-weight:500;opacity:.75;line-height:1.5 }
[data-sec="typology"] .eqb .narrative-card__trait--future { color:#D97706;background:rgba(251,191,36,.07);border-color:rgba(217,119,6,.18) }
[data-sec="typology"] .eqb .narrative-card__trait--balanced { color:#2563EB;background:rgba(59,130,246,.07);border-color:rgba(37,99,235,.18) }
[data-sec="typology"] .eqb .narrative-card__trait--resilient { color:#059669;background:rgba(16,185,129,.07);border-color:rgba(5,150,105,.18) }
[data-sec="typology"] .eqb .narrative-card__trait--motivated { color:#7C3AED;background:rgba(139,92,246,.07);border-color:rgba(124,58,237,.18) }
[data-sec="typology"] .eqb .narrative-card__trait--growth { color:#12B886;background:rgba(18,184,134,.07);border-color:rgba(18,184,134,.2) }
[data-sec="typology"] .eqb .narrative-card__trait--hopeful { color:#DB2777;background:rgba(236,72,153,.07);border-color:rgba(219,39,119,.18) }
[data-sec="typology"] .eqb .narrative-banner { margin-top:20px;border-radius:16px;overflow:hidden;
  position:relative;border:1px solid #E5E7EB; }
[data-sec="typology"] .eqb .narrative-banner__img-placeholder { width:100%;height:220px;background:#F3F4F6;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  color:#9CA3AF;font-size:12px;font-weight:600; }
[data-sec="typology"] .eqb .narrative-banner img { width:100%;display:block;height:auto }
[data-sec="typology"] .eqb .narrative-banner [hidden] { display:none!important }
[data-sec="typology"] .eqb .narrative-banner__title-bar { background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);
  padding:14px 20px;display:flex;align-items:center;gap:12px; }
[data-sec="typology"] .eqb .narrative-banner__type-code { font-family:'Courier New',monospace;font-size:13px;font-weight:900;
  color:#12B886;background:rgba(18,184,134,.15);
  padding:4px 10px;border-radius:8px;border:1px solid rgba(18,184,134,.3);
  flex-shrink:0; }
[data-sec="typology"] .eqb .narrative-banner__type-name { font-size:14px;font-weight:700;color:#fff;line-height:1.4 }
[data-sec="typology"] .eqb .narrative-text { font-size:17px;color:#343A40;line-height:34px;
  text-align:justify;margin:22px 0 20px; }
[data-sec="typology"] .eqb .narrative-text strong { color:#12B886;font-weight:700 }
[data-sec="typology"] .eqb .analysis-section { margin-top:24px }
[data-sec="typology"] .eqb .analysis-section .card-sub { padding:22px 0;border-bottom:1px solid #F0F2F5 }
[data-sec="typology"] .eqb .analysis-section .card-sub:last-child { border-bottom:none;padding-bottom:0 }
[data-sec="typology"] .eqb .analysis-section .card-sub:first-child { padding-top:0 }
[data-sec="typology"] .eqb .rtype-subgroup { margin-top:44px }
[data-sec="typology"] .eqb .rtype-subgroup:first-child { margin-top:28px }
[data-sec="typology"] .eqb .rtype-subgroup__head { display:flex;align-items:center;gap:10px;margin-bottom:8px }
[data-sec="typology"] .eqb .rtype-subgroup__icon { width:32px;height:32px;border-radius:9px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center; }
[data-sec="typology"] .eqb .rtype-subgroup__title { font-size:17px;font-weight:900;color:#343A40 }
[data-sec="typology"] .eqb .rtype-subgroup__intro { font-size:16px;color:#343A40;line-height:30px;
  text-align:justify;margin-bottom:14px; }
[data-sec="typology"] .eqb .rtype-subgroup__label { font-size:14px;font-weight:700;color:#343A40;margin-bottom:12px; }
[data-sec="typology"] .eqb .rtype-cards-grid { display:grid;
  grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
  gap:14px; }
[data-sec="typology"] .eqb .rtype-cards-grid--two { display:grid;
  grid-template-columns:repeat(2,minmax(0,340px));
  gap:14px;
  justify-content:center; }
[data-sec="typology"] .eqb .rtype-cards-grid--three { display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px; }
[data-sec="typology"] .eqb .rtype-card2 { border:1px solid #E5E7EB;border-radius:14px;
  background:#fff;overflow:hidden; }
[data-sec="typology"] .eqb .rtype-card2__img { width:100%;height:140px;
  background:#F3F4F6;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:8px;color:#9CA3AF;font-size:11px;font-weight:600;
  border-bottom:1px solid #E5E7EB; }
[data-sec="typology"] .eqb .rtype-card2__img img { width:100%;height:100%;object-fit:cover;display:block }
[data-sec="typology"] .eqb .rtype-card2__body { padding:16px 18px }
[data-sec="typology"] .eqb .rtype-card2__head { display:flex;align-items:center;gap:10px;margin-bottom:10px }
[data-sec="typology"] .eqb .rtype-card2__code { font-family:'Courier New',monospace;font-size:12px;font-weight:900;
  padding:4px 10px;border-radius:20px;flex-shrink:0; }
[data-sec="typology"] .eqb .rtype-card2__code--harmonious { color:#065F46;background:#D1FAE5 }
[data-sec="typology"] .eqb .rtype-card2__code--opposite { color:#991B1B;background:#FEE2E2 }
[data-sec="typology"] .eqb .rtype-card2__code--complement { color:#1E3A8A;background:#DBEAFE }
[data-sec="typology"] .eqb .rtype-card2__code--adjacent { color:#4C1D95;background:#EDE9FE }
[data-sec="typology"] .eqb .rtype-card2__name { font-size:14px;font-weight:800;color:#1F2937 }
[data-sec="typology"] .eqb .rtype-card2__desc { font-size:13px;color:#6B7280;line-height:1.9;text-align:justify }
@media screen and (max-width:768px) {
  [data-sec="typology"] .eqb .narrative-card__traits { grid-template-columns:1fr }
  [data-sec="typology"] .eqb .narrative-text { font-size:15px;line-height:30px }
  [data-sec="typology"] .eqb .rtype-cards-grid--two,
[data-sec="typology"] .eqb .rtype-cards-grid--three,
[data-sec="typology"] .eqb .rtype-cards-grid { grid-template-columns:1fr }
  [data-sec="typology"] .eqb .narrative-banner__img-placeholder { height:160px }
  [data-sec="typology"] .eqb .rtype-card2__img { height:120px }
}
[data-sec="typology"] .eqb .disclaimer-box { background:#FEF2F2;border-radius:12px;padding:20px 24px;margin-top:32px;border:1px solid #FECACA }
[data-sec="typology"] .eqb .disclaimer-box__title { font-size:14px;font-weight:700;color:#DC2626;margin-bottom:8px;display:flex;align-items:center;gap:6px }
[data-sec="typology"] .eqb .disclaimer-box__text { font-size:13px;color:#991B1B;line-height:1.9;text-align:justify }
@media screen and (max-width:768px) {
  [data-sec="typology"] .eqb .metric-grid { grid-template-columns:repeat(2,1fr);gap:12px }
  [data-sec="typology"] .eqb .metric-card__value { font-size:24px }
  [data-sec="typology"] .eqb .complement-grid { grid-template-columns:1fr }
  [data-sec="typology"] .eqb .path-grid { grid-template-columns:1fr }
  [data-sec="typology"] .eqb .card-sub__text { font-size:14px;line-height:28px }
  [data-sec="typology"] .eqb .interpretation-box__body { padding:16px 14px }
  [data-sec="typology"] .eqb .card__body { padding:16px }
  [data-sec="typology"] .eqb .axes-strip { flex-direction:column }
  [data-sec="typology"] .eqb .axis-pill { min-width:auto }
  [data-sec="typology"] .eqb .chart3d-wrap { padding-bottom:100% }
}
@media screen and (max-width:576px) {
  [data-sec="typology"] .eqb .metric-grid { grid-template-columns:1fr;gap:8px }
  [data-sec="typology"] .eqb .metric-card__value { font-size:20px }
  [data-sec="typology"] .eqb .card-sub__title { font-size:13px }
}
[data-sec="typology"] .eqb .ty-demo { display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px }
[data-sec="typology"] .eqb .ty-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="typology"] .eqb .ty-demo a { font-size:11px;font-weight:700;padding:4px 12px;border-radius:999px;border:1px solid #B7E4D7;background:#fff;color:#087F5B;text-decoration:none }
[data-sec="typology"] .eqb .ty-demo a.is-on { background:#087F5B;color:#fff;border-color:#087F5B }
[data-sec="typology"] .eqb .ty-method { display:flex;gap:12px;align-items:flex-start;margin-top:16px;padding:14px 16px;border-radius:12px;background:#F8FAFC;border:1px solid #E5E7EB }
[data-sec="typology"] .eqb .ty-method p { font-size:13px;line-height:2;color:#4B5563;text-align:justify }
[data-sec="typology"] .eqb .ty-method b { color:#343A40;font-weight:800 }
[data-sec="typology"] .eqb .metric-card__value.ty-code { font-family:'Courier New',monospace;font-size:32px;color:#12B886 }
[data-sec="typology"] .eqb .metric-card__value.ty-dom { font-size:20px;line-height:1.4 }
@media screen and (max-width:576px) {
  [data-sec="typology"] .eqb .metric-grid { grid-template-columns:repeat(2,1fr) }
  [data-sec="typology"] .eqb .metric-grid .metric-card:last-child { grid-column:1 / -1 }
  [data-sec="typology"] .eqb .ty-method { flex-direction:column;gap:8px }
  [data-sec="typology"] .eqb .ty-method p { font-size:12.5px }
}