@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 sólido #dcdcdc, posicionada em -10px com um z-index de -1. Em telas com pelo menos 81.25em de largura, essa borda muda para -11px. Elementos Atom dentro desta coluna não têm margem superior ou inferior, mas 12px de preenchimento tanto no topo quanto na parte inferior. Quando um parágrafo é seguido por um elemento atom, o preenchimento é removido e substituído por margens de 12px no topo e na parte inferior. 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.
Quando a seção de mídia contém uma figura em loop, o figcaption (a menos que oculto) recebe um z-index de 6. O botão de loop de vídeo se alinha na parte inferior com 40px de margem inferior e 3px de margem direita. Os contêineres de controle de mudo e desmudo ficam na borda direita com 10px de preenchimento à esquerda. O botão de legenda recebe um z-index de 100, e em telas com pelo menos 61.25em de largura, ele fica a 20px da parte inferior. Em telas com pelo menos 46.25em de largura, contêineres de cinemagraph não têm restrição de altura máxima.
Ilhas de vídeo auto-hospedadas no corpo têm largura total de até 620px, exibem como bloco e têm margens de 12px no topo e na parte inferior. Suas figuras em loop e vídeos são de largura total, altura automática, limitados a 620px e centralizados. Quando a figura em loop é um elemento de vídeo imersivo, a ilha se expande para largura total com margens verticais de 12px, e a figura e o vídeo perdem sua largura máxima e centralização. Em telas com pelo menos 71.25em de largura, a ilha imersiva se torna 1140px de largura e desloca para a esquerda em 180px, com figcaptions recebendo uma margem esquerda de 20px. Em telas com pelo menos 81.25em de largura, ela se torna 1300px de largura e desloca para a esquerda em 260px.
A raiz define várias propriedades personalizadas: cor da linha de data #606060, borda do cabeçalho #dcdcdc, texto da legenda #999, fundo da legenda hsla(0, 0%, 7%, .72), cor do recurso #c70000 e uma nova cor de pilar que recorre à cor do pilar primário ou do recurso. Texto de subtítulo, texto de citação destacada e ícones de citação destacada usam a cor do pilar secundário, enquanto o texto de citação em bloco usa a cor do texto do artigo. Citações em bloco recebem uma cor de preenchimento do pilar secundário. No modo escuro (a menos que o esquema de cores seja explicitamente definido como claro), subtítulos, citações destacadas e seus ícones mudam para a cor do pilar do modo escuro, e citações em bloco seguem o exemplo.
Elementos Atom não têm preenchimento. Quando um elemento atom é o primeiro de seu tipo e é seguido por um parágrafo, portão de login, outro atom ou similar, o parágrafo seguinte recebe espaçamento especial. O mesmo se aplica após uma regra horizontal que não é a última, ou após um contêiner de slot de anúncio seguido por um parágrafo.O texto que você forneceu é código CSS, não prosa, então não há uma versão natural em inglês para produzir. Se você quiser, posso explicar o que este CSS faz em inglês simples.Eu 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 pontos de quebra 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.O standfirst do invólucro de mobília tem um pequeno deslocamento à esquerda. No cabeçalho do artigo, as divs de rótulo recebem um pouco de preenchimento superior. O h1 da manchete é definido como semibold, com largura máxima de 620px e tamanho de fonte de 32px. Em telas mais largas (pelo menos 71.25em), a largura máxima se torna 540px e o tamanho da fonte aumenta para 50px. Em 46.25em e acima, os elementos keyline-4 e lines não têm margem direita, e em 61.25em e acima eles ficam ocultos. Seus SVGs usam a cor da borda do cabeçalho para traços. A seção meta também perde sua margem direita em 46.25em e acima. Os elementos social e comment dentro de meta usam a cor da borda do cabeçalho para suas bordas, e qualquer gu-island dentro do contêiner meta fica oculto. O standfirst é deslocado para a esquerda em 10px com preenchimento correspondente, e recebe 2px de preenchimento superior em 46.25em e acima. Seus parágrafos são de peso regular, 20px, com 14px de preenchimento inferior. A área de mídia principal é posicionada relativamente, sem margem superior e com margem inferior de 2px, colocada na área de grade do retrato. Suas divs internas ocupam largura total sem margens inline. Em 61.25em e acima, a margem inferior é removida. Em telas de até 46.24em, ela abrange a largura total da viewport menos qualquer barra de rolagem e desloca para a esquerda em 10px; entre 30em e 46.24em, esse deslocamento à esquerda se torna 20px. Figcaptions são posicionados absolutamente na parte inferior, com preenchimento e uma cor de fundo e texto de variáveis CSS, sem largura máxima, sem margem inferior e uma altura mínima de 46px. Spans internos usam a cor da borda do cabeçalho, e SVGs dentro desses spans são preenchidos com ela. O primeiro span fica oculto, enquanto o segundo é mostrado com largura máxima de 90%. Em 30em e acima, o preenchimento do figcaption aumenta. Um figcaption oculto tem opacidade zero. O botão de legenda é um elemento em nível de bloco, posicionado absolutamente na parte inferior direita, com fundo circular, sem borda e algum preenchimento. Seu SVG é reduzido ligeiramente. Em 30em e acima, ele desloca mais para a direita. Em telas mais largas, a coluna principal interativa recebe um pseudo-elemento com um deslocamento superior específico e altura. Cabeçalhos dentro da coluna principal interativa têm largura máxima de 620px. No modo escuro (quando não explicitamente definido como claro), várias variáveis CSS são redefinidas para texto de acompanhamento, preenchimento de ícone de acompanhamento, texto de standfirst, texto e borda de link de standfirst e cor de assinatura. A raiz também define uma nova variável de cor de pilar que recorre ao pilar do modo escuro.r(--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, link de item de lista hover, link de standfirst do invólucro de mobília hover, e link de item de lista de standfirst do invólucro de mobília hover: remover borda inferior e definir cor de decoração de texto para a nova cor do pilar ou recurso do modo escuro.
Parágrafos de standfirst do invólucro de mobília, parágrafos de standfirst, e parágrafos de atributo de dados de standfirst: definir cor para #dcdcdc.
Na largura mínima de 61.25em: o primeiro parágrafo no standfirst do invólucro de mobília, standfirst, e atributo de dados de standfirst recebe uma borda superior de 1px sólido na cor da borda do cabeçalho.
Na largura mínima de 71.25em: o primeiro parágrafo nesses mesmos elementos de standfirst não tem borda superior.
Itens de lista de standfirst do invólucro de mobília, itens de lista de standfirst, e itens de lista de atributo de dados de standfirst: definir cor para #dcdcdc.
Na largura mínima de 71.25em: o pseudo-elemento before do standfirst do invólucro de mobília, standfirst, e atributo de dados de 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 invólucro de mobília recebe conteúdo, altura total, topo 0, posição absoluta, cor de fundo escura, borda direita de 1px sólido na cor da borda do cabeçalho, posição esquerda calculada a partir da largura da viewport menos a largura da barra de rolagem menos 738px dividido por 2 negativo, e largura calculada a partir da largura da viewport menos a largura da barra de rolagem menos 738px dividido por 2. O pseudo-elemento after do invólucro de mobília recebe conteúdo, altura total, topo 0, posição absoluta, cor de fundo escura, borda esquerda de 1px sólido na cor da borda do cabeçalho, posição direita calculada a partir da largura da viewport menos a largura da barra de rolagem menos 738px dividido por 2 negativo, e largura calculada a partir da largura da viewport menos a largura da barra de rolagem menos 738px dividido por 2.
Na largura mínima de 61.25em: o pseudo-elemento before do invólucro de mobília recebe conteúdo, largura calculada a partir da largura da viewport menos a largura da barra de rolagem menos 978px dividido por 2, e posição esquerda calculada a partir da largura da viewport menos a largura da barra de rolagem menos 978px dividido por 2 negativo. O pseudo-elemento after do invólucro de mobília recebe conteúdo, largura calculada a partir da largura da viewport menos a largura da barra de rolagem menos 978px dividido por 2, e posição direita calculada a partir da largura da viewport menos a largura da barra de rolagem menos 978px dividido por 2 negativo.
Na largura mínima de 71.25em: o pseudo-elemento before do invólucro de mobília recebe conteúdo, largura calculada a partir da largura da viewport menos a largura da barra de rolagem menos 1138px dividido por 2, e posição esquerda calculada a partir da largura da viewport menos a largura da barra de rolagem menos 1138px dividido por 2 negativo. O pseudo-elemento after do invólucro de mobília recebe conteúdo, largura calculada a partir da largura da viewport menos a largura da barra de rolagem menos 1138px dividido por 2, e posição direita calculada a partir da largura da viewport menos a largura da barra de rolagem menos 1138px dividido por 2 negativo.
Na largura mínima de 81.25em: o pseudo-elemento before do invólucro de mobília recebe conteúdo, largura calculada a partir da largura da viewport menos a largura da barra de rolagem menos 1298px dividido por 2, e posição esquerda calculada a partir da largura da viewport menos a largura da barra de rolagem menos 1298px dividido por 2 negativo. O pseudo-elemento after do invólucro de mobília recebe conteúdo, largura calculada a partir da largura da viewport menos a largura da barra de rolagem menos 1298px dividido por 2, e posição direita calculada a partir da largura da viewport menos a largura da barra de rolagem menos 1298px dividido por 2 negativo.
Svg de keyline-4 do invólucro de mobília e svg de atributo de dados de linhas: definir traço para a cor da borda do cabeçalho.
Meta social do invólucro de mobília, span de link de item de lista de meta social, comentário de meta, meta social de atributo de dados de meta, span de link de item de lista de meta social de atributo de dados de meta, e comentário de meta de atributo de dados de 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 atributo de ocultação de layout de impressão ul: remover imagem de fundo.
Raiz com atributo de destino de renderização apps: definir texto de acompanhamento para #dcdcdc, preenchimento de ícone de acompanhamento para nova cor do pilar, texto de standfirst para #dcdcdc, texto de link de standfirst para nova cor do pilar, borda de link de standfirst para nova cor do pilar, assinatura para nova cor do pilar, linhas de meta do artigo para cor da borda do cabeçalho, e assinatura para pilar do modo escuro.
Raiz com atributo de destino de renderização apps span de assinatura: definir cor para nova cor do pilar.
Raiz com atributo de destino de renderização apps span de assinatura div que tem um elemento FollowWapper seguinte: definir imagem de fundo para cor da borda do cabeçalho, cor da borda do cabeçalho 1px, e transparente 1px.
Na consulta de mídia prefers color scheme.Numa noite quente e tranquila de junho de 2020, a mãe idosa de Otto, Doria, estava morrendo em seu apartamento em Munique. Ela estava deitada com os olhos fechados, seu rosto pálido emoldurado por cabelos brancos, calma. Otto, usando máscara, luvas e um avental estéril, cochilava numa cadeira ao lado dela. Otto, que às vezes usa o nome Rainer e cujo sobrenome é conhecido apenas como "Z" devido às rigorosas leis de privacidade da Alemanha, era um médico que cuidava de sua mãe há anos, desde que ela teve um derrame e foi morar com ele. Ele me contou o que aconteceu naquela noite. Ele acordou com o som de sua respiração curta e tentou sentá-la ereta. Seus olhos estavam fechados e seus lábios franzidos. Ela parou de respirar. Otto pegou o telefone para pedir ajuda, mas então Doria abriu os olhos e olhou nos dele. Ela sorriu, deu um último suspiro profundo, fechou os olhos novamente e ficou imóvel. Otto afundou na cadeira. Como médico, ele tinha visto a morte muitas vezes, mas a morte de sua própria mãe o deixou em choque. Ele se sentiu paralisado, observando as janelas brilharem na luz que diminuía. Ele tinha 66 anos, e seu irmão e pai haviam morrido anos antes. Ele não tinha amigos. Ele tinha dado todo o seu tempo, energia e atenção para cuidar de sua mãe, e agora que sua tarefa havia terminado subitamente, ele não tinha ninguém a quem recorrer. Ele lamentou sozinho, com um ritual improvisado. Ele acendeu velas e colocou pratos de metal nos quatro cantos da cama dela. Ele sentou-se ao lado dela e pensou sobre sua alma. Assim que o rito foi concluído, Otto pegou o telefone e ligou para uma funerária. Ele conhecia o procedimento: como médico, ele podia emitir o próprio atestado de óbito de sua mãe. Depois que ele desligou, Otto esperou. Foi o último momento calmo que ele experimentaria por muitos meses. Depois que ele ligou para a funerária, Otto me contou, ele esperou ao lado de sua mãe a noite toda e até a tarde seguinte antes de ouvir uma batida na porta. Ele ficou surpreso ao ver que, em vez de médicos, os dois homens no corredor eram policiais. Eles usavam coletes à prova de balas e carregavam armas. Ele os convidou para entrar, onde eles examinaram os quartos. Ele os direcionou para o quarto de sua mãe e seguiu logo at
