Para iOS y Android, el contenido del artículo ya no tiene desbordamiento desplazable y el desbordamiento horizontal está recortado. En Android, el contenedor de la barra de progreso se posiciona a 58 píxeles desde la parte superior.
El contenedor de la barra de progreso (clase `svelte-6atxfw`) se adhiere a la parte superior de la página, comenzando 1 píxel debajo del borde superior. Abarca todo el ancho de la ventana gráfica, con márgenes de -24 píxeles en la parte superior e inferior y -10 píxeles en los lados, y un margen inferior de 14 píxeles. Comienza invisible (opacidad 0) y aparece gradualmente en 0.5 segundos. Su índice z es 25.
En anchos de pantalla de 30 em o más, los márgenes laterales cambian a -21 píxeles. A 41.25 em, el ancho del contenedor se vuelve 620 píxeles. A 46.25 em, se vuelve 740 píxeles. A 61.25 em, se vuelve 980 píxeles. A 71.25 em, se vuelve 1140 píxeles y el margen izquierdo cambia a -180 píxeles. A 81.25 em, se vuelve 1300 píxeles, con un margen izquierdo de -260 píxeles.
La barra de progreso en sí (clase `svelte-6atxfw`) mide 6 píxeles de alto, comienza con un ancho de 0 y usa el color principal del pilar como fondo. Cuando el contenedor tiene la clase `active`, se vuelve completamente visible.
Las siguientes caras de fuente están definidas para "Guardian Headline Full" con diferentes pesos y estilos, todas provenientes del servidor de activos de Guardian:
- Light (300), estilo normal
- Light Italic (300), estilo cursiva
- Regular (400), estilo normal
- Regular Italic (400), estilo cursiva
- Medium (500), estilo normal
- Medium Italic (500), estilo cursiva
