Takto město funguje': jak SAE změnily tvář Manchesteru Andyho Burnhama

#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 .contU interaktivních mřížkových obrázků s pohlcujícími popisky přidejte 4px odsazení nahoře. V těle článku, interaktivní sekci, těle komentáře, těle a těle feature umístěte prvky lines a meta do oblasti mřížky 2/1/5/2. Nastavte prvek lines na výšku max-content s 5px horním okrajem a prvku meta dejte 18px horní okraj. Při šířkách viewportu 81.25em a více použijte sloupce mřížky 219px, 1px, 620px, 80px a 300px. Na iOS a Androidu nastavte písmo odstavce standfirst na Guardian Headline s tloušťkou 500, zobrazte sekci kicker článku jako blok s velkým prvním písmenem, přidejte 12px horní odsazení k keyline-4 a nastavte písmo autora byline na Guardian Headline s tloušťkou 700, včetně odkazů. Také na iOS a Androidu nastavte vnitřní výšku obrázku figure na auto a odstraňte horní okraj z odstavců následujících po atomových obrázcích. Definujte řezy písma Guardian Headline Full pro lehké a lehké kurzívové styly pomocí zdrojů woff2, woff a ttf.Text, který jste poskytli, je kód CSS definující pravidla @font-face pro rodinu písem Guardian Headline Full, nikoli próza, kterou lze přepsat do plynulé angličtiny. Je to technický stylopis, takže neexistuje žádný přirozeně-jazykový význam, který by bylo třeba zachovat nebo zjednodušit. Pokud chcete, mohu vysvětlit, co kód dělá, jednoduchou angličtinou, nebo můžete sdílet skutečný text, který chcete přepsat. .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