« C'est comme ça que la ville fonctionne » : comment les Émirats arabes unis ont changé le visage du Manchester d'Andy Burnham
#article-body>div .content--interactive-grid,.content--interactive>div .content--interactive-grid,#comment-body .content--interactive-grid,[data-gu-name=body] .content--interactive-grid,#feature-body .content--interactive-grid{grid-column-gap:0px;grid-template-columns:100%;grid-template-areas:"media" "title" "headline" "standfirst" "lines" "meta" "body"}@media (min-width: 30em){#article-body>div .content--interactive-grid figure.element--immersive figcaption,.content--interactive>div .content--interactive-grid figure.element--immersive figcaption,#comment-body .content--interactive-grid figure.element--immersive figcaption,[data-gu-name=body] .content--interactive-grid figure.element--immersive figcaption,#feature-body .content--interactive-grid figure.element--immersive figcaption{padding:0 20px;max-width:620px}}@media (min-width: 46.25em){#article-body>div .content--interactive-grid,.content--interactive>div .content--interactive-grid,#comment-body .content--interactive-grid,[data-gu-name=body] .content--interactive-grid,#feature-body .content--interactive-grid{grid-template-columns:100%;grid-column-gap:10px;grid-template-areas:"title" "headline" "standfirst" "media" "lines" "meta" "body"}#article-body>div .content--interactive-grid #maincontent,.content--interactive>div .content--interactive-grid #maincontent,#comment-body .content--interactive-grid #maincontent,[data-gu-name=body] .content--interactive-grid #maincontent,#feature-body .content--interactive-grid #maincontent{padding-right:80px}}@media (min-width: 61.25em){#article-body>div .content--interactive-grid,.content--interactive>div .content--interactive-grid,#comment-body .content--interactive-grid,[data-gu-name=body] .content--interactive-grid,#feature-body .content--interactive-grid{grid-template-columns:620px 300px;grid-template-areas:"title right-column" "headline right-column" "standfirst right-column" "media right-column" "lines right-column" "meta right-column" "body right-column" ". right-column"}#article-body>div .content--interactive-grid #maincontent,.content--interactive>div .content--interactive-grid #maincontent,#comment-body .content--interactive-grid #maincontent,[data-gu-name=body] .content--interactive-grid #maincontent,#feature-body .content--interactive-grid #maincontent{padding-right:unset}}@media (min-width: 71.25em){#article-body>div .content--interactive-grid,.content--interactive>div .content--interactive-grid,#comment-body .content--interactive-grid,[data-gu-name=body] .content--interactive-grid,#feature-body .content--interactive-grid{grid-template-columns:140px 1px 620px 300px;grid-template-areas:"title border headline right-column" ". border standfirst right-column" ". border media right-column" ". border body right-column" ". border . right-column"}#article-body>div .content--interactive-grid .content__standfirst,.content--interactive>div .content--interactive-grid .content__standfirst,#comment-body .content--interactive-grid .content__standfirst,[data-gu-name=body] .content--interactive-grid .content__standfirst,#feature-body .content--interactive-grid .content__standfirst{padding-bottom:0}#article-body>div .content--interactive-grid figure.element--immersive figcaption,.content--interactive>div .content--interactive-grid figure.element--immersive figcaption,#comment-body .contPour les figures interactive-grid avec légendes immersives, ajoutez 4px de padding en haut. Dans le corps de l'article, la section interactive, le corps du commentaire, le body et le corps de la feature, placez les éléments lines et meta dans la zone de grille 2/1/5/2. Définissez l'élément lines sur une hauteur max-content avec une marge supérieure de 5px, et donnez à l'élément meta une marge supérieure de 18px. À des largeurs de viewport de 81.25em et plus, utilisez des colonnes de grille de 219px, 1px, 620px, 80px et 300px. Sur iOS et Android, définissez la police du paragraphe standfirst sur Guardian Headline avec un poids de 500, affichez la section kicker de l'article comme un bloc avec une première lettre en majuscule, ajoutez 12px de padding supérieur à keyline-4, et définissez la police de l'auteur de la signature sur Guardian Headline avec un poids de 700, y compris les liens. Également sur iOS et Android, définissez la hauteur intérieure de la figure image sur auto et supprimez la marge supérieure des paragraphes suivant les figures atom. Définissez les font faces Guardian Headline Full pour les styles light et light italic en utilisant les sources woff2, woff et ttf.Le texte que vous avez fourni est du code CSS définissant des règles @font-face pour la famille de polices Guardian Headline Full, pas de la prose pouvant être réécrite en français courant. C'est une feuille de style technique, il n'y a donc pas de sens en langage naturel à préserver ou à simplifier. Si vous le souhaitez, je peux expliquer ce que fait le code en français simple, ou vous pouvez partager le texte réel que vous souhaitez réécrire.
.content__main-column--interactive .element-atom:first-of-type + p:first-of-type:first-letter,
.content__main-column--interactive .element-atom:first-of-type + figure:has(gu-island[name=UnsafeEmbedBlockComponent]) + p:first-of-type:first-letter,
.content__main-column--interactive .element-atom:first-of-type + .sign-in-gate + p:first-of-type:first-letter,
.content__main-column--interactive .element-atom:first-of-type + #sign-in-gate + p:first-of-type:first-letter,
.content__main-column--interactive .element-atom:first-of-type + .element-atom + p:first-of-type:first-letter,
.content__main-column--interactive .element-atom:first-of-type + figure:has(gu-island[name=UnsafeEmbedBlockComponent]) + .sign-in-gate + p:first-of-type:first-letter,
.content__main-column--interactive .element-atom:first-of-type + figure:has(gu-island[name=UnsafeEmbedBlockComponent]) + #sign-in-gate + p:first-of-type:first-letter,
.content__main-column--interactive hr:not(.last-horizontal-rule) + p:first-letter,
.content__main-column--interactive hr:not(.last-horizontal-rule) + .ad-slot-container + p:first-letter,
#article-body > div .element-atom:first-of-type + p:first-of-type:first-letter,
#article-body > div .element-atom:first-of-type + figure:has(gu-island[name=UnsafeEmbedBlockComponent]) + p:first-of-type:first-letter,
#article-body > div .element-atom:first-of-type + .sign-in-gate + p:first-of-type:first-letter,
#article-body > div .element-atom:first-of-type + #sign-in-gate + p:first-of-type:first-letter,
#article-body > div .element-atom:first-of-type + .element-atom + p:first-of-type:first-letter,
#article-body > div .element-atom:first-of-type + figure:has
