/* BSSI · web-v2 · بخشِ «hope» — منتقل‌شده از resources/interpretation-content/BSSI/sections (RULES §۷.۸):
   قاعده‌های بلااستفاده‌ی پیش‌نمایش حذف، فونت = var(--font-family)، keyframeها با پیشوندِ bssi- */
.bssi-hope,
.bssi-hope *{margin:0;padding:0;box-sizing:border-box}
.bssi-hope{font-family:var(--font-family);color:#343A40;}
.bssi-hope .section-main-title{margin-bottom:24px;padding-top:30px}
.bssi-hope .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-hope .section-main-title h2>div{position:absolute;top:-26px;right:0}
.bssi-hope .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-hope .section-main-title p{color:#343A40;text-align:justify;font-size:18px;font-weight:400;line-height:34px}
.bssi-hope .group-divider{display:flex;align-items:center;gap:14px;margin:36px 0 0}
.bssi-hope .group-divider__title{font-size:22px;font-weight:900;color:#343A40;white-space:nowrap}
.bssi-hope .group-divider__line{flex:1;height:1px;background:#D1D5DB}
.bssi-hope .group-divider__desc{color:#343A40;text-align:justify;font-size:18px;font-weight:400;line-height:34px;margin:8px 0 0}
.bssi-hope .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-hope .hp-map{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-hope .hp-hub{--s:10.5cqw;--me:15cqw;position:relative;width:100%;aspect-ratio:2/1;margin-bottom:30px;background:radial-gradient(ellipse 24% 40% at 50% 78%,#FFF8E6 0,#FFF8E6 55%,rgba(255,248,230,0) 100%)}
.bssi-hope .hp-hub__lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.bssi-hope .hp-hub__lines path,
.bssi-hope .hp-hub__lines line{vector-effect:non-scaling-stroke;fill:none}
.bssi-hope .hp-hub__arc{stroke:#F3E1B0;stroke-width:2;stroke-dasharray:2 8;stroke-linecap:round}
.bssi-hope .hp-hub__ln{stroke:#F1DFB3;stroke-width:2}
.bssi-hope .hp-hub__ln.is-soft{stroke:#E5E7EB;stroke-dasharray:4 6}
.bssi-hope .hp-hub__ln.is-anchor{stroke:#F59F00;stroke-width:2.5}
.bssi-hope .hp-me{position:absolute;left:50%;top:78%;transform:translate(-50%,-50%)}
.bssi-hope .hp-me__img{display:block;width:var(--me);height:var(--me);border-radius:50%;overflow:hidden;background:#fff;border:5px solid #FFF4DB;box-shadow:0 8px 24px rgba(245,159,0,.16)}
.bssi-hope .hp-me__img img{display:block;width:100%;height:100%;object-fit:cover}
.bssi-hope .hp-node{position:absolute;width:max-content;left:var(--x);top:var(--y);transform:translate(-50%,calc(var(--s) / -2));display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none}
.bssi-hope .hp-node__img{width:var(--s);height:var(--s);border-radius:50%;overflow:hidden;background:#fff;border:3px solid #FFE3A3}
.bssi-hope .hp-node__img img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.06)}
.bssi-hope .hp-node__t{font-size:14px;font-weight:800;color:#475569;white-space:nowrap;text-align:center;line-height:1.45;background:#fff;border-radius:8px;padding:0 6px}
.bssi-hope .hp-node.is-soft .hp-node__img{filter:grayscale(.3) opacity(.75);border-color:#E5E7EB}
.bssi-hope .hp-node.is-soft .hp-node__t{color:#64748B;font-weight:700}
.bssi-hope .hp-node.is-anchor .hp-node__img{border:4px solid #F59F00;box-shadow:0 0 0 5px #FFF1D6}
.bssi-hope .hp-node.is-anchor .hp-node__t{color:#B45309;font-weight:900}
@container (max-width:640px){
.bssi-hope .hp-hub{--s:14cqw;--me:20cqw;aspect-ratio:3/2}
.bssi-hope .hp-node__t{font-size:13px}
}
@container (max-width:460px){
.bssi-hope .hp-hub{--s:17cqw;--me:24cqw;aspect-ratio:1/1;margin-bottom:22px}
.bssi-hope .hp-node{gap:4px}
.bssi-hope .hp-node__t{font-size:11.5px;white-space:normal;max-width:31cqw;padding:0 3px}
.bssi-hope .hp-me__img{border-width:4px}
}
.bssi-hope .hp-map__note{margin-top:14px;font-size:16px;line-height:31px;color:#343A40;text-align:justify}
.bssi-hope .hp-list{display:flex;flex-direction:column;gap:12px;margin-top:18px}
.bssi-hope .hp-row{display:grid;grid-template-columns:96px minmax(0,1fr);grid-template-areas:"img head" "img body";column-gap:18px;align-items:start;border:1px solid #E5E7EB;border-radius:18px;background:#fff;padding:16px 18px;scroll-margin-top:20px}
.bssi-hope .hp-row.is-anchor{background:#FFFBF0;border-color:#FFE3A3}
.bssi-hope .hp-row__img{grid-area:img;width:96px;height:96px;border-radius:50%;overflow:hidden;background:#fff;border:3px solid #FFE3A3}
.bssi-hope .hp-row.is-anchor .hp-row__img{border-color:#F59F00}
.bssi-hope .hp-row__img img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.06)}
.bssi-hope .hp-row__head{grid-area:head}
.bssi-hope .hp-row__body{grid-area:body}
.bssi-hope .hp-row__t{font-size:17px;font-weight:900;color:#1E293B;line-height:1.5}
.bssi-hope .hp-row__q{font-size:14px;line-height:25px;color:#B45309;font-weight:700;margin-top:2px}
.bssi-hope .hp-row__p{font-size:15px;line-height:29px;color:#475569;text-align:justify;margin-top:6px}
.bssi-hope .hp-row__try{margin-top:10px;padding:8px 12px;border-radius:12px;background:#F4FFFB;border:1px solid #D3F4E8;font-size:14.5px;line-height:27px;color:#334155}
.bssi-hope .hp-row__try b{color:#087F5B;font-weight:800}
.bssi-hope .hp-box{margin-top:18px;border:1px solid #FFE3A3;border-radius:20px;background:#fff;overflow:hidden}
.bssi-hope .hp-box__main{display:grid;grid-template-columns:minmax(0,32%) minmax(0,1fr);align-items:center}
.bssi-hope .hp-box__img{align-self:stretch;display:flex;align-items:center;justify-content:center;background:#fff;border-left:1px solid #F6EBD0;padding:10px}
.bssi-hope .hp-box__img img{display:block;width:100%;max-width:330px;aspect-ratio:1/1;object-fit:cover}
.bssi-hope .hp-box__body{padding:20px 22px}
.bssi-hope .hp-box__lead{font-size:16px;line-height:31px;color:#343A40;text-align:justify}
.bssi-hope .hp-steps{list-style:none;counter-reset:hs;margin-top:12px;display:flex;flex-direction:column;gap:10px}
.bssi-hope .hp-steps>li{counter-increment:hs;position:relative;padding-right:38px;font-size:15px;line-height:28px;color:#1E293B;font-weight:700}
.bssi-hope .hp-steps>li::before{content:counter(hs,persian);position:absolute;right:0;top:0;width:28px;height:28px;border-radius:50%;background:#F59F00;color:#fff;font-size:14px;font-weight:900;display:flex;align-items:center;justify-content:center}
.bssi-hope .hp-cells{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:16px 18px 18px;border-top:1px solid #F6EBD0}
.bssi-hope .hp-cells__t{grid-column:1/-1;font-size:15px;font-weight:900;color:#1E293B}
.bssi-hope .hp-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:14px 10px;border:1.5px dashed #F3D58A;border-radius:14px;background:#FFFDF6}
.bssi-hope .hp-cell__t{font-size:13.5px;font-weight:900;color:#B45309;line-height:1.5}
.bssi-hope .hp-cell__p{font-size:13.5px;line-height:24px;color:#475569}
.bssi-hope .hp-box__note{border-top:1px solid #F6EBD0;background:#FFFBF0;padding:14px 22px;font-size:15.5px;line-height:30px;color:#5C3D00;text-align:justify}
.bssi-hope .hp-box__src{padding:0 22px 12px;background:#FFFBF0;font-size:12.5px;line-height:22px;color:#A3957A}
.bssi-hope .hp-closing{margin-top:20px;border-radius:16px;background:#FFF8E6;border:1px solid #FFE3A3;padding:16px 20px;font-size:16px;line-height:31px;color:#5C3D00;text-align:justify}
@media(max-width:768px){
.bssi-hope .section-main-title p,
.bssi-hope .group-divider__desc{font-size:16px;line-height:30px}
.bssi-hope .group-divider__title{font-size:18px}
.bssi-hope .hp-box__main{grid-template-columns:1fr}
.bssi-hope .hp-box__img{border-left:0;border-bottom:1px solid #F6EBD0}
.bssi-hope .hp-box__img img{max-width:280px}
.bssi-hope .hp-cells{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:576px){
.bssi-hope .section-main-title h2{font-size:22px;line-height:30px}
.bssi-hope .hp-map{padding:12px 12px 16px}
.bssi-hope .hp-map__note{font-size:15px;line-height:28px}
.bssi-hope .hp-row{grid-template-columns:minmax(0,1fr);grid-template-areas:"img" "head" "body";row-gap:10px;padding:16px}
.bssi-hope .hp-row__img{width:80px;height:80px;justify-self:center}
.bssi-hope .hp-row__head{text-align:center}
.bssi-hope .hp-row__t{font-size:16px}
.bssi-hope .hp-row__p{font-size:14.5px;line-height:27px}
.bssi-hope .hp-box__body{padding:16px}
.bssi-hope .hp-box__note{padding:12px 16px;font-size:15px;line-height:28px}
.bssi-hope .hp-box__src{padding:0 16px 12px}
.bssi-hope .hp-cells{grid-template-columns:1fr;padding:14px 16px 16px;gap:8px}
.bssi-hope .hp-cell{text-align:right;align-items:stretch;padding:10px 14px}
.bssi-hope .hp-closing{font-size:15px;line-height:28px}
}