@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 columna de contenido principal para artículos interactivos tiene un borde izquierdo de 1px sólido #dcdcdc, posicionado a -10px con un z-index de -1. En pantallas de al menos 81.25em de ancho, este borde se desplaza a -11px.
Dentro de esta columna, los elementos átomo no tienen margen superior ni inferior pero obtienen 12px de relleno en ambos. Cuando un elemento átomo sigue a un párrafo, se elimina su relleno y obtiene 12px de márgenes en su lugar. Los elementos en línea están limitados a 620px de ancho, y en pantallas de al menos 61.25em de ancho, las figuras en línea también tienen un máximo de 620px.
Para las secciones de medios que contienen figuras en bucle, el figcaption se sitúa por encima de otros elementos con un z-index de 6. El botón de bucle de video se alinea abajo a la derecha con un margen inferior de 40px y un margen derecho de 3px. Los contenedores de control de silencio y activación de sonido se sitúan pegados a la derecha con 10px de relleno izquierdo. El botón de subtítulos tiene un z-index de 100, y en pantallas de al menos 61.25em de ancho, se sitúa a 20px desde abajo. En pantallas de al menos 46.25em de ancho, los contenedores de cinemagraph no tienen altura máxima.
Las islas de video autoalojadas en el cuerpo son de ancho completo hasta 620px, mostradas como bloques con 12px de margen superior e inferior. Sus figuras en bucle y videos también son de ancho completo hasta 620px, centrados. Cuando estos videos son inmersivos, se elimina el límite de ancho y los márgenes se convierten en 12px superior e inferior. En pantallas de al menos 71.25em de ancho, los videos inmersivos se expanden a 1140px y se desplazan a la izquierda 180px, con figcaptions indentados 20px. En pantallas de al menos 81.25em de ancho, se expanden aún más a 1300px y se desplazan a la izquierda 260px.
La raíz define varias variables de color: dateline (#606060), borde de encabezado (#dcdcdc), texto de subtítulo (#999), fondo de subtítulo (casi negro con 72% de opacidad), color de destacado (#c70000), y un nuevo color de pilar que por defecto es el color del pilar primario o del destacado. Los subtítulos, las citas destacadas y los iconos de citas destacadas usan el color del pilar secundario, mientras que las citas en bloque usan el color del texto del artículo. Las citas en bloque también obtienen un color de relleno del pilar secundario. En modo oscuro (a menos que se establezca explícitamente el modo claro), los subtítulos, las citas destacadas y sus iconos cambian al color del pilar del modo oscuro, y las citas en bloque usan ese mismo color para su relleno.
Los elementos átomo no tienen relleno. Cuando un elemento átomo es el primero de su tipo y va seguido de un párrafo, una puerta de inicio de sesión, otro elemento átomo o similar, el párrafo siguiente obtiene un espaciado especial. Lo mismo se aplica después de reglas horizontales que no son la última, y dentro de divs del cuerpo del artículo.El texto que has proporcionado es código CSS, no prosa, así que no hay inglés natural que reescribir. Es un conjunto de selectores que añaden 14px de relleno superior al primer párrafo después de ciertos elementos (como el primer elemento átomo, una puerta de inicio de sesión, o una regla horizontal que no es la última) dentro de varios contenedores, y también estiliza la primera letra de esos párrafos.
Si querías pegar un texto diferente, siéntete libre de compartirlo y lo reescribiré en inglés fluido y natural.No puedo reescribir eso como inglés fluido: es código CSS, no prosa. Si quieres, puedo explicar qué hacen los estilos en inglés sencillo, o puedes compartir el texto real que quieres reescribir.Este código CSS define un diseño responsivo para encabezados de artículos, titulares, metadatos, entradillas y retratos. Usa CSS Grid para organizar estos elementos en diferentes tamaños de pantalla, con puntos de interrupción en 61.25em, 71.25em y 81.25em. El diseño ajusta estructuras de columnas y filas, añade bordes, y estiliza enlaces y figuras para asegurar que el contenido se muestre correctamente en varios 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 #standfPrimero, enlace de elemento de lista hover, furniture wrapper standfirst enlace hover, y furniture wrapper standfirst enlace de elemento de lista hover: eliminar borde inferior y establecer color de decoración de texto al nuevo color de pilar o característica del modo oscuro.
Párrafos de entradilla de furniture wrapper, párrafos de entradilla, y párrafos de entradilla: establecer color de texto a #dcdcdc.
A ancho mínimo de 61.25em: el primer párrafo de entradilla obtiene un borde superior de 1px sólido color de borde de encabezado.
A ancho mínimo de 71.25em: se elimina el borde superior del primer párrafo de entradilla.
Elementos de lista de entradilla de furniture wrapper, elementos de lista de entradilla, y elementos de lista de entradilla: establecer color de texto a #dcdcdc.
A ancho mínimo de 71.25em: el pseudo-elemento before de entradilla obtiene un color de fondo de color de borde de encabezado.
A ancho mínimo de 46.25em: el pseudo-elemento before de furniture wrapper tiene contenido vacío, altura completa, posicionado arriba, posicionamiento absoluto, color de fondo de fondo oscuro, borde derecho de 1px sólido color de borde de encabezado, posición izquierda calculada como mitad negativa del ancho de viewport menos ancho de barra de desplazamiento menos 738px, y ancho calculado como mitad del ancho de viewport menos ancho de barra de desplazamiento menos 738px. El pseudo-elemento after de furniture wrapper tiene contenido vacío, altura completa, posicionado arriba, posicionamiento absoluto, color de fondo de fondo oscuro, borde izquierdo de 1px sólido color de borde de encabezado, posición derecha calculada como mitad negativa del ancho de viewport menos ancho de barra de desplazamiento menos 738px, y ancho calculado como mitad del ancho de viewport menos ancho de barra de desplazamiento menos 738px.
A ancho mínimo de 61.25em: el pseudo-elemento before de furniture wrapper tiene contenido vacío, ancho calculado como mitad del ancho de viewport menos ancho de barra de desplazamiento menos 978px, y posición izquierda calculada como mitad negativa de eso. El pseudo-elemento after de furniture wrapper tiene contenido vacío, ancho calculado como mitad del ancho de viewport menos ancho de barra de desplazamiento menos 978px, y posición derecha calculada como mitad negativa de eso.
A ancho mínimo de 71.25em: el pseudo-elemento before de furniture wrapper tiene contenido vacío, ancho calculado como mitad del ancho de viewport menos ancho de barra de desplazamiento menos 1138px, y posición izquierda calculada como mitad negativa de eso. El pseudo-elemento after de furniture wrapper tiene contenido vacío, ancho calculado como mitad del ancho de viewport menos ancho de barra de desplazamiento menos 1138px, y posición derecha calculada como mitad negativa de eso.
A ancho mínimo de 81.25em: el pseudo-elemento before de furniture wrapper tiene contenido vacío, ancho calculado como mitad del ancho de viewport menos ancho de barra de desplazamiento menos 1298px, y posición izquierda calculada como mitad negativa de eso. El pseudo-elemento after de furniture wrapper tiene contenido vacío, ancho calculado como mitad del ancho de viewport menos ancho de barra de desplazamiento menos 1298px, y posición derecha calculada como mitad negativa de eso.
SVG keyline-4 de furniture wrapper y SVG lines: establecer trazo a color de borde de encabezado.
Meta social de furniture wrapper, span de enlace de elemento de lista de meta social, comentario meta, meta social, span de enlace de elemento de lista de meta social, y comentario meta: establecer color de borde a color de borde de encabezado.
h2 del cuerpo del artículo y h2 del cuerpo de contenido interactivo: establecer grosor de fuente a 200. Si el h2 contiene strong, establecer grosor de fuente a 700.
Div con data-print-layout hide ul: eliminar imagen de fondo.
Raíz con data-rendering-target apps: establecer texto de seguir a #dcdcdc, relleno de icono de seguir a nuevo color de pilar, texto de entradilla a #dcdcdc, texto de enlace de entradilla a nuevo color de pilar, borde de enlace de entradilla a nuevo color de pilar, byline a nuevo color de pilar, líneas de meta de artículo a color de borde de encabezado, y byline a pilar de modo oscuro.
Raíz con data-rendering-target apps byline span: establecer color a nuevo color de pilar.
Raíz con data-rendering-target apps byline span div con FollowWrapper adyacente: establecer imagen de fondo a color de borde de encabezado, color de borde de encabezado 1px, transparente 1px.
En prefers-color-schemeConocí a Mohamed Tahlil como un pirata gentil que lideraba un equipo de guardias durante los primeros meses de mi cautiverio en 2012. Había ido a Somalia para informar sobre el auge de la piratería moderna frente a su costa. Al décimo día, en una carretera polvorienta cerca de Galkayo, en el centro de Somalia, fui secuestrado por piratas. Durante los siguientes dos años y medio, fui rehén.
Pasé la mayor parte del tiempo en un colchón delgado y empapado de sudor en el suelo de una habitación polvorienta. Las sombrías prisiones de hormigón cambiaban, pero la suciedad y las condiciones nunca lo hicieron. A veces mis captores me trasladaban a la sabana somalí, donde acampábamos al aire libre y dormíamos en el suelo. Durante seis meses, estuve retenido en un buque atunero secuestrado, junto con 28 pescadores de Asia Oriental que habían sido capturados unas tres semanas antes de que me llevaran a bordo. (Me habían capturado en tierra, pero eran una banda de piratas organizada para apoderarse de barcos en el mar). En cada ubicación, los guardias piratas se sentaban con AK-47, escuchando la radio o masticando khat, una planta narcótica.
Tahlil era un hombre flaco, casi alegre, que hablaba poco inglés y barría el patio lleno de basura de su casa-prisión sin terminar con una calma de abuela. Cuando entraba en mi habitación, me dedicaba su sonrisa de dientes irregulares y me enseñaba algunas palabras en somalí (para "sol", "nube", etc.). Llevaba rifles pero nunca amenazó con dispararme. Tahlil no parecía particularmente duro —cocinaba y lavaba platos junto a guardias de menor rango—, pero inspiraba respeto. Pensaba en él como un líder de guardias de bajo rango en la vasta red de piratas de clanes en el centro de Somalia, que iba desde soldados rasos hasta un puñado de jefes principales, señores de la guerra que viajaban con escoltas armadas. Tahlil decía que los hombres que me habían capturado eran el "grupo malo", mientras que él y sus guardias eran el grupo
