@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-hAquí está el texto con el CSS simplificado y escrito en inglés sencillo:
Los elementos de la lista están configurados con un tamaño de fuente de 20px, usando la fuente Guardian Text Sans Web con Helvetica, Arial, Lucida Grande y sans-serif como alternativas. El color del texto es #333. Los estilos de lista están eliminados, el padding está configurado a cero, y cada elemento tiene un margen derecho de 10px. Los elementos se muestran como inline-block, se alinean arriba, tienen un ancho mínimo de 30px y una altura de línea de 1.4em. En pantallas de al menos 61.25em de ancho, los elementos de la lista tienen un ancho mínimo de 60px. El texto en negrita dentro de los elementos de la lista está configurado con font-weight 600 y se muestra como bloque. El punto de viñeta antes de cada elemento de la lista está oculto.
La imagen de detalle tiene 80px de ancho con un margen derecho de 10px, flota a la izquierda y tiene 80px de padding inferior. Su fondo es #333, dimensionado para cubrir, posicionado al centro, con esquinas completamente redondeadas.
El contenedor de texto está posicionado de forma relativa.
El botón de superposición de vista de alternancia tiene 42px por 42px con un fondo #121212. Se sitúa de forma absoluta con un z-index de 950, tiene un borde sólido de 3px blanco, y está posicionado en la parte superior izquierda con un margen izquierdo de -21px. Su box-sizing es content-box, el cursor es pointer, y sus esquinas están completamente redondeadas. El pseudo-elemento ::before del botón está vacío, se muestra como bloque, tiene 48px por 48px, tiene un fondo transparente, un z-index de 949, se sitúa de forma absoluta con un borde sólido de 1px #121212, está desplazado -4px desde arriba y la izquierda, y tiene esquinas completamente redondeadas con box-sizing content-box. En pantallas de al menos 61.25em de ancho, el botón se vuelve posicionado de forma absoluta con valores auto en bottom, top y left, sin margen izquierdo, y un fondo #0084c5. Su borde ::before también cambia a 1px sólido #0084c5.
El icono de alternancia dentro del botón está posicionado de forma absoluta al 50% desde arriba y la izquierda. El SVG del icono de cuadrícula está oculto por defecto, centrado con márgenes superiores e izquierdos de -10px, y tiene 20px de ancho. El SVG del icono de lista se muestra como bloque, centrado con márgenes superiores de -8px e izquierdos de -10px, y tiene 20px de ancho. Cuando el botón tiene la clase grid-icon-show, el icono de cuadrícula se muestra y el icono de lista se oculta.
El contenedor de botón fijo tiene un z-index de 950, está fijo a 70px desde abajo y al 50% desde la izquierda. En pantallas de al menos 61.25em de ancho, se vuelve posicionado de forma absoluta a 20px desde arriba y 27px desde la izquierda, con bottom en auto.
El bloque de filtro tiene un fondo blanco y 55px de alto. Sus elementos ocultos tienen un margen de -1px, sin borde, sin padding, son de 1px por 1px, overflow hidden, posicionados de forma absoluta, recortados a nada, y no se muestran. El select dentro del bloque de filtro tiene 37px de alto y flota a la derecha. Tiene color de texto #0084c5, esquinas completamente redondeadas, sin apariencia nativa, un tamaño de fondo de 16px auto, padding superior e inferior de 5px con padding izquierdo y derecho de 10px, usa la fuente Guardian Sans Headline con Helvetica y Arial como alternativas, muestra un cursor pointer, tiene un borde sólido de 1px #0084c5, y tiene 250px de ancho.
La hamburguesa vegetariana tiene un z-index de 2 con prioridad important. El fondo del encabezado no se muestra, con prioridad important.
El titular de contenido y el titular usan un tamaño de fuente de 36px con altura de línea de 40px, la fuente Guardian Headline con Guardian Egyptian Web, Guardian Headline Full y Georgia como alternativas, un peso de fuente de 800, y un margen superior calculado como 90vw menos 20px, con prioridad important. En pantallas de al menos 23.4375em de ancho, el margen superior se mantiene en 90vw menos 20px. En pantallas de al menos 30em de ancho, se convierte en 260px. En pantallas de al menos 46.25em de ancho, se convierte en 330px. En pantallas de al menos 61.25em de ancho, el tamaño de fuente se convierte en 44px con altura de línea de 48px, la misma familia de fuentes y peso de 800, y un margen superior de 430px. En pantallas de al menos 71.25em de ancho, el margen superior se convierte en 460px.
El encabezado del artículo tiene un fondo transparente con prioridad important. Su pseudo-elemento ::before no tiene margen izquierdo, con prioridad important. Tanto el ::before del contenido interactivo como el ::before del encabezado del artículo están vacíos, tienen un fondo dimensionado para cubrir, no se repiten, están posicionados de forma absoluta, limpian ambos lados, tienen un color de fondo #121212, usan una imagen de encabezado móvil de los recursos interactivos de Guardian, tienen 100% de ancho, tienen un margen izquierdo de -10px, 90vw de padding inferior, y están posicionados centro abajo. En pantallas de al menos 23.4375em de ancho, tienen 90vw de alto sin padding inferior. En pantallas de al menos 30em de ancho, la imagen de fondo cambia a una versión de escritorio.Aquí está el texto reescrito en inglés fluido y natural:
En pantallas más pequeñas, la imagen del encabezado está configurada con un ancho del 100%, una altura de 280px, con un margen izquierdo de -20px y sin padding inferior. Desde 46.25em en adelante, la imagen de fondo del encabezado cambia a una versión de escritorio, dimensionada para cubrir todo el ancho a 350px de alto. Desde 61.25em en adelante, la altura aumenta a 450px.
El contenedor tiene un borde superior gris claro. Su menú desplegable usa un fondo blanco con un icono de flecha hacia abajo azul posicionado al 93% desde la izquierda y al 50% desde arriba, escalado a 16px.
El encabezado está completamente oculto. Los elementos Atom e interactivos no tienen margen y tienen altura automática. El banner publicitario interactivo está centrado usando flexbox. En tabletas y superiores, los elementos con la clase "hide-until-tablet" se vuelven visibles, mientras que los elementos "mobile-only" se ocultan. En esas mismas pantallas, los espacios publicitarios renderizados obtienen un margen inferior de 80px.
Un elemento ficticio móvil está posicionado de forma absoluta y visible, pero oculto desde 61.25em en adelante.
La selección de texto está deshabilitada en ciertos elementos, junto con los touch callouts y los resaltados al tocar. Los contornos de enfoque en los elementos select están eliminados.
El contenedor principal está posicionado de forma relativa, ancho completo hasta un máximo de 1300px, alineado arriba, centrado con un margen superior de 1px, al menos una altura de viewport, y tiene un borde superior blanco. Desde 46.25em en adelante, el margen superior se elimina y se añade un pseudo-elemento decorativo encima — aunque esto está oculto en iOS y Android. En breakpoints más grandes, este pseudo-elemento crece en altura, alcanzando 320px a 61.25em y 340px a 81.25em.
El contenedor de vistas está posicionado de forma relativa, oculta el overflow, y se sitúa en z-index 1. Desde 61.25em en adelante, obtiene una línea vertical fina a la derecha y un panel gris de 50px de ancho a la izquierda con un borde derecho azul, usando la variable de color de fondo primario.
La vista de lista es de ancho completo, al menos una altura de viewport, usa el color de fondo primario, se sitúa en z-index 1, y tiene 20px de padding inferior. Desde 61.25em en adelante, el padding superior se elimina. Cuando está abierta, está posicionada de forma relativa; cuando está cerrada, está posicionada de forma absoluta.
La vista de lista interna tiene 40px de padding superior e inferior con 10px a los lados. A 30em, el padding lateral se convierte en 15px. A 46.25em, el padding superior e inferior se convierte en 70px. A 61.25em, está centrada a 620px de ancho con 80px de padding superior y sin padding lateral — aunque en iOS y Android, está configurada a ancho completo menos 20px con un margen izquierdo de 50px. A 71.25em, está centrada a 740px de ancho con 80px de padding superior, 40px de padding derecho, y sin padding izquierdo — de nuevo ajustado para iOS y Android.
Cada entrada de lista dentro tiene el color de fondo primario, un margen inferior de 30px, altura de línea de 1.4em, y posicionamiento relativo. Desde 61.25em en adelante, cada entrada obtiene un borde superior azul mediante un pseudo-elemento posicionado a la izquierda, 130px de ancho y desplazado -130px. Esto se mantiene igual a 71.25em y continúa a 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-divider{display:inline;border-right:1px solid #03bafe;margin-right:8px;margin-left:2px}.gv-list-view .gv-list-view-inner .gv-list-entry .gv-list-entry-inner .gv-list
