「それがこの都市の仕組みだ」：UAEがいかにしてアンディ・バーナムのマンチェスターの顔を変えたか

提供されたテキストはCSSコードであり、散文ではないため、自然言語の意味を保持したり簡略化したりする対象はありません。これは、Guardian Headline FullおよびGuardian Titlepieceフォントを様々なウェイトとスタイル（ボールド、ブラック、ライト、レギュラー、およびそれらのイタリック）でwoff2、woff、ttfファイルから読み込む一連の`@font-face`ルールです。最後のルールはURLの途中で切れています。ご希望であれば、このCSSを読みやすく再フォーマットできますが、それが何であるかを変えずに流暢な英語として書き直すことはできません。 #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イマーシブキャプション付きのインタラクティブグリッド内の図には、上部に4pxのパディングを追加します。記事本文、インタラクティブセクション、コメント本文、body、およびフィーチャー本文内で、lines要素とmeta要素をグリッドエリア2/1/5/2に配置します。lines要素をmax-contentの高さに設定し、上部マージンを5px、meta要素に上部マージンを18px与えます。ビューポート幅81.25em以上では、グリッド列を219px、1px、620px、80px、300pxに設定します。iOSおよびAndroidでは、スタンドファースト段落のフォントをGuardian Headline、ウェイト500に設定し、記事キッカーセクションをブロックとして表示して最初の文字を大文字にし、keyline-4に上部パディング12pxを追加し、バイライン著者のフォントを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フォント、ボールド、111pxサイズ、92px行高、左フロート、大文字、右マージン8px、上揃え、CSS変数による色付け）を適用する長いセレクタリストです。代わりに記事や一節を共有するつもりだった場合は、それを貼り付けてください。流暢な英語に書き直します。CSSルールは、インタラクティブ記事、プルクォート、ショーケース画像のスペーシングとレイアウトを調整します。水平ルール後の上部パディングを削除し、プルクォート幅を620pxに制限し、異なる画面幅でショーケース画像キャプションの位置とサイズを制御します。イマーシブ要素はビューポート幅にサイズ設定され、小さい画面用に最大幅とパディング調整が行われます。body内のショーケースfigureは大きい画面で左にシフトされます。非インタラクティブ記事のfurniture wrapperはグリッドに配置され、広い画面で特定のmeta要素が非表示になり、スタンドファーストが調整されます。furniture wrapperに続く要素は2番目のグリッド行から始まり、特定のIDを持つfigure atomは垂直マージンがゼロに設定されます。最小幅61.25emで、furniture wrapperは20pxの列ギャップと行ギャップなしのグリッドレイアウトを使用します。その列は次のように定義されます：title、headline、meta、standfirstの開始位置、続いて5つの等しい列、次に同じ4つの終了位置、続いてポートレートセクション用のさらに5つの等しい列。その行は次のように定義されます：titleとportraitは.25frで開始、titleは終了しheadlineは1frで開始、headlineは終了しstandfirstは.75frで開始、standfirstは終了しmetaはautoで開始、metaとportraitは一緒に終了します。 furniture wrapper内で、headline要素の最初の子はheader border colorを使用した1pxの上部ボーダーを取得します。meta要素は相対配置で、上部パディング2px、右マージンなしです。standfirstのコンテンツは下部マージン4pxで、standfirst内のリスト項目は20pxのフォントサイズを使用します。standfirst内のリンクは下部ボーダーや背景画像がありません。代わりに、header border colorを使用した1pxの太さで6pxオフセットの下線が付きます。ホバー時、下線の色は新しいピラー色に変わります。standfirstの最初の段落はheader border colorを使用した1pxの上部ボーダーを取得し、下部パディングはありません。 最小幅61.25emかつ71.25em以上でも、standfirstの最初の段落には上部ボーダーがありません。最小幅61.25emで、furniture wrapper内のfigureは左マージン-10pxで、インラインfigureは最大630px幅です。 最小幅71.25emで、furniture wrapperのグリッドは次のように変わります：title、headline、metaの開始位置、続いて2つの等しい列、次にmetaは終了しstandfirstは開始、続いて5つの等しい列、次にtitle、headline、standfirstの終了位置とportraitの開始、続いてポートレートセクション用の7つの等しい列。行は次のようになります：titleとportraitは80pxで開始、titleは終了しheadlineはautoで開始、headlineは終了しstandfirstとmetaはautoで開始、standfirstとmetaはportraitと一緒に終了します。meta要素はheader border colorを使用した540px幅の1pxラインをその上に取得します。standfirst段落は上部ボーダーを失います。standfirstは左側にheader border colorを使用した全高の1px垂直ラインを取得します。 最小幅81.25emで、グリッドは再び変わります：title、headline、metaの開始位置、続いて3つの等しい列、次にmetaは終了しstandfirstは開始、続いて5つの等しい列、次にtitle、headline、standfirstの終了位置とportraitの開始、続いてポートレートセクション用の8つの等しい列。行は次のようになります：titleとportraitは.25frで開始、titleは終了しheadlineは1frで開始、headlineは終了しstandfirstとmetaは.75frで開始、standfirstとmetaはportraitと一緒に終了します。その上のmetaラインは620pxに広がり、standfirstの垂直ラインは-0.5pxにシフトします。 furniture wrapper内のarticle headerとtitle要素もグリッドレイアウトの一部です。`.furniture-wrapper .article-header .content__labels > div, .furniture-wrapper [data-gu-name="title"] .content__labels > div { padding-top: 2px; } .furniture-wrapper #headline, .furniture-wrapper [data-gu-name="headline"], .furniture-wrapper .headline { grid-area: headline; } .furniture-wrapper #headline h1, .furniture-wrapper [data-gu-name="headline"] h1, .furniture-wrapper .headline h1 { font-weight: 600; max-width: 620px; font-size: 32px; } @media (min-width: 71.25em) { .furniture-wrapper #headline h1, .furniture-wrapper [data-gu-name="headline"] h1, .furniture-wrapper .headline h1 { max-width: 540px; font-size: 50px; }