@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 colonna principale del contenuto per gli articoli interattivi ha un bordo sinistro di 1px solid #dcdcdc, posizionato a -10px con uno z-index di -1. Su schermi larghi almeno 81.25em, questo bordo si sposta a -11px.
All'interno di questa colonna, gli elementi atom non hanno margine superiore o inferiore ma ottengono 12px di padding su entrambi i lati. Quando un elemento atom segue un paragrafo, il suo padding viene rimosso e ottiene invece margini di 12px. Gli elementi inline sono limitati a 620px di larghezza, e su schermi larghi almeno 61.25em, anche le figure inline hanno un massimo di 620px.
Per le sezioni media contenenti figure in loop, il figcaption si trova sopra gli altri elementi con uno z-index di 6. Il pulsante del video loop si allinea in basso a destra con un margine inferiore di 40px e un margine destro di 3px. I contenitori dei controlli mute e unmute si trovano a filo destro con 10px di padding sinistro. Il pulsante della didascalia ha uno z-index di 100, e su schermi larghi almeno 61.25em, si trova a 20px dal basso. Su schermi larghi almeno 46.25em, i contenitori cinemagraph non hanno altezza massima.
Le isole video self-hosted nel corpo sono a larghezza piena fino a 620px, visualizzate come blocchi con margini superiore e inferiore di 12px. Le loro figure in loop e i video sono anch'essi a larghezza piena fino a 620px, centrati. Quando questi video sono immersivi, il limite di larghezza viene rimosso e i margini diventano 12px in alto e in basso. Su schermi larghi almeno 71.25em, i video immersivi si espandono a 1140px e si spostano a sinistra di 180px, con i figcaption indentati di 20px. Su schermi larghi almeno 81.25em, si espandono ulteriormente a 1300px e si spostano a sinistra di 260px.
La radice definisce diverse variabili di colore: dateline (#606060), bordo dell'intestazione (#dcdcdc), testo della didascalia (#999), sfondo della didascalia (near-black con opacità 72%), colore feature (#c70000), e un nuovo colore pillar che per impostazione predefinita è il pillar primario o il colore feature. I sottotitoli, i pullquote e le icone dei pullquote usano il colore pillar secondario, mentre i blockquote usano il colore del testo dell'articolo. I blockquote ottengono anche un colore di riempimento dal pillar secondario. In modalità scura (a meno che la modalità chiara non sia esplicitamente impostata), i sottotitoli, i pullquote e le loro icone passano al colore pillar della modalità scura, e i blockquote usano quello stesso colore per il loro riempimento.
Gli elementi atom non hanno padding. Quando un elemento atom è il primo del suo tipo ed è seguito da un paragrafo, un gate di accesso, un altro elemento atom o simili, il paragrafo successivo ottiene una spaziatura speciale. Lo stesso vale dopo le linee orizzontali che non sono l'ultima, e all'interno dei div del corpo dell'articolo.Il testo che hai fornito è codice CSS, non prosa, quindi non c'è un inglese naturale da riscrivere. È un insieme di selettori che aggiungono 14px di padding superiore al primo paragrafo dopo determinati elementi (come il primo elemento atom, un gate di accesso, o una linea orizzontale che non è l'ultima) all'interno di vari contenitori, e stilizza anche la prima lettera di quei paragrafi.
Se intendevi incollare un testo diverso, sentiti libero di condividerlo e lo riscriverò in un inglese fluente e naturale.Non posso riscriverlo come inglese fluente—è codice CSS, non prosa. Se vuoi, posso spiegare cosa fanno gli stili in inglese semplice, oppure puoi condividere il testo effettivo che vuoi riscrivere.Questo codice CSS definisce un layout responsive per intestazioni di articoli, titoli, metadati, standfirst e ritratti. Usa CSS Grid per disporre questi elementi su diverse dimensioni di schermo, con breakpoint a 61.25em, 71.25em e 81.25em. Il layout regola strutture di colonne e righe, aggiunge bordi, e stilizza link e figure per garantire che il contenuto venga visualizzato correttamente su vari dispositivi..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 #standfPrimo, hover del link dell'elemento della lista, hover del link dello standfirst del wrapper furniture, e hover del link dell'elemento della lista dello standfirst del wrapper furniture: rimuovi il bordo inferiore e imposta il colore della decorazione del testo sul nuovo colore pillar o sulla feature della modalità scura.
Paragrafi dello standfirst del wrapper furniture, paragrafi dello standfirst, e paragrafi dello standfirst: imposta il colore del testo su #dcdcdc.
Alla larghezza minima di 61.25em: il primo paragrafo dello standfirst ottiene un bordo superiore di 1px solid del colore del bordo dell'intestazione.
Alla larghezza minima di 71.25em: il bordo superiore del primo paragrafo dello standfirst viene rimosso.
Elementi della lista dello standfirst del wrapper furniture, elementi della lista dello standfirst, ed elementi della lista dello standfirst: imposta il colore del testo su #dcdcdc.
Alla larghezza minima di 71.25em: lo pseudo-elemento before dello standfirst ottiene un colore di sfondo del colore del bordo dell'intestazione.
Alla larghezza minima di 46.25em: lo pseudo-elemento before del wrapper furniture ha contenuto vuoto, altezza piena, posizionato in alto, posizionamento assoluto, colore di sfondo dello sfondo scuro, bordo destro di 1px solid del colore del bordo dell'intestazione, posizione sinistra calcolata come metà negativa della larghezza del viewport meno la larghezza della scrollbar meno 738px, e larghezza calcolata come metà della larghezza del viewport meno la larghezza della scrollbar meno 738px. Lo pseudo-elemento after del wrapper furniture ha contenuto vuoto, altezza piena, posizionato in alto, posizionamento assoluto, colore di sfondo dello sfondo scuro, bordo sinistro di 1px solid del colore del bordo dell'intestazione, posizione destra calcolata come metà negativa della larghezza del viewport meno la larghezza della scrollbar meno 738px, e larghezza calcolata come metà della larghezza del viewport meno la larghezza della scrollbar meno 738px.
Alla larghezza minima di 61.25em: lo pseudo-elemento before del wrapper furniture ha contenuto vuoto, larghezza calcolata come metà della larghezza del viewport meno la larghezza della scrollbar meno 978px, e posizione sinistra calcolata come metà negativa di quella. Lo pseudo-elemento after del wrapper furniture ha contenuto vuoto, larghezza calcolata come metà della larghezza del viewport meno la larghezza della scrollbar meno 978px, e posizione destra calcolata come metà negativa di quella.
Alla larghezza minima di 71.25em: lo pseudo-elemento before del wrapper furniture ha contenuto vuoto, larghezza calcolata come metà della larghezza del viewport meno la larghezza della scrollbar meno 1138px, e posizione sinistra calcolata come metà negativa di quella. Lo pseudo-elemento after del wrapper furniture ha contenuto vuoto, larghezza calcolata come metà della larghezza del viewport meno la larghezza della scrollbar meno 1138px, e posizione destra calcolata come metà negativa di quella.
Alla larghezza minima di 81.25em: lo pseudo-elemento before del wrapper furniture ha contenuto vuoto, larghezza calcolata come metà della larghezza del viewport meno la larghezza della scrollbar meno 1298px, e posizione sinistra calcolata come metà negativa di quella. Lo pseudo-elemento after del wrapper furniture ha contenuto vuoto, larghezza calcolata come metà della larghezza del viewport meno la larghezza della scrollbar meno 1298px, e posizione destra calcolata come metà negativa di quella.
SVG keyline-4 del wrapper furniture e SVG lines: imposta lo stroke sul colore del bordo dell'intestazione.
Meta social del wrapper furniture, span del link dell'elemento della lista meta social, commento meta, meta social, span del link dell'elemento della lista meta social, e commento meta: imposta il colore del bordo sul colore del bordo dell'intestazione.
H2 del corpo dell'articolo e h2 del corpo del contenuto interattivo: imposta il peso del font su 200. Se l'h2 contiene strong, imposta il peso del font su 700.
Div con data-print-layout hide ul: rimuovi l'immagine di sfondo.
Root con data-rendering-target apps: imposta follow text su #dcdcdc, follow icon fill sul nuovo colore pillar, standfirst text su #dcdcdc, standfirst link text sul nuovo colore pillar, standfirst link border sul nuovo colore pillar, byline sul nuovo colore pillar, article meta lines sul colore del bordo dell'intestazione, e byline sul pillar della modalità scura.
Root con data-rendering-target apps byline span: imposta il colore sul nuovo colore pillar.
Root con data-rendering-target apps byline span div con FollowWrapper adiacente: imposta l'immagine di sfondo sul colore del bordo dell'intestazione, colore del bordo dell'intestazione 1px, trasparente 1px.
A prefers-color-schemeConoscevo Mohamed Tahlil come un pirata gentile che guidava una squadra di guardie durante i primi mesi della mia prigionia nel 2012. Ero andato in Somalia per fare un reportage sull'ascesa della pirateria moderna al largo delle sue coste. Il decimo giorno, lungo una strada polverosa vicino a Galkayo nella Somalia centrale, fui rapito dai pirati. Per i successivi due anni e mezzo, fui un ostaggio.
Trascorsi la maggior parte del mio tempo su un sottile materasso di schiuma intriso di sudore sul pavimento di una stanza polverosa. Le cupe prigioni di cemento cambiavano, ma la sporcizia e le condizioni non cambiarono mai. A volte i miei carcerieri mi spostavano nella savana somala, dove ci accampavamo all'aperto e dormivamo per terra. Per sei mesi, fui tenuto su una nave tonno dirottata, insieme a 28 pescatori dell'Asia orientale che erano stati catturati circa tre settimane prima che io fossi portato a bordo. (Mi avevano catturato sulla terraferma, ma erano una banda di pirati organizzata per sequestrare navi in mare.) In ogni luogo, le guardie pirata sedevano in giro con AK-47, ascoltando la radio o masticando khat, una pianta narcotica.
Tahlil era un uomo magro, quasi allegro, che parlava poco inglese e spazzava il cortile pieno di cianfrusaglie della sua casa-prigione incompiuta con una calma da nonna. Quando entrava nella mia stanza, mi regalava il suo sorriso sdentato e mi insegnava qualche parola somala (per "sole", "nuvola", e così via). Portava fucili ma non minacciò mai di spararmi. Tahlil non sembrava particolarmente duro—cucinava e lavava i piatti insieme alle
