@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){.Die Hauptinhaltsspalte für interaktive Artikel hat einen linken Rand von 1px solid #dcdcdc, positioniert bei -10px mit einem z-index von -1. Auf Bildschirmen mit mindestens 81.25em Breite verschiebt sich dieser Rand auf -11px.
Innerhalb dieser Spalte haben Atom-Elemente keinen oberen oder unteren Rand, erhalten aber 12px Padding auf beiden Seiten. Wenn ein Atom-Element auf einen Absatz folgt, wird sein Padding entfernt und es erhält stattdessen 12px Ränder. Inline-Elemente sind auf 620px Breite begrenzt, und auf Bildschirmen mit mindestens 61.25em Breite sind auch Inline-Figuren auf 620px begrenzt.
Für Medienabschnitte mit Loop-Figuren sitzt die figcaption über anderen Elementen mit einem z-index von 6. Der Video-Loop-Button richtet sich unten rechts aus mit einem unteren Rand von 40px und einem rechten Rand von 3px. Mute- und Unmute-Control-Container sitzen bündig rechts mit 10px linkem Padding. Der Caption-Button hat einen z-index von 100, und auf Bildschirmen mit mindestens 61.25em Breite sitzt er 20px vom Boden entfernt. Auf Bildschirmen mit mindestens 46.25em Breite haben Cinemagraph-Container keine maximale Höhe.
Selbst gehostete Video-Inseln im Body sind voll breit bis zu 620px, als Blöcke angezeigt mit 12px oberen und unteren Rändern. Ihre Loop-Figuren und Videos sind ebenfalls voll breit bis zu 620px, zentriert. Wenn diese Videos immersiv sind, wird die Breitenbegrenzung entfernt und die Ränder werden 12px oben und unten. Auf Bildschirmen mit mindestens 71.25em Breite erweitern sich immersive Videos auf 1140px und verschieben sich um 180px nach links, wobei figcaptions um 20px eingerückt werden. Auf Bildschirmen mit mindestens 81.25em Breite erweitern sie sich weiter auf 1300px und verschieben sich um 260px nach links.
Das Root definiert mehrere Farbvariablen: Dateline (#606060), Header-Rand (#dcdcdc), Caption-Text (#999), Caption-Hintergrund (72% opakes Fast-Schwarz), Feature-Farbe (#c70000) und eine neue Pillar-Farbe, die standardmäßig auf die primäre Pillar- oder Feature-Farbe gesetzt ist. Unterüberschriften, Pullquotes und Pullquote-Icons verwenden die sekundäre Pillar-Farbe, während Blockquotes die Artikeltextfarbe verwenden. Blockquotes erhalten auch eine Füllfarbe von der sekundären Pillar. Im Dark Mode (es sei denn, Light Mode ist explizit gesetzt) wechseln Unterüberschriften, Pullquotes und ihre Icons zur Dark-Mode-Pillar-Farbe, und Blockquotes verwenden dieselbe Farbe für ihre Füllung.
Atom-Elemente haben kein Padding. Wenn ein Atom-Element das erste seiner Art ist und auf einen Absatz, ein Sign-in-Gate, ein weiteres Atom-Element oder Ähnliches folgt, erhält der folgende Absatz speziellen Abstand. Dasselbe gilt nach horizontalen Linien, die nicht die letzte sind, und innerhalb von Article-Body-Divs.Der Text, den Sie bereitgestellt haben, ist CSS-Code, keine Prosa, daher gibt es kein natürliches Englisch zum Umschreiben. Es ist eine Reihe von Selektoren, die 14px oberes Padding zum ersten Absatz nach bestimmten Elementen (wie dem ersten Atom-Element, einem Sign-in-Gate oder einer horizontalen Linie, die nicht die letzte ist) innerhalb verschiedener Container hinzufügen, und es stylt auch den ersten Buchstaben dieser Absätze.
Wenn Sie einen anderen Text einfügen wollten, teilen Sie ihn gerne und ich werde ihn in fließendem, natürlichem Englisch umschreiben.Ich kann das nicht als fließendes Englisch umschreiben – es ist CSS-Code, keine Prosa. Wenn Sie möchten, kann ich erklären, was die Styles auf einfachem Englisch tun, oder Sie können den tatsächlichen Text teilen, den Sie umgeschrieben haben möchten.Dieser CSS-Code definiert ein responsives Layout für Artikel-Header, Headlines, Metadaten, Standfirsts und Portraits. Er verwendet CSS Grid, um diese Elemente über verschiedene Bildschirmgrößen hinweg anzuordnen, mit Breakpoints bei 61.25em, 71.25em und 81.25em. Das Layout passt Spalten- und Zeilenstrukturen an, fügt Ränder hinzu und stylt Links und Figuren, um sicherzustellen, dass der Inhalt auf verschiedenen Geräten korrekt angezeigt wird..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 #standfZuerst, Listenelement-Link-Hover, Furniture-Wrapper-Standfirst-Link-Hover und Furniture-Wrapper-Standfirst-Listenelement-Link-Hover: unteren Rand entfernen und Textdekoration-Farbe auf die neue Pillar-Farbe oder Dark-Mode-Feature setzen.
Furniture-Wrapper-Standfirst-Absätze, Standfirst-Absätze und Standfirst-Absätze: Textfarbe auf #dcdcdc setzen.
Bei Mindestbreite 61.25em: Der erste Standfirst-Absatz erhält einen oberen Rand von 1px solid Header-Rand-Farbe.
Bei Mindestbreite 71.25em: Der obere Rand des ersten Standfirst-Absatzes wird entfernt.
Furniture-Wrapper-Standfirst-Listenelemente, Standfirst-Listenelemente und Standfirst-Listenelemente: Textfarbe auf #dcdcdc setzen.
Bei Mindestbreite 71.25em: Das Standfirst-Vorher-Pseudoelement erhält eine Hintergrundfarbe von Header-Rand-Farbe.
Bei Mindestbreite 46.25em: Das Furniture-Wrapper-Vorher-Pseudoelement hat leeren Inhalt, volle Höhe, positioniert oben, absolute Positionierung, Hintergrundfarbe von Dark Background, rechter Rand von 1px solid Header-Rand-Farbe, linke Position berechnet als negative Hälfte der Viewport-Breite minus Scrollbar-Breite minus 738px, und Breite berechnet als Hälfte der Viewport-Breite minus Scrollbar-Breite minus 738px. Das Furniture-Wrapper-Nachher-Pseudoelement hat leeren Inhalt, volle Höhe, positioniert oben, absolute Positionierung, Hintergrundfarbe von Dark Background, linker Rand von 1px solid Header-Rand-Farbe, rechte Position berechnet als negative Hälfte der Viewport-Breite minus Scrollbar-Breite minus 738px, und Breite berechnet als Hälfte der Viewport-Breite minus Scrollbar-Breite minus 738px.
Bei Mindestbreite 61.25em: Das Furniture-Wrapper-Vorher-Pseudoelement hat leeren Inhalt, Breite berechnet als Hälfte der Viewport-Breite minus Scrollbar-Breite minus 978px, und linke Position berechnet als negative Hälfte davon. Das Furniture-Wrapper-Nachher-Pseudoelement hat leeren Inhalt, Breite berechnet als Hälfte der Viewport-Breite minus Scrollbar-Breite minus 978px, und rechte Position berechnet als negative Hälfte davon.
Bei Mindestbreite 71.25em: Das Furniture-Wrapper-Vorher-Pseudoelement hat leeren Inhalt, Breite berechnet als Hälfte der Viewport-Breite minus Scrollbar-Breite minus 1138px, und linke Position berechnet als negative Hälfte davon. Das Furniture-Wrapper-Nachher-Pseudoelement hat leeren Inhalt, Breite berechnet als Hälfte der Viewport-Breite minus Scrollbar-Breite minus 1138px, und rechte Position berechnet als negative Hälfte davon.
Bei Mindestbreite 81.25em: Das Furniture-Wrapper-Vorher-Pseudoelement hat leeren Inhalt, Breite berechnet als Hälfte der Viewport-Breite minus Scrollbar-Breite minus 1298px, und linke Position berechnet als negative Hälfte davon. Das Furniture-Wrapper-Nachher-Pseudoelement hat leeren Inhalt, Breite berechnet als Hälfte der Viewport-Breite minus Scrollbar-Breite minus 1298px, und rechte Position berechnet als negative Hälfte davon.
Furniture-Wrapper-Keyline-4-SVG und Lines-SVG: Stroke auf Header-Rand-Farbe setzen.
Furniture-Wrapper-Meta-Social, Meta-Social-Listenelement-Link-Span, Meta-Kommentar, Meta-Social, Meta-Social-Listenelement-Link-Span und Meta-Kommentar: Randfarbe auf Header-Rand-Farbe setzen.
Article-Body-h2 und Interactive-Content-Body-h2: Schriftgewicht auf 200 setzen. Wenn das h2 strong enthält, Schriftgewicht auf 700 setzen.
Div mit data-print-layout hide ul: Hintergrundbild entfernen.
Root mit data-rendering-target apps: Follow-Text auf #dcdcdc setzen, Follow-Icon-Fill auf neue Pillar-Farbe, Standfirst-Text auf #dcdcdc, Standfirst-Link-Text auf neue Pillar-Farbe, Standfirst-Link-Rand auf neue Pillar-Farbe, Byline auf neue Pillar-Farbe, Article-Meta-Lines auf Header-Rand-Farbe und Byline auf Dark-Mode-Pillar.
Root mit data-rendering-target apps Byline-Span: Farbe auf neue Pillar-Farbe setzen.
Root mit data-rendering-target apps Byline-Span-Div mit angrenzendem FollowWrapper: Hintergrundbild auf Header-Rand-Farbe setzen, Header-Rand-Farbe 1px, transparent 1px.
Bei prefers-color-schemeIch kannte Mohamed Tahlil als einen sanften Piraten, der in den ersten Monaten meiner Gefangenschaft im Jahr 2012 ein Team von Wachen anführte. Ich war nach Somalia gereist, um über den Aufstieg der modernen Piraterie vor seiner Küste zu berichten. Am zehnten Tag wurde ich entlang einer staubigen Straße in der Nähe von Galkayo in Zentral-Somalia von Piraten entführt. Für die nächsten zweieinhalb Jahre war ich eine Geisel.
Ich verbrachte die meiste Zeit auf einer dünnen, schweißdurchnässten Schaumstoffmatratze auf dem Boden eines staubigen Raums. Die düsteren Betongefängnisse wechselten, aber der Schmutz und die Bedingungen blieben nie gleich. Manchmal brachten mich meine Entführer in die somalische Savanne, wo wir im Freien lagerten und auf dem Boden schliefen. Sechs Monate lang wurde ich auf einem gekaperten Thunfischschiff festgehalten, zusammen mit 28 Fischern aus Ostasien, die etwa drei Wochen bevor ich an Bord gebracht wurde, gefangen genommen worden waren. (Sie hatten mich an Land gefangen genommen, aber sie waren eine Piratenbande, die organisiert war, um Schiffe auf See zu beschlagnahmen.) An jedem Ort saßen Piratenwachen mit AK-47s herum, hörten Radio oder kauten Khat, eine narkotische Pflanze.
Tahlil war ein dünner, fast fröhlicher Mann, der wenig Englisch sprach und den mit Müll übersäten Hof seines unfertigen Gefängnishauses mit großmütterlicher Ruhe fegte. Wenn er in mein Zimmer kam, schenkte er mir sein zahnlückiges Lächeln und brachte mir ein paar somalische Wörter bei (für "Sonne", "Wolke" und so weiter). Er trug Gewehre, drohte aber nie, auf mich zu schießen. Tahlil schien nicht besonders hart zu sein – er kochte und wusch Geschirr zusammen mit niederrangigeren Wachen – aber er gebot Respekt. Ich hielt ihn für einen niederrangigen Wachführer im riesigen Netzwerk der Clan-Piraten in Zentral-Somalia, das von Fußsoldaten bis zu einer Handvoll Top-Bosse reichte, Warlords, die mit bewaffneten Eskorten reisten. Tahlil sagte, die Männer, die mich gefangen genommen hatten, seien die "böse Gruppe", während er und seine Wachen die gute Gruppe seien. Er versprach, mich in "
