software-mansion · hejsztynx · Jul 27, 2026 · Jul 28, 2026 · Jul 29, 2026 · Jul 29, 2026
diff --git a/.maestro/enrichedInput/flows/dynamic_ol_markers.yaml b/.maestro/enrichedInput/flows/dynamic_ol_markers.yaml
@@ -0,0 +1,56 @@
+appId: swmansion.enriched.example
+---
+# Validates that ordered list margins dynamically adjust when transitioning
+# between single-digit (9) and double-digit (10) indexes.
+- launchApp
+
+- tapOn:
+    id: 'toggle-screen-button'
+
+- runFlow:
+    file: '../subflows/set_editor_value.yaml'
+    env:
+      VALUE: >
+        <html>
+          <ol>
+            <li>A</li>
+            <li>B</li>
+            <li>C</li>
+            <li>D</li>
+            <li>E</li>
+            <li>F</li>
+            <li>G</li>
+            <li>H</li>
+            <li>I</li>
+          </ol>
+        </html>
+
+- tapOn:
+    id: 'size-max-button'
+
+- runFlow:
+    file: '../subflows/capture_or_assert_screenshot.yaml'
+    env:
+      SCREENSHOT_NAME: 'dynamic_ol_markers_before'
+
+- tapOn:
+    id:  "editor-input"
+    point: "50%, 95%"
+- pressKey: Enter
+- inputText: "J"
+
+- runFlow:
+    file: '../subflows/capture_or_assert_screenshot.yaml'
+    env:
+      SCREENSHOT_NAME: 'dynamic_ol_markers_after'
+
+- tapOn:
+    id:  "editor-input"
+    point: "50%, 95%"
+- pressKey: Backspace
+- pressKey: Backspace
+
+- runFlow:
+    file: '../subflows/capture_or_assert_screenshot.yaml'
+    env:
+      SCREENSHOT_NAME: 'dynamic_ol_markers_revert'
diff --git a/.maestro/enrichedInput/screenshots/android/dynamic_ol_markers_after.png b/.maestro/enrichedInput/screenshots/android/dynamic_ol_markers_after.png
diff --git a/.maestro/enrichedInput/screenshots/android/dynamic_ol_markers_before.png b/.maestro/enrichedInput/screenshots/android/dynamic_ol_markers_before.png
diff --git a/.maestro/enrichedInput/screenshots/android/dynamic_ol_markers_revert.png b/.maestro/enrichedInput/screenshots/android/dynamic_ol_markers_revert.png
diff --git a/.maestro/enrichedInput/screenshots/android/empty_element_parsing.png b/.maestro/enrichedInput/screenshots/android/empty_element_parsing.png
diff --git a/.maestro/enrichedInput/screenshots/android/empty_lists_parsing.png b/.maestro/enrichedInput/screenshots/android/empty_lists_parsing.png
diff --git a/...ichedInput/screenshots/android/extending_paragraph_style_on_paste_after_cut.png b/...ichedInput/screenshots/android/extending_paragraph_style_on_paste_after_cut.png
diff --git a/.maestro/enrichedInput/screenshots/android/image_inside_list_parsing.png b/.maestro/enrichedInput/screenshots/android/image_inside_list_parsing.png
diff --git a/.maestro/enrichedInput/screenshots/android/list_newline_insertion.png b/.maestro/enrichedInput/screenshots/android/list_newline_insertion.png
diff --git a/.../enrichedInput/screenshots/android/mention_popup_closing_on_cursor_travel_1.png b/.../enrichedInput/screenshots/android/mention_popup_closing_on_cursor_travel_1.png
diff --git a/.../enrichedInput/screenshots/android/mention_popup_closing_on_cursor_travel_2.png b/.../enrichedInput/screenshots/android/mention_popup_closing_on_cursor_travel_2.png
diff --git a/.../enrichedInput/screenshots/android/mention_popup_closing_on_cursor_travel_3.png b/.../enrichedInput/screenshots/android/mention_popup_closing_on_cursor_travel_3.png
diff --git a/...put/screenshots/android/ordered_list_renumbering_after_deleting_second_line.png b/...put/screenshots/android/ordered_list_renumbering_after_deleting_second_line.png
diff --git a/...put/screenshots/android/ordered_list_renumbering_after_emptying_second_line.png b/...put/screenshots/android/ordered_list_renumbering_after_emptying_second_line.png
diff --git a/.maestro/enrichedInput/screenshots/android/paragraph_styles_alignment.png b/.maestro/enrichedInput/screenshots/android/paragraph_styles_alignment.png
diff --git a/.maestro/enrichedInput/screenshots/android/paragraph_styles_lists.png b/.maestro/enrichedInput/screenshots/android/paragraph_styles_lists.png
diff --git a/.maestro/enrichedInput/screenshots/android/paragraph_styles_no_crash.png b/.maestro/enrichedInput/screenshots/android/paragraph_styles_no_crash.png
diff --git a/.maestro/enrichedInput/screenshots/android/scrolling_paragraph_styles_bottom.png b/.maestro/enrichedInput/screenshots/android/scrolling_paragraph_styles_bottom.png
diff --git a/.maestro/enrichedInput/screenshots/android/scrolling_paragraph_styles_top.png b/.maestro/enrichedInput/screenshots/android/scrolling_paragraph_styles_top.png
diff --git a/.maestro/enrichedInput/screenshots/ios/dynamic_ol_markers_after.png b/.maestro/enrichedInput/screenshots/ios/dynamic_ol_markers_after.png
diff --git a/.maestro/enrichedInput/screenshots/ios/dynamic_ol_markers_before.png b/.maestro/enrichedInput/screenshots/ios/dynamic_ol_markers_before.png
diff --git a/.maestro/enrichedInput/screenshots/ios/dynamic_ol_markers_revert.png b/.maestro/enrichedInput/screenshots/ios/dynamic_ol_markers_revert.png
diff --git a/.maestro/enrichedInput/screenshots/ios/empty_element_parsing.png b/.maestro/enrichedInput/screenshots/ios/empty_element_parsing.png
diff --git a/.maestro/enrichedInput/screenshots/ios/empty_lists_parsing.png b/.maestro/enrichedInput/screenshots/ios/empty_lists_parsing.png
diff --git a/.maestro/enrichedInput/screenshots/ios/image_inside_list_parsing.png b/.maestro/enrichedInput/screenshots/ios/image_inside_list_parsing.png
diff --git a/.maestro/enrichedInput/screenshots/ios/list_newline_insertion.png b/.maestro/enrichedInput/screenshots/ios/list_newline_insertion.png
diff --git a/...edInput/screenshots/ios/ordered_list_renumbering_after_deleting_second_line.png b/...edInput/screenshots/ios/ordered_list_renumbering_after_deleting_second_line.png
diff --git a/...edInput/screenshots/ios/ordered_list_renumbering_after_emptying_second_line.png b/...edInput/screenshots/ios/ordered_list_renumbering_after_emptying_second_line.png
diff --git a/.maestro/enrichedInput/screenshots/ios/paragraph_styles_alignment.png b/.maestro/enrichedInput/screenshots/ios/paragraph_styles_alignment.png
diff --git a/.maestro/enrichedInput/screenshots/ios/paragraph_styles_lists.png b/.maestro/enrichedInput/screenshots/ios/paragraph_styles_lists.png
diff --git a/.maestro/enrichedInput/screenshots/ios/paragraph_styles_no_crash.png b/.maestro/enrichedInput/screenshots/ios/paragraph_styles_no_crash.png
diff --git a/.maestro/enrichedInput/screenshots/ios/scrolling_paragraph_styles_bottom.png b/.maestro/enrichedInput/screenshots/ios/scrolling_paragraph_styles_bottom.png
diff --git a/.maestro/enrichedInput/screenshots/ios/scrolling_paragraph_styles_top.png b/.maestro/enrichedInput/screenshots/ios/scrolling_paragraph_styles_top.png
diff --git a/.maestro/enrichedText/flows/dynamic_ol_markers.yaml b/.maestro/enrichedText/flows/dynamic_ol_markers.yaml
@@ -0,0 +1,41 @@
+appId: swmansion.enriched.example
+---
+# Validates that ordered list margins dynamically adjust when transitioning
+# between single-digit (9) and double-digit (10) indexes.
+- launchApp
+
+- tapOn:
+    id: 'toggle-screen-button'
+
+- tapOn:
+    id: 'toggle-enriched-text-screen-button'
+
+- runFlow:
+    file: '../subflows/set_enriched_text_value.yaml'
+    env:
+      VALUE: >
+        <html>
+          <ol>
+            <li>A</li>
+            <li>B</li>
+            <li>C</li>
+          </ol>
+          <br>
+          <ol>
+            <li>A</li>
+            <li>B</li>
+            <li>C</li>
+            <li>D</li>
+            <li>E</li>
+            <li>F</li>
+            <li>G</li>
+            <li>H</li>
+            <li>I</li>
+            <li>J</li>
+          </ol>
+        </html>
+
+- runFlow:
+    file: '../subflows/capture_or_assert_screenshot.yaml'
+    env:
+      SCREENSHOT_NAME: 'dynamic_ol_markers'
diff --git a/.maestro/enrichedText/screenshots/android/alignment_visual.png b/.maestro/enrichedText/screenshots/android/alignment_visual.png
diff --git a/.maestro/enrichedText/screenshots/android/dynamic_ol_markers.png b/.maestro/enrichedText/screenshots/android/dynamic_ol_markers.png
diff --git a/.maestro/enrichedText/screenshots/android/empty_list_elements_display.png b/.maestro/enrichedText/screenshots/android/empty_list_elements_display.png
diff --git a/.maestro/enrichedText/screenshots/android/font_scaling.png b/.maestro/enrichedText/screenshots/android/font_scaling.png
diff --git a/.maestro/enrichedText/screenshots/android/paragraph_styles_display.png b/.maestro/enrichedText/screenshots/android/paragraph_styles_display.png
diff --git a/.maestro/enrichedText/screenshots/ios/alignment_visual.png b/.maestro/enrichedText/screenshots/ios/alignment_visual.png
diff --git a/.maestro/enrichedText/screenshots/ios/dynamic_ol_markers.png b/.maestro/enrichedText/screenshots/ios/dynamic_ol_markers.png
diff --git a/.maestro/enrichedText/screenshots/ios/empty_list_elements_display.png b/.maestro/enrichedText/screenshots/ios/empty_list_elements_display.png
diff --git a/.maestro/enrichedText/screenshots/ios/font_scaling.png b/.maestro/enrichedText/screenshots/ios/font_scaling.png
diff --git a/.maestro/enrichedText/screenshots/ios/paragraph_styles_display.png b/.maestro/enrichedText/screenshots/ios/paragraph_styles_display.png
diff --git a/android/src/main/java/com/swmansion/enriched/common/OrderedListMargins.kt b/android/src/main/java/com/swmansion/enriched/common/OrderedListMargins.kt
@@ -0,0 +1,30 @@
+package com.swmansion.enriched.common
+
+import android.graphics.Paint
+import android.text.Spanned
+import com.swmansion.enriched.common.spans.EnrichedOrderedListSpan
+
+// Recomputes the shared marker column width for every ordered-list item.
+// Returns true when any item's column width changed, so callers can force a relayout.
+fun updateOrderedListColumnMargins(
+  text: Spanned,
+  paint: Paint,
+): Boolean {
+  val spans = text.getSpans(0, text.length, EnrichedOrderedListSpan::class.java)
+  val sortedSpans = spans.sortedBy { text.getSpanStart(it) }
+
+  var changed = false
+  var previousIndex = 0
+  var highestIndex = 0
+  for (span in sortedSpans.reversed()) {
+    val currentIndex = span.index
+    if (currentIndex > previousIndex) {
+      highestIndex = currentIndex
+    }
+    if (span.updateColumnMargin(paint, highestIndex)) changed = true
+
+    previousIndex = currentIndex
+  }
+
+  return changed
+}
diff --git a/android/src/main/java/com/swmansion/enriched/common/spans/EnrichedOrderedListSpan.kt b/android/src/main/java/com/swmansion/enriched/common/spans/EnrichedOrderedListSpan.kt
@@ -10,13 +10,31 @@ import android.text.style.LeadingMarginSpan
 import android.text.style.MetricAffectingSpan
 import com.swmansion.enriched.common.EnrichedStyle
 import com.swmansion.enriched.common.spans.interfaces.EnrichedParagraphSpan
