@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ą granicę o szerokości 1px w kolorze #dcdcdc, umieszczoną na -10px z indeksem z wynoszącym -1. Na ekranach o szerokości co najmniej 81.25em ta granica przesuwa się na -11px.
W tej kolumnie elementy atomowe nie mają górnego ani dolnego marginesu, ale mają 12px wypełnienia po obu stronach. Gdy element atomowy następuje po akapicie, jego wypełnienie jest usuwane, a zamiast tego otrzymuje marginesy 12px. Elementy inline mają maksymalną szerokość 620px, a na ekranach o szerokości co najmniej 61.25em figury inline również mają maksymalnie 620px.
W sekcjach multimedialnych zawierających zapętlone figury, podpis figury znajduje się nad innymi elementami z indeksem z wynoszącym 6. Przycisk zapętlenia wideo wyrównuje się do prawego dolnego rogu z dolnym marginesem 40px i prawym marginesem 3px. Kontenery kontroli wyciszenia i odwyciszenia znajdują się przy prawej krawędzi z lewym wypełnieniem 10px. Przycisk podpisu ma indeks z wynoszący 100, a na ekranach o szerokości co najmniej 61.25em znajduje się 20px od dołu. Na ekranach o szerokości co najmniej 46.25em kontenery cinemagraph nie mają maksymalnej wysokości.
Samodzielnie hostowane wyspy wideo w treści mają pełną szerokość do 620px, wyświetlane jako bloki z górnym i dolnym marginesem 12px. Ich zapętlone figury i filmy również mają pełną szerokość do 620px, wyśrodkowane. Gdy te filmy są immersyjne, limit szerokości jest usuwany, a marginesy stają się 12px u góry i u dołu. Na ekranach o szerokości co najmniej 71.25em immersyjne filmy rozszerzają się do 1140px i przesuwają w lewo o 180px, a podpisy figur są wcięte o 20px. Na ekranach o szerokości co najmniej 81.25em rozszerzają się dalej do 1300px i przesuwają w lewo o 260px.
Korzeń definiuje kilka zmiennych kolorów: dateline (#606060), granica nagłówka (#dcdcdc), tekst podpisu (#999), tło podpisu (72% nieprzezroczysty prawie czarny), kolor wyróżnienia (#c70000) i nowy kolor filaru, który domyślnie przyjmuje kolor podstawowego filaru lub wyróżnienia. Podnagłówki, pullquotes i ikony pullquote używają koloru drugorzędnego filaru, podczas gdy blockquotes używają koloru tekstu artykułu. Blockquotes otrzymują również kolor wypełnienia z drugorzędnego filaru. W trybie ciemnym (chyba że tryb jasny jest wyraźnie ustawiony), podnagłówki, pullquotes i ich ikony przełączają się na kolor filaru trybu ciemnego, a blockquotes używają tego samego koloru do wypełnienia.
Elementy atomowe nie mają wypełnienia. Gdy element atomowy jest pierwszym swojego typu i następuje po nim akapit, brama logowania, inny element atomowy lub podobny, następny akapit otrzymuje specjalny odstęp. To samo dotyczy poziomej linii, która nie jest ostatnia, oraz w divach 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某些 elementach (jak pierwszy element atomowy, brama logowania lub pozioma linia, która nie jest ostatnia) w różnych kontenerach, a także stylizują pierwszą literę tych akapitów.
Jeśli miałeś na myśli wklejenie innego fragmentu tekstu, podziel się nim, a przepiszę go płynnym, naturalnym angielskim.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 angielskim, albo 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 granice 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, link element listy hover, furniture wrapper standfirst link hover, oraz furniture wrapper standfirst element listy link hover: usuń dolną granicę i ustaw kolor dekoracji tekstu na nowy kolor filaru lub funkcję trybu ciemnego.
Akapit standfirst furniture wrapper, akapit standfirst, oraz akapit standfirst: ustaw kolor tekstu na #dcdcdc.
Przy minimalnej szerokości 61.25em: pierwszy akapit standfirst otrzymuje górną granicę 1px solid w kolorze granicy nagłówka.
Przy minimalnej szerokości 71.25em: górna granica pierwszego akapitu standfirst jest usuwana.
Element listy standfirst furniture wrapper, element listy standfirst, oraz element listy standfirst: ustaw kolor tekstu na #dcdcdc.
Przy minimalnej szerokości 71.25em: pseudo-element before standfirst otrzymuje kolor tła granicy nagłówka.
Przy minimalnej szerokości 46.25em: pseudo-element before furniture wrapper ma pustą treść, pełną wysokość, pozycjonowany na górze, pozycjonowanie absolutne, kolor tła ciemnego tła, prawą granicę 1px solid w kolorze granicy nagłówka, lewą pozycję obliczoną jako ujemna połowa szerokości viewportu minus szerokość paska przewijania minus 738px, oraz szerokość obliczoną jako połowa szerokości viewportu minus szerokość paska przewijania minus 738px. Pseudo-element after furniture wrapper ma pustą treść, pełną wysokość, pozycjonowany na górze, pozycjonowanie absolutne, kolor tła ciemnego tła, lewą granicę 1px solid w kolorze granicy nagłówka, prawą pozycję obliczoną jako ujemna połowa szerokości viewportu minus szerokość paska przewijania minus 738px, oraz szerokość obliczoną jako połowa szerokości viewportu minus szerokość paska przewijania minus 738px.
Przy minimalnej szerokości 61.25em: pseudo-element before furniture wrapper ma pustą treść, szerokość obliczoną jako połowa szerokości viewportu minus szerokość paska przewijania minus 978px, oraz lewą pozycję obliczoną jako ujemna połowa tego. Pseudo-element after furniture wrapper ma pustą treść, szerokość obliczoną jako połowa szerokości viewportu minus szerokość paska przewijania minus 978px, oraz prawą pozycję obliczoną jako ujemna połowa tego.
Przy minimalnej szerokości 71.25em: pseudo-element before furniture wrapper ma pustą treść, szerokość obliczoną jako połowa szerokości viewportu minus szerokość paska przewijania minus 1138px, oraz lewą pozycję obliczoną jako ujemna połowa tego. Pseudo-element after furniture wrapper ma pustą treść, szerokość obliczoną jako połowa szerokości viewportu minus szerokość paska przewijania minus 1138px, oraz prawą pozycję obliczoną jako ujemna połowa tego.
Przy minimalnej szerokości 81.25em: pseudo-element before furniture wrapper ma pustą treść, szerokość obliczoną jako połowa szerokości viewportu minus szerokość paska przewijania minus 1298px, oraz lewą pozycję obliczoną jako ujemna połowa tego. Pseudo-element after furniture wrapper ma pustą treść, szerokość obliczoną jako połowa szerokości viewportu minus szerokość paska przewijania minus 1298px, oraz prawą pozycję obliczoną jako ujemna połowa tego.
Furniture wrapper keyline-4 SVG i lines SVG: ustaw stroke na kolor granicy nagłówka.
Furniture wrapper meta social, meta social element listy link span, meta comment, meta social, meta social element listy link span, oraz meta comment: ustaw kolor granicy na kolor granicy nagłówka.
Treść artykułu h2 i treść interaktywna h2: ustaw wagę czcionki na 200. Jeśli h2 zawiera strong, ustaw wagę czcionki na 700.
Div z data-print-layout hide ul: usuń obraz tła.
Korzeń z data-rendering-target apps: ustaw follow text na #dcdcdc, follow icon fill na nowy kolor filaru, standfirst text na #dcdcdc, standfirst link text na nowy kolor filaru, standfirst link border na nowy kolor filaru, byline na nowy kolor filaru, article meta lines na kolor granicy nagłówka, oraz byline na filar trybu ciemnego.
Korzeń z data-rendering-target apps byline span: ustaw kolor na nowy kolor filaru.
Korzeń z data-rendering-target apps byline span div z sąsiednim FollowWrapper: ustaw obraz tła na kolor granicy nagłówka, granica nagłówka 1px, przezroczysty 1px.
Przy prefers-color-schemeZnałem Mohameda Tahlila jako łagodnego pirata, który przewodził zespołowi strażników podczas pierwszych miesięcy mojej niewoli w 2012 roku. Pojechałem do Somalii, aby relacjonować wzrost nowoczesnego piractwa u jej wybrzeży. Dziesiątego dnia, na zakurzonej drodze w pobliżu Galkayo w środkowej Somalii, zostałem porwany przez piratów. Przez następne dwa i pół roku byłem zakładnikiem.
Większość czasu spędzałem na cienkim, przesiąkniętym potem materacu z pianki na podłodze zakurzonego pokoju. Ponure betonowe więzienia się zmieniały, ale brud i warunki nigdy. Czasami moi porywacze przenosili mnie do somalijskiej sawanny, gdzie obozowaliśmy pod gołym niebem i spaliśmy na ziemi. Przez sześć miesięcy byłem przetrzymywany na porwanym tuńczykowym statku, wraz z 28 rybakami z Azji Wschodniej, którzy zostali schwytani około trzy tygodnie przed tym, jak zostałem wniesiony na pokład. (Schwytali mnie na lądzie, ale była to banda piratów zorganizowana do przechwytywania statków na morzu.) W każdej lokalizacji piraccy strażnicy siedzieli wokół z AK-47, słuchając radia lub żując khat, roślinę narkotyczną.
Tahlil był chudym, niemal pogodnym człowiekiem, który mówił niewiele po angielsku i zamiatał zaśmiecony
