/* TPS/web-v2 · بخشِ total — منتقل‌شده از resources/interpretation-content/TPS/update files/sections/sec-01-total.html
   (RULES §۳.۵ و §۷.۸: قابِ بیرونی، عنوانِ بخش و پوسته‌ی پیش‌نمایش حذف؛ :root → ریشه‌ی بخش؛ keyframes با پیشوندِ tps-) */
[data-sec="total"] .EMcontainer__content { width:100%;max-width:900px;margin:0 auto }
[data-sec="total"] header { width:100%;background:#F8F9FA;margin:0 auto }
[data-sec="total"] .EM-sticky-menu { border-top:1px solid #DEE2E6;padding:15px 0;position:sticky;top:0;background-color:#F8F9FA;z-index:999;margin-bottom:68px }
[data-sec="total"] .EM-items-menu { display:flex;align-items:center;justify-content:space-between }
[data-sec="total"] .EM-items-menu .EM-btns-menu { display:flex;gap:15px }
[data-sec="total"] .EM-items-menu .EM-btn { border-radius:10px;border:0.2px solid #DEE2E6;background:#FFF;padding:9px;color:#343A40;font-size:16px;font-weight:500;line-height:22px;display:flex;align-items:center;cursor:pointer }
[data-sec="total"] .EM-items-menu .EM-btn::before { margin-left:10px;position:relative;top:2px }
[data-sec="total"] .EM-items-menu .EM-btn.menu::before { content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M10.5 19.9V4.1C10.5 2.6 9.86 2 8.27 2H4.23C2.64 2 2 2.6 2 4.1V19.9C2 21.4 2.64 22 4.23 22H8.27C9.86 22 10.5 21.4 10.5 19.9Z' stroke='%23343A40' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22 8.52V3.98C22 2.57 21.36 2 19.77 2H15.73C14.14 2 13.5 2.57 13.5 3.98V8.51C13.5 9.93 14.14 10.49 15.73 10.49H19.77C21.36 10.5 22 9.93 22 8.52Z' stroke='%23343A40' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22 19.77V15.73C22 14.14 21.36 13.5 19.77 13.5H15.73C14.14 13.5 13.5 14.14 13.5 15.73V19.77C13.5 21.36 14.14 22 15.73 22H19.77C21.36 22 22 21.36 22 19.77Z' stroke='%23343A40' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") }
[data-sec="total"] .EM-items-menu .EM-btn.EM-share { color:#339AF0 }
[data-sec="total"] .EM-items-menu .EM-btn.EM-save { color:#12B886 }
[data-sec="total"] .EM-items-menu .EM-btn.EM-comment { color:#FCC419 }
[data-sec="total"] .EM-items-menu .EM-btn.EM-btn-pro { color:#FFF;background-color:#845EF7;padding:11px 9px }
[data-sec="total"] .EM-items-menu .EM-btn.EM-share::before { content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7.40005 6.32015L15.8901 3.49015C19.7001 2.22015 21.7701 4.30015 20.5101 8.11015L17.6801 16.6002C15.7801 22.3102 12.6601 22.3102 10.7601 16.6002L9.92005 14.0802L7.40005 13.2402C1.69005 11.3402 1.69005 8.23015 7.40005 6.32015Z' stroke='%23339AF0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.11 13.6501L13.69 10.0601' stroke='%23339AF0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") }
[data-sec="total"] .EM-items-menu .EM-btn.EM-save::before { content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z' stroke='%2312B886' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 11.5098L12 14.5098L15 11.5098' stroke='%2312B886' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 14.5098V6.50977' stroke='%2312B886' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 16.5098C9.89 17.8098 14.11 17.8098 18 16.5098' stroke='%2312B886' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") }
[data-sec="total"] .EM-items-menu .EM-btn.EM-comment::before { content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.5 19H8C4 19 2 18 2 13V8C2 4 4 2 8 2H16C20 2 22 4 22 8V13C22 17 20 19 16 19H15.5C15.19 19 14.89 19.15 14.7 19.4L13.2 21.4C12.54 22.28 11.46 22.28 10.8 21.4L9.3 19.4C9.14 19.18 8.77 19 8.5 19Z' stroke='%23FCC419' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 8H17' stroke='%23FCC419' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 13H13' stroke='%23FCC419' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") }
[data-sec="total"] .EM-items-menu .EM-btn.EM-btn-pro::before { content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='20' viewBox='0 0 22 20' fill='none'%3E%3Cpath d='M11 18.5L20.4972 7.65431C20.7941 7.31527 20.8275 6.81953 20.5789 6.4437L17.3077 1.5M11 18.5L1.49272 7.64283C1.20058 7.30921 1.16305 6.82303 1.40053 6.44852L4.53846 1.5M11 18.5L14.1757 7.08015M11 18.5L7.82432 7.08015M17.3077 1.5H11M17.3077 1.5L14.1757 7.08015M4.53846 1.5L7.82432 7.08015M4.53846 1.5H11M7.82432 7.08015L11 1.5M11 1.5L14.1757 7.08015' stroke='white' stroke-width='1.3'/%3E%3C/svg%3E") }
[data-sec="total"] .group-divider { display:flex;align-items:center;gap:14px;margin:48px 0 0 }
[data-sec="total"] .group-divider__title { font-size:22px;font-weight:900;color:#343A40;white-space:nowrap }
[data-sec="total"] .group-divider__line { flex:1;height:1px;background:#D1D5DB;border-radius:1px;margin-right:8px }
[data-sec="total"] .group-divider__desc { color:#343A40;text-align:justify;font-size:18px;font-weight:400;line-height:34px;margin:8px 0 0 }
[data-sec="total"] .EM-info-test h3 { color:#343A40;font-size:24px;font-weight:700;line-height:48px;display:flex;align-items:center;padding-bottom:20px;padding-top:28px;position:relative }
[data-sec="total"] .EM-info-test h3 span { display:inline-block;padding-left:20px;font-weight:700;background-color:#fff;width:fit-content;max-width:90%;padding-left:44px }
[data-sec="total"] .EM-info-test h3::after { content:'';border-bottom:1px solid #DEE2E6;width:100%;position:absolute;z-index:-1;left:0 }
[data-sec="total"] .gc { background:#fff;border-radius:20px;border:1px solid #E5E7EB;overflow:hidden;margin-bottom:24px }
[data-sec="total"] .gc__h { background:#F8F9FA;padding:12px 20px;display:flex;align-items:center;justify-content:center;gap:8px;border-bottom:1px solid #E5E7EB }
[data-sec="total"] .gc__h span { font-size:14px;font-weight:700;color:#6B7280 }
[data-sec="total"] .gc__b { padding:28px 16px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center }
[data-sec="total"] .gc__w { width:100%;max-width:420px }
[data-sec="total"] .gc__c { direction:ltr;position:relative;width:100%;padding-bottom:56% }
[data-sec="total"] .gauge-svg { position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible }
[data-sec="total"] .gc__f { display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid #e5e7eb;direction:ltr;font-size:11px;font-weight:600;color:#6B7280 }
[data-sec="total"] .gc__f .lo, [data-sec="total"] .gc__f .hi { display:flex;align-items:center;gap:4px }
[data-sec="total"] .gc__f .dot { width:8px;height:8px;border-radius:2px;flex-shrink:0 }
[data-sec="total"] .gc__f .lo .dot { background:#991B1B }
[data-sec="total"] .gc__f .hi .dot { background:#22C55E }
[data-sec="total"] .stats { display:flex;justify-content:center;gap:12px;margin-bottom:28px;flex-wrap:wrap }
[data-sec="total"] .stat { display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #DEE2E6;border-radius:14px;padding:12px 22px;flex:1;min-width:140px }
[data-sec="total"] .stat__ic { width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0 }
[data-sec="total"] .stat__ic svg { width:17px;height:17px }
[data-sec="total"] .stat__ic.t { background:rgba(0,178,156,.1);color:#00b29c }
[data-sec="total"] .stat__ic.q { background:rgba(139,92,246,.1);color:#8B5CF6 }
[data-sec="total"] .stat__ic.s { background:rgba(34,197,94,.1);color:#22C55E }
[data-sec="total"] .stat__ic.w { background:rgba(239,68,68,.1);color:#EF4444 }
[data-sec="total"] .stat__lb { font-size:12px;color:#868E96;font-weight:400 }
[data-sec="total"] .stat__v { font-size:16px;font-weight:700;color:#343A40 }
[data-sec="total"] .stat__v.g { color:#16A34A }
[data-sec="total"] .stat__v.r { color:#EF4444 }
[data-sec="total"] .EM-interpretation { margin:30px 0 }
[data-sec="total"] .EM-interpretation p { color:#343A40;text-align:justify;font-size:18px;font-weight:400;line-height:34px;margin-bottom:16px }
[data-sec="total"] .EM-interpretation p:last-child { margin-bottom:0 }
[data-sec="total"] .EM-interpretation p strong { font-weight:700 }
[data-sec="total"] .summary-boxes { display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-bottom:1px solid #E5E7EB }
[data-sec="total"] .summary-box { padding:14px 12px;text-align:center;border-left:1px solid #E5E7EB;background:#FAFBFC }
[data-sec="total"] .summary-box:last-child { border-left:none }
[data-sec="total"] .summary-box__value { font-size:20px;font-weight:900;color:#343A40;margin-bottom:2px;line-height:1.2 }
[data-sec="total"] .summary-box__label { font-size:11px;color:#6B7280;font-weight:600 }
[data-sec="total"] .sn-chart-container { width:100%;max-width:860px;margin:0 auto;position:relative }
[data-sec="total"] .sn-chart-svg { display:block;width:100%;height:auto }
@keyframes tps-clsShimmer {0%{background-position:-200% 0}100%{background-position:200% 0}}
[data-sec="total"] .cls-boxes { display:flex;flex-direction:column;gap:6px;width:100%;max-width:420px;margin:28px auto 32px }
[data-sec="total"] .cls-box { display:flex;flex-direction:row;align-items:center;height:60px;border-radius:14px;border:1.5px solid #e0dfd9;background:#fff;overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:default }
[data-sec="total"] .cls-box--active { border:2px solid var(--cls-color)!important }
[data-sec="total"] .cls-label { flex:1;padding:0 14px;display:flex;align-items:center;gap:8px }
[data-sec="total"] .cls-dot { width:9px;height:9px;border-radius:50%;background:var(--cls-color);flex-shrink:0 }
[data-sec="total"] .cls-text { font-size:13px;font-weight:500;color:#666;transition:all .25s ease }
[data-sec="total"] .cls-box--active .cls-text { font-weight:800;font-size:14px;color:#1a1a1a }
[data-sec="total"] .cls-bar { display:none;width:3px;height:55%;border-radius:2px;background:var(--cls-color);margin-left:3px;flex-shrink:0 }
[data-sec="total"] .cls-box--active .cls-bar { display:block }
[data-sec="total"] .cls-img { width:90px;height:100%;display:flex;align-items:center;justify-content:center;border-right:1px solid #eeede7;background:#fafaf6;position:relative;overflow:hidden;transition:all .25s ease;flex-shrink:0 }
[data-sec="total"] .cls-box--active .cls-img { border-right-color:color-mix(in srgb,var(--cls-color) 19%,transparent);background:var(--cls-bg) }
[data-sec="total"] .cls-img svg { position:relative;z-index:1;opacity:.7;transition:all .25s ease }
[data-sec="total"] .cls-box--active .cls-img svg { stroke:var(--cls-color)!important;opacity:.7 }
[data-sec="total"] .cls-box:not(.cls-box--active) .cls-img svg { stroke:#c0bfb8 }
[data-sec="total"] .cls-shimmer { display:none;position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,var(--cls-shimmer,rgba(0,0,0,.03)) 50%,transparent 100%);background-size:200% 100%;animation:tps-clsShimmer 2.5s ease infinite }
[data-sec="total"] .cls-box--active .cls-shimmer { display:block }
@media screen and (max-width:576px) {
  [data-sec="total"] .cls-boxes { max-width:100% }
  [data-sec="total"] .cls-box { height:62px;border-radius:12px }
  [data-sec="total"] .cls-img { width:84px }
  [data-sec="total"] .cls-box .cls-img svg.clk-lv { width:50px;height:50px }
  [data-sec="total"] .cls-label { padding:0 12px;gap:7px }
  [data-sec="total"] .cls-text { font-size:12px }
  [data-sec="total"] .cls-box--active .cls-text { font-size:13px }
  [data-sec="total"] .cls-dot { width:8px;height:8px }
}
[data-sec="total"] .interp-boxes { display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px }
[data-sec="total"] .interp-box { background:#fff;border-radius:16px;border:1px solid #E5E7EB;padding:20px 18px;position:relative;overflow:hidden;transition:all .3s ease }
[data-sec="total"] .interp-box:hover { box-shadow:0 8px 30px rgba(0,0,0,.07);transform:translateY(-2px) }
[data-sec="total"] .interp-box__header { display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:800;color:#343A40 }
[data-sec="total"] .interp-box__header svg { width:20px;height:20px;flex-shrink:0 }
[data-sec="total"] .interp-box__text { font-size:13px;color:#6B7280;line-height:1.8;font-weight:500 }
[data-sec="total"] .interp-box__text strong { color:#343A40;font-weight:800 }
[data-sec="total"] .interp-box__big { font-size:36px;font-weight:900;text-align:left;direction:ltr;margin-top:12px;line-height:1 }
[data-sec="total"] .interp-box--better .interp-box__header svg { color:#334155 }
[data-sec="total"] .interp-box--better .interp-box__big { color:#22C55E }
[data-sec="total"] .interp-box--worse .interp-box__header svg { color:#334155 }
[data-sec="total"] .interp-box--worse .interp-box__big { color:#EF4444 }
[data-sec="total"] .interp-box--diff .interp-box__header svg { color:#334155 }
[data-sec="total"] .interp-box--diff .interp-box__big { color:#3B82F6 }
[data-sec="total"] .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="total"] .card__header { background:#F3F4F6;padding:12px 20px;display:flex;align-items:center;gap:12px }
[data-sec="total"] .card__title { font-size:14px;font-weight:700;color:#6B7280 }
[data-sec="total"] .card__body { padding:24px }
[data-sec="total"] .char-card { background:#fff;border-radius:20px;border:1px solid #E5E7EB;overflow:hidden;margin-bottom:24px }
[data-sec="total"] .char-top { display:grid;grid-template-columns:1fr auto;min-height:220px;position:relative }
[data-sec="total"] .char-info { padding:28px 24px;display:flex;flex-direction:column;justify-content:center }
[data-sec="total"] .char-tag { display:inline-block;background:rgba(18,184,134,0.08);color:#009688;font-size:11px;font-weight:700;padding:3px 14px;border-radius:20px;margin-bottom:10px;width:fit-content }
[data-sec="total"] .char-name { font-size:32px;font-weight:900;color:#343A40;line-height:1.3;margin-bottom:2px }
[data-sec="total"] .char-en { font-size:12px;font-weight:500;color:#868E96;direction:ltr;text-align:right;margin-bottom:14px }
[data-sec="total"] .char-traits { display:flex;gap:6px;flex-wrap:wrap }
[data-sec="total"] .char-trait { background:#F3F4F6;border:1px solid #E5E7EB;padding:5px 12px;border-radius:20px;font-size:11px;font-weight:600;color:#4B5563 }
[data-sec="total"] .char-img { width:200px;min-height:100%;background:linear-gradient(160deg,#F0FDF9 0%,#E6FCF5 50%,#CCFBF1 100%);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative }
[data-sec="total"] .char-img .ph { width:100%;height:100%;display:flex;align-items:center;justify-content:center }
[data-sec="total"] .char-img .ph svg { width:80px;height:80px;color:rgba(18,184,134,0.15) }
[data-sec="total"] .char-bottom { display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #E5E7EB }
[data-sec="total"] .char-item { padding:16px 14px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;border-left:1px solid #E5E7EB }
[data-sec="total"] .char-item:last-child { border-left:none }
[data-sec="total"] .char-item__ic { width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center }
[data-sec="total"] .char-item__ic svg { width:17px;height:17px }
[data-sec="total"] .char-item__ic.a { background:rgba(51,65,85,0.08);color:#334155 }
[data-sec="total"] .char-item__lb { font-size:10px;color:#868E96;font-weight:500;line-height:1.3 }
[data-sec="total"] .char-item__v { font-size:12px;font-weight:700;color:#343A40;line-height:1.4 }
@keyframes tps-fadeInUp {from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes tps-drawCurve {from{stroke-dashoffset:4000}to{stroke-dashoffset:0}}
@keyframes tps-barGrow {from{transform:scaleY(0)}to{transform:scaleY(1)}}
@media screen and (max-width:768px) {
  [data-sec="total"] .EM-items-menu .EM-btn { padding:7px;font-size:14px;line-height:14px }
  [data-sec="total"] .EM-items-menu .EM-btn.EM-btn-pro { padding:9px;margin-right:15px;min-width:max-content }
  [data-sec="total"] .EM-items-menu { width:100%;overflow-x:auto }
  [data-sec="total"] .char-top { grid-template-columns:1fr }
  [data-sec="total"] .char-img { width:100%;height:180px }
  [data-sec="total"] .char-name { font-size:24px }
  [data-sec="total"] .char-bottom { grid-template-columns:repeat(2,1fr)!important }
  [data-sec="total"] .char-item:nth-child(1), [data-sec="total"] .char-item:nth-child(2) { border-bottom:1px solid #E5E7EB }
  [data-sec="total"] .char-item:nth-child(2) { border-left:none }
  [data-sec="total"] .char-item:nth-child(4) { border-left:none }
  [data-sec="total"] .stats { gap:10px }
  [data-sec="total"] .stat { padding:8px 14px;max-width:none }
  [data-sec="total"] .group-divider__desc { font-size:16px;line-height:30px }
  [data-sec="total"] .group-divider__title { font-size:18px }
  [data-sec="total"] .group-divider { margin:36px 0 0 }
  [data-sec="total"] .EM-interpretation p { font-size:16px!important;line-height:30px!important }
  [data-sec="total"] .summary-box { padding:10px 8px }
  [data-sec="total"] .summary-box__value { font-size:16px }
  [data-sec="total"] .summary-box__label { font-size:9px }
  [data-sec="total"] .interp-boxes { grid-template-columns:1fr;gap:12px }
  [data-sec="total"] .interp-box { padding:16px 14px }
  [data-sec="total"] .interp-box__big { font-size:28px }
}
@media screen and (max-width:576px) {
  [data-sec="total"] .group-divider__title { font-size:16px }
  [data-sec="total"] .group-divider { margin:28px 0 0 }
  [data-sec="total"] .stats { flex-direction:column;align-items:stretch;gap:8px;max-width:100%!important }
  [data-sec="total"] .stat { max-width:none;padding:10px 16px;min-width:0 }
  [data-sec="total"] .char-img { height:160px }
  [data-sec="total"] .char-name { font-size:20px }
  [data-sec="total"] .char-traits { gap:4px }
  [data-sec="total"] .char-trait { font-size:9px;padding:3px 8px }
  [data-sec="total"] .char-bottom { grid-template-columns:repeat(2,1fr)!important }
  [data-sec="total"] .char-item { padding:10px 8px }
  [data-sec="total"] .char-item__v { font-size:11px }
  [data-sec="total"] .summary-box { padding:8px 6px }
  [data-sec="total"] .summary-box__value { font-size:14px }
  [data-sec="total"] .summary-box__label { font-size:8px }
  [data-sec="total"] .interp-box__header { font-size:11px }
  [data-sec="total"] .interp-box__text { font-size:11px }
  [data-sec="total"] .interp-box__big { font-size:24px }
}
[data-sec="total"] [hidden] { display:none!important }
[data-sec="total"] .sn-chart-container { position:relative }
[data-sec="total"] .chart-id { border-top:1px solid #E5E7EB }
[data-sec="total"] .chart-id__head { display:flex;align-items:center;gap:10px;padding:14px 20px;border-bottom:1px solid #E5E7EB }
[data-sec="total"] .chart-id__ic { width:34px;height:34px;border-radius:10px;background:rgba(18,184,134,.08);color:#12B886;display:flex;align-items:center;justify-content:center;flex-shrink:0 }
[data-sec="total"] .chart-id__ic svg { width:17px;height:17px }
[data-sec="total"] .chart-id__title { font-size:14px;font-weight:800;color:#343A40;line-height:1.6 }
[data-sec="total"] .chart-id__sub { font-size:12px;font-weight:500;color:#6B7280;line-height:1.8 }
[data-sec="total"] .chart-id__sub b { color:#343A40;font-weight:800 }
[data-sec="total"] .chart-id__grid { display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#E5E7EB;border-bottom:1px solid #E5E7EB }
[data-sec="total"] .chart-id__item { background:#FAFBFC;padding:14px 12px;text-align:center;display:flex;flex-direction:column;justify-content:center }
[data-sec="total"] .chart-id__v { font-size:20px;font-weight:900;color:#343A40;line-height:1.2;margin-bottom:4px }
[data-sec="total"] .chart-id__lb { font-size:11px;font-weight:600;color:#6B7280;line-height:1.5 }
[data-sec="total"] .chart-id__text { margin:0;padding:16px 20px 18px;font-size:13px;font-weight:500;line-height:1.9;color:#4B5563;text-align:justify }
@media screen and (max-width:768px) {
  [data-sec="total"] .chart-id__grid { grid-template-columns:repeat(2,1fr) }
  [data-sec="total"] .chart-id__item { padding:10px 8px }
  [data-sec="total"] .chart-id__v { font-size:16px }
  [data-sec="total"] .chart-id__lb { font-size:10px }
}
@media screen and (max-width:576px) {
  [data-sec="total"] .chart-id__head { padding:12px 14px }
  [data-sec="total"] .chart-id__v { font-size:14px }
  [data-sec="total"] .chart-id__text { padding:14px 14px 16px;font-size:12px }
}
[data-sec="total"] .gc__f .lo .dot { background:#22C55E }
[data-sec="total"] .gc__f .hi .dot { background:#DC2626 }
[data-sec="total"] .cls-box { height:72px }
[data-sec="total"] .cls-img { width:100px }
[data-sec="total"] .cls-box .cls-img svg.clk-lv { width:60px;height:60px;stroke:none!important;opacity:.5!important;transition:opacity .25s ease }
[data-sec="total"] .cls-box--active .cls-img svg.clk-lv { opacity:1!important }
@keyframes tps-clkShake {0%,100%{transform:rotate(0)}6%{transform:rotate(-9deg)}12%{transform:rotate(8deg)}18%{transform:rotate(-6deg)}24%{transform:rotate(4deg)}30%{transform:rotate(0)}}
[data-sec="total"] .cls-box--active[data-level="H"] .cls-img svg, [data-sec="total"] .cls-box--active[data-level="VH"] .cls-img svg { animation:tps-clkShake 2.6s ease-in-out infinite;transform-origin:50% 55% }
[data-sec="total"] .cls-box--active[data-level="VH"] .cls-img svg { animation-duration:1.6s }
[data-sec="total"] .rd { --rd-ink:#0B7A5C;--rd-bg:#F4FFFB;--rd-line:#B7E4D7;margin:30px 0 8px }
[data-sec="total"] .rd-lead { background:var(--rd-bg);border:1px solid var(--rd-line);border-radius:18px;padding:22px 26px }
[data-sec="total"] .rd-lead p { font-size:19px;line-height:36px;font-weight:500;color:#1F2937;text-align:justify }
[data-sec="total"] .rd-body { margin-top:18px }
[data-sec="total"] .rd-p p { font-size:18px;line-height:34px;color:#343A40;text-align:justify }
[data-sec="total"] .rd-body--cards .rd-p { background:#FAFBFC;border:1px solid #EEF0F2;border-radius:16px;padding:16px 22px;margin-bottom:12px }
[data-sec="total"] .rd-body--zebra .rd-p { padding:14px 22px;border-radius:16px;margin-bottom:4px }
[data-sec="total"] .rd-body--zebra .rd-p:nth-child(even) { background:#F5F7F9 }
[data-sec="total"] .rd-body--bold .rd-p { margin-bottom:26px;padding:0 4px }
[data-sec="total"] .rd-body--bold .rd-first { font-weight:700;color:#1F2937 }
[data-sec="total"] .rd-p:last-child { margin-bottom:0 }
[data-sec="total"] #block03 { margin-bottom:0 }
[data-sec="total"] .rd--rest { margin-top:0 }
[data-sec="total"] .rd--rest .rd-body { margin-top:0 }
[data-sec="total"] .lv-card { --lv:#F97316;--lv-bg:#fff7ed }
[data-sec="total"] .lv-card .char-tag { background:rgba(18,184,134,.08);color:#009688 }
[data-sec="total"] .lv-card .char-name { color:var(--lv-ink,#343A40) }
[data-sec="total"] .lv-note { font-size:15px;font-weight:500;color:#4B5563;line-height:1.9;margin-top:6px }
[data-sec="total"] .lv-card .char-img { background:linear-gradient(160deg,#fff 0%,var(--lv-bg) 100%) }
[data-sec="total"] .lv-clock { width:150px;height:150px }
[data-sec="total"] .lv-clock .shake { transform-origin:80px 90px }
[data-sec="total"] .lv-card[data-level="H"] .lv-clock .shake { animation:tps-clkShake 2.6s ease-in-out infinite }
[data-sec="total"] .lv-card[data-level="VH"] .lv-clock .shake { animation:tps-clkShake 1.6s ease-in-out infinite }
[data-sec="total"] .char-item__ic.lv { background:color-mix(in srgb,var(--lv) 12%,transparent);color:var(--lv-ink,#334155) }
[data-sec="total"] .interp-box--more .interp-box__header svg, [data-sec="total"] .interp-box--less .interp-box__header svg { color:#334155 }
[data-sec="total"] .interp-box--more .interp-box__big { color:#EF4444 }
[data-sec="total"] .interp-box--less .interp-box__big { color:#22C55E }
@media screen and (max-width:768px) {
  [data-sec="total"] .rd-lead { padding:18px 20px }
  [data-sec="total"] .rd-lead p { font-size:17px!important;line-height:32px!important }
  [data-sec="total"] .rd-p p { font-size:16px!important;line-height:30px!important }
  [data-sec="total"] .rd-body--cards .rd-p, [data-sec="total"] .rd-body--zebra .rd-p { padding:14px 16px }
  [data-sec="total"] .lv-clock { width:120px;height:120px }
}
@media screen and (max-width:576px) {
  [data-sec="total"] .rd-lead p { font-size:16px!important;line-height:30px!important }
  [data-sec="total"] .lv-note { font-size:13px }
}