@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 principal de conteúdo 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. Elementos Atom dentro desta coluna não têm margem superior ou inferior, com 12px de padding no topo e na base. Quando um parágrafo é seguido por um elemento atom, o padding é removido e substituído por margens de 12px. 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 alinha-se à base com uma margem inferior de 40px e margem direita de 3px. Os contêineres de controle de mudo e desmudo ficam na borda direita com 10px de padding à esquerda. O botão de legenda recebe um z-index de 100, e em telas com pelo menos 61.25em de largura, fica a 20px da base. Em telas com pelo menos 46.25em de largura, contêineres de cinemagraph não têm limite de altura máxima.
Ilhas de vídeo auto-hospedadas na seção body são largura total, limitadas a 620px, exibidas como blocos com margens de 12px no topo e na base. Suas figuras em loop e vídeos são largura total com altura automática, limitados a 620px, e centralizados. Quando a figura em loop é um elemento de vídeo imersivo, a largura máxima é removida e as margens tornam-se 12px no topo e na base. Em telas com pelo menos 71.25em de largura, vídeos imersivos expandem para 1140px de largura e deslocam-se 180px para a esquerda, com figcaptions indentados em 20px. Em telas com pelo menos 81.25em de largura, eles expandem ainda mais para 1300px e deslocam-se 260px para a esquerda.
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 de destaque #c70000, e uma nova cor de pilar que recorre ao pilar primário ou à cor de destaque. Texto de subtítulo, texto de citação destacada e ícones de citação destacada usam a cor do pilar secundário, enquanto texto de citação em bloco usa a cor do texto do artigo. Citações em bloco usam o pilar secundário como sua cor de preenchimento. 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 usam o pilar do modo escuro como 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 atom, ou elementos similares, ou quando uma régua horizontal (não a última) é seguida por um parágrafo ou slot de anúncio, regras de espaçamento específicas se aplicam.O texto que você forneceu é código CSS, não prosa, então não há uma versão natural em inglês dele. É um conjunto de regras de estilo que:
- Adiciona 14px de padding superior ao primeiro parágrafo que segue certos elementos (como um embed atom, um portão de login, ou uma régua horizontal) dentro de vários contêineres de artigo e comentário.
- Aplica um estilo de capitular (via `:first-letter`) a esses mesmos parágrafos em layouts de artigo interativo.
Se você quiser, posso explicar o que qualquer parte específica deste CSS faz em inglês simples.Eu não posso reescrever isso como inglês fluente e natural. Não é prosa—é um bloco de código CSS (seletores, propriedades e media queries). Reescrevê-lo em frases em inglês mudaria seu significado e quebraria sua função, o que vai contra manter o significado intacto.
Se você quiser, posso:
- Explicar o que este CSS faz em inglês simples
- Reformartar ou limpar o próprio CSS
- Reescrever uma passagem diferente de prosa real
Me diga qual você prefere.O texto fornecido é código CSS, não prosa, então não pode ser reescrito em inglês fluente e natural enquanto preserva seu significado. Se você quiser, posso explicar o que este CSS faz em inglês simples em vez disso.O standfirst do wrapper de furniture tem um pequeno deslocamento à esquerda. No cabeçalho do artigo, as divs de label recebem um pouco de padding superior. O headline h1 é 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 torna-se 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 à esquerda em 10px com padding correspondente, e recebe 2px de padding superior em 46.25em e acima. Seus parágrafos são peso regular, 20px, com 14px de padding inferior. A área de mídia principal é posicionada relativamente, sem margem superior e com margem inferior de 2px, colocada na área de grade retrato. Suas divs internas ocupam largura total sem margens inline. Em 61.25em e acima, a margem inferior é removida. Em telas até 46.24em, ela abrange a largura total da viewport menos qualquer barra de rolagem e desloca-se à esquerda em 10px; entre 30em e 46.24em, esse deslocamento à esquerda torna-se 20px. Figcaptions são posicionados absolutamente na base, com padding 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 dentro 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 padding do figcaption aumenta. Um figcaption oculto tem opacidade zero. O botão de legenda é um elemento de nível de bloco, posicionado absolutamente na base à direita, com um fundo circular, sem borda, e algum padding. Seu SVG é reduzido ligeiramente. Em 30em e acima, ele desloca-se um pouco mais à 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 byline. 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, hover de link de item de lista, hover de link de standfirst do wrapper de furniture, e hover de link de item de lista de standfirst do wrapper de furniture: remover borda inferior e definir cor de decoração de texto para a nova cor de pilar ou destaque do modo escuro.
Parágrafos de standfirst do wrapper de furniture, parágrafos de standfirst, e parágrafos de standfirst: definir cor do texto para #dcdcdc.
Na largura mínima de 61.25em: o primeiro parágrafo de 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 de standfirst é removida.
Itens de lista de standfirst do wrapper de furniture, itens de lista de standfirst, e itens de lista de 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 wrapper de furniture tem conteúdo vazio, altura total, topo 0, posição absoluta, cor de fundo escura, borda direita de 1px solid na cor da borda do cabeçalho, deslocamento à esquerda calculado a partir da largura da viewport menos largura da barra de rolagem menos 738px dividido por 2 negativo, e largura calculada a partir da largura da viewport menos largura da barra de rolagem menos 738px dividido por 2. O pseudo-elemento after do wrapper de furniture tem conteúdo vazio, altura total, topo 0, posição absoluta, cor de fundo escura, borda esquerda de 1px solid na cor da borda do cabeçalho, deslocamento à direita calculado a partir da largura da viewport menos largura da barra de rolagem menos 738px dividido por 2 negativo, e largura calculada a partir da largura da viewport menos largura da barra de rolagem menos 738px dividido por 2.
Na largura mínima de 61.25em: o pseudo-elemento before do wrapper de furniture tem conteúdo vazio, largura calculada a partir da largura da viewport menos largura da barra de rolagem menos 978px dividido por 2, e deslocamento à esquerda calculado a partir da largura da viewport menos largura da barra de rolagem menos 978px dividido por 2 negativo. O pseudo-elemento after do wrapper de furniture tem conteúdo vazio, largura calculada a partir da largura da viewport menos largura da barra de rolagem menos 978px dividido por 2, e deslocamento à direita calculado a partir da largura da viewport menos largura da barra de rolagem menos 978px dividido por 2 negativo.
Na largura mínima de 71.25em: o pseudo-elemento before do wrapper de furniture tem conteúdo vazio, largura calculada a partir da largura da viewport menos largura da barra de rolagem menos 1138px dividido por 2, e deslocamento à esquerda calculado a partir da largura da viewport menos largura da barra de rolagem menos 1138px dividido por 2 negativo. O pseudo-elemento after do wrapper de furniture tem conteúdo vazio, largura calculada a partir da largura da viewport menos largura da barra de rolagem menos 1138px dividido por 2, e deslocamento à direita calculado a partir da largura da viewport menos largura da barra de rolagem menos 1138px dividido por 2 negativo.
Na largura mínima de 81.25em: o pseudo-elemento before do wrapper de furniture tem conteúdo vazio, largura calculada a partir da largura da viewport menos largura da barra de rolagem menos 1298px dividido por 2, e deslocamento à esquerda calculado a partir da largura da viewport menos largura da barra de rolagem menos 1298px dividido por 2 negativo. O pseudo-elemento after do wrapper de furniture tem conteúdo vazio, largura calculada a partir da largura da viewport menos largura da barra de rolagem menos 1298px dividido por 2, e deslocamento à direita calculado a partir da largura da viewport menos largura da barra de rolagem menos 1298px dividido por 2 negativo.
SVG keyline-4 do wrapper de furniture e SVG lines: definir stroke para a cor da borda do cabeçalho.
Meta social do wrapper de furniture, span de link de item de lista de meta social, comentário de meta, meta social, span de link de item de lista de meta social, e comentário 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 data-print-layout hide ul: remover imagem de fundo.
Raiz com data-rendering-target apps: definir follow text para #dcdcdc, follow icon fill para nova cor de pilar, standfirst text para #dcdcdc, standfirst link text para nova cor de pilar, standfirst link border para nova cor de pilar, byline para nova cor de pilar, article meta lines 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 de pilar.
Raiz com data-rendering-target apps byline span 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.
Em prefers-color-schemeColin Kaepernick ainda acorda às 4:30 todas as manhãs para treinar. "Treinamento de força, treinamento de velocidade, treinamento de posição—eu ainda faço todos os mesmos treinos que fazia quando estava jogando", ele diz alegremente. "Depois sigo com o resto do meu dia." Já se passaram quase 10 anos desde que Kaepernick jogou uma partida de futebol americano de alto nível pela última vez. Sua carreira foi repentina e cruelmente interrompida justamente quando atingia seu auge, depois que a National Football League (NFL) essencialmente fechou fileiras e o excluiu por ser político demais. Agora, aos 38 anos, ele sabe que suas chances de retornar diminuem a cada dia, mas ele se mantém tão pronto para jogar quanto sempre. "Eu permaneço implacável nisso", ele continua com seu jeito arrastado e tranquilo. "Eu olho pela perspectiva de, 'Quais são as coisas que eu posso controlar?' E o que eu sei que posso controlar é estar preparado para quando uma oportunidade surgir, e também continuar batendo em portas eu mesmo, procurando caminhos e oportunidades… apenas permanecendo resiliente e focado e disciplinado—isso é o que me trouxe a este ponto da minha vida."
A história de Kaepernick é definida pelo que aconteceu no final de 2016, quando ele repetidamente se recusou a ficar de pé para o hino nacional antes do jogo—levando a vaias no campo, insultos e indignação fora dele, e exclusão do esporte que ele ainda ama. Na época, ele era um dos maiores nomes do jogo: quarterback do San Francisco 49ers, uma celebridade nacional, patrocinado por grandes marcas. Olhando para trás, suas ações alimentaram muito do que aconteceu desde então: a ascensão de Donald Trump, os protestos do Black Lives Matter e um acerto de contas global com o racismo, depois a reação contra o que agora é chamado de "Woke 1.0", e o ressurgimento de um nacionalismo branco que os EUA complacentemente assumiram estar no passado.
Através de tudo isso, Kaepernick permaneceu majoritariamente em silêncio. Ele raramente falou com a mídia e se absteve de fazer declarações públicas. Por quê, eu pergunto. Certamente deve ter havido momentos em que ele quis se manifestar?
"Ah, absolutamente", ele responde. "Mas eu volto a, tipo, o que estou tentando realizar ao fazer isso?" A tentação de refutar todas as mentiras, as análises ruins, as acusações era grande, ele admite, mas, "Eu percebi que, saindo dos protestos de 2016, houve muito movimento e esforço feito para tentar fazer parecer que eu era a voz singular neste espaço fazendo trabalho, e eu era a pessoa liderando sozinha este movimento, e isso simplesmente não é a realidade."
Pessoalmente, Kaepernick é amigável e relaxado, falando em uma videochamada do escritório de seu agente em Nova York (compreensivelmente, ele não gosta de divulgar onde mora ou passa seu tempo). Mesmo quando está falando sobre os piores momentos de sua vida, que é a maior parte do tempo em nossa conversa de 90 minutos, seu rosto assume um sorriso por padrão e ele ri rapidamente. Ele está tão elegante como sempre: camisa social preta, botão de cima
