Ecco come funziona la città": come gli Emirati Arabi Uniti hanno cambiato il volto della Manchester di 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 .contPer le figure interactive-grid con didascalie immersive, aggiungi 4px di padding in alto. Nel corpo dell'articolo, nella sezione interattiva, nel corpo del commento, nel body e nel feature body, posiziona gli elementi lines e meta nell'area della griglia 2/1/5/2. Imposta l'elemento lines a un'altezza max-content con un margine superiore di 5px, e assegna all'elemento meta un margine superiore di 18px. A larghezze di viewport di 81.25em e superiori, usa colonne della griglia di 219px, 1px, 620px, 80px e 300px. Su iOS e Android, imposta il font del paragrafo standfirst su Guardian Headline con peso 500, visualizza la sezione kicker dell'articolo come blocco con la prima lettera maiuscola, aggiungi 12px di padding superiore a keyline-4, e imposta il font dell'autore della firma su Guardian Headline con peso 700, inclusi i link. Sempre su iOS e Android, rendi l'altezza interna della figure immagine automatica e rimuovi il margine superiore dai paragrafi che seguono le figure atom. Definisci i font face Guardian Headline Full per gli stili light e light italic usando sorgenti woff2, woff e ttf.Il testo che hai fornito è codice CSS che definisce regole @font-face per la famiglia di font Guardian Headline Full, non prosa che può essere riscritta in un inglese fluente. È un foglio di stile tecnico, quindi non c'è un significato in linguaggio naturale da preservare o semplificare. Se vuoi, posso spiegarti cosa fa il codice in inglese semplice, oppure puoi condividere il testo effettivo che vuoi riscrivere.
.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(gu-island[name=UnsafeEmbedBlockComponent]) + .sign-in-gate + p:first-of-type:first-letter,
#article-body > div .element-atom:first-of-type + figure:has(gu-island[name=UnsafeEmbedBlockComponent]) + #sign-in-gate + p:first-of-type:fiIl testo che hai fornito è un blocco di codice CSS, non prosa, quindi non
