@font-face {
font-family: 'Guardian Headline Full';
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.ttf) format("truetype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-LightItalic.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-LightItalic.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-LightItalic.ttf) format("truetype");
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Regular.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Regular.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Regular.ttf) format("truetype");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.ttf) format("truetype");
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.ttf) format("truetype");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.ttf) format("truetype");
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Semibold.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Semibold.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Semibold.ttf) format("truetype");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-SemiboldItalic.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-SemiboldItalic.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-SemiboldItalic.ttf) format("truetype");
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url(https:@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.woff2) format("woff2"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.woff) format("woff"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BoldItalic.woff2) format("woff2"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BoldItalic.woff) format("woff"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:Guardian Headline Full;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}@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BlackItalic.woff2) format("woff2"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BlackItalic.woff) format("woff"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BlackItalic.ttf) format("truetype");font-weight:900;font-style:italic}@font-face{font-family:Guardian Titlepiece;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GTGuardianTitlepiece-Bold.woff2) format("woff2"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GTGuardianTitlepiece-Bold.woff) format("woff"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GTGuardianTitlepiece-Bold.ttf) format("truetype");font-weight:700;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){.インタラクティブ記事のメインコンテンツカラムには、1px solid #dcdcdcの左ボーダーがあり、-10pxに配置され、z-indexは-1です。少なくとも81.25em幅の画面では、このボーダーは-11pxに移動します。このカラム内のアトム要素には上下のマージンがなく、上下に12pxのパディングがあります。段落の後にアトム要素が続く場合、パディングは削除され、上下12pxのマージンに置き換えられます。インライン要素は幅620pxに制限され、少なくとも61.25em幅の画面では、インライン図も最大620pxです。
ループする図を含むメディア要素の場合、figcaption(非表示でない限り)はz-index 6にあります。ビデオループボタンは右下に配置され、下マージン40px、右マージン3pxです。ミュートおよびミュート解除コントロールコンテナは右端に配置され、左パディング10pxです。キャプションボタンはz-index 100にあり、少なくとも61.25em幅の画面では、下から20px移動します。少なくとも46.25em幅の画面では、シネマグラフコンテナには最大高さがありません。
本文内のセルフホスト型ビデオアイランドは全幅で、最大620pxに制限され、上下12pxのマージンを持つブロックとして表示されます。それらのループする図とビデオは全幅で、自動高さで、最大620pxに制限され、中央に配置されます。ループする図がイマーシブビデオ要素の場合、アイランドは全幅に拡張され、上下12pxのマージンがあり、図とビデオは最大幅と中央揃えを失います。少なくとも71.25em幅の画面では、イマーシブアイランドは幅1140pxになり、左に180px移動し、figcaptionは20pxインデントされます。少なくとも81.25em幅の画面では、幅1300pxになり、左に260px移動します。
ルートはいくつかのカスタムプロパティを定義します:datelineカラー#606060、ヘッダーボーダー#dcdcdc、キャプションテキスト#999、キャプション背景hsla(0, 0%, 7%, .72)、フィーチャーカラー#c70000、およびプライマリピラーまたはフィーチャーカラーにフォールバックする新しいピラーカラー。小見出し、プルクォート、プルクォートアイコンはセカンダリピラーカラーを使用し、ブロッククォートは記事テキストカラーを使用します。ブロッククォートはまた、セカンダリピラーから塗りつぶし色を取得します。ダークモード(カラースキームが明示的にライトに設定されていない限り)では、小見出し、プルクォート、プルクォートアイコンはダークモードピラーカラーに切り替わり、ブロッククォートは塗りつぶしに同じものを使用します。
アトム要素にはパディングがありません。アトム要素がそのタイプの最初で、段落、サインインゲート、別のアトム、または同様のものが続く場合、次の段落は特別な間隔を取得します。最後でない水平線、および広告スロットに続く段落にも同じことが適用されます。これらのルールは記事本文コンテナ内でも適用されます。あなたが提供したテキストはCSSコードであり、散文ではないため、書き換えるべき自然な英語はありません。これは、いくつかのコンテナにわたって特定の要素(最初のアトム要素、サインインゲート、または水平線など)の後の最初の段落に14pxの上部パディングを追加するセレクタのセットと、それらの段落の最初の文字をスタイリングするルールです。
必要であれば、このCSSが何をするかを平易な英語で説明したり、簡素化やリファクタリングを手伝ったりできます。それを流暢な英語として書き換えることはできません—それは散文ではなくCSSコードです。必要であれば、スタイルが何をするかを平易な英語で説明できます。または、書き換えたい実際のテキストを共有してください。このCSSコードは、記事ヘッダー、見出し、メタデータ、スタンドファースト、ポートレートのレスポンシブレイアウトを定義しています。CSS Gridを使用して、61.25em、71.25em、81.25emのブレークポイントで、さまざまな画面サイズにわたってこれらの要素を配置します。レイアウトは列と行の構造を調整し、ボーダーを追加し、リンクと図をスタイリングして、コンテンツがさまざまなデバイスで適切に表示されるようにします。.furniture-wrapper #standfirst:before,.furniture-wrapper [data-gu-name=standfirst]:before{left:-.5px}}.furniture-wrapper .article-header .content__labels>div,.furniture-wrapper [data-gu-name=title] .content__labels>div{padding-top:2px}.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}}@media (min-width: 46.25em){.furniture-wrapper .keyline-4,.furniture-wrapper [data-gu-name=lines]{margin-right:0}}@media (min-width: 61.25em){.furniture-wrapper .keyline-4,.furniture-wrapper [data-gu-name=lines]{display:none}}.furniture-wrapper .keyline-4 svg,.furniture-wrapper [data-gu-name=lines] svg{stroke:var(--headerBorder)}@media (min-width: 46.25em){.furniture-wrapper #meta,.furniture-wrapper [data-gu-name=meta]{margin-right:0}}.furniture-wrapper #meta .meta__social,.furniture-wrapper #meta .meta__social ul li a span,.furniture-wrapper #meta .meta__comment,.furniture-wrapper [data-gu-name=meta] .meta__social,.furniture-wrapper [data-gu-name=meta] .meta__social ul li a span,.furniture-wrapper [data-gu-name=meta] .meta__comment{border-color:var(--headerBorder)}.furniture-wrapper #meta .content__meta-container_dcr>div>gu-island,.furniture-wrapper [data-gu-name=meta] .content__meta-container_dcr>div>gu-island{display:none}.furniture-wrapper .standfirst,.furniture-wrapper #standfirst,.furniture-wrapper [data-gu-name=standfirst]{margin-left:-10px;padding-left:10px;position:relative}@media (min-width: 46.25em){.furniture-wrapper .standfirst,.furniture-wrapper #standfirst,.furniture-wrapper [data-gu-name=standfirst]{padding-top:2px}}.furniture-wrapper .standfirst p,.furniture-wrapper #standfirst p,.furniture-wrapper [data-gu-name=standfirst] p{font-weight:400;font-size:20px;padding-bottom:14px}.furniture-wrapper #main-media,.furniture-wrapper [data-gu-name=media]{position:relative;margin-top:0;margin-bottom:2px;grid-area:portrait}.furniture-wrapper #main-media div div,.furniture-wrapper [data-gu-name=media] div div{width:100%;margin-inline:0}@media (min-width: 61.25em){.furniture-wrapper #main-media,.furniture-wrapper [data-gu-name=media]{margin-bottom:0}}@media (max-width: 46.24em){.furniture-wrapper #main-media,.furniture-wrapper [data-gu-name=media]{width:calc(100vw - var(--scrollbar-width, 0px));margin-left:-10px}}@media (max-width: 46.24em) and (min-width: 30em){.furniture-wrapper #main-media,.furniture-wrapper [data-gu-name=media]{margin-left:-20px}}.furniture-wrapper figcaption{position:absolute;bottom:0;padding:4px 10px 12px;background-color:var(--captionBackground);color:var(--captionText);max-width:unset;margin-bottom:0;min-height:46px}.furniture-wrapper figcaption span{color:var(--headerBorder)}.furniture-wrapper figcaption span svg{fill:var(--headerBorder)}.furniture-wrapper figcaption span:nth-of-type(1){display:none}.furniture-wrapper figcaption span:nth-of-type(2){display:inline;max-width:90%}@media (min-width: 30em){.furniture-wrapper figcaption{padding:4px 20px 12px}}.furniture-wrapper figcaption.hidden{opacity:0}.furniture-wrapper #caption-button{display:block;position:absolute;bottom:10px;right:8px;z-index:30;background-color:var(--captionBackground);border:none;border-radius:50%;padding:6px 5px 5px}.furniture-wrapper #caption-button svg{transform:scale(.85)}@media (min-width: 30em){.furniture-wrapper #caption-button{right:10px}}@media (min-width: 71.25em){.content__main-column--interactive:before{top:-12px!important;height:calc(100% + 24px)!important}}.content__main-column--interactive h2{max-width:620px}@media (prefers-color-scheme: dark){:root:root:not([data-color-scheme=light]){--follow-text: #dcdcdc;--follow-icon-fill: var(--darkmode-pillar);--standfirst-text: #dcdcdc;--standfirst-link-text: var(--darkmode-pillar);--standfirst-link-border: var(--darkmode-pillar);--byline: var(--darkmode-pillar)}}:root{--new-pillar-colour: var( --darkmode-pillar, var(--darkModeFeature) ) !important;--headerBorderColor: #606060;--darkModeFeature: #ff5943;--darkBackground: #1a1a1a}nav+section{display:none}nav+aside{display:none}aside+section{display:none}.furniture-wrapper{background-color:var(--darkBackground);margin:0 -10px;padding:0 10px 4px}@media (min-width: 30em){.furniture-wrapper{margin:0 -20px;padding:0 20px 8px}}@media (min-width: 61.25em){.furniture-wrapper{padding:0 20px}}@media (min-width: 81.25em){.furniture-wrapper:before{content:"";width:calc((100vw - 1298px)/2);height:100%;position:absolute;left:calc((100vw - 1298px)/-2);background-color:var(--darkBackground);border-right:1px solid var(--headerBorderColor)}.furniture-wrapper:after{content:"";width:calc((100vw - 1298px)/2);height:100%;position:absolute;right:calc((100vw - 1298px)/-2);background-color:var(--darkBackground)}}.furniture-wrapper .article-header,.furniture-wrapper [data-gu-name=title] a,.furniture-wrapper [data-gu-name=title] span{color:var(--new-pillar-colour, --darkModeFeature)}@media (min-width: 61.25em){.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(--headerBorderColor)}}.furniture-wrapper #headline h1,.furniture-wrapper [data-gu-name=headline] h1,.furniture-wrapper .headline h1{font-weight:700;color:#dcdcdc}.furniture-wrapper #headline figure,.furniture-wrapper [data-gu-name=headline] figure,.furniture-wrapper .headline figure{margin-top:0;margin-bottom:2px}@media (min-width: 71.25em){.furniture-wrapper #meta:before,.furniture-wrapper [data-gu-name=meta]:before{background-color:var(--headerBorderColor)}}.furniture-wrapper #meta details,.furniture-wrapper #meta summary,.furniture-wrapper #meta summary span,.furniture-wrapper [data-gu-name=meta] details,.furniture-wrapper [data-gu-name=meta] summary,.furniture-wrapper [data-gu-name=meta] summary span{color:#dcdcdc}.furniture-wrapper #meta .meta__social a,.furniture-wrapper #meta .meta__social button,.furniture-wrapper [data-gu-name=meta] .meta__social a,.furniture-wrapper [data-gu-name=meta] .meta__social button{border-color:var(--headerBorderColor);color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta .meta__social a svg,.furniture-wrapper #meta .meta__social button svg,.furniture-wrapper [data-gu-name=meta] .meta__social a svg,.furniture-wrapper [data-gu-name=meta] .meta__social button svg{fill:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta .meta__social a:hover,.furniture-wrapper #meta .meta__social button:hover,.furniture-wrapper [data-gu-name=meta] .meta__social a:hover,.furniture-wrapper [data-gu-name=meta] .meta__social button:hover{color:var(--darkBackground);background-color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta .meta__social a:hover svg,.furniture-wrapper #meta .meta__social button:hover svg,.furniture-wrapper [data-gu-name=meta] .meta__social a:hover svg,.furniture-wrapper [data-gu-name=meta] .meta__social button:hover svg{fill:var(--darkBackground)}.furniture-wrapper #meta div,.furniture-wrapper [data-gu-name=meta] div{color:#dcdcdc}.furniture-wrapper #meta a,.furniture-wrapper [data-gu-name=meta] a{color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta a:hover,.furniture-wrapper [data-gu-name=meta] a:hover{color:var(--new-pillar-colour, --darkModeFeature);text-decoration-color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper .standfirst a,.furniture-wrapper .standfirst li a,.furniture-wrapper #standfirst a,.furniture-wrapper #standfirst li a,.furniture-wrapper [data-gu-name=standfirst] a,.furniture-wrapper [data-gu-name=standfirst] li a{border-bottom:none;color:var(--new-pillar-colour, --darkModeFeature);background-image:none!important;text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--headerBorder, #dcdcdc);text-decoration-thickness:1px}.furniture-wrapper .standfirst a:hover,.furniture-wrapper .standfirst li a:hover,.furniture-wrapper #standfirst a:hover,.furniture-wrapper #standfファースト、リスト項目リンクホバー、家具ラッパースタンドファーストリンクホバー、および家具ラッパースタンドファーストリスト項目リンクホバー:下部ボーダーを削除し、テキスト装飾色を新しいピラー色またはダークモード機能に設定します。
家具ラッパースタンドファースト段落、スタンドファースト段落、およびスタンドファーストデータ属性段落:色を#dcdcdcに設定します。
最小幅61.25em:家具ラッパースタンドファースト、スタンドファースト、およびスタンドファーストデータ属性の最初の段落に、1px solidヘッダーボーダー色の上部ボーダーが付きます。
最小幅71.25em:それらの同じスタンドファースト要素の最初の段落には上部ボーダーがありません。
家具ラッパースタンドファーストリスト項目、スタンドファーストリスト項目、およびスタンドファーストデータ属性リスト項目:色を#dcdcdcに設定します。
最小幅71.25em:家具ラッパースタンドファースト、スタンドファースト、およびスタンドファーストデータ属性のbefore疑似要素に、ヘッダーボーダー色の背景色が付きます。
最小幅46.25em:家具ラッパーbefore疑似要素にコンテンツ、フル高さ、トップ0、絶対位置、ダーク背景色、1px solidヘッダーボーダー色の右ボーダー、ビューポート幅からスクロールバー幅を引いて738pxを引いた値を負の2で割った左位置、およびビューポート幅からスクロールバー幅を引いて738pxを引いた値を2で割った幅が付きます。家具ラッパーafter疑似要素にコンテンツ、フル高さ、トップ0、絶対位置、ダーク背景色、1px solidヘッダーボーダー色の左ボーダー、ビューポート幅からスクロールバー幅を引いて738pxを引いた値を負の2で割った右位置、およびビューポート幅からスクロールバー幅を引いて738pxを引いた値を2で割った幅が付きます。
最小幅61.25em:家具ラッパーbefore疑似要素にコンテンツ、ビューポート幅からスクロールバー幅を引いて978pxを引いた値を2で割った幅、およびビューポート幅からスクロールバー幅を引いて978pxを引いた値を負の2で割った左位置が付きます。家具ラッパーafter疑似要素にコンテンツ、ビューポート幅からスクロールバー幅を引いて978pxを引いた値を2で割った幅、およびビューポート幅からスクロールバー幅を引いて978pxを引いた値を負の2で割った右位置が付きます。
最小幅71.25em:家具ラッパーbefore疑似要素にコンテンツ、ビューポート幅からスクロールバー幅を引いて1138pxを引いた値を2で割った幅、およびビューポート幅からスクロールバー幅を引いて1138pxを引いた値を負の2で割った左位置が付きます。家具ラッパーafter疑似要素にコンテンツ、ビューポート幅からスクロールバー幅を引いて1138pxを引いた値を2で割った幅、およびビューポート幅からスクロールバー幅を引いて1138pxを引いた値を負の2で割った右位置が付きます。
最小幅81.25em:家具ラッパーbefore疑似要素にコンテンツ、ビューポート幅からスクロールバー幅を引いて1298pxを引いた値を2で割った幅、およびビューポート幅からスクロールバー幅を引いて1298pxを引いた値を負の2で割った左位置が付きます。家具ラッパーafter疑似要素にコンテンツ、ビューポート幅からスクロールバー幅を引いて1298pxを引いた値を2で割った幅、およびビューポート幅からスクロールバー幅を引いて1298pxを引いた値を負の2で割った右位置が付きます。
家具ラッパーkeyline-4 svgおよびlinesデータ属性svg:ストロークをヘッダーボーダー色に設定します。
家具ラッパーメタソーシャル、メタソーシャルリスト項目リンクスパン、メタコメント、メタデータ属性メタソーシャル、メタデータ属性メタソーシャルリスト項目リンクスパン、およびメタデータ属性メタコメント:ボーダー色をヘッダーボーダー色に設定します。
記事本文h2およびインタラクティブコンテンツ本文h2:フォントウェイトを200に設定します。h2にstrongが含まれる場合、フォントウェイトを700に設定します。
印刷レイアウト非表示属性ulを持つdiv:背景画像を削除します。
レンダリングターゲットアプリ属性を持つルート:フォロー テキストを#dcdcdc、フォローアイコン塗りつぶしを新しいピラー色、スタンドファーストテキストを#dcdcdc、スタンドファーストリンクテキストを新しいピラー色、スタンドファーストリンクボーダーを新しいピラー色、バイラインを新しいピラー色、記事メタ行をヘッダーボーダー色、およびバイラインをダークモードピラーに設定します。
レンダリングターゲットアプリ属性バイラインスパンを持つルート:色を新しいピラー色に設定します。
レンダリングターゲットアプリ属性バイラインスパンdivを持ち、その後にFollowWapper要素が続くルート:背景画像をヘッダーボーダー色、ヘッダーボーダー色1px、および透明1pxに設定します。
prefers color schemeメディアクエリで。エクスマス・マリーナのみんなは、水中に不発のドイツ爆弾があることを知っていた。ドックの古参たちは第二次世界大戦の終結以来ずっと言い続けていた。しかしマリーナは浚渫され、何度も再浚渫されたが、何も出てきたことはなかった。それは昔話のように聞こえ始めていた。マリーナは忙しい水域だ。1990年代後半まで商業港で、その後はプライベートヨットの家に改造された。爆弾なら、隠れているのは難しいと思うだろう。しかし2026年1月14日水曜日の午後、第二次世界大戦終結から81年後、エクスマス・マリーナのマネージャー、スティーブ・ホッキングス=トンプソンは、浚渫船の乗組員から電話を受け、船まで来た方がいいと言われた。「思ったよ:『ああ、なんてこった。ここでちょっとした問題が起きたぞ』と」と