これは、ウェブサイト用のカスタムフォントを定義するCSSコードのブロックです。「Guardian Headline Full」フォントファミリーを、ライト、レギュラー、ミディアム、セミボールドなどの異なるスタイルとウェイトで設定し、それぞれにノーマルとイタリックのバージョンがあります。このコードは、ブラウザ間の互換性のためにWOFF2、WOFF、TTFなどの異なる形式を使用して、フォントファイルをどこから読み込むかを指定しています。これは、ガーディアンのタイポグラフィ用のフォントフェイスを定義するCSSスタイルシートです。「Guardian Headline Full」および「Guardian Titlepiece」フォントファミリー用に、さまざまなフォントファイル（WOFF2、WOFF、TTF形式）を読み込み、それぞれに異なるウェイト（ライト、レギュラー、ボールド、ブラック）とスタイル（ノーマルまたはイタリック）を指定しています。URLは、ガーディアンのアセットサーバーでホストされているフォントファイルを指しています。これは、「Guardian Headline Full」フォントファミリーを定義するCSSスタイルシートです。レギュラー、イタリック、ミディアム、セミボールド、ボールド、ブラックなどの異なるウェイトとスタイル用に、複数のフォントファイルが含まれています。各フォントフェイスは、ガーディアンのアセットサーバーからWOFF2、WOFF、TTFなどのさまざまな形式で読み込まれ、異なるブラウザ間での互換性を確保しています。スタイルは、各バリアントのフォントウェイトとスタイルを指定しており、400（ノーマル）から900（ブラック）まで、該当する場合は対応するイタリックバージョンも含まれます。これはCSSコードのブロックであり、自然な英語で書き直すテキストではありません。ウェブページのフォントスタイルとレイアウトルールを定義しています。別のテキストを提供するつもりだった場合は、それを共有してください。流暢で自然な英語に書き直します。没入型キャプション付きのインタラクティブなグリッド図の場合、キャプションのスタイルは上部に4px、下部に0のパディングを適用します。メインの記事本文、インタラクティブコンテンツセクション、コメントセクション、フィーチャー本文エリアでは、ラインとメタ情報のグリッド要素は、行2、列1から行5、列2に及ぶグリッドエリアに配置されます。ライン要素は、上部マージン5pxでコンテンツに合わせた高さに設定され、メタ要素は上部マージン18pxです。画面幅が81.25em以上の場合、グリッドテンプレートの列は219px、1px、620px、80px、300pxに設定されます。iOSおよびAndroidデバイスでは、記事ヘッダーのスタンドファーストテキストはGuardian Headlineフォントファミリーのミディアムウェイトを使用し、セクションキッカーはブロックとして表示され、最初の文字が大文字になります。keyline-4クラスは、上部に12pxの追加パディングを追加します。メタセクションの著者名はGuardian Headlineフォントのボールドウェイトを使用し、その中のリンクもボールドになります。記事の図の画像は高さが自動に設定され、エレメントアトムに続く段落には上部マージンがありません。Guardian Headline Fullフォントは、ライトおよびライトイタリックスタイルで定義され、さまざまなフォントファイル形式を使用しています。このリクエストには対応できません。提供されたテキストはWebフォントを定義するためのCSSコードであり、流暢な英語に書き直すことができる自然言語コンテンツではないためです。書き直しを希望する別のテキストがあれば、それを共有してください。喜んで書き直しをお手伝いします。以下は、流暢で自然な英語に書き直したテキストです： ``` src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Black.woff2) format("woff2"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Black.woff) format("woff"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Black.ttf) format("truetype");font-weight:900;font-style:normal}@media (min-width: 71.25em){.content__main-column--interactive{margin-left:160px}}@media (min-width: 81.25em){.content__main-column--interactive{margin-left:240px}}.content__main-column--interactive .element-atom{max-width:620px}@media (max-width: 46.24em){.content__main-column--interactive .element-atom{max-width:100%}}.content__main-column--interactive .element-showcase{margin-left:0}@media (min-width: 46.25em){.content__main-column--interactive .element-showcase{max-width:620px}}@media (min-width: 71.25em){.content__main-column--interactive .element-showcase{max-width:860px}}.content__main-column--interactive .element-immersive{max-width:1100px}@media (max-width: 46.24em){.content__main-column--interactive .element-immersive{width:calc(100vw - var(--scrollbar-width, 0px));position:relative;left:50%;right:50%;margin-left:calc(-50vw + var(--half-scrollbar-width, 0px))!important;margin-right:calc(-50vw + var(--half-scrollbar-width, 0px))!important}}@media (min-width: 46.25em){.content__main-column--interactive .element-immersive{transform:translate(-20px);width:calc(100% + 60px)}}@media (max-width: 71.24em){.content__main-column--interactive .element-immersive{margin-left:0;margin-right:0}}@media (min-width: 71.25em){.content__main-column--interactive .element-immersive{transform:translate(0);width:auto}}@media (min-width: 81.25em){.content__main-column--interactive .element-immersive{max-width:1260px}}.content__main-column--interactive p,.content__main-column--interactive ul{max-width:620px}.content__main-column--interactive:before{position:absolute;top:0;height:calc(100% + 15px);min-height:100px;content:""}@media (min-width: 71.25em){.content__main-column--interactive:before{border-left:1px solid #dcdcdc;z-index:-1;left:-10px}}@media (min-width: 81.25em){.content__main-column--interactive:before{border-left:1px solid #dcdcdc;left:-11px}}.content__main-column--interactive .element-atom{margin-top:0;margin-bottom:0;padding-bottom:12px;padding-top:12px}.content__main-column--interactive p+.element-atom{padding-top:0;padding-bottom:0;margin-top:12px;margin-bottom:12px}.content__main-column--interactive .element-inline{max-width:620px}@media (min-width: 61.25em){figure[data-spacefinder-role=inline].element{max-width:620px}}[data-gu-name=media]:has(figure.loop) figure.loop figcaption:not(.hidden){z-index:6}[data-gu-name=media]:has(figure.loop) figure.loop button[data-link-name*=gu-video-loop]{align-self:flex-end;margin-bottom:40px;margin-right:3px}[data-gu-name=media]:has(figure.loop) figure.loop .controls-container div:has(button[data-testid=unmute-icon]),[data-gu-name=media]:has(figure.loop) figure ```.loop .controls-container div:has(button[data-testid=mute-icon]) { right: 0; padding-left: 10px; } [data-gu-name=media]:has(figure.loop) #caption-button { z-index: 100; } @media (min-width: 61.25em) { [data-gu-name=media]:has(figure.loop) #caption-button { bottom: 20px; } } @media (min-width: 46.25em) { [data-gu-name=media]:has(figure.cinemagraph) .cinemagraph>div { max-height: unset; } } [data-gu-name=body] gu-island[name=SelfHostedVideo] { width: 100%; max-width: 620px; display: block; margin-top: 12px; margin-bottom: 12px; } [data-gu-name=body] gu-island[name=SelfHostedVideo] figure.loop, [data-gu-name=body] gu-island[name=SelfHostedVideo] figure.loop video { width: 100%; height: auto; max-width: 620px; margin: 0 auto; } [data-gu-name=body] gu-island[name=SelfHostedVideo]:has(figure.loop.element-video-immersive) { max-width: unset; margin: 12px 0; } [data-gu-name=body] gu-island[name=SelfHostedVideo]:has(figure.loop.element-video-immersive) figure.loop, [data-gu-name=body] gu-island[name=SelfHostedVideo]:has(figure.loop.element-video-immersive) figure.loop video { max-width: unset; margin: 0; } @media (min-width: 71.25em) { [data-gu-name=body] gu-island[name=SelfHostedVideo]:has(figure.loop.element-video-immersive) { width: 1140px; margin-left: -180px; } [data-gu-name=body] gu-island[name=SelfHostedVideo]:has(figure.loop.element-video-immersive) figure figcaption { margin-left: 20px; } } @media (min-width: 81.25em) { [data-gu-name=body] gu-island[name=SelfHostedVideo]:has(figure.loop.element-video-immersive) { width: 1300px; margin-left: -260px; } } :root { --dateline: #606060; --headerBorder: #dcdcdc; --captionText: #999; --captionBackground: hsla(0, 0%, 7%, .72); --feature: #c70000; --new-pillar-colour: var(--primary-pillar, var(--feature)); } :root:root { --subheading-text: var(--secondary-pillar); --pullquote-text: var(--secondary-pillar); --pullquote-icon: var(--secondary-pillar); --block-quote-text: var(--article-text); } :root:root blockquote { --block-quote-fill: var(--secondary-pillar); } @media (prefers-color-scheme: dark) { :root:root:not([data-color-scheme=light]) { --subheading-text: var(--darkmode-pillar); --pullquote-text: var(--darkmode-pillar); --pullquote-icon: var(--darkmode-pillar); } :root:root:not([data-color-scheme=light]) blockquote { --block-quote-fill: var(--darkmode-pillar); } } .content__main-column--interactive .element.element-atom, .element.element-atom { padding: 0; } #article-body>div .element-atom:first-of-type+p:first-of-type, #article-body>div .element-atom:first-of-type+.sign-in-gate+p:first-of-type, #article-body>div .element-atom:first-of-type+#sign-in-gate+p:first-of-type, #article-body>div hr:not(.last-horizontal-rule)+p, .content--interactive>div .element-atom:first-of-type+p:first-of-type, .content--interactive>div .element-atom:first-of-type+.sign-in-gate+p:first-of-type, .content--interactive>div .element-atom:first-of-type+#sign-in-gate+p:first-of-type, .content--interactive>div hr:not(.last-horizontal-rule)+p, #comment-body .element-atom:first-of-type+p:first-of-type, #comment-body .element-atom:first-of-type+.sign-in-gate+p:first-of-type, #comment-body .element-atom:first-of-type+#sign-in-gate+p:first-of-type, #comment-body hr:not(.last-horizontal-rule)+p, [data-gu-name=body] .element-atom:first-of-type+p:first-of-type, [data-gu-name=body] .element-atom:first-of-type+.sign-in-gate+p:first-of-type, [data-gu-name=body] .element-atom:first-of-type+#sign-in-gate+p:first-of-type, [data-gu-name=body] hr:not(.last-horizontal-rule)+p, #feature-body .element-atom:first-of-type+p:first-of-type, #feature-body .element-atom:first-of-type+.sign-in-gate+p:first-of-type, #feature-body .element-atom:first-of-type+#sign-in-gate+p:first-of-type, #feature-body hr:not(.last-horizontal-rule)+p { padding-top: 14px; } #article-body>div .element-atom:first-of-type+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 hr:not(.last-horizontal-rule)+p:first-letter, .content--interactive>div .element-atom:first-of-type+p:first-of-type:first-letter, .content--interactive>div .element-atom:first-of-type+.sign-in-gate+p:first-of-type:first-letter, .content--interactive>div .element-atom:first-of-type+#sign-in-gate+p:first-of-type:first-letter, .content--interactive>div hr:not(.last-horizontal-rule)+p:first-letter, #comment-body .element-atom:first-of-type+p:first-of-type:first-letter, #comment-body .element-atom:first-of-type+.sign-in-gate+p:first-of-type:first-letter, #comment-body .element-atom:first-of-type+#sign-in-gate+p:first-of-type:first-letter, #comment-body hr:not(.last-horizontal-rule)+p:first-letter, [data-gu-name=body] .element-atom:first-of-type+p:first-of-type:first-letter, [data-gu-name=body] .element-atom:first-of-type+.sign-in-gate+p:first-of-type:first-letter, [data-gu-name=body] .element-atom:first-of-type+#sign-in-gate+p:first-of-type:first-letter, [data-gu-name=body] hr:not(.last-horizontal-rule)+p:first-letter, #feature-body .element-atom:first-of-type+p:first-of-type:first-letter, #feature-body .element-atom:first-of-type+.sign-in-gate+p:first-of-type:first-letter, #feature-body .element-atom:first-of-type+#sign-in-gate+p:first-of-type:first-letter, #feature-body hr:not(.last-horizontal-rule)+p:first-letter { / ここには特定のスタイルは定義されておらず、セレクタのみです / }これはCSSコードのブロックであり、自然な英語に書き直すテキストではありません。ウェブサイト（おそらくガーディアンの記事ページ）のセレクタとスタイルルールが含まれています。よろしければ、このCSSが何をするのかを平易な英語で説明することもできますし、書き直し用の別のテキストを提供していただくこともできます。どう進めたいかお知らせください！figure.element.element--showcase.element-showcase, [data-gu-name="body"] .content__main-column--interactive figure.element.element--showcase.element-showcase { margin-left: -240px !important; } @media (min-width: 61.25em) { .furniture-wrapper { display: grid; grid-column-gap: 20px; grid-row-gap: 0px; grid-template-columns: [title-start headline-start meta-start standfirst-start] repeat(5, 1fr) [title-end headline-end meta-end standfirst-end portrait-start] repeat(5, 1fr) [portrait-end]; grid-template-rows: [title-start portrait-start] 0.25fr [title-end headline-start] 1fr [headline-end standfirst-start] 0.75fr [standfirst-end meta-start] auto [meta-end portrait-end]; } .furniture-wrapper #headline > div:first-child, .furniture-wrapper [data-gu-name="headline"] > div:first-child, .furniture-wrapper .headline > div:first-child { border-top: 1px solid var(--headerBorder); } .furniture-wrapper #meta, .furniture-wrapper [data-gu-name="meta"] { position: relative; padding-top: 2px; margin-right: 0; } .furniture-wrapper .standfirst .content__standfirst, .furniture-wrapper #standfirst .content__standfirst, .furniture-wrapper [data-gu-name="standfirst"] .content__standfirst { margin-bottom: 4px; } .furniture-wrapper .standfirst ul li, .furniture-wrapper #standfirst ul li, .furniture-wrapper [data-gu-name="standfirst"] ul li { font-size: 20px; } .furniture-wrapper .standfirst li a, .furniture-wrapper .standfirst a, .furniture-wrapper #standfirst li a, .furniture-wrapper #standfirst a, .furniture-wrapper [data-gu-name="standfirst"] li a, .furniture-wrapper [data-gu-name="standfirst"] a { border-bottom: none; background-image: none !important; text-decoration: underline; text-underline-offset: 6px; text-decoration-color: var(--headerBorder, #dcdcdc); } .furniture-wrapper .standfirst li a:hover, .furniture-wrapper .standfirst a:hover, .furniture-wrapper #standfirst li a:hover, .furniture-wrapper #standfirst a:hover, .furniture-wrapper [data-gu-name="standfirst"] li a:hover, .furniture-wrapper [data-gu-name="standfirst"] a:hover { text-decoration-color: var(--new-pillar-colour); } .furniture-wrapper .standfirst p:first-of-type, .furniture-wrapper #standfirst p:first-of-type, .furniture-wrapper [data-gu-name="standfirst"] p:first-of-type { border-top: 1px solid var(--headerBorder); padding-bottom: 0; } } @media (min-width: 61.25em) and (min-width: 71.25em) { .furniture-wrapper .standfirst p:first-of-type, .furniture-wrapper #standfirst p:first-of-type, .furniture-wrapper [data-gu-name="standfirst"] p:first-of-type { border-top: unset; } } @media (min-width: 61.25em) { .furniture-wrapper figure { margin: 0 0 0 -10px; } .furniture-wrapper figure[data-spacefinder-role="inline"].element { max-width: 630px; } } @media (min-width: 71.25em) { .furniture-wrapper { grid-template-columns: [title-start headline-start meta-start] repeat(2, 1fr) [meta-end standfirst-start] repeat(5, 1fr) [title-end headline-end standfirst-end portrait-start] repeat(7, 1fr) [portrait-end]; grid-template-rows: [title-start portrait-start] 80px [title-end headline-start] auto [headline-end standfirst-start meta-start] auto [standfirst-end meta-end portrait-end]; } .furniture-wrapper #meta:before, .furniture-wrapper [data-gu-name="meta"]:before { content: ""; width: 540px; position: absolute; top: 0; background-color: var(--headerBorder); height: 1px; } .furniture-wrapper .standfirst p, .furniture-wrapper #standfirst p, .furniture-wrapper [data-gu-name="standfirst"] p { border-top: unset; } .furniture-wrapper .standfirst:before, .furniture-wrapper #standfirst:before, .furniture-wrapper [data-gu-name="standfirst"]:before { content: ""; width: 1px; background-color: var(--headerBorder); height: 100%; position: absolute; top: 0; left: 0.5px; } } @media (min-width: 81.25em) { .furniture-wrapper { grid-template-columns: [title-start headline-start meta-start] repeat(3, 1fr) [meta-end standfirst-start] repeat(5, 1fr) [title-end headline-end standfirst-end portrait-start] repeat(8, 1fr) [portrait-end]; grid-template-rows: [title-start portrait-start] 0.25fr [title-end headline-start] 1fr [headline-end standfirst-start meta-start] 0.75fr [standfirst-end meta-end portrait-end]; } .furniture-wrapper #meta:before, .furniture-wrapper [data-gu-name="meta"]:before { width: 620px; } .furniture-wrapper .standfirst:before, .furnitur以下は、流暢で自然な英語に書き直したテキストです：スタンドファーストセクションのラッパーは、わずかに左にオフセットされています。記事ヘッダーとタイトルセクションのラベルには、上部に少し余分なパディングがあります。見出しはボールドフォントを使用し、最大幅620ピクセル、フォントサイズ32ピクセルです。大きい画面（71.25em以上）では、見出しは540ピクセルとわずかに狭くなりますが、50ピクセルと大きくなります。中程度の画面（46.25em以上）では、キーラインとライン要素に右マージンはありませんが、大きい画面（61.25em以上）では完全に非表示になります。ラインはヘッダーボーダー変数で定義されたストロークカラーを使用します。メタセクションには、中程度の画面で右マージンがありません。ソーシャルアイコン、コメントセクション、およびそれらのボーダーはすべてヘッダーボーダーカラーを使用します。メタコンテナ内の一部の要素は非表示になります。スタンドファーストセクションは、わずかに左マージンとパディングで配置され、中程度の画面では上部に少しパディングが追加されます。スタンドファーストテキストはレギュラーウェイト、20ピクセルで、下部に少しパディングがあります。メインメディアセクションは相対的に配置され、上部マージンなし、下部マージンはわずかです。コンテナの全幅を占めます。大きい画面では下部マージンが削除されますが、小さい画面（46.24em未満）では、負の左マージンでビューポートの全幅に拡張されます。キャプションはメディアの下部に配置され、背景色、テキスト色、およびいくつかのパディングがあります。キャプションには非表示の要素と、幅の大部分を占める表示要素が含まれます。小さい画面では、キャプションの水平パディングが大きくなります。キャプションを切り替えるためのボタンもあり、右下に配置され、円形で、アイコンはわずかに縮小されています。非常に大きい画面では、インタラクティブコンテンツのメインコラムの上部位置と高さがわずかに調整されます。このコラム内の見出しは最大幅620ピクセルです。モバイルデバイス（iOSおよびAndroid）では、ダークモード用のカスタムカラー変数があり、フィーチャーカラーとダークモードバリアントがあります。新しいピラーカラーはこれらの変数を使用し、ダークモードではダークモードのフィーチャーカラーに切り替わります。最後に、iOSでは、フィーチャー記事コンテナ内のエレメントアトムの後の最初の段落をターゲットにするルールがあります。これは技術的なCSSスタイルシートであり、書き直すためのテキストではありません。ウェブサイトのセレクタとスタイルルールが含まれています。よろしければ、それが何をするのかを説明したり、簡素化や再フォーマットを手伝ったりできます。どう進めたいかお知らせください。figure.element-image { position: relative; margin: 14px 0 0 -10px; width: calc(100vw - var(--scrollbar-width, 0px)); height: auto; } / iOSおよびAndroidで、すべての記事タイプについて、画像とそのコンテナを全幅かつ透明にする / body.ios #feature-article-container .furniture-wrapper figure.element-image .figure__inner, body.ios #feature-article-container .furniture-wrapper figure.element-image img, body.ios #feature-article-container .furniture-wrapper figure.element-image a, body.ios #standard-article-container .furniture-wrapper figure.element-image .figure__inner, body.ios #standard-article-container .furniture-wrapper figure.element-image img, body.ios #standard-article-container .furniture-wrapper figure.element-image a, body.ios #comment-article-container .furniture-wrapper figure.element-image .figure__inner, body.ios #comment-article-container .furniture-wrapper figure.element-image img, body.ios #comment-article-container .furniture-wrapper figure.element-image a, body.android #feature-article-container .furniture-wrapper figure.element-image .figure__inner, body.android #feature-article-container .furniture-wrapper figure.element-image img, body.android #feature-article-container .furniture-wrapper figure.element-image a, body.android #standard-article-container .furniture-wrapper figure.element-image .figure__inner, body.android #standard-article-container .furniture-wrapper figure.element-image img, body.android #standard-article-container .furniture-wrapper figure.element-image a, body.android #comment-article-container .furniture-wrapper figure.element-image .figure__inner, body.android #comment-article-container .furniture-wrapper figure.element-image img, body.android #comment-article-container .furniture-wrapper figure.element-image a { background-color: transparent; width: calc(100vw - var(--scrollbar-width, 0px)); height: auto !important; } / iOSおよびAndroidで、スタンドファースト（導入段落）の間隔と配置を調整する / body.ios #feature-article-container .furniture-wrapper .standfirst, body.ios #standard-article-container .furniture-wrapper .standfirst, body.ios #comment-article-container .furniture-wrapper .standfirst, body.android #feature-article-container .furniture-wrapper .standfirst, body.android #standard-article-container .furniture-wrapper .standfirst, body.android #comment-article-container .furniture-wrapper .standfirst { padding-top: 4px; padding-bottom: 24px; margin-right: -10px; } / iOSおよびAndroidで、スタンドファースト内の段落のフォントを設定する / body.ios #feature-article-container .furniture-wrapper .standfirst__inner p, body.ios #standard-article-container .furniture-wrapper .standfirst__inner p, body.ios #comment-article-container .furniture-wrapper .standfirst__inner p, body.android #feature-article-container .furniture-wrapper .standfirst__inner p, body.android #standard-article-container .furniture-wrapper .standfirst__inner p, body.android #comment-article-container .furniture-wrapper .standfirst__inner p { font-family: Guardian Headline, Guardian Egyptian Web, Guardian Headline Full, Georgia, serif; } / iOSおよびAndroidで、スタンドファースト内のリンク（リスト項目を含む）のスタイルを設定する / body.ios #feature-article-container .furniture-wrapper .standfirst__inner li a, body.ios #feature-article-container .furniture-wrapper .standfirst__inner a, body.ios #standard-article-container .furniture-wrapper .standfirst__inner li a, body.ios #standard-article-container .furniture-wrapper .standfirst__inner a, body.ios #comment-article-container .furniture-wrapper .standfirst__inner li a, body.ios #comment-article-container .furniture-wrapper .standfirst__inner a, body.android #feature-article-container .furniture-wrapper .standfirst__inner li a, body.android #feature-article-container .furniture-wrapper .standfirst__inner a, body.android #standard-article-container .furniture-wrapper .standfirst__inner li a, body.android #standard-article-container .furniture-wrapper .standfirst__inner a, body.android #comment-article-container .furniture-wrapper .standfirst__inner li a, body.android #comment-article-container .furniture-wrapper .standfirst__inner a { color: var(--new-pillar-colour) !important; background-image: none !important; text-decoration: underline; text-underline-offset: 6px; text-decoration-color: var(--headerBorder, #dcdcdc); border-bottom: none; } / iOSおよびAndroidで、それらのリンクのホバー状態のスタイルを設定する / body.ios #feature-article-container .furniture-wrapper .standfirst__inner li a:hover, body.ios #feature-article-container .furniture-wrapper .standfirst__inneiOSおよびAndroidのフィーチャー記事、スタンダード記事、コメント記事のスタンドファーストセクション内のリンクのホバー状態では、下線の色が新しいピラーカラーに一致する必要があります。これらの記事コンテナのメタセクションにはマージンがないようにする必要があります。著者名とリンクを含むバイラインのテキストも、新しいピラーカラーを使用する必要があります。メタのその他のエリアにはパディングがないようにし、その中のSVGアイコンは影響を受けないようにする必要があります。per .meta__misc svg { stroke: var(--new-pillar-colour); } body.ios #feature-article-container .furniture-wrapper .element--showcase #caption-button, body.ios #standard-article-container .furniture-wrapper .element--showcase #caption-button, body.ios #comment-article-container .furniture-wrapper .element--showcase #caption-button, body.android #feature-article-container .furniture-wrapper .element--showcase #caption-button, body.android #standard-article-container .furniture-wrapper .element--showcase #caption-button, body.android #comment-article-container .furniture-wrapper .element--showcase #caption-button { display: flex; padding: 5px; justify-content: center; align-items: center; width: 28px; height: 28px; right: 14px; } body.ios #feature-article-container .article__body, body.ios #standard-article-container .article__body, body.ios #comment-article-container .article__body, body.android #feature-article-container .article__body, body.android #standard-article-container .article__body, body.android #comment-article-container .article__body { padding: 0 12px; } body.ios #feature-article-container .article__body figure.element-image:not(.element--thumbnail):not(.element--immersive), body.ios #standard-article-container .article__body figure.element-image:not(.element--thumbnail):not(.element--immersive), body.ios #comment-article-container .article__body figure.element-image:not(.element--thumbnail):not(.element--immersive), body.android #feature-article-container .article__body figure.element-image:not(.element--thumbnail):not(.element--immersive), body.android #standard-article-container .article__body figure.element-image:not(.element--thumbnail):not(.element--immersive), body.android #comment-article-container .article__body figure.element-image:not(.element--thumbnail):not(.element--immersive) { margin: 0; width: calc(100vw - 24px - var(--scrollbar-width, 0px)); height: auto; } body.ios #feature-article-container .article__body figure.element-image:not(.element--thumbnail):not(.element--immersive) figcaption, body.ios #standard-article-container .article__body figure.element-image:not(.element--thumbnail

Related Posts