@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){.A coluna de conteúdo principal para artigos interativos tem uma borda esquerda de 1px solid #dcdcdc, posicionada em -10px com um z-index de -1. Em telas com pelo menos 81.25em de largura, essa borda muda para -11px.
Dentro dessa coluna, elementos atom não têm margem superior ou inferior, mas recebem 12px de padding em ambos. Quando um elemento atom segue um parágrafo, seu padding é removido e ele recebe 12px de margens. Elementos inline são limitados a 620px de largura, e em telas com pelo menos 61.25em de largura, figuras inline também têm no máximo 620px.
Para seções de mídia contendo figuras em loop, o figcaption fica acima de outros elementos com um z-index de 6. O botão de loop de vídeo se alinha ao canto inferior direito com uma margem inferior de 40px e margem direita de 3px. Contêineres de controle de mudo e desmudo ficam alinhados à direita com 10px de padding à esquerda. O botão de legenda tem um z-index de 100, e em telas com pelo menos 61.25em de largura, ele fica a 20px do fundo. Em telas com pelo menos 46.25em de largura, contêineres de cinemagraph não têm altura máxima.
Ilhas de vídeo auto-hospedadas no corpo são de largura total até 620px, exibidas como blocos com 12px de margens superior e inferior. Suas figuras em loop e vídeos também são de largura total até 620px, centralizados. Quando esses vídeos são imersivos, o limite de largura é removido e as margens se tornam 12px superior e inferior. Em telas com pelo menos 71.25em de largura, vídeos imersivos se expandem para 1140px e deslocam para a esquerda em 180px, com figcaptions indentados em 20px. Em telas com pelo menos 81.25em de largura, eles se expandem ainda mais para 1300px e deslocam para a esquerda em 260px.
A raiz define várias variáveis de cor: dateline (#606060), borda do cabeçalho (#dcdcdc), texto da legenda (#999), fundo da legenda (quase preto com 72% de opacidade), cor de destaque (#c70000), e uma nova cor de pilar que padrão para o pilar primário ou cor de destaque. Subtítulos, pullquotes e ícones de pullquote usam a cor do pilar secundário, enquanto blockquotes usam a cor do texto do artigo. Blockquotes também recebem uma cor de preenchimento do pilar secundário. No modo escuro (a menos que o modo claro seja explicitamente definido), subtítulos, pullquotes e seus ícones mudam para a cor do pilar do modo escuro, e blockquotes usam essa mesma cor para seu preenchimento.
Elementos atom não têm padding. Quando um elemento atom é o primeiro de seu tipo e é seguido por um parágrafo, portão de login, outro elemento atom, ou similar, o parágrafo seguinte recebe espaçamento especial. O mesmo se aplica após regras horizontais que não são a última, e dentro de divs do corpo do artigo.O texto que você forneceu é código CSS, não prosa, então não há inglês natural para reescrever. É um conjunto de seletores que adicionam 14px de padding superior ao primeiro parágrafo após certos elementos (como o primeiro elemento atom, um portão de login, ou uma regra horizontal que não é a última) dentro de vários contêineres, e também estiliza a primeira letra desses parágrafos.
Se você pretendia colar um trecho diferente de texto, sinta-se à vontade para compartilhá-lo e eu o reescreverei em inglês fluente e natural.Não posso reescrever isso como inglês fluente—é código CSS, não prosa. Se você quiser, posso explicar o que os estilos fazem em inglês simples, ou você pode compartilhar o texto real que deseja reescrever.Este código CSS define um layout responsivo para cabeçalhos de artigos, manchetes, metadados, standfirsts e retratos. Ele usa CSS Grid para organizar esses elementos em diferentes tamanhos de tela, com breakpoints em 61.25em, 71.25em e 81.25em. O layout ajusta estruturas de colunas e linhas, adiciona bordas, e estiliza links e figuras para garantir que o conteúdo seja exibido corretamente em vários dispositivos..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 #standfPrimeiro, hover do link de item de lista, hover do link standfirst do furniture wrapper, e hover do link de item de lista standfirst do furniture wrapper: remover borda inferior e definir cor de decoração de texto para a nova cor do pilar ou recurso do modo escuro.
Parágrafos standfirst do furniture wrapper, parágrafos standfirst, e parágrafos standfirst: definir cor do texto para #dcdcdc.
Na largura mínima de 61.25em: o primeiro parágrafo standfirst recebe uma borda superior de 1px solid na cor da borda do cabeçalho.
Na largura mínima de 71.25em: a borda superior do primeiro parágrafo standfirst é removida.
Itens de lista standfirst do furniture wrapper, itens de lista standfirst, e itens de lista standfirst: definir cor do texto para #dcdcdc.
Na largura mínima de 71.25em: o pseudo-elemento before do standfirst recebe uma cor de fundo da cor da borda do cabeçalho.
Na largura mínima de 46.25em: o pseudo-elemento before do furniture wrapper tem conteúdo vazio, altura total, posicionado no topo, posicionamento absoluto, cor de fundo do fundo escuro, borda direita de 1px solid na cor da borda do cabeçalho, posição esquerda calculada como metade negativa da largura da viewport menos largura da barra de rolagem menos 738px, e largura calculada como metade da largura da viewport menos largura da barra de rolagem menos 738px. O pseudo-elemento after do furniture wrapper tem conteúdo vazio, altura total, posicionado no topo, posicionamento absoluto, cor de fundo do fundo escuro, borda esquerda de 1px solid na cor da borda do cabeçalho, posição direita calculada como metade negativa da largura da viewport menos largura da barra de rolagem menos 738px, e largura calculada como metade da largura da viewport menos largura da barra de rolagem menos 738px.
Na largura mínima de 61.25em: o pseudo-elemento before do furniture wrapper tem conteúdo vazio, largura calculada como metade da largura da viewport menos largura da barra de rolagem menos 978px, e posição esquerda calculada como metade negativa disso. O pseudo-elemento after do furniture wrapper tem conteúdo vazio, largura calculada como metade da largura da viewport menos largura da barra de rolagem menos 978px, e posição direita calculada como metade negativa disso.
Na largura mínima de 71.25em: o pseudo-elemento before do furniture wrapper tem conteúdo vazio, largura calculada como metade da largura da viewport menos largura da barra de rolagem menos 1138px, e posição esquerda calculada como metade negativa disso. O pseudo-elemento after do furniture wrapper tem conteúdo vazio, largura calculada como metade da largura da viewport menos largura da barra de rolagem menos 1138px, e posição direita calculada como metade negativa disso.
Na largura mínima de 81.25em: o pseudo-elemento before do furniture wrapper tem conteúdo vazio, largura calculada como metade da largura da viewport menos largura da barra de rolagem menos 1298px, e posição esquerda calculada como metade negativa disso. O pseudo-elemento after do furniture wrapper tem conteúdo vazio, largura calculada como metade da largura da viewport menos largura da barra de rolagem menos 1298px, e posição direita calculada como metade negativa disso.
SVG keyline-4 do furniture wrapper e SVG lines: definir stroke para a cor da borda do cabeçalho.
Meta social do furniture wrapper, span de link de item de lista meta social, comentário meta, meta social, span de link de item de lista meta social, e comentário meta: definir cor da borda para a cor da borda do cabeçalho.
h2 do corpo do artigo e h2 do corpo de conteúdo interativo: definir peso da fonte para 200. Se o h2 contiver strong, definir peso da fonte para 700.
Div com data-print-layout hide ul: remover imagem de fundo.
Raiz com data-rendering-target apps: definir texto de seguir para #dcdcdc, preenchimento do ícone de seguir para nova cor do pilar, texto standfirst para #dcdcdc, texto do link standfirst para nova cor do pilar, borda do link standfirst para nova cor do pilar, byline para nova cor do pilar, linhas de meta do artigo para cor da borda do cabeçalho, e byline para pilar do modo escuro.
Raiz com data-rendering-target apps byline span: definir cor para nova cor do pilar.
Raiz com data-rendering-target apps byline span div com FollowWrapper adjacente: definir imagem de fundo para cor da borda do cabeçalho, cor da borda do cabeçalho 1px, transparente 1px.
Em prefers-color-schemeEu conhecia Mohamed Tahlil como um pirata gentil que liderava uma equipe de guardas durante os primeiros meses do meu cativeiro em 2012. Eu tinha ido à Somália para reportar sobre a ascensão da pirataria moderna em sua costa. No décimo dia, ao longo de uma estrada poeirenta perto de Galkayo, no centro da Somália, fui sequestrado por piratas. Pelos dois anos e meio seguintes, fui um refém.
Passei a maior parte do tempo em um colchão de espuma fino e encharcado de suor no chão de um quarto poeirento. As prisões de concreto escuras mudavam, mas a sujeira e as condições nunca mudavam. Às vezes meus captores me moviam para a savana somali, onde acampávamos ao ar livre e dormíamos no chão. Por seis meses, fui mantido em um navio de atum sequestrado, junto com 28 pescadores do Leste Asiático que haviam sido capturados cerca de três semanas antes de eu ser trazido a bordo. (Eles me haviam capturado em terra, mas eram uma gangue de piratas organizada para apreender navios no mar.) Em cada local, guardas piratas ficavam sentados com AK-47s, ouvindo rádio ou mascando khat, uma planta narcótica.
Tahlil era um homem magro, quase alegre, que falava pouco inglês e varria o quintal cheio de lixo de sua casa-prisão inacabada com uma calma de avó. Quando ele entrava no meu quarto, me dava seu sorriso de dentes tortos e me ensinava algumas palavras em somali (para "sol", "nuvem", e assim por diante). Ele carregava rifles mas nunca ameaçou atirar em mim. Tahlil não parecia particularmente durão—ele cozinhava e lavava pratos ao lado de guardas de baixa patente—mas comandava respeito. Eu o considerava um líder de guardas de baixa patente na vasta rede de piratas de clã no centro da Somália, que ia de soldados rasos a um punhado de chefões, senhores da guerra que viajavam com escoltas armadas. Tahlil dizia que os homens que me haviam capturado eram o "grupo ruim", enquanto ele e seus guardas eram o grupo bom. Ele prometeu me manter seguro
