Sådan fungerer byen': hvordan UAE ændrede ansigtet på Andy Burnhams Manchester
#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 .contFor interactive-grid figures with immersive captions, add 4px padding at the top. In the article body, interactive section, comment body, body, and feature body, place the lines and meta elements in grid area 2/1/5/2. Set the lines element to max-content height with a 5px top margin, and give the meta element an 18px top margin. At viewport widths of 81.25em and above, use grid columns of 219px, 1px, 620px, 80px, and 300px. On iOS and Android, set the standfirst paragraph font to Guardian Headline with weight 500, display the article kicker section as a block with an uppercase first letter, add 12px top padding to keyline-4, and set the byline author font to Guardian Headline with weight 700, including links. Also on iOS and Android, make image figure inner height auto and remove the top margin from paragraphs following atom figures. Define the Guardian Headline Full font faces for light and light italic styles using woff2, woff, and ttf sources.The text you provided is CSS code defining @font-face rules for the Guardian Headline Full font family, not prose that can be rewritten into fluent English. It's a technical stylesheet, so there's no natural-language meaning to preserve or simplify. If you'd like, I can explain what the code does in plain English, or you can share the actual text you want rewritten.
.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:fiThe text you provided is a block of CSS code, not prose, so there's no natural-language meaning to preserve or simplify. It's a long selector list that applies drop-cap styling (Guardian Headline font, bold, 111px size, 92px line height, floated left, uppercase, 8px right margin, top-aligned, colored via a CSS variable) to the first letter of the first paragraph following certain elements within specific containers. If you meant to share an article or passage instead, please paste that and I'll rewrite it in fluent English.The CSS rules adjust spacing and layout for interactive articles, pull quotes, and showcase images. They remove top padding after horizontal rules, limit pull quote width to 620px, and control how showcase image captions are positioned and sized at different screen widths. Immersive elements are sized to the viewport width, with maximum widths and padding adjustments for smaller screens. Showcase figures in the body are shifted left on larger screens. The furniture wrapper in non-interactive articles is placed in the grid, with certain meta elements hidden on wider screens and the standfirst adjusted. Elements following the furniture wrapper start on the second grid row, and figure atoms with specific IDs have their vertical margins set to zero.At a minimum width of 61.25em, the furniture wrapper uses a grid layout with 20px column gaps and no row gaps. Its columns are defined as: title, headline, meta, and standfirst start positions, followed by five equal columns, then the same four end positions, followed by another five equal columns for the portrait section. Its rows are defined as: title and portrait start at .25fr, title ends and headline starts at 1fr, headline ends and standfirst starts at .75fr, standfirst ends and meta starts at auto, and meta and portrait end together.
Within the furniture wrapper, the first child of the headline element gets a 1px top border using the header border color. The meta element is positioned relatively with 2px
