/* MWSIQ contextual model guides */
.model-guide-backdrop{
  position:fixed;
  inset:0;
  z-index:5000;
  display:flex;
  justify-content:flex-end;
  background:rgba(1,8,16,.48);
  backdrop-filter:blur(4px);
  opacity:0;
  transition:opacity .2s ease;
}
.model-guide-backdrop.visible{opacity:1}
.model-guide-drawer{
  width:min(570px,94vw);
  height:100vh;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  color:#eff5fc;
  border-left:1px solid rgba(214,167,53,.45);
  background:
    radial-gradient(circle at 100% 0,rgba(41,106,184,.18),transparent 28%),
    linear-gradient(180deg,#0a1828,#071321);
  box-shadow:-28px 0 80px rgba(0,0,0,.55);
  transform:translateX(30px);
  transition:transform .22s ease;
}
.model-guide-backdrop.visible .model-guide-drawer{transform:translateX(0)}
.model-guide-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  padding:27px 28px 20px;
  border-bottom:1px solid rgba(112,153,202,.18);
}
.model-guide-header span,.model-guide-card-kicker{
  color:#55a8ff;
  font-size:10px;
  font-weight:900;
  letter-spacing:.15em;
}
.model-guide-header h2{
  margin:7px 0 5px;
  font-size:29px;
  letter-spacing:-.035em;
}
.model-guide-header p{
  margin:0;
  color:#91a7c1;
  font-size:12px;
  line-height:1.5;
}
.model-guide-close{
  flex:0 0 auto;
  width:38px;
  height:38px;
  border:0;
  background:transparent;
  color:#fff;
  font-size:30px;
  line-height:1;
  cursor:pointer;
}
.model-guide-tabs{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  padding:0 22px;
  border-bottom:1px solid rgba(112,153,202,.18);
}
.model-guide-tabs button{
  min-height:52px;
  border:0;
  border-bottom:2px solid transparent;
  background:transparent;
  color:#a5b4c7;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}
.model-guide-tabs button.active{
  color:#55b8ff;
  border-bottom-color:#37b7ff;
}
.model-guide-body{
  flex:1;
  overflow-y:auto;
  padding:16px;
  scrollbar-width:thin;
}
.model-guide-panel{display:none}
.model-guide-panel.active{display:grid;gap:14px}
.model-guide-card,.model-guide-note,.model-guide-tip,.model-guide-disclaimer,.model-guide-strategy-grid>div{
  border:1px solid rgba(103,148,202,.20);
  border-radius:13px;
  background:linear-gradient(145deg,rgba(14,35,58,.94),rgba(8,21,36,.96));
}
.model-guide-card{padding:20px}
.model-guide-card h3{
  margin:7px 0 12px;
  font-size:19px;
}
.model-guide-card>p{
  color:#a3b3c8;
  font-size:12px;
  line-height:1.65;
}
.model-guide-categories{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
  margin-top:18px;
}
.model-guide-category{
  min-height:82px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid rgba(108,154,207,.18);
  border-radius:10px;
  background:rgba(5,18,31,.55);
  text-align:center;
}
.model-guide-category span{color:#44c3ff;font-size:24px}
.model-guide-category b{font-size:9px}
.model-guide-scale{display:grid;gap:0}
.model-guide-scale-row{
  display:grid;
  grid-template-columns:10px 72px 75px 1fr;
  gap:10px;
  align-items:center;
  min-height:39px;
  border-bottom:1px solid rgba(112,153,202,.14);
  font-size:10px;
}
.model-guide-scale-row:last-child{border-bottom:0}
.model-guide-scale-row i{
  width:9px;height:9px;border-radius:50%;background:#44d983
}
.model-guide-scale-row.scale-2 i{background:#cae568}
.model-guide-scale-row.scale-3 i{background:#f0c44d}
.model-guide-scale-row.scale-4 i{background:#ef9b3d}
.model-guide-scale-row.scale-5 i{background:#ff5147}
.model-guide-scale-row strong{color:#59df8e}
.model-guide-scale-row.scale-2 strong{color:#d6e879}
.model-guide-scale-row.scale-3 strong{color:#f1ca57}
.model-guide-scale-row.scale-4 strong{color:#efa044}
.model-guide-scale-row.scale-5 strong{color:#ff6257}
.model-guide-scale-row span{color:#8799af}
.model-guide-tip{
  display:flex;
  gap:13px;
  padding:17px;
  border-color:rgba(218,174,61,.43);
}
.model-guide-tip>span{color:#f2c44e;font-size:27px}
.model-guide-tip b{color:#f2c85e;font-size:11px}
.model-guide-tip p{margin:6px 0 0;color:#a6b5c8;font-size:11px;line-height:1.55}
.model-guide-factor-grid{display:grid;gap:9px;margin-top:17px}
.model-guide-factor{
  display:grid;
  grid-template-columns:120px 1fr auto;
  gap:12px;
  align-items:center;
  padding:12px;
  border:1px solid rgba(106,151,204,.17);
  border-radius:10px;
  background:rgba(5,18,31,.55);
}
.model-guide-factor-top{display:flex;align-items:center;gap:8px}
.model-guide-factor-number{color:#536d8a;font-size:9px}
.model-guide-factor-top strong{color:#5be293;font-size:12px}
.model-guide-factor h4{margin:0;font-size:12px}
.model-guide-factor p{margin:3px 0 0;color:#7f91a7;font-size:9px}
.model-guide-factor small{
  padding:5px 7px;border-radius:6px;background:rgba(44,90,138,.28);color:#9cb9d9;font-size:8px
}
.model-guide-note,.model-guide-disclaimer{padding:16px}
.model-guide-note b{font-size:12px}
.model-guide-note p,.model-guide-disclaimer{color:#8fa0b5;font-size:10px;line-height:1.55}
.model-guide-steps{display:grid;gap:9px;margin-top:15px}
.model-guide-step{display:flex;align-items:flex-start;gap:12px;padding:11px;border-radius:9px;background:rgba(5,18,31,.54)}
.model-guide-step span{
  flex:0 0 auto;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#1c5e9e;color:#fff;font-size:10px;font-weight:900
}
.model-guide-step p{margin:4px 0 0;color:#a4b4c8;font-size:11px;line-height:1.5}
.model-guide-strategy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.model-guide-strategy-grid>div{padding:14px}
.model-guide-strategy-grid span{color:#54aaff;font-size:8px;font-weight:900;letter-spacing:.12em}
.model-guide-strategy-grid b{display:block;margin:8px 0;font-size:12px}
.model-guide-strategy-grid p{margin:0;color:#8597ad;font-size:9px;line-height:1.5}
.model-guide-faq-list{display:grid;gap:8px;margin-top:15px}
.model-guide-faq{
  border:1px solid rgba(106,151,204,.16);
  border-radius:9px;
  background:rgba(5,18,31,.52);
}
.model-guide-faq summary{
  padding:13px;
  cursor:pointer;
  font-size:11px;
  font-weight:800;
}
.model-guide-faq p{padding:0 13px 13px;margin:0;color:#8fa1b7;font-size:10px;line-height:1.6}
.model-guide-launch .model-guide-btn{
  display:flex;align-items:center;gap:10px
}
.model-guide-btn i{
  width:22px;height:22px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-style:normal
}
body.model-guide-open{overflow:hidden}
@media(max-width:620px){
  .model-guide-drawer{width:100vw}
  .model-guide-header{padding:20px}
  .model-guide-tabs{padding:0 10px}
  .model-guide-tabs button{font-size:9px}
  .model-guide-categories{grid-template-columns:repeat(2,1fr)}
  .model-guide-strategy-grid{grid-template-columns:1fr}
  .model-guide-factor{grid-template-columns:90px 1fr}
  .model-guide-factor small{grid-column:2}
}