@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){.La colonne de contenu principale pour les articles interactifs a une bordure gauche de 1px solid #dcdcdc, positionnée à -10px avec un z-index de -1. Sur les écrans d'au moins 81.25em de large, cette bordure se décale à -11px.
Dans cette colonne, les éléments atom n'ont pas de marge supérieure ou inférieure mais obtiennent 12px de padding des deux côtés. Quand un élément atom suit un paragraphe, son padding est supprimé et il obtient 12px de marges à la place. Les éléments inline sont limités à 620px de large, et sur les écrans d'au moins 61.25em de large, les figures inline sont également limitées à 620px.
Pour les sections média contenant des figures en boucle, la figcaption se place au-dessus des autres éléments avec un z-index de 6. Le bouton de boucle vidéo s'aligne en bas à droite avec une marge inférieure de 40px et une marge droite de 3px. Les conteneurs de contrôle mute et unmute se placent à droite avec 10px de padding gauche. Le bouton caption a un z-index de 100, et sur les écrans d'au moins 61.25em de large, il se place à 20px du bas. Sur les écrans d'au moins 46.25em de large, les conteneurs cinemagraph n'ont pas de hauteur maximale.
Les îlots vidéo auto-hébergés dans le corps sont pleine largeur jusqu'à 620px, affichés comme des blocs avec 12px de marges supérieure et inférieure. Leurs figures en boucle et vidéos sont également pleine largeur jusqu'à 620px, centrées. Quand ces vidéos sont immersives, la limite de largeur est supprimée et les marges deviennent 12px en haut et en bas. Sur les écrans d'au moins 71.25em de large, les vidéos immersives s'étendent à 1140px et se décalent à gauche de 180px, avec les figcaptions indentées de 20px. Sur les écrans d'au moins 81.25em de large, elles s'étendent davantage à 1300px et se décalent à gauche de 260px.
La racine définit plusieurs variables de couleur : dateline (#606060), bordure d'en-tête (#dcdcdc), texte de légende (#999), arrière-plan de légende (noir presque opaque à 72%), couleur de feature (#c70000), et une nouvelle couleur de pilier qui par défaut est la couleur de pilier primaire ou de feature. Les sous-titres, pullquotes, et icônes de pullquote utilisent la couleur de pilier secondaire, tandis que les blockquotes utilisent la couleur de texte de l'article. Les blockquotes obtiennent aussi une couleur de remplissage du pilier secondaire. En mode sombre (sauf si le mode clair est explicitement défini), les sous-titres, pullquotes, et leurs icônes passent à la couleur de pilier du mode sombre, et les blockquotes utilisent cette même couleur pour leur remplissage.
Les éléments atom n'ont pas de padding. Quand un élément atom est le premier de son type et est suivi d'un paragraphe, d'une porte de connexion, d'un autre élément atom, ou similaire, le paragraphe suivant obtient un espacement spécial. La même chose s'applique après les règles horizontales qui ne sont pas la dernière, et dans les divs de corps d'article.Le texte que vous avez fourni est du code CSS, pas de la prose, donc il n'y a pas d'anglais naturel à réécrire. C'est un ensemble de sélecteurs qui ajoutent 14px de padding supérieur au premier paragraphe après certains éléments (comme le premier élément atom, une porte de connexion, ou une règle horizontale qui n'est pas la dernière) dans divers conteneurs, et il style aussi la première lettre de ces paragraphes.
Si vous vouliez coller un autre morceau de texte, n'hésitez pas à le partager et je le réécrirai en anglais fluide et naturel.Je ne peux pas réécrire cela en anglais fluide—c'est du code CSS, pas de la prose. Si vous voulez, je peux expliquer ce que les styles font en anglais simple, ou vous pouvez partager le texte réel que vous voulez réécrire.Ce code CSS définit une mise en page responsive pour les en-têtes d'articles, titres, métadonnées, standfirsts, et portraits. Il utilise CSS Grid pour organiser ces éléments à travers différentes tailles d'écran, avec des points de rupture à 61.25em, 71.25em, et 81.25em. La mise en page ajuste les structures de colonnes et de lignes, ajoute des bordures, et style les liens et figures pour assurer que le contenu s'affiche correctement sur divers appareils..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 #standfPremier, lien d'élément de liste en survol, lien standfirst de furniture wrapper en survol, et lien d'élément de liste standfirst de furniture wrapper en survol : supprimer la bordure inférieure et définir la couleur de décoration du texte sur la nouvelle couleur de pilier ou la fonctionnalité du mode sombre.
Paragraphes standfirst de furniture wrapper, paragraphes standfirst, et paragraphes standfirst : définir la couleur du texte sur #dcdcdc.
À une largeur minimale de 61.25em : le premier paragraphe standfirst obtient une bordure supérieure de 1px solid header border color.
À une largeur minimale de 71.25em : la bordure supérieure du premier paragraphe standfirst est supprimée.
Éléments de liste standfirst de furniture wrapper, éléments de liste standfirst, et éléments de liste standfirst : définir la couleur du texte sur #dcdcdc.
À une largeur minimale de 71.25em : le pseudo-élément before du standfirst obtient une couleur d'arrière-plan de header border color.
À une largeur minimale de 46.25em : le pseudo-élément before du furniture wrapper a un contenu vide, une hauteur complète, positionné en haut, positionnement absolu, couleur d'arrière-plan de dark background, bordure droite de 1px solid header border color, position gauche calculée comme la moitié négative de la largeur de viewport moins la largeur de scrollbar moins 738px, et largeur calculée comme la moitié de la largeur de viewport moins la largeur de scrollbar moins 738px. Le pseudo-élément after du furniture wrapper a un contenu vide, une hauteur complète, positionné en haut, positionnement absolu, couleur d'arrière-plan de dark background, bordure gauche de 1px solid header border color, position droite calculée comme la moitié négative de la largeur de viewport moins la largeur de scrollbar moins 738px, et largeur calculée comme la moitié de la largeur de viewport moins la largeur de scrollbar moins 738px.
À une largeur minimale de 61.25em : le pseudo-élément before du furniture wrapper a un contenu vide, une largeur calculée comme la moitié de la largeur de viewport moins la largeur de scrollbar moins 978px, et une position gauche calculée comme la moitié négative de cela. Le pseudo-élément after du furniture wrapper a un contenu vide, une largeur calculée comme la moitié de la largeur de viewport moins la largeur de scrollbar moins 978px, et une position droite calculée comme la moitié négative de cela.
À une largeur minimale de 71.25em : le pseudo-élément before du furniture wrapper a un contenu vide, une largeur calculée comme la moitié de la largeur de viewport moins la largeur de scrollbar moins 1138px, et une position gauche calculée comme la moitié négative de cela. Le pseudo-élément after du furniture wrapper a un contenu vide, une largeur calculée comme la moitié de la largeur de viewport moins la largeur de scrollbar moins 1138px, et une position droite calculée comme la moitié négative de cela.
À une largeur minimale de 81.25em : le pseudo-élément before du furniture wrapper a un contenu vide, une largeur calculée comme la moitié de la largeur de viewport moins la largeur de scrollbar moins 1298px, et une position gauche calculée comme la moitié négative de cela. Le pseudo-élément after du furniture wrapper a un contenu vide, une largeur calculée comme la moitié de la largeur de viewport moins la largeur de scrollbar moins 1298px, et une position droite calculée comme la moitié négative de cela.
SVG keyline-4 de furniture wrapper et SVG lines : définir le stroke sur header border color.
Meta social de furniture wrapper, span de lien d'élément de liste meta social, commentaire meta, meta social, span de lien d'élément de liste meta social, et commentaire meta : définir la couleur de bordure sur header border color.
H2 du corps d'article et h2 du corps de contenu interactif : définir le poids de police sur 200. Si le h2 contient strong, définir le poids de police sur 700.
Div avec data-print-layout hide ul : supprimer l'image d'arrière-plan.
Racine avec data-rendering-target apps : définir follow text sur #dcdcdc, follow icon fill sur nouvelle couleur de pilier, standfirst text sur #dcdcdc, standfirst link text sur nouvelle couleur de pilier, standfirst link border sur nouvelle couleur de pilier, byline sur nouvelle couleur de pilier, article meta lines sur header border color, et byline sur dark mode pillar.
Racine avec data-rendering-target apps byline span : définir la couleur sur nouvelle couleur de pilier.
Racine avec data-rendering-target apps byline span div avec FollowWrapper adjacent : définir l'image d'arrière-plan sur header border color, header border color 1px, transparent 1px.
À prefers-color-schemeJe connaissais Mohamed Tahlil comme un pirate doux qui dirigeait une équipe de gardes pendant les premiers mois de ma captivité en 2012. J'étais allé en Somalie pour faire un reportage sur la montée de la piraterie moderne au large de ses côtes. Le dixième jour, sur une route poussiéreuse près de Galkayo dans le centre de la Somalie, j'ai été enlevé par des pirates. Pendant les deux années et demie suivantes, j'ai été un otage.
J'ai passé la plupart de mon temps sur un mince matelas en mousse imbibé de sueur sur le sol d'une pièce poussiéreuse. Les prisons en béton sombres changeaient, mais la saleté et les conditions ne changeaient jamais. Parfois mes ravisseurs me déplaçaient dans la savane somalienne, où nous campions à ciel ouvert et dormions par terre. Pendant six mois, j'ai été détenu sur un thonier détourné, avec 28 pêcheurs d'Asie de l'Est qui avaient été capturés environ trois semaines avant que je sois amené à bord. (Ils m'avaient capturé sur terre, mais ils étaient un gang de pirates organisé pour saisir des navires en mer.) À chaque endroit, les gardes pirates s'asseyaient avec des AK-47, écoutant la radio ou mâchant du khat, une plante narcotique.
Tahlil était un homme maigre, presque joyeux, qui parlait peu anglais et balayait la cour jonchée de détritus de sa maison-prison inachevée avec un calme de grand-mère. Quand il entrait dans ma chambre, il me donnait son sourire aux dents irrégulières et m'apprenait quelques mots somaliens (pour « soleil », « nuage », etc.). Il portait des fusils mais ne menaçait jamais de me tirer dessus. Tahlil ne semblait pas particulièrement dur—il cuisinait et faisait la vaisselle aux côtés de gardes de rang inférieur—mais il commandait le respect. Je le considérais comme un chef de gardes de bas rang dans le vaste réseau de pirates de clans du centre de la Somalie, qui allait de simples soldats à
