@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-hZde je text se zjednodušeným CSS a napsaný jednoduchou angličtinou:
Položky seznamu mají nastavenou velikost písma 20px, používají písmo Guardian Text Sans Web s náhradami Helvetica, Arial, Lucida Grande a sans-serif. Barva textu je #333. Styly seznamu jsou odstraněny, odsazení je nastaveno na nulu a každá položka má pravý okraj 10px. Položky se zobrazují jako inline-block, zarovnávají se nahoru, mají minimální šířku 30px a výšku řádku 1.4em. Na obrazovkách širokých alespoň 61.25em mají položky seznamu minimální šířku 60px. Tučný text uvnitř položek seznamu má nastavenou tloušťku písma 600 a zobrazuje se jako blok. Odrážka před každou položkou seznamu je skrytá.
Obrázek detailu je široký 80px s pravým okrajem 10px, obtéká vlevo a má spodní odsazení 80px. Jeho pozadí je #333, velikost cover, pozice center, s plně zaoblenými rohy.
Obal textu je relativně pozicovaný.
Tlačítko přepnutí zobrazení překryvu má rozměry 42px na 42px s pozadím #121212. Je absolutně pozicované s z-indexem 950, má 3px silný bílý rámeček a je umístěno vlevo nahoře s levým okrajem -21px. Jeho box-sizing je content-box, kurzor je pointer a jeho rohy jsou plně zaoblené. Pseudoprvek ::before tlačítka je prázdný, zobrazuje se jako blok, má rozměry 48px na 48px, průhledné pozadí, z-index 949, je absolutně pozicovaný s 1px silným rámečkem #121212, je posunutý o -4px shora a zleva a má plně zaoblené rohy s box-sizing content-box. Na obrazovkách širokých alespoň 61.25em se tlačítko stává absolutně pozicovaným s automatickými hodnotami bottom, top a left, bez levého okraje a s pozadím #0084c5. Jeho rámeček ::before se také mění na 1px silný #0084c5.
Ikona přepnutí uvnitř tlačítka je absolutně pozicovaná na 50 % shora a zleva. SVG ikony mřížky je ve výchozím stavu skryté, vycentrované s okraji -10px shora a zleva a je široké 20px. SVG ikony seznamu se zobrazuje jako blok, vycentrované s okraji -8px shora a -10px zleva a je široké 20px. Když má tlačítko třídu grid-icon-show, ikona mřížky se zobrazí a ikona seznamu se skryje.
Kontejner pevného tlačítka má z-index 950, je pevně umístěn 70px ode dna a 50 % zleva. Na obrazovkách širokých alespoň 61.25em se stává absolutně pozicovaným 20px shora a 27px zleva, s automatickou hodnotou bottom.
Blok filtru má bílé pozadí a je vysoký 55px. Jeho skryté prvky mají okraj -1px, žádný rámeček, žádné odsazení, rozměry 1px na 1px, přetečení skryté, absolutně pozicované, oříznuté na nic a nezobrazované. Select uvnitř bloku filtru je vysoký 37px a obtéká vpravo. Má barvu textu #0084c5, plně zaoblené rohy, žádný nativní vzhled, velikost pozadí 16px auto, odsazení 5px shora a zdola s 10px zleva a zprava, používá písmo Guardian Sans Headline s náhradami Helvetica a Arial, zobrazuje kurzor pointer, má 1px silný rámeček #0084c5 a je široký 250px.
Veggie burger má z-index 2 s důležitou prioritou. Pozadí hlavičky není zobrazeno, s důležitou prioritou.
Nadpis obsahu a nadpis používají velikost písma 36px s výškou řádku 40px, písmo Guardian Headline s náhradami Guardian Egyptian Web, Guardian Headline Full a Georgia, tloušťku písma 800 a horní okraj vypočítaný jako 90vw minus 20px, s důležitou prioritou. Na obrazovkách širokých alespoň 23.4375em zůstává horní okraj 90vw minus 20px. Na obrazovkách širokých alespoň 30em se stává 260px. Na obrazovkách širokých alespoň 46.25em se stává 330px. Na obrazovkách širokých alespoň 61.25em se velikost písma stává 44px s výškou řádku 48px, stejnou rodinou písma a tloušťkou 800 a horním okrajem 430px. Na obrazovkách širokých alespoň 71.25em se horní okraj stává 460px.
Hlavička článku má průhledné pozadí s důležitou prioritou. Její pseudoprvek ::before nemá levý okraj, s důležitou prioritou. Jak ::before interaktivního obsahu, tak ::before hlavičky článku jsou prázdné, mají pozadí nastavené na cover, neopakují se, jsou absolutně pozicované, čistí obě strany, mají barvu pozadí #121212, používají obrázek mobilní hlavičky z interaktivních aktiv Guardianu, jsou široké 100 %, mají levý okraj -10px, spodní odsazení 90vw a jsou pozicované na střed dole. Na obrazovkách širokých alespoň 23.4375em jsou vysoké 90vw bez spodního odsazení. Na obrazovkách širokých alespoň 30em se obrázek pozadí přepne na desktopovou verzi.Zde je text přepsaný plynulou, přirozenou angličtinou:
Na menších obrazovkách je obrázek hlavičky nastaven na šířku 100 %, výšku 280px, s levým okrajem -20px a bez spodního odsazení. Od 46.25em výše se obrázek pozadí hlavičky přepne na desktopovou verzi, velikost cover na plnou šířku při výšce 350px. Od 61.25em výše se výška zvýší na 450px.
Obal má světle šedý horní rámeček. Jeho rozbalovací menu používá bílé pozadí s modrou ikonou šipky dolů umístěnou na 93 % zleva a 50 % shora, zmenšenou na 16px.
Hlavička je zcela skrytá. Atom a interaktivní prvky nemají žádný okraj a automatickou výšku. Interaktivní reklamní banner je vycentrován pomocí flexboxu. Na tabletech a výše se prvky s třídou "hide-until-tablet" stanou viditelnými, zatímco prvky "mobile-only" jsou skryté. Na stejných obrazovkách dostávají vykreslené reklamní sloty spodní okraj 80px.
Mobilní dummy prvek je absolutně pozicovaný a viditelný, ale skrytý od 61.25em výše.
Výběr textu je zakázán na určitých prvcích, spolu s touch callouts a tap highlights. Obrysy fokusu na prvcích select jsou odstraněny.
Hlavní obal je relativně pozicovaný, plná šířka do maximálně 1300px, zarovnaný nahoru, vycentrovaný s horním okrajem 1px, alespoň jedna výška viewportu a má bílý horní rámeček. Od 46.25em výše je horní okraj odstraněn a je přidán dekorativní pseudoprvek nad ním — ačkoli ten je skrytý na iOS a Androidu. Na větších breakpointech tento pseudoprvek roste do výšky, dosahuje 320px při 61.25em a 340px při 81.25em.
Obal zobrazení je relativně pozicovaný, skrývá přetečení a sedí na z-indexu 1. Od 61.25em výše získává tenkou svislou linku vpravo a 50px široký šedý panel vlevo s modrým pravým rámečkem, používající proměnnou primární barvy pozadí.
Zobrazení seznamu je plná šířka, alespoň jedna výška viewportu, používá primární barvu pozadí, sedí na z-indexu 1 a má spodní odsazení 20px. Od 61.25em výše je horní odsazení odstraněno. Když je otevřené, je relativně pozicované; když je zavřené, je absolutně pozicované.
Vnitřní zobrazení seznamu má horní a spodní odsazení 40px s 10px po stranách. Při 30em se boční odsazení stává 15px. Při 46.25em se horní a spodní odsazení stává 70px. Při 61.25em je vycentrováno na šířku 620px s horním odsazením 80px a bez bočního odsazení — ačkoli na iOS a Androidu je nastaveno na plnou šířku minus 20px s levým okrajem 50px. Při 71.25em je vycentrováno na šířku 740px s horním odsazením 80px, pravým odsazením 40px a bez levého odsazení — opět upraveno pro iOS a Android.
Každý záznam seznamu uvnitř má primární barvu pozadí, spodní okraj 30px, výšku řádku 1.4em a relativní pozicování. Od 61.25em výše každý záznam získává modrý horní rámeček pomocí pseudoprvku pozicovaného vlevo, širokého 130px a posunutého o -130px. To zůstává stejné při 71.25em a pokračuje při 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
