@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-hHier ist der Text mit dem vereinfachten CSS in einfachem Englisch:
Die Listenelemente sind auf 20px Schriftgröße eingestellt, wobei die Schriftart Guardian Text Sans Web mit Helvetica, Arial, Lucida Grande und sans-serif als Fallbacks verwendet wird. Die Textfarbe ist #333. Listenstile werden entfernt, der Abstand auf null gesetzt und jedes Element hat einen rechten Abstand von 10px. Elemente werden als inline-block angezeigt, oben ausgerichtet, haben eine Mindestbreite von 30px und eine Zeilenhöhe von 1.4em. Auf Bildschirmen mit mindestens 61.25em Breite haben Listenelemente eine Mindestbreite von 60px. Starker Text innerhalb von Listenelementen ist auf font-weight 600 gesetzt und wird als Block angezeigt. Der Aufzählungspunkt vor jedem Listenelement ist ausgeblendet.
Das Detailbild ist 80px breit mit einem rechten Abstand von 10px, schwebt links und hat 80px unteren Abstand. Sein Hintergrund ist #333, auf cover gesetzt, zentriert positioniert, mit vollständig abgerundeten Ecken.
Der Text-Wrapper ist relativ positioniert.
Die Schaltfläche zum Umschalten der Ansichtsüberlagerung ist 42px mal 42px mit einem #121212 Hintergrund. Sie sitzt absolut mit einem z-index von 950, hat einen 3px durchgehenden weißen Rahmen und ist oben links positioniert mit einem linken Abstand von -21px. Ihr box-sizing ist content-box, der Cursor ist ein Zeiger und ihre Ecken sind vollständig abgerundet. Das ::before-Pseudoelement der Schaltfläche ist leer, wird als Block angezeigt, ist 48px mal 48px, hat einen transparenten Hintergrund, einen z-index von 949, sitzt absolut mit einem 1px durchgehenden #121212 Rahmen, ist um -4px von oben und links versetzt und hat vollständig abgerundete Ecken mit content-box-Größenanpassung. Auf Bildschirmen mit mindestens 61.25em Breite wird die Schaltfläche absolut positioniert mit automatischen Werten für bottom, top und left, keinem linken Abstand und einem #0084c5 Hintergrund. Ihr ::before-Rahmen ändert sich ebenfalls zu 1px durchgehend #0084c5.
Das Umschaltsymbol innerhalb der Schaltfläche ist absolut positioniert bei 50% von oben und links. Das Gitter-Symbol-SVG ist standardmäßig ausgeblendet, zentriert mit -10px oberem und linkem Abstand und ist 20px breit. Das Listen-Symbol-SVG wird als Block angezeigt, zentriert mit -8px oberem und -10px linkem Abstand und ist 20px breit. Wenn die Schaltfläche die Klasse grid-icon-show hat, wird das Gitter-Symbol angezeigt und das Listen-Symbol ausgeblendet.
Der feste Schaltflächencontainer hat einen z-index von 950, ist fixiert bei 70px von unten und 50% von links. Auf Bildschirmen mit mindestens 61.25em Breite wird er absolut positioniert 20px von oben und 27px von links, mit automatischem bottom.
Der Filterblock hat einen weißen Hintergrund und ist 55px hoch. Seine ausgeblendeten Elemente haben einen -1px Abstand, keinen Rahmen, keinen Abstand, sind 1px mal 1px, overflow hidden, absolut positioniert, auf nichts geclippt und nicht angezeigt. Das select innerhalb des Filterblocks ist 37px hoch und schwebt rechts. Es hat #0084c5 Textfarbe, vollständig abgerundete Ecken, kein natives Erscheinungsbild, eine Hintergrundgröße von 16px auto, 5px oberen und unteren Abstand mit 10px linkem und rechtem Abstand, verwendet die Schriftart Guardian Sans Headline mit Helvetica und Arial als Fallbacks, zeigt einen Zeiger-Cursor, hat einen 1px durchgehenden #0084c5 Rahmen und ist 250px breit.
Der Veggie-Burger hat einen z-index von 2 mit important-Priorität. Der Header-Hintergrund wird nicht angezeigt, mit important-Priorität.
Die Inhaltsüberschrift und Überschrift verwenden eine 36px Schriftgröße mit 40px Zeilenhöhe, die Schriftart Guardian Headline mit Guardian Egyptian Web, Guardian Headline Full und Georgia als Fallbacks, ein font-weight von 800 und einen oberen Abstand, der als 90vw minus 20px berechnet wird, mit important-Priorität. Auf Bildschirmen mit mindestens 23.4375em Breite bleibt der obere Abstand bei 90vw minus 20px. Auf Bildschirmen mit mindestens 30em Breite wird er 260px. Auf Bildschirmen mit mindestens 46.25em Breite wird er 330px. Auf Bildschirmen mit mindestens 61.25em Breite wird die Schriftgröße 44px mit 48px Zeilenhöhe, derselben Schriftfamilie und font-weight von 800 und einem oberen Abstand von 430px. Auf Bildschirmen mit mindestens 71.25em Breite wird der obere Abstand 460px.
Der Artikel-Header hat einen transparenten Hintergrund mit important-Priorität. Sein ::before-Pseudoelement hat keinen linken Abstand, mit important-Priorität. Sowohl das interaktive Inhalts-::before als auch das Artikel-Header-::before sind leer, haben einen Hintergrund auf cover gesetzt, wiederholen sich nicht, sind absolut positioniert, clearen beide Seiten, haben eine #121212 Hintergrundfarbe, verwenden ein mobiles Header-Bild von den interaktiven Assets des Guardian, sind 100% breit, haben einen linken Abstand von -10px, 90vw unteren Abstand und sind zentriert unten positioniert. Auf Bildschirmen mit mindestens 23.4375em Breite sind sie 90vw hoch ohne unteren Abstand. Auf Bildschirmen mit mindestens 30em Breite wechselt das Hintergrundbild zu einer Desktop-Version.Hier ist der Text in fließendem, natürlichem Englisch umgeschrieben:
Auf kleineren Bildschirmen ist das Header-Bild auf eine Breite von 100%, eine Höhe von 280px, mit einem linken Abstand von -20px und ohne unteren Abstand eingestellt. Ab 46.25em wechselt das Header-Hintergrundbild zu einer Desktop-Version, dimensioniert auf cover mit voller Breite bei 350px Höhe. Ab 61.25em erhöht sich die Höhe auf 450px.
Der Wrapper hat einen hellgrauen oberen Rahmen. Sein Dropdown-Menü verwendet einen weißen Hintergrund mit einem blauen Pfeil-nach-unten-Symbol, positioniert bei 93% von links und 50% von oben, skaliert auf 16px.
Der Header ist vollständig ausgeblendet. Atom- und interaktive Elemente haben keinen Abstand und automatische Höhe. Das interaktive Werbebanner ist mit Flexbox zentriert. Auf Tablets und größer werden Elemente mit der Klasse "hide-until-tablet" sichtbar, während "mobile-only"-Elemente ausgeblendet werden. Auf denselben Bildschirmen erhalten gerenderte Werbeplätze einen unteren Abstand von 80px.
Ein mobiles Dummy-Element ist absolut positioniert und sichtbar, aber ab 61.25em ausgeblendet.
Textauswahl ist auf bestimmten Elementen deaktiviert, zusammen mit Touch-Callouts und Tap-Highlights. Fokusumrisse auf select-Elementen werden entfernt.
Der Haupt-Wrapper ist relativ positioniert, volle Breite bis zu einem Maximum von 1300px, oben ausgerichtet, zentriert mit einem oberen Abstand von 1px, mindestens eine Viewport-Höhe und hat einen weißen oberen Rahmen. Ab 46.25em wird der obere Abstand entfernt und ein dekoratives Pseudoelement darüber hinzugefügt — obwohl dies auf iOS und Android ausgeblendet ist. Bei größeren Breakpoints wächst dieses Pseudoelement höher und erreicht 320px bei 61.25em und 340px bei 81.25em.
Der Views-Wrapper ist relativ positioniert, verbirgt Overflow und sitzt bei z-index 1. Ab 61.25em erhält er eine dünne vertikale Linie rechts und ein 50px breites graues Panel links mit einem blauen rechten Rahmen, unter Verwendung der primären Hintergrundfarbvariable.
Die Listenansicht ist volle Breite, mindestens eine Viewport-Höhe, verwendet die primäre Hintergrundfarbe, sitzt bei z-index 1 und hat 20px unteren Abstand. Ab 61.25em wird der obere Abstand entfernt. Wenn geöffnet, ist sie relativ positioniert; wenn geschlossen, ist sie absolut positioniert.
Die innere Listenansicht hat 40px oberen und unteren Abstand mit 10px Seiten. Bei 30em wird der Seitenabstand 15px. Bei 46.25em wird der obere und untere Abstand 70px. Bei 61.25em ist sie zentriert bei 620px Breite mit 80px oberem Abstand und ohne Seitenabstand — obwohl sie auf iOS und Android auf volle Breite minus 20px mit einem linken Abstand von 50px eingestellt ist. Bei 71.25em ist sie zentriert bei 740px Breite mit 80px oberem Abstand, 40px rechtem Abstand und ohne linken Abstand — wieder angepasst für iOS und Android.
Jeder Listeneintrag darin hat die primäre Hintergrundfarbe, einen unteren Abstand von 30px, 1.4em Zeilenhöhe und relative Positionierung. Ab 61.25em erhält jeder Eintrag einen blauen oberen Rahmen über ein Pseudoelement, das links positioniert ist, 130px breit und um -130px versetzt. Dies bleibt bei 71.25em gleich und setzt sich bei 81.25em fort..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-entry-header .gv-list-title .gv-list-title-name{display:inline}.gv-list-view .gv-list-view-inner .gv-list-entry .gv-list-entry-inner
