docs: fix charts styling cross references

Author: tomivirkki

articles/components/charts/basic-use.adoc

@@ -26,7 +26,7 @@ layout.add(chart);
 
 The chart types are described in <<charttypes#charts.charttypes,"Chart Types">>.
 The main parts of a chart are illustrated in <<figure.charts.overview.elements>>.
-Styling a chart is discussed in <<css-styling#charts.styling,"Chart Styling">>
+Styling a chart is discussed in <<styling#charts.styling,"Chart Styling">>
 
 [[figure.charts.overview.elements]]
 .Chart Elements

articles/components/charts/charttypes.adoc

@@ -334,7 +334,7 @@ You should add the error bar series first, to have it rendered lower in the char
 
 Plot options for error bar charts have type [classname]`PlotOptionsErrorBar`. See the API documentation for details of the plot options.
 
-NOTE: Although most <<css-styling#css.styling,visual styles are defined in CSS>>, some options, such as [parameter]`whiskerLength`, are set through the Java API.
+NOTE: Although most <<styling#css.styling,visual styles are defined in CSS>>, some options, such as [parameter]`whiskerLength`, are set through the Java API.
 
 
 === Error Bar Example
@@ -1613,7 +1613,7 @@ configuration.getxAxis().setType(AxisType.CATEGORY);
 ...
 ----
 endif::web[]
-Waterfall charts can be <<css-styling#css.styling,styled by CSS>> using the following classes: [literal]`.highcharts-waterfall-series`, [literal]`.highcharts-point`, [literal]`.highcharts-negative`, [literal]`.highcharts-sum`, [literal]`.highcharts-intermediate-sum`.
+Waterfall charts can be <<styling#css.styling,styled by CSS>> using the following classes: [literal]`.highcharts-waterfall-series`, [literal]`.highcharts-point`, [literal]`.highcharts-negative`, [literal]`.highcharts-sum`, [literal]`.highcharts-intermediate-sum`.
 
 ifdef::web[]
 The example continues in the following subsections.
@@ -2491,7 +2491,7 @@ The data labels properties in the [classname]`DataLabels` class are summarized i
 - [methodname]`format`: [classname]`String` a format string for the label (see more at <<configuration#charts.configuration.format.string,"Using Format Strings">>)
 - [methodname]`formatter`: [classname]`String` a format string containing a JavaScript function for the label (see more at <<configuration#charts.configuration.format.formatter,"Using a JavaScript Formatter">>)
 
-Also, data labels can be <<css-styling#css.styling,styled by CSS>> with [literal]`.highcharts-data-label-box` and [literal]`.highcharts-data-label` class names.
+Also, data labels can be <<styling#css.styling,styled by CSS>> with [literal]`.highcharts-data-label-box` and [literal]`.highcharts-data-label` class names.
 
 
 [[charts.charttypes.markers]]

articles/components/charts/configuration.adoc

@@ -44,7 +44,7 @@ pass:[<!-- vale Vale.Spelling = YES -->]
 
 
 For data configuration, see <<data#charts.data,"Chart Data">>.
-For styling, see <<css-styling#charts.styling,"Chart Styling">>.
+For styling, see <<styling#charts.styling,"Chart Styling">>.
 
 [[charts.configuration.plotoptions]]
 == Plot Options

articles/components/charts/migrating-from-earlier-versions.adoc

@@ -51,7 +51,7 @@ Configuration conf = chart.getConfiguration();
 conf.getChart().setStyledMode(true);
 ----
 
-See the <<css-styling#,CSS Styling guide>> for detailed instructions.
+See the <<styling#,CSS Styling guide>> for detailed instructions.
 
 [[v10]]
 === Migrating from Vaadin 10
@@ -74,7 +74,7 @@ Configuration conf = chart.getConfiguration();
 conf.getChart().setStyledMode(true);
 ----
 
-See the <<css-styling#,CSS Styling guide>> for detailed instructions.
+See the <<styling#,CSS Styling guide>> for detailed instructions.
 
 === Running Charts 9 in Vaadin 14
 
@@ -112,7 +112,7 @@ Configuration conf = chart.getConfiguration();
 conf.getChart().setStyledMode(true);
 ----
 
-See the <<css-styling#,CSS Styling guide>> for detailed instructions.
+See the <<styling#,CSS Styling guide>> for detailed instructions.
 
 
 [discussion-id]`CA191212-B228-4F07-9F40-BC0C68F84FA0`