这就是这座城市的运作方式”：阿联酋如何改变了安迪·伯纳姆的曼彻斯特的面貌

#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 .cont对于带有沉浸式说明文字的交互式网格图片，在顶部添加4像素内边距。在文章正文、交互式部分、评论正文、正文和特写正文中，将lines和meta元素放置在网格区域2/1/5/2。将lines元素设置为max-content高度，顶部外边距为5像素，并给meta元素设置18像素的顶部外边距。在视口宽度为81.25em及以上时，使用219像素、1像素、620像素、80像素和300像素的网格列。在iOS和Android上，将导语段落字体设置为Guardian Headline，字重500，将文章kicker部分显示为块级元素且首字母大写，给keyline-4添加12像素顶部内边距，并将署名作者字体设置为Guardian Headline，字重700，包括链接。同样在iOS和Android上，将图片figure的内部高度设为auto，并移除atom figure之后段落的顶部外边距。使用woff2、woff和ttf源定义Guardian Headline Full字体的细体和细斜体样式。您提供的文本是定义Guardian Headline Full字体家族@font-face规则的CSS代码，而非可以改写为流畅英文的散文。它是技术性样式表，因此没有需要保留或简化的自然语言含义。如果您愿意，我可以用通俗英文解释这段代码的作用，或者您可以分享您真正想要改写的文本。 .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:fi您提供的文本是一段CSS代码，而非散文，因此没有需要保留或简化的自然语言含义。它是一个长选择器列表，对特定容器内某些元素之后的第一个段落的首字母应用首字下沉样式（Guardian Headline字体、粗体、111像素大小、92像素行高、左浮动、大写、右外边距8像素、顶部对齐、通过CSS变量着色）。如果您本意是分享一篇文章或段落，请粘贴出来，我会将其改写为流畅的英文。这些CSS规则调整交互式文章、引文和展示图片的间距和布局。它们移除水平分隔线之后的顶部内边距，将引文宽度限制为620像素，并控制展示图片说明在不同屏幕宽度下的定位和尺寸。沉浸式元素按视口宽度设置尺寸，并为较小屏幕调整最大宽度和内边距。正文中的展示图片在较大屏幕上向左移动。非交互式文章中的furniture wrapper放置在网格中，某些meta元素在较宽屏幕上隐藏，导语也进行调整。furniture wrapper之后的元素从第二网格行开始，具有特定ID的figure atom的垂直外边距设置为零。在最小宽度61.25em时，furniture wrapper使用网格布局，列间距20像素，行间距为零。其列定义为：title、headline、meta和standfirst起始位置，随后是五个等宽列，然后是相同的四个结束位置，随后是portrait部分的另外五个等宽列。其行定义为：title和portrait从.25fr开始，title结束且headline从1fr开始，headline结束且standfirst从.75fr开始，standfirst结束且meta从auto开始，meta和portrait一起结束。 在furniture wrapper内，headline元素的第一个子元素获得1像素顶部边框，使用header边框颜色。meta元素相对定位，顶部内边距2像素，无右外边距。standfirst的内容有4像素底部外边距，standfirst中的列表项使用20像素字体大小。standfirst中的链接没有底部边框或背景图片；而是以下划线偏移6像素、使用header边框颜色、1像素粗细进行下划线。悬停时，下划线颜色变为新支柱颜色。standfirst的第一个段落获得1像素顶部边框，