#invisalign-calc-root.inv-wrap {
  max-width: 1100px;
  margin: 0 auto;
  padding: clamp(12px, 3vw, 32px);
}
#invisalign-calc-root .inv-card {
  border-radius: 18px;
  border: 1px solid #e6e8ee;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
}
#invisalign-calc-root .inv-title {
  letter-spacing: -0.01em;
  font-size: clamp(20px, 2.4vw, 26px);
}
#invisalign-calc-root .inv-input {
  padding: 14px 16px;
  font-size: 16px;
  border: 1px solid #dfe3eb;
  border-radius: 12px;
  transition: box-shadow .15s, border-color .15s;
}
#invisalign-calc-root .inv-input:focus {
  outline: none;
  border-color: #8b5cf6;
  box-shadow: 0 0 0 3px rgba(139, 92, 246, .15);
}
#invisalign-calc-root .inv-btn {
  padding: 12px 16px;
  border: 1px solid #dfe3eb;
  background: #f6f7fb;
  border-radius: 14px;
}
#invisalign-calc-root .inv-btn:hover {
  background: #eef2ff;
  border-color: #cfd6ea;
}
#invisalign-calc-root .inv-stat-value {
  font-size: clamp(20px, 2.2vw, 26px);
}
#invisalign-calc-root .inv-stat.hl { background: #fff7cc; }

#invisalign-calc-root .inv-pills { gap: 10px; }
@media (max-width: 899px) {
  #invisalign-calc-root .inv-pills { grid-template-columns: 1fr; }
}
#invisalign-calc-root .inv-bar-track {
  height: 22px;
  background: #eef1f6;
}
#invisalign-calc-root .inv-bar-fill { background: #8b5cf6; }

#invisalign-calc-root .inv-section {
  padding: 16px;
  border-color: #e6e8ee;
}
#invisalign-calc-root .inv-help,
#invisalign-calc-root .inv-note { color: #5b657a; }

@media (min-width: 1100px){
  #invisalign-calc-root .inv-grid.inv-grid-cols-3 { grid-template-columns: 1.1fr 1.9fr; }
}
@media (max-width: 1024px){
  #invisalign-calc-root .inv-grid.inv-grid-cols-3 { grid-template-columns: 1fr; }
}