Niin kaupunki toimii': miten UAE muutti Andy Burnhamin Manchesterin kasvot

#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 .contInteraktiivisen ruudukon kuvioille, joissa on immersiiviset kuvatekstit, lisää 4 pikseliä täytettä yläreunaan. Artikkelin rungossa, interaktiivisessa osiossa, kommenttirungossa, rungossa ja feature-rungossa sijoita lines- ja meta-elementit ruudukkoalueelle 2/1/5/2. Aseta lines-elementille max-content-korkeus ja 5 pikselin ylämarginaali, ja anna meta-elementille 18 pikselin ylämarginaali. Kun näkymän leveys on 81,25em tai enemmän, käytä ruudukkosalakkeita 219px, 1px, 620px, 80px ja 300px. Aseta iOSissa ja Androidissa standfirst-kappaleen fontiksi Guardian Headline painolla 500, näytä artikkelin kicker-osio lohkona, jonka ensimmäinen kirjain on iso, lisää keyline-4:ään 12 pikseliä ylätäytettä ja aseta byline-kirjoittajan fontiksi Guardian Headline painolla 700, linkit mukaan lukien. Aseta myös iOSissa ja Androidissa kuvan figure-sisäkorkeudeksi auto ja poista atom-kuvioiden jälkeisten kappaleiden ylämarginaali. Määritä Guardian Headline Full -fontin kevyet ja kevyet kursiiviset tyylit woff2-, woff- ja ttf-lähteillä.Antamasi teksti on CSS-koodia, joka määrittelee Guardian Headline Full -fonttiperheen @font-face-sääntöjä, ei proosaa, jota voisi kirjoittaa uudelleen sujuvaksi suomeksi. Se on tekninen tyylitiedosto, joten siinä ei ole luonnollisen kielen merkitystä, jota voisi säilyttää tai yksinkertaistaa. Jos haluat, voin selittää, mitä koodi tekee selkokielellä, tai voit jakaa varsinaisen tekstin, jonka haluat kirjoittaa uudelleen. .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-at