+import kotlin.math.ceil
+import kotlin.math.max
 
 open class EnrichedOrderedListSpan(
   var index: Int,
   private val enrichedStyle: EnrichedStyle,
 ) : MetricAffectingSpan(),
   LeadingMarginSpan,
   EnrichedParagraphSpan {
+  var columnMargin = enrichedStyle.olMarginLeft
+
+  // Computes the marker column width from the widest marker in the list ("<highestIndex>.").
+  // Returns true when the column width actually changed, so callers can force a relayout.
+  fun updateColumnMargin(
+    paint: Paint,
+    highestIndex: Int,
+  ): Boolean {
+    val highestIndexText = "$highestIndex."
+    val highestIndexWidth = ceil(paint.measureText(highestIndexText)).toInt()
+    val newColumnMargin = max(enrichedStyle.olMarginLeft, highestIndexWidth)
+    if (newColumnMargin == columnMargin) return false
+    columnMargin = newColumnMargin
+    return true
+  }
+
   override fun updateMeasureState(p0: TextPaint) {
     // Do nothing, but inform layout that this span affects text metrics
   }
@@ -25,7 +43,7 @@ open class EnrichedOrderedListSpan(
     // Do nothing, but inform layout that this span affects text metrics
   }
 
-  override fun getLeadingMargin(first: Boolean): Int = enrichedStyle.olMarginLeft + enrichedStyle.olGapWidth
+  override fun getLeadingMargin(first: Boolean): Int = columnMargin + enrichedStyle.olGapWidth
 
   override fun drawLeadingMargin(
     canvas: Canvas,
@@ -46,7 +64,7 @@ open class EnrichedOrderedListSpan(
       val width = paint.measureText(text)
 
       val yPosition = baseline.toFloat()
-      val xPosition = (enrichedStyle.olMarginLeft + x - width / 2) * dir
+      val xPosition = (columnMargin + x - width) * dir
 
       val originalColor = paint.color
       val originalTypeface = paint.typeface

diff --git a/android/src/main/java/com/swmansion/enriched/text/EnrichedTextStyle.kt b/android/src/main/java/com/swmansion/enriched/text/EnrichedTextStyle.kt
@@ -98,7 +98,7 @@ data class EnrichedTextStyle(
         blockquoteStripeWidth = parseFloat(blockquote, "borderWidth", allowFontScaling).toInt(),
         blockquoteGapWidth = parseFloat(blockquote, "gapWidth", allowFontScaling).toInt(),
         olGapWidth = parseFloat(orderedList, "gapWidth", allowFontScaling).toInt(),
-        olMarginLeft = calculateOlMarginLeft(fontSize, parseFloat(orderedList, "marginLeft", allowFontScaling).toInt()),
+        olMarginLeft = parseFloat(orderedList, "marginLeft", allowFontScaling).toInt(),
         olMarkerFontWeight = parseOptionalFontWeight(orderedList, "markerFontWeight"),
         olMarkerColor = parseOptionalColor(context, orderedList, "markerColor"),
         ulGapWidth = parseFloat(unorderedList, "gapWidth", allowFontScaling).toInt(),
@@ -169,14 +169,6 @@ data class EnrichedTextStyle(
       return parseFontWeight(weight)
     }
 
-    private fun calculateOlMarginLeft(
-      fontSize: Int,
-      userMargin: Int,
-    ): Int {
-      val leadMargin = fontSize / 2
-      return leadMargin + userMargin
-    }
-
     private fun parseMentionsStyle(
       context: ReactContext,
       map: ReadableMap?,

diff --git a/android/src/main/java/com/swmansion/enriched/text/EnrichedTextView.kt b/android/src/main/java/com/swmansion/enriched/text/EnrichedTextView.kt
@@ -27,6 +27,7 @@ import com.swmansion.enriched.common.EnrichedSpanFlags
 import com.swmansion.enriched.common.GumboNormalizer
 import com.swmansion.enriched.common.parser.EnrichedParser
 import com.swmansion.enriched.common.pixelFromSpOrDp
+import com.swmansion.enriched.common.updateOrderedListColumnMargins
 import com.swmansion.enriched.text.spans.EnrichedTextImageSpan
 import com.swmansion.enriched.text.spans.interfaces.EnrichedTextClickableSpan
 import com.swmansion.enriched.text.spans.interfaces.EnrichedTextSpan
@@ -179,6 +180,7 @@ class EnrichedTextView : AppCompatTextView {
     val parsed = parseText(text, style)
     if (parsed != null) {
       parsedText = parsed
+      (parsed as? Spanned)?.let { updateOrderedListColumnMargins(it, paint) }
       setText(parsed, BufferType.NORMAL)
       observeAsyncImages()
     } else {
@@ -283,6 +285,7 @@ class EnrichedTextView : AppCompatTextView {
     }
 
     if (modified) {
+      updateOrderedListColumnMargins(spannable, paint)
       this.text = spannable
     }
   }

diff --git a/android/src/main/java/com/swmansion/enriched/textinput/EnrichedTextInputView.kt b/android/src/main/java/com/swmansion/enriched/textinput/EnrichedTextInputView.kt
@@ -13,6 +13,7 @@ import android.text.Editable
 import android.text.InputType
 import android.text.Spannable
 import android.text.SpannableString
+import android.text.Spanned
 import android.util.AttributeSet
 import android.util.Log
 import android.util.Patterns
@@ -43,6 +44,7 @@ import com.swmansion.enriched.common.EnrichedSpanFlags
 import com.swmansion.enriched.common.GumboNormalizer
 import com.swmansion.enriched.common.parser.EnrichedParser
 import com.swmansion.enriched.common.pixelFromSpOrDp
+import com.swmansion.enriched.common.updateOrderedListColumnMargins
 import com.swmansion.enriched.textinput.events.MentionHandler
 import com.swmansion.enriched.textinput.events.OnContextMenuItemPressEvent
 import com.swmansion.enriched.textinput.events.OnInputBlurEvent
@@ -448,6 +450,9 @@ class EnrichedTextInputView :
 
     runAsATransaction {
       val newText = if (shouldParseHtml) parseText(value) else value
+      // Compute ordered-list marker column widths before setText so the first layout reserves
+      // the correct leading margin (getLeadingMargin runs during layout, before drawing).
+      (newText as? Spanned)?.let { updateOrderedListColumnMargins(it, paint) }
       setText(newText)
       applyLineSpacing()
 

diff --git a/android/src/main/java/com/swmansion/enriched/textinput/styles/HtmlStyle.kt b/android/src/main/java/com/swmansion/enriched/textinput/styles/HtmlStyle.kt
@@ -113,9 +113,7 @@ class HtmlStyle : EnrichedStyle {
     blockquoteStripeWidth = parseFloat(blockquoteStyle, "borderWidth").toInt()
 
     val olStyle = style.getMap("ol")
-    val userDefinedMarginLeft = parseFloat(olStyle, "marginLeft").toInt()
-    val calculatedMarginLeft = calculateOlMarginLeft(view, userDefinedMarginLeft)
-    olMarginLeft = calculatedMarginLeft
+    olMarginLeft = parseFloat(olStyle, "marginLeft").toInt()
     olGapWidth = parseFloat(olStyle, "gapWidth").toInt()
     olMarkerColor = parseOptionalColor(olStyle, "markerColor")
     olMarkerFontWeight = parseOptionalFontWeight(olStyle, "markerFontWeight")
@@ -213,16 +211,6 @@ class HtmlStyle : EnrichedStyle {
     throw Error("Specified textDecorationLine value is not supported: $underline. Supported values are 'underline' and 'none'.")
   }
 
-  private fun calculateOlMarginLeft(
-    view: EnrichedTextInputView?,
-    userMargin: Int,
-  ): Int {
-    val fontSize = view?.fontSize?.toInt() ?: 0
-    val leadMargin = fontSize / 2
-
-    return leadMargin + userMargin
-  }
-
   private fun ensureValueIsSet(
     map: ReadableMap?,
     key: String,

diff --git a/android/src/main/java/com/swmansion/enriched/textinput/styles/ListStyles.kt b/android/src/main/java/com/swmansion/enriched/textinput/styles/ListStyles.kt
@@ -4,8 +4,10 @@ import android.text.Editable
 import android.text.Spannable
 import android.text.SpannableStringBuilder
 import android.text.Spanned
+import android.text.style.ParagraphStyle
 import com.swmansion.enriched.common.EnrichedConstants
 import com.swmansion.enriched.common.EnrichedSpanFlags
+import com.swmansion.enriched.common.updateOrderedListColumnMargins
 import com.swmansion.enriched.textinput.EnrichedTextInputView
 import com.swmansion.enriched.textinput.spans.EnrichedInputCheckboxListSpan
 import com.swmansion.enriched.textinput.spans.EnrichedInputOrderedListSpan
@@ -104,17 +106,36 @@ class ListStyles(
     return true
   }
 
-  fun updateOrderedListIndexes(
-    text: Spannable,
-    position: Int,
-  ) {
-    val spans = text.getSpans(position + 1, text.length, EnrichedInputOrderedListSpan::class.java)
+  fun updateOrderedListIndexes(text: Spannable) {
+    val spans = text.getSpans(0, text.length, EnrichedInputOrderedListSpan::class.java)
     val sortedSpans = spans.sortedBy { text.getSpanStart(it) }
     for (span in sortedSpans) {
       val spanStart = text.getSpanStart(span)
       val index = getOrderedListIndex(text, spanStart)
       span.setListIndex(index)
     }
+
+    val marginsChanged = updateOrderedListColumnMargins(text, view.paint)
+
+    // Ordered list margins got updated, so we need to force a re-layout of that list.
+    // Uses the same empty ParagraphStyle trick as EnrichedSpanWatcher.updateNextLineLayout.
+    if (marginsChanged) {
+      forceOrderedListRelayout(text, sortedSpans)
+    }
+  }
+
+  private fun forceOrderedListRelayout(
+    text: Spannable,
+    sortedSpans: List<EnrichedInputOrderedListSpan>,
+  ) {
+    if (sortedSpans.isEmpty()) return
+
+    class EmptySpan : ParagraphStyle
+
+    val start = text.getSpanStart(sortedSpans.first())
+    val end = text.getSpanEnd(sortedSpans.last())
+    val (safeStart, safeEnd) = text.getSafeSpanBoundaries(start, end)
+    text.setSpan(EmptySpan(), safeStart, safeEnd, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE)
   }
 
   private fun toggleStyle(

diff --git a/android/src/main/java/com/swmansion/enriched/textinput/watchers/EnrichedSpanWatcher.kt b/android/src/main/java/com/swmansion/enriched/textinput/watchers/EnrichedSpanWatcher.kt
@@ -27,7 +27,7 @@ class EnrichedSpanWatcher(
     end: Int,
   ) {
     updateNextLineLayout(what, text, end)
-    updateUnorderedListSpans(what, text, end)
+    updateUnorderedListSpans(what, text)
     emitEvent(text, what)
   }
 
@@ -38,7 +38,7 @@ class EnrichedSpanWatcher(
     end: Int,
   ) {
     updateNextLineLayout(what, text, end)
-    updateUnorderedListSpans(what, text, end)
+    updateUnorderedListSpans(what, text)
     emitEvent(text, what)
   }
 
@@ -56,10 +56,9 @@ class EnrichedSpanWatcher(
   private fun updateUnorderedListSpans(
     what: Any,
     text: Spannable,
-    end: Int,
   ) {
     if (what is EnrichedInputOrderedListSpan) {
-      view.listStyles?.updateOrderedListIndexes(text, end)
+      view.listStyles?.updateOrderedListIndexes(text)
     }
   }
 

diff --git a/apps/example/src/constants/editorConfig.ts b/apps/example/src/constants/editorConfig.ts
@@ -110,8 +110,8 @@ export const htmlStyle = {
     },
   },
   ol: {
-    gapWidth: 16,
-    marginLeft: 24,
+    gapWidth: 32,
+    marginLeft: 16,
     markerColor: 'navy',
     markerFontWeight: 'bold',
   },

diff --git a/ios/extensions/LayoutManagerExtension.mm b/ios/extensions/LayoutManagerExtension.mm
@@ -448,7 +448,7 @@ - (void)drawDecimal:(id<EnrichedViewHost>)host
               indent:(CGFloat)indent {
   CGFloat gapWidth = [host.config orderedListGapWidth];
   CGSize markerSize = [marker sizeWithAttributes:markerAttributes];
-  CGFloat markerX = origin.x + indent - gapWidth - markerSize.width / 2;
+  CGFloat markerX = origin.x + indent - gapWidth - markerSize.width;
   UIFont *markerFont = markerAttributes[NSFontAttributeName];
 
   // drawAtPoint draws from the top-left bounding box of the string.