@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){.Główna kolumna treści dla artykułów interaktywnych ma lewą krawędź o szerokości 1px w kolorze #dcdcdc, umieszczoną na -10px z indeksem z -1. Na ekranach o szerokości co najmniej 81.25em ta krawędź przesuwa się na -11px. Elementy atomowe wewnątrz tej kolumny nie mają górnego ani dolnego marginesu, z 12px wypełnienia u góry i u dołu. Gdy po akapicie następuje element atomowy, wypełnienie jest usuwane i zastępowane marginesami 12px u góry i u dołu. Elementy inline mają maksymalną szerokość 620px, a na ekranach o szerokości co najmniej 61.25em figury inline również mają maksymalnie 620px.
Dla elementów multimedialnych zawierających zapętlającą się figurę, figcaption (o ile nie jest ukryty) znajduje się na indeksie z 6. Przycisk zapętlenia wideo wyrównuje się do prawego dolnego rogu z 40px marginesu dolnego i 3px marginesu prawego. Kontenery kontroli wyciszenia i wyłączenia wyciszenia są umieszczone przy prawej krawędzi z 10px wypełnienia lewego. Przycisk podpisu znajduje się na indeksie z 100, a na ekranach o szerokości co najmniej 61.25em przesuwa się 20px od dołu. Na ekranach o szerokości co najmniej 46.25em kontenery cinemagraph nie mają maksymalnej wysokości.
Wyspy wideo hostowane samodzielnie w treści mają pełną szerokość, maksymalnie 620px, wyświetlane jako bloki z 12px marginesami górnym i dolnym. Ich zapętlające się figury i wideo mają pełną szerokość, automatyczną wysokość, maksymalnie 620px i są wyśrodkowane. Gdy zapętlająca się figura jest elementem wideo immersyjnym, wyspa rozszerza się do pełnej szerokości z 12px marginesami pionowymi, a figura i wideo tracą maksymalną szerokość i wyśrodkowanie. Na ekranach o szerokości co najmniej 71.25em wyspa immersyjna staje się szeroka na 1140px i przesuwa się o 180px w lewo, z figcaptionami wciętymi o 20px. Na ekranach o szerokości co najmniej 81.25em staje się szeroka na 1300px i przesuwa się o 260px w lewo.
Korzeń definiuje kilka właściwości niestandardowych: kolor dateline #606060, krawędź nagłówka #dcdcdc, tekst podpisu #999, tło podpisu hsla(0, 0%, 7%, .72), kolor feature #c70000 i nowy kolor filaru, który wraca do głównego filaru lub koloru feature. Podnagłówki, pullquotes i ikony pullquote używają drugorzędnego koloru filaru, podczas gdy blockquotes używają koloru tekstu artykułu. Blockquotes otrzymują również kolor wypełnienia z drugorzędnego filaru. W trybie ciemnym (o ile schemat kolorów nie jest wyraźnie ustawiony na jasny), podnagłówki, pullquotes i ikony pullquote przełączają się na kolor filaru trybu ciemnego, a blockquotes używają tego samego dla swojego wypełnienia.
Elementy atomowe nie mają wypełnienia. Gdy element atomowy jest pierwszym swojego typu i następuje po nim akapit, brama logowania, inny atom lub podobny, następny akapit otrzymuje specjalny odstęp. To samo dotyczy poziomych linii, które nie są ostatnie, oraz akapitów następujących po slotach reklamowych. Te reguły mają również zastosowanie w kontenerze treści artykułu.Tekst, który podałeś, to kod CSS, a nie proza, więc nie ma naturalnego angielskiego do przepisania. To zestaw selektorów, które dodają 14px górnego wypełnienia do pierwszego akapitu po określonych elementach (jak pierwszy element atomowy, brama logowania lub pozioma linia) w kilku kontenerach, plus reguła stylizacji pierwszej litery tych akapitów.
Jeśli chcesz, mogę wyjaśnić, co robi ten CSS w prostym języku angielskim, lub pomóc ci go uprościć lub zrefaktoryzować.Nie mogę przepisać tego jako płynny angielski — to kod CSS, a nie proza. Jeśli chcesz, mogę wyjaśnić, co robią te style w prostym języku angielskim, lub możesz udostępnić rzeczywisty tekst, który chcesz przepisać.Ten kod CSS definiuje responsywny układ dla nagłówków artykułów, nagłówków, metadanych, standfirstów i portretów. Używa CSS Grid do rozmieszczenia tych elementów na różnych rozmiarach ekranu, z punktami przerwania przy 61.25em, 71.25em i 81.25em. Układ dostosowuje struktury kolumn i wierszy, dodaje krawędzie i stylizuje linki i figury, aby zapewnić prawidłowe wyświetlanie treści na różnych urządzeniach..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 #standfFirst, list item link hover, furniture wrapper standfirst link hover, and furniture wrapper standfirst list item link hover: remove bottom border and set text decoration color to the new pillar color or dark mode feature.
Furniture wrapper standfirst paragraphs, standfirst paragraphs, and standfirst data attribute paragraphs: set color to #dcdcdc.
At minimum width 61.25em: the first paragraph in furniture wrapper standfirst, standfirst, and standfirst data attribute gets a top border of 1px solid header border color.
At minimum width 71.25em: the first paragraph in those same standfirst elements has no top border.
Furniture wrapper standfirst list items, standfirst list items, and standfirst data attribute list items: set color to #dcdcdc.
At minimum width 71.25em: the before pseudo-element of furniture wrapper standfirst, standfirst, and standfirst data attribute gets a background color of header border color.
At minimum width 46.25em: the furniture wrapper before pseudo-element gets content, full height, top 0, absolute position, dark background color, right border of 1px solid header border color, left position calculated from viewport width minus scrollbar width minus 738px divided by negative 2, and width calculated from viewport width minus scrollbar width minus 738px divided by 2. The furniture wrapper after pseudo-element gets content, full height, top 0, absolute position, dark background color, left border of 1px solid header border color, right position calculated from viewport width minus scrollbar width minus 738px divided by negative 2, and width calculated from viewport width minus scrollbar width minus 738px divided by 2.
At minimum width 61.25em: the furniture wrapper before pseudo-element gets content, width calculated from viewport width minus scrollbar width minus 978px divided by 2, and left position calculated from viewport width minus scrollbar width minus 978px divided by negative 2. The furniture wrapper after pseudo-element gets content, width calculated from viewport width minus scrollbar width minus 978px divided by 2, and right position calculated from viewport width minus scrollbar width minus 978px divided by negative 2.
At minimum width 71.25em: the furniture wrapper before pseudo-element gets content, width calculated from viewport width minus scrollbar width minus 1138px divided by 2, and left position calculated from viewport width minus scrollbar width minus 1138px divided by negative 2. The furniture wrapper after pseudo-element gets content, width calculated from viewport width minus scrollbar width minus 1138px divided by 2, and right position calculated from viewport width minus scrollbar width minus 1138px divided by negative 2.
At minimum width 81.25em: the furniture wrapper before pseudo-element gets content, width calculated from viewport width minus scrollbar width minus 1298px divided by 2, and left position calculated from viewport width minus scrollbar width minus 1298px divided by negative 2. The furniture wrapper after pseudo-element gets content, width calculated from viewport width minus scrollbar width minus 1298px divided by 2, and right position calculated from viewport width minus scrollbar width minus 1298px divided by negative 2.
Furniture wrapper keyline-4 svg and lines data attribute svg: set stroke to header border color.
Furniture wrapper meta social, meta social list item link span, meta comment, meta data attribute meta social, meta data attribute meta social list item link span, and meta data attribute meta comment: set border color to header border color.
Article body h2 and interactive content body h2: set font weight to 200. If the h2 contains strong, set font weight to 700.
Div with print layout hide attribute ul: remove background image.
Root with rendering target apps attribute: set follow text to #dcdcdc, follow icon fill to new pillar color, standfirst text to #dcdcdc, standfirst link text to new pillar color, standfirst link border to new pillar color, byline to new pillar color, article meta lines to header border color, and byline to dark mode pillar.
Root with rendering target apps attribute byline span: set color to new pillar color.
Root with rendering target apps attribute byline span div that has a following FollowWapper element: set background image to header border color, header border color 1px, and transparent 1px.
At prefers color scheme media query.Wszyscy w Exmouth Marina wiedzieli, że w wodzie jest niewybuch niemieckiej bomby. Starzy wyjadacze w porcie mówili tak od zakończenia drugiej wojny światowej. Ale marina była bagrowana i ponownie bagrowana i nigdy nic nie wypłynęło. Zaczęło to brzmieć jak opowieść starych żon. Marina to ruchliwy akwen: port handlowy do późnych lat 90., który został przekształcony w dom dla prywatnych jachtów. Bomba, jak by się wydawało, miałaby trudności z pozostaniem ukrytą. Ale w środku popołudnia w środę 14 stycznia 2026 roku, 81 lat po zakończeniu drugiej wojny światowej, Steve Hockings-Thompson, menedżer Exmouth Marina, otrzymał telefon od załogi pogłębiarki z informacją, że lepiej, żeby przyszedł na łódź. "Pomyślałem: 'O rany. Mamy tu mały problem,'" powiedział mi niedawno Hockings-Thompson. Poszedł do pogłębiarki, przysadzistej barki, która wyciąga muł i inne zanieczyszczenia z dna mariny na płaski pokład przypominający stalowe sito. Na pokładzie leżał ogromny kawał metalu, oblepiony błotem i kamieniami. Gdy Hockings-Thompson podszedł bliżej i zobaczył jego charakterystyczny stożkowy kształt, wiedział, że to bomba – duża. Pogłębiarka była załadowana 20 000 litrów oleju napędowego, więc gdyby bomba eksplodowała, byłoby to katastrofalne. Zadzwonił na policję, która szybko przybyła na miejsce. "A potem," powiedział, "wybuchło piekło." Aby zająć się materiałami wybuchowymi, wezwano wojsko. Telefon został odebrany w centrum kontroli w Vauxhall Barracks w Didcot, małym miasteczku w Oxfordshire. To jest siedziba 11 Pułku Usuwania i Poszukiwania Materiałów Wybuchowych (11EOD), specjalistycznej dywizji wojskowej odpowiedzialnej za wszelkiego rodzaju usuwanie bomb – od improwizowanych urządzeń podłożonych przez grupy terrorystyczne po amunicję z czasów drugiej wojny światowej.
