.learningBlock {
  border-radius: var(--ff-radius-card);
  padding: var(--ff-space-6);
  margin-block: var(--ff-space-6);
  line-height: var(--ff-leading-body);
  border: 1px solid var(--ff-border);
  color: var(--ff-text-primary);
}
.learningBlockEyebrow {
  display: block;
  margin-bottom: var(--ff-space-2);
  color: var(--ff-text-secondary);
  font-size: var(--ff-text-meta-desktop);
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.definitionBox { background: var(--ff-primary-soft); border-color: rgba(31, 79, 216, 0.14); }
.formulaBlock { background: var(--ff-surface-subtle); border-color: var(--ff-border); }
.memoryBox { background: var(--ff-success-soft); border-color: rgba(31, 138, 91, 0.14); }
.examTipBox { background: var(--ff-warning-soft); border-color: rgba(183, 121, 31, 0.16); }
.lawReferenceBlock { background: var(--ff-surface-soft); border-color: var(--ff-border); }
.exampleBlock { background: var(--ff-surface); border-color: var(--ff-border); }
.mistakeBox { background: var(--ff-danger-soft); border-color: rgba(194, 65, 59, 0.16); }
.formulaContent { font-size: 1.05rem; font-weight: 650; overflow-wrap: anywhere; }
@media (max-width: 480px) {
  .learningBlock { padding: var(--ff-space-5); border-radius: var(--ff-radius-lg); }
}