Pour iOS et Android, le contenu de l'article n'a plus de défilement excessif, et le débordement horizontal est masqué. Sur Android, le conteneur de la barre de progression est positionné à 58 pixels du haut.
Le conteneur de la barre de progression (classe `svelte-6atxfw`) reste collé en haut de la page, en commençant 1 pixel en dessous du bord supérieur. Il s'étend sur toute la largeur de la fenêtre d'affichage, avec des marges de -24 pixels en haut et en bas et de -10 pixels sur les côtés, ainsi qu'une marge inférieure de 14 pixels. Il commence invisible (opacité 0) et apparaît progressivement sur 0,5 seconde. Son indice z est de 25.
Pour des largeurs d'écran de 30 em et plus, les marges latérales passent à -21 pixels. À 41,25 em, la largeur du conteneur devient 620 pixels. À 46,25 em, elle devient 740 pixels. À 61,25 em, elle devient 980 pixels. À 71,25 em, elle devient 1140 pixels, et la marge gauche passe à -180 pixels. À 81,25 em, elle devient 1300 pixels, avec une marge gauche de -260 pixels.
La barre de progression elle-même (classe `svelte-6atxfw`) mesure 6 pixels de haut, commence avec une largeur de 0 et utilise la couleur principale du pilier comme arrière-plan. Lorsque le conteneur a la classe `active`, elle devient entièrement visible.
Les polices de caractères suivantes sont définies pour "Guardian Headline Full" avec différents poids et styles, toutes provenant du serveur d'actifs du Guardian :
- Light (300), style normal
- Light Italic (300), style italique
- Regular (400), style normal
- Regular Italic (400), style italique
- Medium (500), style normal
- Medium Italic (500), style italique
