.fbw-lattice{width:100%;height:auto;display:block;background:#f4f6ec;border:1px solid #d6dfcb;border-radius:12px;margin:8px 0 16px}
.fbw-lattice circle{fill:#256759;stroke:#fffef7;stroke-width:2}
.fbw-bond{stroke:#256759;stroke-width:3;fill:none}
.fbw-weak{stroke:#8a7951;stroke-width:2;stroke-dasharray:5 5;fill:none}
.fbw-svg-label{font-size:16px;fill:#293e3d;font-weight:650}
.fbw-order{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;margin:12px 0 18px;max-width:420px}
.fbw-order span{aspect-ratio:1;border:1px solid #bdcdb1;border-radius:6px;background:#f7f8ef;min-height:28px}
.fbw-order span.on{background:#256759;border-color:#194d43}
.fbw-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:0 0 18px}
.fbw-stats div{border:1px solid #d9dfcf;background:#f3f5e9;border-radius:13px;padding:14px}
.fbw-stats span{display:block;font-size:17px;color:#596d63}
.fbw-stats strong{display:block;font-size:24px;line-height:1.45;margin-top:4px}
@media (max-width:480px){
  .fbw-stats{grid-template-columns:1fr 1fr}
  .fbw-stats strong{font-size:22px}
  .fbw-svg-label{font-size:15px}
}