.interactive-quiz {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: var(--space-lg);
}
.interactive-quiz .quiz-question { display: none; }
.interactive-quiz .quiz-question.active { display: block; animation: fadeInUp .4s ease forwards; }
.interactive-quiz .quiz-options { display: grid; gap: var(--space-sm); margin-top: var(--space-sm); }
.interactive-quiz .quiz-option {
  border: 1px solid var(--border);
  background: #fff;
  padding: 10px 16px;
  border-radius: 8px;
  cursor: pointer;
  transition: all .3s ease;
}
.interactive-quiz .quiz-option:hover { transform: translateY(-1px); box-shadow: 0 2px 8px rgba(0,0,0,.08); }
.interactive-quiz .quiz-results { margin-top: var(--space-md); }

.calculator-widget {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: var(--space-lg);
}
.calculator-widget input[type="number"] {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: 8px;
}
.calculator-widget .result { margin-top: var(--space-md); font-weight: 600; }

.timeline {
  position: relative;
  padding-left: 24px;
  border-left: 2px solid var(--border);
}
.timeline .step { margin-bottom: var(--space-md); }
.timeline .step.active h3 { color: var(--primary-color); }

.accordion {
  border: 1px solid var(--border);
  border-radius: 12px;
}
.accordion .item { border-bottom: 1px solid var(--border); }
.accordion .item:last-child { border-bottom: none; }
.accordion .title { padding: 14px 16px; cursor: pointer; font-weight: 600; }
.accordion .panel { display: none; padding: 0 16px 16px; color: var(--text-secondary); }
.accordion .item.open .panel { display: block; animation: fadeInUp .3s ease forwards; }