.pg-mhero>.pg-panel{align-self:center}

.fab-views{display:flex;flex-wrap:wrap;gap:0 2px;padding:0 10px;border-bottom:1px solid var(--hl);font:400 12px/16px var(--xsf);color:var(--tx3)}
.fab-views span{padding:9px 6px 7px;border-bottom:2px solid transparent;white-space:nowrap}
.fab-views span.on{color:#0B1E3F;font-weight:600;border-bottom-color:#2D64BF}

.fab-st{display:inline-flex;align-items:center;gap:6px;font:500 12px/16px var(--xsf);color:var(--tx2);white-space:nowrap}
.fab-st i{width:8px;height:8px;flex:none;background:#94A3B8}
.fab-st.acc i{background:#2563EB}
.fab-st.ok{color:#166534}.fab-st.ok i{background:#16A34A}
.fab-st.warn{color:#92400E}.fab-st.warn i{background:#D97706}
.fab-st.dang{color:#991B1B}.fab-st.dang i{background:#DC2626}
.fab-flags{display:flex;flex-direction:column;align-items:flex-start;gap:3px}

.xs .g>.fab-split{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut);row-gap:32px;align-items:start;padding:0 20px}
.fab-split-t{grid-column:1/6;min-width:0;display:flex;flex-direction:column;gap:16px}
.fab-split>.pg-panel{grid-column:6/13;align-self:start}
.fab-split.rev>.fab-split-t{grid-column:8/13;grid-row:1}
.fab-split.rev>.pg-panel{grid-column:1/8;grid-row:1}
.fab-split-t .xh-h{margin:0;font-size:clamp(26px,2.6vw,36px)}
.fab-split-t .xh-h em{font-style:normal;color:#2D64BF}
.fab-split-t>p{margin:0;font:400 16px/25px var(--xsf);color:var(--tx2)}
.fab-ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--hl)}
.fab-ul li{position:relative;padding:10px 0 10px 20px;border-bottom:1px solid var(--hl);font:400 14px/21px var(--xsf);color:var(--tx2)}
.fab-ul li::before{content:'';position:absolute;left:2px;top:17px;width:8px;height:8px;background:#3B82F6}
.fab-ul b{font-weight:600;color:var(--tx)}

.fab-pains{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--hl);border-bottom:1px solid var(--hl);margin:8px 0 0}
.fab-pain{display:flex;flex-direction:column;gap:10px;padding:26px 24px;border-left:1px solid var(--hl);background:#fff;min-width:0}
.fab-pain:nth-child(3n+1){border-left:0}
.fab-pain:nth-child(n+4){border-top:1px solid var(--hl)}
.fab-pain .fab-lb{font:600 11px/16px var(--xsf);letter-spacing:.06em;text-transform:uppercase;color:var(--tx3)}
.fab-pain .fab-lb.ok{color:#2D64BF}
.fab-pain q{font:600 16px/23px var(--xsf);color:#0B1E3F;quotes:'«' '»'}
.fab-pain p{margin:0;font:400 14.5px/22px var(--xsf);color:var(--tx2)}

.fab-hd{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;padding:14px 16px 10px}
.fab-hd .t{font:600 16px/22px var(--xhf);color:#0B1E3F}
.fab-hd .t .fab-st{margin-left:8px;vertical-align:2px}
.fab-hd .s{margin-top:2px;font:400 12px/16px var(--xsf);color:var(--tx3)}
.fab-acts{display:flex;flex-wrap:wrap;gap:6px}
.fab-btn{display:inline-flex;align-items:center;height:26px;padding:0 10px;border:1px solid #d1d1d1;background:#fff;font:600 11.5px/1 var(--xsf);color:#0B1E3F;white-space:nowrap}
.fab-btn.pri{background:#0B1E3F;border-color:#0B1E3F;color:#fff}
.fab-btn.sm{height:22px;padding:0 8px;font-size:11px}
.fab-wrap{overflow-x:auto}
.fab-tbl{width:100%;border-collapse:collapse;font:400 12px/16px var(--xsf);color:var(--tx)}
.fab-tbl th{padding:7px 10px;text-align:left;vertical-align:bottom;font-weight:600;font-size:11px;color:var(--tx3);background:#F7F9FC;border-bottom:1px solid var(--hl);white-space:nowrap}
.fab-tbl td{padding:8px 10px;border-bottom:1px solid #f0f0f0;vertical-align:middle}
.fab-tbl tr:last-child td{border-bottom:0}
.fab-sku{display:block;font:600 11.5px/15px Consolas,'Cascadia Mono',monospace;color:#1C417F;white-space:nowrap}
.fab-sub{display:block;font-size:11.5px;line-height:15px;color:var(--tx3);overflow-wrap:anywhere}
.fab-ver{font:600 11.5px/15px Consolas,'Cascadia Mono',monospace;color:#0B1E3F}
.fab-flag{display:inline-flex;align-items:center;gap:3px;margin-left:6px;padding:0 6px;border:1px solid var(--hl);font-size:10.5px;line-height:16px;color:var(--tx3);white-space:nowrap}
.fab-up{color:#B91C1C;font-weight:600}
.fab-down{color:#15803D;font-weight:600}
.fab-miss{color:#B91C1C;font-weight:700}
.fab-mut{color:var(--tx3)}
.fab-off td{text-decoration:line-through;opacity:.55}
.fab-alert{margin:0 16px 10px;padding:8px 10px;border-left:3px solid #D97706;background:#FFFBEB;font:400 12px/17px var(--xsf);color:#78350F}
.fab-alert b{font-weight:600}
.fab-chain{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:0 16px 12px;font:400 11.5px/16px Consolas,'Cascadia Mono',monospace;color:var(--tx3)}
.fab-chain span{padding:3px 8px;border:1px solid var(--hl);background:#fff;color:var(--tx2)}
.fab-chain span.cur{border-color:#2D64BF;color:#0B1E3F;font-weight:700}
.fab-chain span.none{border:0;padding:0;font-style:italic;background:none}
.fab-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--hl);border-bottom:1px solid var(--hl)}
.fab-facts>div{min-width:0;padding:9px 12px;border-left:1px solid var(--hl)}
.fab-facts>div:first-child{border-left:0}
.fab-facts .k{font:400 11px/14px var(--xsf);color:var(--tx3)}
.fab-facts .v{margin-top:2px;font:600 12.5px/17px var(--xsf);color:#0B1E3F;overflow-wrap:anywhere}
.fab-bar{height:5px;margin-top:5px;background:#EEF2F8}
.fab-bar i{display:block;height:5px;background:#16A34A}
.fab-sec{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;padding:14px 16px 8px;border-top:1px solid var(--hl);font:600 12.5px/16px var(--xsf);color:#0B1E3F}
.fab-sec span{font-weight:400;font-size:11.5px;color:var(--tx3)}
.fab-hint{margin:0;padding:10px 16px 14px;font:400 11.5px/16px var(--xsf);color:var(--tx3)}

@media (max-width:1100px){
  .fab-split-t,.fab-split>.pg-panel,.fab-split.rev>.fab-split-t,.fab-split.rev>.pg-panel{grid-column:1/-1;grid-row:auto}
}
@media (max-width:1000px){
  .fab-pains{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fab-pain{border-left:1px solid var(--hl)!important;border-top:0!important}
  .fab-pain:nth-child(odd){border-left:0!important}
  .fab-pain:nth-child(n+3){border-top:1px solid var(--hl)!important}
}
@media (max-width:760px){
  .fab-x{display:none}
  .fab-tbl th,.fab-tbl td{padding:7px 8px}
  .fab-tbl{font-size:11.5px}
  .fab-flag{margin-left:4px;padding:0 4px}
}
@media (max-width:560px){
  .fab-pains{grid-template-columns:minmax(0,1fr)}
  .fab-pain{border-left:0!important}
  .fab-pain+.fab-pain{border-top:1px solid var(--hl)!important}
  .fab-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fab-facts>div{border-left:0;border-top:1px solid var(--hl)}
  .fab-facts>div:nth-child(-n+2){border-top:0}
  .fab-facts>div:nth-child(even){border-left:1px solid var(--hl)}
}

.sfab-win{display:flex;flex-direction:column;min-height:540px;border:1px solid #E3E7EE;background:#fff;color:#242424;font-family:var(--xsf)}
.sfab-top{display:flex;align-items:center;gap:10px;height:40px;flex:none;padding:0 12px;border-bottom:1px solid #E5E7EB;font:400 12px/16px var(--xsf);color:#616161}
.sfab-back{position:relative;flex:none;width:24px;height:24px;border:1px solid #E0E0E0;border-radius:4px}
.sfab-back::before{content:'';position:absolute;left:9px;top:8px;width:6px;height:6px;border-left:1.5px solid #616161;border-bottom:1.5px solid #616161;transform:rotate(45deg)}
.sfab-crumb{display:flex;align-items:center;gap:7px;min-width:0;white-space:nowrap}
.sfab-crumb i{flex:none;width:5px;height:5px;border-top:1.2px solid #9CA3AF;border-right:1.2px solid #9CA3AF;transform:rotate(45deg)}
.sfab-crumb b{font-weight:600;color:#242424}
.sfab-me{flex:none;margin-left:auto;width:24px;height:24px;border-radius:50%;background:#2D64BF;color:#fff;font:600 10px/24px var(--xsf);text-align:center}
.sfab-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px 12px;padding:14px 16px 12px}
.sfab-h1{font:700 16px/22px var(--xsf);letter-spacing:-.01em;color:#16202E}
.sfab-sub{margin-top:2px;font:400 12px/16px var(--xsf);color:#616161}
.sfab-flag{display:inline-block;margin-left:8px;font:700 10px/14px var(--xsf);letter-spacing:.07em;text-transform:uppercase;vertical-align:2px;color:#1C417F}
.sfab-flag.warn{color:#B45309}
.sfab-flag.ok{color:#15803D}
.sfab-acts{display:flex;flex-wrap:wrap;gap:6px}
.sfab-btn{display:inline-flex;align-items:center;height:28px;padding:0 10px;border:1px solid #D1D1D1;border-radius:4px;background:#fff;font:600 12px/1 var(--xsf);color:#242424;white-space:nowrap}
.sfab-btn.pri{background:#2D64BF;border-color:#2D64BF;color:#fff}
.sfab-body{flex:1;display:flex;flex-direction:column;min-width:0;border-top:1px solid #E5E7EB}
.sfab-num{font-variant-numeric:tabular-nums;white-space:nowrap}
.sfab-code{font:600 11px/15px Consolas,'Cascadia Mono',monospace;color:#1C417F;white-space:nowrap}


.sfab-body>.fab-views{border-top:0}
.sfab-prog{display:flex;flex-direction:column;gap:3px;min-width:70px}
.sfab-prog>span{display:block;height:6px;background:#EEF1F6}
.sfab-prog>span>i{display:block;height:6px;background:#2D64BF}
.sfab-prog small{font:400 11px/14px var(--xsf);color:#616161;font-variant-numeric:tabular-nums}
.sfab-late{color:#B91C1C;font-weight:600}
.sfab-foot{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:auto;padding:10px 16px;border-top:1px solid #E5E7EB;background:#FAFBFD;font:400 11.5px/16px var(--xsf);color:#616161}
.sfab-foot b{font-weight:600;color:#16202E}
.sfab-foot b.sfab-late{color:#B91C1C}

.sfab-tree,.sfab-tree ul{list-style:none;margin:0;padding:0}
.sfab-tree{padding:10px 16px 6px}
.sfab-tree ul{margin-left:9px;padding-left:16px}
.sfab-tree ul>li{position:relative}
.sfab-tree ul>li::before{content:'';position:absolute;left:-12px;top:0;bottom:0;border-left:1px solid #CBD2DC}
.sfab-tree ul>li:last-child::before{bottom:auto;height:19px}
.sfab-tree ul>li::after{content:'';position:absolute;left:-12px;top:19px;width:9px;border-top:1px solid #CBD2DC}
.sfab-node{display:grid;grid-template-columns:10px minmax(0,1fr) auto 72px;gap:8px;align-items:center;padding:6px 0;border-bottom:1px dashed #EEF1F6;font:400 12px/16px var(--xsf)}
.sfab-node .ic{width:10px;height:10px;background:#2D64BF}
.sfab-node .nm{min-width:0;color:#16202E}
.sfab-node .nm .fab-sku{display:inline;margin-right:6px}
.sfab-node .qt{font-variant-numeric:tabular-nums;color:#616161;white-space:nowrap;text-align:right}
.sfab-node .ct{font-weight:600;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.sfab-node .mr{display:inline-block;margin-left:6px;padding:0 5px;border:1px solid #F5C77E;background:#FFFBEB;font:600 10px/15px var(--xsf);color:#92400E;white-space:nowrap}
.sfab-root>.sfab-node{padding:8px 0;border-bottom:1px solid #E5E7EB}
.sfab-root>.sfab-node .nm{font-weight:700}
.sfab-root>.sfab-node .ic{background:#0B1E3F}
.sfab-node.sfab-set .ic{background:#fff;border:2px solid #7C3AED}
.sfab-node.sfab-set .nm{font-weight:600}
.sfab-node.sfab-by .ic{background:#16A34A}
.sfab-node.sfab-by .ct{color:#15803D}
.sfab-sum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:6px 16px 0;border:1px solid #E5E7EB}
.sfab-sum>div{padding:8px 10px;border-left:1px solid #E5E7EB;font:400 11px/14px var(--xsf);color:#616161}
.sfab-sum>div:first-child{border-left:0}
.sfab-sum b{display:block;margin-top:2px;font:600 14px/19px var(--xsf);color:#16202E;font-variant-numeric:tabular-nums}
.sfab-sum b.fab-up{color:#B91C1C}
.sfab-used{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:auto;padding:12px 16px;font:400 11.5px/16px var(--xsf);color:#616161}
.sfab-used b{font-weight:600;color:#16202E}
.sfab-chip{display:inline-flex;align-items:center;height:22px;padding:0 8px;border:1px solid #D6DEEA;background:#F5F8FE;font:600 11px/1 Consolas,'Cascadia Mono',monospace;color:#1C417F;white-space:nowrap}

.sfab-made{display:flex;flex-direction:column;gap:5px;padding:12px 16px;border-bottom:1px solid #E5E7EB}
.sfab-made>div{display:flex;justify-content:space-between;gap:10px;font:400 12px/16px var(--xsf);color:#616161}
.sfab-made b{font-weight:600;color:#16202E}
.sfab-made>span{display:flex;height:8px;background:#EEF1F6}
.sfab-made>span>i{display:block;height:8px;background:#16A34A}
.sfab-made>span>i+i{background:#D97706}
.sfab-tl{flex:1;list-style:none;margin:0;padding:14px 16px 4px;display:flex;flex-direction:column}
.sfab-tl li{position:relative;padding:0 0 16px 26px}
.sfab-tl li::before{content:'';position:absolute;left:5px;top:6px;bottom:-6px;width:2px;background:#E5E7EB}
.sfab-tl li:last-child::before{display:none}
.sfab-tl li::after{content:'';position:absolute;left:0;top:2px;width:8px;height:8px;border:2px solid #16A34A;border-radius:50%;background:#fff}
.sfab-tl .when{display:block;font:600 11px/14px Consolas,'Cascadia Mono',monospace;color:#616161}
.sfab-tl .what{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:2px;font:600 13px/18px var(--xsf);color:#16202E}
.sfab-tl .meta{display:block;font:400 11.5px/16px var(--xsf);color:#616161}
.sfab-mv{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.sfab-mv span{display:inline-flex;align-items:center;height:20px;padding:0 6px;background:#F1F5F9;font:600 10.5px/1 var(--xsf);color:#424242;white-space:nowrap}
.sfab-mv .in{background:#DCFCE7;color:#166534}
.sfab-mv .sc{background:#FEF3C7;color:#92400E}
.sfab-tl .sfab-off::after{border-color:#9CA3AF}
.sfab-tl .sfab-off .what s{color:#9CA3AF}
.sfab-tl .sfab-off .meta{color:#9CA3AF}
.sfab-tl .sfab-off em{display:block;margin-top:6px;padding:6px 8px;border-left:2px solid #9CA3AF;background:#F8FAFC;font:400 11.5px/16px var(--xsf);font-style:normal;color:#424242}

.sfab-gt{flex:1;display:flex;flex-direction:column;padding:6px 16px 0}
.sfab-gr{display:grid;grid-template-columns:minmax(0,150px) minmax(0,1fr) 78px;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid #F0F0F0}
.sfab-gr .op{min-width:0;font:600 12px/16px var(--xsf);color:#16202E}
.sfab-gr .op small{display:block;font-weight:400;font-size:11px;color:#616161}
.sfab-trk{position:relative;height:22px;background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),#EEF1F6 calc(25% - 1px) 25%)}
.sfab-trk .pv{position:absolute;left:0;top:0;height:22px;border:1.5px dashed #94A3B8;background:transparent}
.sfab-trk .re{position:absolute;left:0;top:5px;height:12px;background:#16A34A}
.sfab-trk .re.over{background:#DC2626}
.sfab-trk .re.run{background:repeating-linear-gradient(45deg,#2D64BF 0 6px,#5B8BDB 6px 12px)}
.sfab-gr .mn{text-align:right;font:600 11.5px/15px var(--xsf);font-variant-numeric:tabular-nums;color:#16202E}
.sfab-gr .mn small{display:block;font-weight:400;font-size:10.5px;color:#616161}
.sfab-gr .mn small.sfab-late{color:#B91C1C;font-weight:600}
.sfab-gleg{display:flex;flex-wrap:wrap;gap:4px 14px;padding:10px 16px;font:400 11px/14px var(--xsf);color:#616161}
.sfab-gleg span{display:inline-flex;align-items:center;gap:5px}
.sfab-gleg i{width:16px;height:8px;background:#16A34A}
.sfab-gleg i.pv{height:12px;border:1.5px dashed #94A3B8;background:transparent}
.sfab-gleg i.over{background:#DC2626}
.sfab-gleg i.run{background:repeating-linear-gradient(45deg,#2D64BF 0 4px,#5B8BDB 4px 8px)}

.sfab-wf{padding:12px 16px 4px}
.sfab-wf svg{display:block;width:100%;height:auto}
.sfab-wf .ax{stroke:#9CA3AF}
.sfab-wf .gd{stroke:#EEF1F6}
.sfab-wf .cn{stroke:#9CA3AF;stroke-dasharray:3 3}
.sfab-wf .th{fill:#94A3B8}
.sfab-wf .up{fill:#DC2626}
.sfab-wf .rl{fill:#0B1E3F}
.sfab-wf text{font:600 11px/1 var(--xsf);fill:#16202E;text-anchor:middle}
.sfab-wf text.sfab-red{fill:#B91C1C}
.sfab-wf text.sfab-cat{font-weight:400;fill:#616161}
.sfab-wf text.sfab-axn{font-weight:400;font-size:10px;fill:#9CA3AF;text-anchor:start}
.sfab-why{flex:1;list-style:none;margin:0;padding:4px 16px 12px}
.sfab-why li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding:7px 0 7px 10px;border-bottom:1px solid #F0F0F0;border-left:3px solid #DC2626;font:400 12px/16px var(--xsf);color:#424242}
.sfab-why li b{font-weight:600;color:#16202E}
.sfab-why li span:last-child{font-weight:600;color:#B91C1C;font-variant-numeric:tabular-nums;white-space:nowrap}
.sfab-why li small{grid-column:1/-1;font-size:11px;color:#616161}

.sfab-mats{flex:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-content:start;padding:2px 16px 12px}
.sfab-mat{display:grid;grid-template-columns:56px minmax(0,1fr);gap:4px 12px;align-items:center;padding:12px;border:1px solid #E5E7EB;background:#fff}
.sfab-mat.sfab-miss{border-color:#FCA5A5;background:#FEF2F2}
.sfab-ring{position:relative;grid-row:1/4;width:56px;height:56px}
.sfab-ring svg{display:block;width:56px;height:56px;transform:rotate(-90deg)}
.sfab-ring circle{fill:none;stroke-width:6}
.sfab-ring .bg{stroke:#EEF1F6}
.sfab-ring .fg{stroke:#16A34A}
.sfab-miss .sfab-ring .bg{stroke:#FECACA}
.sfab-miss .sfab-ring .fg{stroke:#2D64BF}
.sfab-ring b{position:absolute;inset:0;display:grid;place-items:center;font:700 12px/1 var(--xsf);color:#16202E}
.sfab-mat .fab-sku{font-size:11px}
.sfab-mat .nm{font:600 12px/16px var(--xsf);color:#16202E}
.sfab-mat .rs{font:400 11px/15px var(--xsf);color:#616161}
.sfab-mat .rs b{font-weight:700;color:#B91C1C}
.sfab-mat .rs.ok b{color:#15803D}
.sfab-low{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:auto;padding:10px 16px;border-top:1px solid #E5E7EB;background:#FAFBFD;font:400 11.5px/16px var(--xsf);color:#616161}
.sfab-low b{font-weight:600;color:#16202E}

@media (min-width:1001px){
  .pg-hero .pg-mhero>.sfab-win{grid-column:6/13}
}
@media (max-width:560px){
  .sfab-top .sfab-x,.sfab-top .sfab-x+i{display:none}
  .sfab-head{align-items:flex-start}
  .sfab-node{grid-template-columns:10px minmax(0,1fr) 58px;gap:6px}
  .sfab-node .qt{display:none}
  .sfab-node .nm .fab-sku{display:block;margin:0}
  .sfab-tree ul{margin-left:4px;padding-left:12px}
  .sfab-tree ul>li::before,.sfab-tree ul>li::after{left:-9px}
  .sfab-tree ul>li::after{width:6px}
  .sfab-gr{grid-template-columns:minmax(0,1fr) 70px;gap:4px 10px}
  .sfab-gr .op{grid-column:1/-1}
  .sfab-mats{grid-template-columns:minmax(0,1fr)}
  .sfab-sum b{font-size:12.5px}
}