/* V190 Basic Guide Speed + Language + Help. Guide layer only. */
.basic-guide-launch-v190{
  border:0;
  background:#111827;
  color:#fff;
  padding:10px 14px;
  border-radius:999px;
  font-weight:800;
  box-shadow:0 10px 24px rgba(15,23,42,.18);
  cursor:pointer;
}
.basic-guide-launch-v190:hover{transform:translateY(-1px);}
.basic-guide-shell-v190{
  position:fixed;
  left:18px;
  bottom:18px;
  z-index:99990;
  width:min(440px,calc(100vw - 36px));
  pointer-events:none;
}
.basic-guide-shell-v190[hidden]{display:none!important;}
.basic-guide-panel-v190{
  pointer-events:auto;
  max-height:min(70vh,660px);
  overflow:auto;
  background:#fffdf8;
  box-shadow:0 24px 70px rgba(15,23,42,.26);
  border:1px solid rgba(15,23,42,.12);
  border-radius:22px;
  padding:16px;
  color:#1f2937;
}
.basic-guide-head-v190{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
  border-bottom:1px solid rgba(17,24,39,.1);
  padding-bottom:12px;
  margin-bottom:12px;
  cursor:move;
  user-select:none;
}
.basic-guide-head-v190 p{margin:0;color:#7c6b4f;font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;}
.basic-guide-head-v190 h2{margin:3px 0 0;font-size:22px;line-height:1.16;}
.basic-guide-head-v190 small{display:block;margin-top:3px;color:#6b7280;font-size:12px;line-height:1.3;}
.basic-guide-close-v190{
  border:1px solid rgba(17,24,39,.16);
  background:#fff;
  border-radius:999px;
  width:34px;
  height:34px;
  cursor:pointer;
  font-size:22px;
  line-height:1;
  flex:0 0 auto;
}
.basic-guide-progress-v190{display:flex;align-items:center;gap:8px;margin:10px 0 14px;}
.basic-guide-bar-v190{flex:1;height:7px;background:#eee7dc;border-radius:999px;overflow:hidden;}
.basic-guide-fill-v190{display:block;height:100%;width:0;background:#111827;border-radius:999px;transition:width .12s linear;}
.basic-guide-count-v190{font-size:12px;color:#6b7280;font-weight:800;min-width:54px;text-align:right;}
.basic-guide-card-v190{
  background:#fff;
  border:1px solid rgba(17,24,39,.1);
  border-radius:18px;
  padding:15px;
  box-shadow:0 12px 28px rgba(17,24,39,.08);
}
.basic-guide-card-v190 h3{margin:0 0 8px;font-size:18px;line-height:1.25;}
.basic-guide-card-v190 p{line-height:1.5;margin:7px 0;color:#374151;font-size:14px;}
.basic-guide-tip-v190{margin-top:12px;padding:11px;background:#f8f3e9;border:1px solid rgba(124,107,79,.22);border-radius:14px;font-size:13px;line-height:1.45;}
.basic-guide-actions-v190,.basic-guide-extra-actions-v190{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px;}
.basic-guide-actions-v190 button,.basic-guide-extra-actions-v190 button{
  border:1px solid rgba(17,24,39,.12);
  background:#fff;
  color:#111827;
  padding:9px 12px;
  border-radius:999px;
  font-weight:800;
  cursor:pointer;
  font-size:14px;
}
.basic-guide-actions-v190 button.primary,.basic-guide-extra-actions-v190 button.primary{background:#111827;color:#fff;}
.basic-guide-actions-v190 button:disabled{opacity:.45;cursor:not-allowed;}
.v190-basic-highlight{
  outline:4px solid #f59e0b!important;
  outline-offset:5px!important;
  box-shadow:0 0 0 8px rgba(245,158,11,.22)!important;
  scroll-margin:120px!important;
}
.basic-guide-mini-v190{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px;}
.basic-guide-mini-v190 span{display:block;text-align:center;padding:8px;border-radius:12px;background:#f3f4f6;font-size:12px;font-weight:800;}
.basic-guide-glossary-v190{margin-top:14px;border-top:1px solid rgba(17,24,39,.1);padding-top:14px;}
.basic-guide-glossary-v190 h4{margin:0 0 6px;font-size:16px;}
.basic-guide-glossary-v190 p{font-size:13px;margin:0 0 10px;color:#6b7280;}
.basic-guide-term-v190{display:grid;grid-template-columns:112px 1fr;gap:10px;padding:9px 0;border-bottom:1px solid rgba(17,24,39,.07);font-size:13px;line-height:1.4;}
.basic-guide-term-v190 strong{color:#111827;}
.basic-guide-term-v190 span{color:#374151;}
.basic-guide-shell-v190.is-dragging .basic-guide-panel-v190{box-shadow:0 28px 80px rgba(15,23,42,.34);}
@media(max-width:720px){
  .basic-guide-shell-v190{left:10px;right:10px;bottom:10px;width:auto;}
  .basic-guide-panel-v190{max-height:56vh;padding:14px;border-radius:20px;}
  .basic-guide-head-v190 h2{font-size:20px;}
  .basic-guide-card-v190{padding:14px;}
  .basic-guide-term-v190{grid-template-columns:1fr;gap:3px;}
}


/* V191 glossary visual additions */
.basic-guide-term-v191{grid-template-columns:34px 112px 1fr;align-items:center;}
.basic-guide-term-v191 i{width:28px;height:28px;border-radius:10px;background:#fff7ed;border:1px solid rgba(180,122,35,.28);display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:900;color:#92400e;}
.basic-guide-mat-advice-v191{margin:10px 0 14px;padding:12px;border:1px solid rgba(34,197,94,.24);background:#f0fdf4;border-radius:14px;}
.basic-guide-mat-advice-v191 h5{margin:0 0 6px;font-size:14px;color:#166534;}
.basic-guide-mat-advice-v191 p{margin:0 0 10px!important;color:#14532d!important;font-size:13px!important;}
.basic-guide-mat-examples-v191{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;}
.basic-guide-mat-example-v191{font-size:11px;font-weight:800;text-align:center;color:#374151;}
.basic-guide-mat-picture-v191{height:54px;border:1px solid rgba(17,24,39,.16);background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;}
.basic-guide-mat-picture-v191:before{content:'';display:block;width:28px;height:20px;background:#d1d5db;border-radius:2px;box-shadow:0 0 0 0 #fff;}
.basic-guide-mat-example-v191.example-1 .basic-guide-mat-picture-v191:before{box-shadow:0 0 0 8px #f8fafc,0 0 0 9px #cbd5e1;}
.basic-guide-mat-example-v191.example-2 .basic-guide-mat-picture-v191:before{box-shadow:0 0 0 5px #f8fafc,0 0 0 8px #92400e,0 0 0 9px #cbd5e1;}
.basic-guide-mat-example-v191.example-3 .basic-guide-mat-picture-v191:before{box-shadow:0 0 0 4px #f8fafc,0 0 0 6px #92400e,0 0 0 9px #334155,0 0 0 10px #cbd5e1;}
.basic-guide-mat-example-v191 b{display:block;margin-top:5px;line-height:1.2;}
@media(max-width:720px){
  .basic-guide-term-v191{grid-template-columns:30px 1fr;}
  .basic-guide-term-v191 span{grid-column:2;}
  .basic-guide-mat-examples-v191{grid-template-columns:repeat(2,minmax(0,1fr));}
}