/* BSSI · web-v2 · بخشِ «signs» — منتقل‌شده از resources/interpretation-content/BSSI/sections (RULES §۷.۸):
   قاعده‌های بلااستفاده‌ی پیش‌نمایش حذف، فونت = var(--font-family)، keyframeها با پیشوندِ bssi- */
.bssi-signs,
.bssi-signs *{margin:0;padding:0;box-sizing:border-box}
.bssi-signs{font-family:var(--font-family);color:#343A40;}
.bssi-signs .section-main-title{margin-bottom:24px;padding-top:30px}
.bssi-signs .section-main-title h2{color:#343A40;font-size:28px;font-weight:800;line-height:38px;border-radius:8px 0 0 8px;background:#E6FCF5;padding:0 5px 0 12px;position:relative;display:inline-block;margin-bottom:18px}
.bssi-signs .section-main-title h2>div{position:absolute;top:-26px;right:0}
.bssi-signs .section-main-title h2 div[data-title]::before{content:attr(data-title);color:#12B886;font-size:17px;font-weight:700;background-color:#E6FCF5;padding:0 6px;border-radius:8px}
.bssi-signs .section-main-title p{color:#343A40;text-align:justify;font-size:18px;font-weight:400;line-height:34px}
.bssi-signs .group-divider{display:flex;align-items:center;gap:14px;margin:40px 0 0}
.bssi-signs .group-divider__title{font-size:22px;font-weight:900;color:#343A40;white-space:nowrap}
.bssi-signs .group-divider__line{flex:1;height:1px;background:#D1D5DB}
.bssi-signs .group-divider__desc{color:#343A40;text-align:justify;font-size:18px;font-weight:400;line-height:34px;margin:8px 0 0}
.bssi-signs .runtime-error{display:none;margin:20px 0;padding:14px;border:1px solid #DC2626;border-radius:12px;color:#991B1B;background:#FFF;font-size:13px;font-weight:700;direction:ltr;text-align:left}
.bssi-signs .sg-banner{border-radius:20px;overflow:hidden;background:#F8FAFC;margin-bottom:6px}
.bssi-signs .sg-banner img{display:block;width:100%;aspect-ratio:3/1;object-fit:cover}
.bssi-signs .sg-wave{container-type:inline-size;margin-top:18px;border:1px solid #E5E7EB;border-radius:20px;background:#fff;padding:18px 20px 20px;box-shadow:0 6px 24px rgba(15,23,42,.04)}
.bssi-signs .sg-chart{--x0:38.1%;--x1:61.9%;--th:42%;--pk:18%}
.bssi-signs .sg-plot{position:relative;aspect-ratio:3/1;border-bottom:2px solid #CBD5E1;border-right:2px solid #CBD5E1}
.bssi-signs .sg-plot svg{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible}
.bssi-signs .sg-guide{position:absolute;top:0;bottom:0;left:var(--x0);border-left:1.5px dashed #E2E8F0}
.bssi-signs .sg-guide--b{left:var(--x1)}
.bssi-signs .sg-m{display:none}
.bssi-signs .sg-area{fill:#12B886;fill-opacity:.1}
.bssi-signs .sg-hotfill{fill:#EA6A1F;fill-opacity:.14}
.bssi-signs .sg-line,
.bssi-signs .sg-hotline{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.bssi-signs .sg-line{stroke:#12B886}
.bssi-signs .sg-hotline{stroke:#EA6A1F;stroke-width:3.5}
.bssi-signs .sg-th{position:absolute;left:0;right:0;top:var(--th);border-top:1.5px dashed #94A3B8}
.bssi-signs .sg-th span{position:absolute;left:6px;bottom:3px;font-size:12px;font-weight:700;color:#64748B;white-space:nowrap}
.bssi-signs .sg-dot{position:absolute;left:50%;top:var(--pk);width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid #EA6A1F;transform:translate(-50%,-50%)}
.bssi-signs .sg-brief{position:absolute;left:var(--x0);width:calc(var(--x1) - var(--x0));top:calc(var(--th) + 10px);border-top:1.5px solid #EA6A1F;text-align:center;font-size:12.5px;font-weight:800;line-height:18px;color:#C2410C;padding-top:4px}
.bssi-signs .sg-brief::before,
.bssi-signs .sg-brief::after{content:'';position:absolute;top:-5px;width:1.5px;height:9px;background:#EA6A1F}
.bssi-signs .sg-brief::before{right:0}
.bssi-signs .sg-brief::after{left:0}
.bssi-signs .sg-brief__s{display:none}
.bssi-signs .sg-ylab{position:absolute;right:8px;top:6px;font-size:12px;font-weight:700;color:#64748B}
.bssi-signs .sg-xlab{position:absolute;left:8px;bottom:6px;font-size:12px;font-weight:700;color:#64748B}
.bssi-signs .sg-scale{display:grid;grid-template-columns:calc(100% - var(--x1)) calc(var(--x1) - var(--x0)) var(--x0);margin-top:8px}
.bssi-signs .sg-legend{display:none;align-items:center;justify-content:center;gap:8px;margin-top:10px;font-size:12px;font-weight:700;color:#64748B}
.bssi-signs .sg-legend i{width:26px;border-top:1.5px dashed #94A3B8}
.bssi-signs .sg-scale div{display:flex;align-items:center;justify-content:center;gap:6px;font-size:13.5px;font-weight:800;color:#334155;min-width:0}
.bssi-signs .sg-n{width:24px;height:24px;border-radius:50%;background:#E6FCF5;color:#0B7A57;font-size:12.5px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.bssi-signs [data-phase="PEAK"] .sg-n{background:#FFE8D6;color:#C2410C}
.bssi-signs .sg-scale [data-phase="PEAK"]{color:#C2410C}
.bssi-signs .sg-phases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.bssi-signs .sg-phase{border-radius:14px;padding:14px 16px;background:#F8FAFC}
.bssi-signs .sg-phase[data-phase="PEAK"]{background:#FFF8F1}
.bssi-signs .sg-phase__t{display:flex;align-items:center;gap:8px;font-size:15.5px;font-weight:900;color:#1E293B;line-height:1.6}
.bssi-signs .sg-phase[data-phase="PEAK"] .sg-phase__t{color:#C2410C}
.bssi-signs .sg-phase__p{font-size:14px;line-height:26px;color:#475569;text-align:justify;margin-top:6px}
.bssi-signs .sg-phase__do{margin-top:10px;padding-top:8px;border-top:1px dashed #E2E8F0;font-size:14px;line-height:26px;color:#1E293B;text-align:justify}
.bssi-signs .sg-phase__do b{display:block;font-size:12.5px;font-weight:900;color:#0B7A57;line-height:20px}
.bssi-signs .sg-phase[data-phase="PEAK"] .sg-phase__do b{color:#C2410C}
.bssi-signs .sg-note{margin-top:16px;font-size:16px;line-height:31px;color:#343A40;text-align:justify}
.bssi-signs .sg-cap{margin-top:8px;font-size:12.5px;line-height:22px;color:#94A3B8}
@container (max-width:560px){
.bssi-signs .sg-chart{--x0:32.0%;--x1:68.0%;--th:44%;--pk:22%}
.bssi-signs .sg-plot{aspect-ratio:16/9}
.bssi-signs .sg-d{display:none}
.bssi-signs .sg-m{display:inline}
.bssi-signs .sg-th span{display:none}
.bssi-signs .sg-legend{display:flex}
.bssi-signs .sg-brief__l{display:none}
.bssi-signs .sg-brief__s{display:inline}
.bssi-signs .sg-ylab,
.bssi-signs .sg-xlab{font-size:11px}
.bssi-signs .sg-scale div{flex-direction:column;gap:3px;font-size:12.5px;line-height:18px;text-align:center}
}
@container (max-width:250px){
.bssi-signs .sg-ylab__l{display:none}
}
.bssi-signs .sg-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;align-items:stretch}
.bssi-signs .sg-col{--c:#12B886;--bg:#F0FDF9;border:1px solid #E5E7EB;border-radius:16px;background:#fff;padding:0 0 16px;overflow:hidden}
.bssi-signs .sg-col[data-col="OTHERS"]{--c:#1C9AD6;--bg:#EEF7FC}
.bssi-signs .sg-col__t{background:#F1F3F5;border-bottom:1px solid #E5E7EB;padding:8px 18px;font-size:16px;line-height:26px;font-weight:900;color:#1E293B}
.bssi-signs .sg-col>.sg-grp{margin-inline:18px}
.bssi-signs .sg-grp{margin-top:12px}
.bssi-signs .sg-grp__t{display:inline-block;font-size:12.5px;font-weight:800;color:var(--c);background:var(--bg);border-radius:8px;padding:1px 9px}
.bssi-signs .sg-grp ul{list-style:none;margin-top:6px;display:flex;flex-direction:column;gap:3px}
.bssi-signs .sg-grp li{position:relative;padding-right:15px;font-size:14.5px;line-height:27px;color:#475569}
.bssi-signs .sg-grp li::before{content:'';position:absolute;right:2px;top:11px;width:6px;height:6px;border-radius:50%;background:var(--c)}
.bssi-signs .sg-foot{margin-top:14px;padding:12px 16px;border-radius:14px;background:#F0FDF9;border:1px solid #B7E4D7;font-size:14.5px;line-height:27px;color:#334155}
.bssi-signs .sg-foot a{color:#087F5B;font-weight:900;text-decoration:none}
@media(max-width:768px){
.bssi-signs .section-main-title p,
.bssi-signs .group-divider__desc{font-size:16px;line-height:30px}
.bssi-signs .group-divider__title{font-size:18px}
.bssi-signs .sg-phases,
.bssi-signs .sg-cols{grid-template-columns:1fr}
.bssi-signs .sg-banner img{aspect-ratio:2/1}
}
@media(max-width:576px){
.bssi-signs .section-main-title h2{font-size:22px;line-height:30px}
.bssi-signs .sg-wave{padding:14px}
.bssi-signs .sg-note{font-size:15px;line-height:28px}
.bssi-signs .sg-banner img{aspect-ratio:3/2}
}