@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-hÍme itt a szöveg, amelyben a CSS le van egyszerűsítve és egyszerű angol nyelven van megírva:
A listaelemek 20px betűméretre vannak állítva, a Guardian Text Sans Web betűtípussal, Helvetica, Arial, Lucida Grande és sans-serif tartalék betűtípusokkal. A szöveg színe #333. A listastílusok el vannak távolítva, a padding nulla, és minden elemnek 10px jobb margója van. Az elemek inline-blockként jelennek meg, a tetejükhöz igazítva, minimum 30px szélességgel és 1.4em sormagassággal. Legalább 61.25em széles képernyőkön a listaelemek minimum szélessége 60px. A listaelemeken belüli félkövér szöveg font-weight 600-ra van állítva, és blokkként jelenik meg. Az egyes listaelemek előtti felsorolásjel el van rejtve.
A részletkép 80px széles, 10px jobb margóval, balra lebeg, és 80px alsó paddingja van. A háttere #333, mérete cover, pozíciója center, teljesen lekerekített sarkokkal.
A szövegbefoglaló relatív pozíciójú.
A nézetváltó overlay gomb 42px x 42px, #121212 háttérrel. Abszolút pozícióban van, z-indexe 950, 3px tömör fehér szegélye van, és a bal felső sarokban helyezkedik el -21px bal margóval. A box-sizing content-box, a kurzor pointer, és a sarkai teljesen lekerekítettek. A gomb ::before pszeudoeleme üres, blokkként jelenik meg, 48px x 48px, átlátszó háttere van, z-indexe 949, abszolút pozícióban van 1px tömör #121212 szegéllyel, -4px eltolással a tetejétől és baljától, és teljesen lekerekített sarkai vannak content-box méretezéssel. Legalább 61.25em széles képernyőkön a gomb abszolút pozíciójú lesz auto bottom, top és left értékekkel, bal margó nélkül, és #0084c5 háttérrel. A ::before szegélye is 1px tömör #0084c5-re változik.
A gombon belüli váltóikon abszolút pozícióban van, 50%-ra a tetejétől és baljától. A rácsikon SVG alapértelmezés szerint rejtett, középre igazított -10px top és left margóval, és 20px széles. A listaikon SVG blokkként jelenik meg, középre igazítva -8px top és -10px left margóval, és 20px széles. Amikor a gombon a grid-icon-show osztály van, a rácsikon megjelenik és a listaikon elrejtődik.
A rögzített gombkonténer z-indexe 950, fixen 70px-re az aljától és 50%-ra a baljától. Legalább 61.25em széles képernyőkön abszolút pozíciójú lesz 20px-re a tetejétől és 27px-re a baljától, auto bottom értékkel.
A szűrőblokk fehér hátterű és 55px magas. A rejtett elemei -1px margóval, szegély nélkül, padding nélkül, 1px x 1px, overflow hidden, abszolút pozícióban, semmire levágva, és nem jelennek meg. A szűrőblokkon belüli select 37px magas és jobbra lebeg. #0084c5 szövegszíne van, teljesen lekerekített sarkai, natív megjelenés nélkül, 16px auto háttérmérettel, 5px top és bottom paddinggal, valamint 10px left és right paddinggal, a Guardian Sans Headline betűtípust használja Helvetica és Arial tartalékokkal, pointer kurzort mutat, 1px tömör #0084c5 szegélye van, és 250px széles.
A veggie burger z-indexe 2 important prioritással. A fejléc háttér nem jelenik meg, important prioritással.
A tartalom főcím és a főcím 36px betűméretet használ 40px sormagassággal, a Guardian Headline betűtípust Guardian Egyptian Web, Guardian Headline Full és Georgia tartalékokkal, 800-as font weighttel, és a felső margója 90vw mínusz 20px-ként van kiszámítva, important prioritással. Legalább 23.4375em széles képernyőkön a felső margó 90vw mínusz 20px marad. Legalább 30em széles képernyőkön 260px lesz. Legalább 46.25em széles képernyőkön 330px lesz. Legalább 61.25em széles képernyőkön a betűméret 44px lesz 48px sormagassággal, ugyanazzal a betűtípuscsaláddal és 800-as font weighttel, és 430px felső margóval. Legalább 71.25em széles képernyőkön a felső margó 460px lesz.
A cikk fejléc átlátszó hátterű, important prioritással. A ::before pszeudoelemének nincs bal margója, important prioritással. Mind az interaktív tartalom ::before, mind a cikk fejléc ::before üres, cover méretű hátterük van, nem ismétlődnek, abszolút pozícióban vannak, mindkét oldalt tisztázzák, #121212 háttérszínük van, a Guardian interaktív eszközeiből származó mobil fejléc képet használják, 100% szélesek, -10px bal margójuk van, 90vw alsó paddingjuk van, és center bottom pozícióban vannak. Legalább 23.4375em széles képernyőkön 90vw magasak alsó padding nélkül. Legalább 30em széles képernyőkön a háttérkép egy desktop verzióra vált.Íme a szöveg folyékony, természetes angol nyelven újraírva:
Kisebb képernyőkön a fejléc kép 100% szélességre, 280px magasságra van állítva, -20px bal margóval és alsó padding nélkül. 46.25em-től felfelé a fejléc háttérkép egy desktop verzióra vált, cover méretben a teljes szélességre 350px magasan. 61.25em-től felfelé a magasság 450px-re növekszik.
A wrapper világosszürke felső szegéllyel rendelkezik. A legördülő menüje fehér hátteret használ egy kék lefelé mutató nyíl ikonnal, amely 93%-ra van pozícionálva a baljától és 50%-ra a tetejétől, 16px-re méretezve.
A fejléc teljesen el van rejtve. Az Atom és interaktív elemeknek nincs margójuk és automatikus magasságuk. Az interaktív hirdetési banner flexboxszal van középre igazítva. Tableteken és nagyobbakon a "hide-until-tablet" osztályú elemek láthatóvá válnak, míg a "mobile-only" elemek elrejtődnek. Ugyanezeken a képernyőkön a renderelt hirdetési helyek 80px alsó margót kapnak.
Egy mobil dummy elem abszolút pozícióban van és látható, de 61.25em-től felfelé el van rejtve.
A szövegkijelölés le van tiltva bizonyos elemeken, a touch callouts és tap kiemelésekkel együtt. A select elemek fókusz körvonalai el vannak távolítva.
A fő wrapper relatív pozíciójú, teljes szélességű maximum 1300px-ig, a tetejéhez igazítva, középre igazítva 1px felső margóval, legalább egy viewport magas, és fehér felső szegélye van. 46.25em-től felfelé a felső margó el van távolítva és egy dekoratív pszeudoelem kerül fölé — bár ez iOS-en és Androidon el van rejtve. Nagyobb töréspontokon ez a pszeudoelem magasabbra nő, 61.25em-nél 320px-re, 81.25em-nél 340px-re érve.
A views wrapper relatív pozíciójú, elrejti a túlcsordulást, és z-index 1-en van. 61.25em-től felfelé egy vékony függőleges vonalat kap a jobb oldalon és egy 50px széles szürke panelt a bal oldalon kék jobb szegéllyel, a primary background color változót használva.
A lista nézet teljes szélességű, legalább egy viewport magas, a primary background color-t használja, z-index 1-en van, és 20px alsó paddingja van. 61.25em-től felfelé a felső padding el van távolítva. Nyitva relatív pozíciójú; zárva abszolút pozíciójú.
A belső lista nézet 40px felső és alsó paddinggal rendelkezik 10px oldalakkal. 30em-nél az oldalsó padding 15px lesz. 46.25em-nél a felső és alsó padding 70px lesz. 61.25em-nél középre igazított 620px szélességgel, 80px felső paddinggal és oldalsó padding nélkül — bár iOS-en és Androidon teljes szélesség mínusz 20px-re van állítva 50px bal margóval. 71.25em-nél középre igazított 740px szélességgel, 80px felső paddinggal, 40px jobb paddinggal és bal padding nélkül — ismét iOS-re és Androidra igazítva.
Minden listabejegyzés belül a primary background color-t használja, 30px alsó margóval, 1.4em sormagassággal és relatív pozícionálással. 61.25em-től felfelé minden bejegyzés kék felső szegélyt kap egy pszeudoelemen keresztül, amely balra van pozícionálva, 130px széles és -130px-szel eltolva. Ez ugyanaz marad 71.25em-nél és folytatódik 81.25em-nél..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 .g
