@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}div#maincontent:focus{box-shadow:none!important}body{--primary-text-color: #121212;--secondary-text-color: #707070;--tertiary-text-color: #707070;--primary-bg-color: #ffffff;--secondary-bg-color: #f3f3f3;--tertiary-bg-color: #f6f6f6;--primary-line-color: #333333;--secondary-line-color: #dcdcdc;--border-divider-color: #dcdcdc;--axis-color: #bababa;--primary-button-color: #121212;--primary-button-text-color: #ffffff;--primary-button-highlight-color: #333333;--highlight-color: #ffe500;--highlighted-text-color: #121212;--info-color: #00b2ff;--news-grey-01: #121212;--news-grey-02: #707070;--news-grey-03: #a1a1a1;--news-grey-04: #bababa;--news-grey-05: #dcdcdc;--news-grey-06: #f3f3f3;--news-core-01: #005689;--news-core-02: #0094da;--news-core-03: #c70000;--news-core-04: #23b4a9;--news-core-05: #494949;--news-core-06: #cca36e}@media (prefers-color-scheme: dark){:root:not([data-color-scheme=light]) body{--primary-text-color: #dcdcdc;--secondary-text-color: #c8c8c8;--tertiary-text-color: #999999;--primary-bg-color: #1a1a1a;--secondary-bg-color: #383838;--tertiary-bg-color: #121212;--primary-line-color: #dcdcdc;--secondary-line-color: #707070;--border-divider-color: #606060;--axis-color: var(--news-grey-04);--primary-button-color: #383838;--primary-button-text-color: #dcdcdc;--primary-button-highlight-color: #707070;--highlight-color: #cda500;--highlighted-text-color: #121212;--info-color: #0077b6;--news-grey-01: #dcdcdc;--news-grey-02: #c8c8c8;--news-grey-03: #a1a1a1;--news-grey-04: #707070;--news-grey-05: #494949;--news-grey-06: #383838;--news-core-01: #0077b6;--news-core-02: #00b2ff;--news-core-03: #e33824;--news-core-04: #23b4a9;--news-core-05: #494949; --news-core-06: #cca36e}}:root{--f100-mobile-background: none;--f100-desktop-background: none}.element-immersive{width:auto;left:auto;right:auto}.interactive-atom{margin:0;padding:0}@media (max-width: 46.24em){.ios .element--immersive,.android .element--immersive{width:100vw!important;position:relative;left:50%!important;right:50%!important;margin-left:-50vw!important;margin-right:-50vw!important}}@media (min-width: 46.25em){.ios .article__body,.android .article__body{padding-right:12px!important}}.ios figure.element.element-atom,.ios figure.interactive.interactive-atom.interactive--loading,.android figure.element.element-atom,.android figure.interactive.interactive-atom.interactive--loading{padding:0!important}.gv-right-render{position:relative;height:100%;width:auto}.gv-detail-overlay{top:0;left:100%;width:calc(100% - 40px);height:100%;max-width:400px;z-index:1050}@media (min-width: 61.25em){.gv-detail-overlay{display:block;width:320px;height:100%;min-height:400px}}@media (min-width: 81.25em){.gv-detail-overlay{width:400px;height:auto;min-height:360px}}.gv-detail-overlay.opened{transform:translate(-100%)}@media (min-width: 61.25em){.gv-detail-overlay.opened{display:block}}.gv-detail-overlay.fix-pos{position:fixed}.gv-detail-overlay.abs-pos{position:absolute}.gv-detail-overlay.opened:before{width:20px;height:100%;display:block;content:"";position:absolute;left:-20px}.gv-detail-scroll-area{position:absolute;padding:0 0 100%;top:0;left:0;bottom:0;overflow-y:scroll;-webkit-overflow-scrolling:touch;background-color:#fff;box-shadow:-2px 0 6px #0003}@media (min-width: 61.25em){.gv-detail-scroll-area{overflow:hidden;box-shadow:none;border-top:1px solid #ffbb00;border-bottom:none;padding:0 0 0 10px}.gv-detail-scroll-area.add-border-bottom{border-top:none}}.gv-detail-items-list{position:relative;width:calc(100% - 30px)}@media (min-width: 61.25em){.gv-detail-items-list{width:280px}}@media (min-width: 81.25em){.gv-detail-items-list{width:600px}}.gv-detail-item{display:block;height:auto;margin:0 0 24px;padding-bottom:12px}@media (min-width: 61.25em){.gv-detail-item{border-bottom:none}}.gv-detail-item.selected{opacity:1}@media (min-width: 61.25em){.gv-detail-item.selected{padding-top:0;display:block}}.gv-detail-item.no-border,.gv-detail-item:first-child{border:none}.gv-detail-text1,.gv-detail-text2,.gv-detail-head-text{font-size:14px;line-height:20px;font-family:Guardian Text Sans Web,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif}.gv-detail-text1 h1,.gv-detail-text2 h1,.gv-detail-head-text h1{font-size:20px;line-height:24px;font-family:Guardian Headline,Guardian Egyptian Web,Guardian Headline Full,Georgia,serif;font-weight:900}.gv-detail-head-text{height:auto;margin-left:12px}.gv-detail-head-text h1{color:#333;font-size:28px;line-height:32px;font-family:Guardian Headline,Guardian Egyptian Web,Guardian Headline Full,Georgia,serif;font-weight:400;font-weight:200}@media (min-width: 61.25em){.gv-detail-head-text h1{font-size:36px;line-height:40px;font-family:Guardian Headline,Guardian Egyptian Web,Guardian Headline Full,Georgia,serif;font-weight:400;font-weight:200}}@media (min-width: 61.25em){.gv-detail-head-text{margin-left:0}}.gv-detail-head-text:before,.gv-detail-head-text:after{content:"";display:block;top:0;height:1px;width:100vw;margin-left:90px;border-bottom:1px solid #dcdcdc}@media (min-width: 61.25em){.gv-detail-head-text:before,.gv-detail-head-text:after{width:50vw}}.gv-detail-head-text:after{border-bottom:none;border-top:1px solid #dcdcdc}@media (min-width: 61.25em){.gv-detail-head-text:after{padding-bottom:2px}}.gv-detail-main{width:100%;height:auto;margin:0}@media (min-width: 61.25em){.gv-detail-main{height:auto}}.gv-detail-description{margin-top:12px;font-size:14px;line-height:20px;font-family:Guardian Text Egyptian Web,Georgia,serif;color:#333;min-height:24px}@media (min-width: 61.25em){.gv-detail-description{font-size:16px;line-height:24px;font-family:Guardian Text Egyptian Web,Georgia,serif;height:auto}}.gv-detail-list-wrapper ul{margin:0;padding:0}.gv-detail-list-wrapper ul li{font-size:14px;line-hAqui está o texto com o CSS simplificado e escrito em inglês simples:
Os itens da lista estão definidos para tamanho de fonte de 20px, usando a fonte Guardian Text Sans Web com Helvetica, Arial, Lucida Grande e sans-serif como alternativas. A cor do texto é #333. Os estilos de lista são removidos, o preenchimento é definido como zero e cada item tem uma margem direita de 10px. Os itens são exibidos como inline-block, alinhados ao topo, têm uma largura mínima de 30px e uma altura de linha de 1.4em. Em telas com pelo menos 61.25em de largura, os itens da lista têm uma largura mínima de 60px. O texto em negrito dentro dos itens da lista é definido com font-weight 600 e é exibido como bloco. O marcador antes de cada item da lista está oculto.
A imagem de detalhe tem 80px de largura com uma margem direita de 10px, flutua à esquerda e tem 80px de preenchimento inferior. Seu fundo é #333, dimensionado para cobrir, posicionado ao centro, com cantos totalmente arredondados.
O invólucro de texto está posicionado de forma relativa.
O botão de sobreposição de alternância de visualização tem 42px por 42px com um fundo #121212. Ele fica posicionado de forma absoluta com um z-index de 950, tem uma borda sólida de 3px branca e está posicionado no canto superior esquerdo com uma margem esquerda de -21px. Seu box-sizing é content-box, o cursor é um ponteiro e seus cantos são totalmente arredondados. O pseudo-elemento ::before do botão é vazio, é exibido como bloco, tem 48px por 48px, tem um fundo transparente, um z-index de 949, fica posicionado de forma absoluta com uma borda sólida de 1px #121212, é deslocado -4px do topo e da esquerda e tem cantos totalmente arredondados com dimensionamento content-box. Em telas com pelo menos 61.25em de largura, o botão se torna posicionado de forma absoluta com valores automáticos de bottom, top e left, sem margem esquerda e com um fundo #0084c5. Sua borda ::before também muda para 1px sólido #0084c5.
O ícone de alternância dentro do botão está posicionado de forma absoluta a 50% do topo e da esquerda. O SVG do ícone de grade está oculto por padrão, centralizado com margens superior e esquerda de -10px e tem 20px de largura. O SVG do ícone de lista é exibido como bloco, centralizado com margens superior de -8px e esquerda de -10px e tem 20px de largura. Quando o botão tem a classe grid-icon-show, o ícone de grade é exibido e o ícone de lista é oculto.
O contêiner de botão fixo tem um z-index de 950, é fixado a 70px do fundo e 50% da esquerda. Em telas com pelo menos 61.25em de largura, ele se torna posicionado de forma absoluta a 20px do topo e 27px da esquerda, com bottom automático.
O bloco de filtro tem um fundo branco e 55px de altura. Seus elementos ocultos têm uma margem de -1px, sem borda, sem preenchimento, têm 1px por 1px, overflow oculto, posicionados de forma absoluta, recortados para nada e não exibidos. O select dentro do bloco de filtro tem 37px de altura e flutua à direita. Ele tem cor de texto #0084c5, cantos totalmente arredondados, sem aparência nativa, um tamanho de fundo de 16px automático, preenchimento superior e inferior de 5px com preenchimento esquerdo e direito de 10px, usa a fonte Guardian Sans Headline com alternativas Helvetica e Arial, mostra um cursor de ponteiro, tem uma borda sólida de 1px #0084c5 e tem 250px de largura.
O veggie burger tem um z-index de 2 com prioridade importante. O fundo do cabeçalho não é exibido, com prioridade importante.
O título de conteúdo e o título usam um tamanho de fonte de 36px com altura de linha de 40px, a fonte Guardian Headline com alternativas Guardian Egyptian Web, Guardian Headline Full e Georgia, um peso de fonte de 800 e uma margem superior calculada como 90vw menos 20px, com prioridade importante. Em telas com pelo menos 23.4375em de largura, a margem superior permanece em 90vw menos 20px. Em telas com pelo menos 30em de largura, ela se torna 260px. Em telas com pelo menos 46.25em de largura, ela se torna 330px. Em telas com pelo menos 61.25em de largura, o tamanho da fonte se torna 44px com altura de linha de 48px, a mesma família de fontes e peso de 800, e uma margem superior de 430px. Em telas com pelo menos 71.25em de largura, a margem superior se torna 460px.
O cabeçalho do artigo tem um fundo transparente com prioridade importante. Seu pseudo-elemento ::before não tem margem esquerda, com prioridade importante. Tanto o ::before do conteúdo interativo quanto o ::before do cabeçalho do artigo são vazios, têm um fundo dimensionado para cobrir, não se repetem, são posicionados de forma absoluta, limpam ambos os lados, têm uma cor de fundo #121212, usam uma imagem de cabeçalho móvel dos ativos interativos do Guardian, têm 100% de largura, uma margem esquerda de -10px, preenchimento inferior de 90vw e são posicionados no centro inferior. Em telas com pelo menos 23.4375em de largura, eles têm 90vw de altura sem preenchimento inferior. Em telas com pelo menos 30em de largura, a imagem de fundo muda para uma versão desktop.Aqui está o texto reescrito em inglês fluente e natural:
Em telas menores, a imagem do cabeçalho é definida com uma largura de 100%, uma altura de 280px, com uma margem esquerda de -20px e sem preenchimento inferior. A partir de 46.25em, a imagem de fundo do cabeçalho muda para uma versão desktop, dimensionada para cobrir toda a largura com 350px de altura. A partir de 61.25em, a altura aumenta para 450px.
O invólucro tem uma borda superior cinza-clara. Seu menu suspenso usa um fundo branco com um ícone de seta para baixo azul posicionado a 93% da esquerda e 50% do topo, dimensionado para 16px.
O cabeçalho está completamente oculto. Elementos Atom e interativos não têm margem e altura automática. O banner de anúncio interativo é centralizado usando flexbox. Em tablets e acima, elementos com a classe "hide-until-tablet" tornam-se visíveis, enquanto elementos "mobile-only" são ocultos. Nessas mesmas telas, os slots de anúncios renderizados recebem uma margem inferior de 80px.
Um elemento fictício móvel é posicionado de forma absoluta e visível, mas oculto a partir de 61.25em.
A seleção de texto é desativada em certos elementos, juntamente com callouts de toque e destaques de toque. Os contornos de foco em elementos select são removidos.
O invólucro principal é posicionado de forma relativa, largura total até um máximo de 1300px, alinhado ao topo, centralizado com uma margem superior de 1px, pelo menos uma viewport de altura e tem uma borda superior branca. A partir de 46.25em, a margem superior é removida e um pseudo-elemento decorativo é adicionado acima dele — embora isso esteja oculto no iOS e Android. Em breakpoints maiores, esse pseudo-elemento cresce em altura, atingindo 320px em 61.25em e 340px em 81.25em.
O invólucro de visualizações é posicionado de forma relativa, oculta overflow e fica no z-index 1. A partir de 61.25em, ele ganha uma linha vertical fina à direita e um painel cinza de 50px de largura à esquerda com uma borda direita azul, usando a variável de cor de fundo primária.
A visualização de lista é largura total, pelo menos uma viewport de altura, usa a cor de fundo primária, fica no z-index 1 e tem 20px de preenchimento inferior. A partir de 61.25em, o preenchimento superior é removido. Quando aberta, é posicionada de forma relativa; quando fechada, é posicionada de forma absoluta.
A visualização de lista interna tem 40px de preenchimento superior e inferior com 10px nas laterais. Em 30em, o preenchimento lateral se torna 15px. Em 46.25em, o preenchimento superior e inferior se torna 70px. Em 61.25em, é centralizada em 620px de largura com 80px de preenchimento superior e sem preenchimento lateral — embora no iOS e Android, seja definida como largura total menos 20px com uma margem esquerda de 50px. Em 71.25em, é centralizada em 740px de largura com 80px de preenchimento superior, 40px de preenchimento direito e sem preenchimento esquerdo — novamente ajustada para iOS e Android.
Cada entrada de lista dentro tem a cor de fundo primária, uma margem inferior de 30px, altura de linha de 1.4em e posicionamento relativo. A partir de 61.25em, cada entrada ganha uma borda superior azul via um pseudo-elemento posicionado à esquerda, 130px de largura e deslocado em -130px. Isso permanece o mesmo em 71.25em e continua em 81.25em..v-list-entry:before{width:210px;margin-left:-210px}}.gv-list-view .gv-list-view-inner .gv-list-entry .gv-list-entry-inner .gv-list-entry-header{position:relative;min-height:175px;margin-bottom:10px;width:100%;background-color:#0084c5;color:#fff;vertical-align:top;padding:0 0 5px}@media (min-width: 30.625em){.gv-list-view .gv-list-view-inner .gv-list-entry .gv-list-entry-inner .gv-list-entry-header{padding:0;min-height:175px;width:calc(100% - 20px)}}.gv-list-view .gv-list-view-inner .gv-list-entry .gv-list-entry-inner .gv-list-entry-header .gv-list-image-container{margin:0 0 5px;height:auto;position:relative;overflow:hidden}@media (min-width: 30.625em){.gv-list-view .gv-list-view-inner .gv-list-entry .gv-list-entry-inner .gv-list-entry-header .gv-list-image-container{position:absolute;width:175px;height:175px;top:10px;left:auto;right:-20px;padding:0;margin:0}}@media (min-width: 46.25em){.gv-list-view .gv-list-view-inner .gv-list-entry .gv-list-entry-inner .gv-list-entry-header .gv-list-image-container{width:240px;height:175px;top:10px;right:-20px;left:auto;padding:0;margin:0}}@media (min-width: 71.25em){.gv-list-view .gv-list-view-inner .gv-list-entry .gv-list-entry-inner .gv-list-entry-header .gv-list-image-container{width:220px}}.gv-list-view .gv-list-view-inner .gv-list-entry .gv-list-entry-inner .gv-list-entry-header .gv-list-image-container .gv-list-image{position:relative;margin:0 auto;width:100%}@media (min-width: 30.625em){.gv-list-view .gv-list-view-inner .gv-list-entry .gv-list-entry-inner .gv-list-entry-header .gv-list-image-container .gv-list-image{width:auto;height:100%;margin-left:-12%;top:auto}}@media (min-width: 46.25em){.gv-list-view .gv-list-view-inner .gv-list-entry .gv-list-entry-inner .gv-list-entry-header .gv-list-image-container .gv-list-image{width:100%;height:auto;margin-left:0}}.gv-list-view .gv-list-view-inner .gv-list-entry .gv-list-entry-inner .gv-list-entry-header .gv-list-image-container .gv-list-image-flag{position:absolute;bottom:5px;left:5px;height:30px;width:30px;background-color:#fff;z-index:100;border-radius:50%}@media (min-width: 30.625em){.gv-list-view .gv-list-view-inner .gv-list-entry .gv-list-entry-inner .gv-list-entry-header .gv-list-image-container .gv-list-image-flag{display:none}}.gv-list-view .gv-list-view-inner .gv-list-entry .gv-list-entry-inner .gv-list-entry-header .gv-list-title{padding:4px 10px 5px;font-size:16px;line-height:20px;font-family:Guardian Headline,Guardian Headline Full,Guardian Egyptian Web,Georgia,serif;font-weight:700;font-variant-numeric:lining-nums;font-feature-settings:"lnum";font-size:24px;line-height:26px;font-weight:600}@media (min-width: 30.625em){.gv-list-view .gv-list-view-inner .gv-list-entry .gv-list-entry-inner .gv-list-entry-header .gv-list-title{position:absolute;width:460px;width:calc(100% - 210px);height:55px;top:0;left:10px;padding:4px 0 0;vertical-align:top}}@media (min-width: 41.25em){.gv-list-view .gv-list-view-inner .gv-list-entry .gv-list-entry-inner .gv-list-entry-header .gv-list-title{font-size:28px;line-height:32px}}@media (min-width: 46.25em){.gv-list-view .gv-list-view-inner .gv-list-entry .gv-list-entry-inner .gv-list-entry-header .gv-list-title{width:460px;width:calc(100% - 275px);height:55px;top:0;left:10px;vertical-align:top}}@media (min-width: 61.25em){.gv-list-view .gv-list-view-inner .gv-list-entry .gv-list-entry-inner .gv-list-entry-header .gv-list-title{width:460px;height:55px;top:0;left:10px;vertical-align:top}}.gv-list-view .gv-list-view-inner .gv-list-entry .gv-list-entry-inner .gv-list-entry-header .gv-list-title span{padding-top:7px;display:inline-block;vertical-align:top}@media (min-width: 30.625em){.gv-list-view .gv-list-view-inner .gv-list-entry .gv-list-entry-inner .gv-list-entry-header .gv-list-title span{padding-top:2px}}.gv-list-view .gv-list-view-inner .gv-list-entry .gv-list-entry-inner .gv-list-entry-header .gv-list-title .gv-list-number{display:inline;color:#03bafe;padding-right:5px;position:relative}.gv-list-view .gv-list-view-inner .gv-list-entry .gv-list-entry-inner .gv-list-entry-header .gv-list-titl.gv-div
