@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-hHapa kuna maandishi na CSS iliyorahisishwa na kuandikwa kwa Kiingereza rahisi:
Vipengee vya orodha vimewekwa kwa ukubwa wa fonti wa 20px, kwa kutumia fonti ya Guardian Text Sans Web na Helvetica, Arial, Lucida Grande, na sans-serif kama mbadala. Rangi ya maandishi ni #333. Mitindo ya orodha imeondolewa, padding imewekwa sifuri, na kila kipengee kina margin ya kulia ya 10px. Vipengee vinaonyeshwa inline-block, vinaelekea juu, vina upana wa chini wa 30px, na urefu wa mstari wa 1.4em. Kwenye skrini zenye upana wa angalau 61.25em, vipengee vya orodha vina upana wa chini wa 60px. Maandishi yenye nguvu ndani ya vipengee vya orodha yamewekwa kwa font-weight 600 na yanaonyeshwa kama block. Alama ya risasi kabla ya kila kipengee cha orodha imefichwa.
Picha ya maelezo ina upana wa 80px na margin ya kulia ya 10px, inaelea kushoto, na ina padding ya chini ya 80px. Mandhari yake ni #333, imepimwa kufunika, imewekwa katikati, na pembe zake zimezungukwa kikamilifu.
Kifuniko cha maandishi kimewekwa relative.
Kitufe cha kugeuza mwonekano wa overlay ni 42px kwa 42px na mandhari ya #121212. Kinakaa absolutely na z-index ya 950, kina border nyeupe nene ya 3px, na kimewekwa juu kushoto na margin ya kushoto ya -21px. Box-sizing yake ni content-box, cursor ni pointer, na pembe zake zimezungukwa kikamilifu. Pseudo-element ya ::before ya kitufe ni tupu, inaonyeshwa kama block, ni 48px kwa 48px, ina mandhari ya uwazi, z-index ya 949, inakaa absolutely na border ya 1px ya #121212, imeondolewa -4px kutoka juu na kushoto, na ina pembe zilizozungukwa kikamilifu na ukubwa wa content-box. Kwenye skrini zenye upana wa angalau 61.25em, kitufe kinakuwa absolutely positioned na thamani za auto chini, juu, na kushoto, hakuna margin ya kushoto, na mandhari ya #0084c5. Border ya ::before pia inabadilika kuwa 1px ya #0084c5.
Ikoni ya kugeuza ndani ya kitufe imewekwa absolutely kwa 50% kutoka juu na kushoto. SVG ya ikoni ya gridi imefichwa kwa default, imewekwa katikati na margin ya juu na kushoto ya -10px, na ina upana wa 20px. SVG ya ikoni ya orodha inaonyeshwa kama block, imewekwa katikati na margin ya juu ya -8px na kushoto ya -10px, na ina upana wa 20px. Wakati kitufe kina darasa la grid-icon-show, ikoni ya gridi inaonyeshwa na ikoni ya orodha inafichwa.
Kifuniko cha kitufe kilichowekwa kina z-index ya 950, kimewekwa fixed kwa 70px kutoka chini na 50% kutoka kushoto. Kwenye skrini zenye upana wa angalau 61.25em, kinakuwa absolutely positioned 20px kutoka juu na 27px kutoka kushoto, na auto chini.
Kizuizi cha kichujio kina mandhari nyeupe na kina urefu wa 55px. Vipengele vyake vilivyofichwa vina margin ya -1px, hakuna border, hakuna padding, ni 1px kwa 1px, overflow imefichwa, imewekwa absolutely, imekatwa hadi chochote, na haionyeshwi. Select ndani ya kizuizi cha kichujio ina urefu wa 37px na inaelea kulia. Ina rangi ya maandishi ya #0084c5, pembe zilizozungukwa kikamilifu, hakuna mwonekano wa asili, ukubwa wa mandhari wa 16px auto, padding ya juu na chini ya 5px na padding ya kushoto na kulia ya 10px, inatumia fonti ya Guardian Sans Headline na Helvetica na Arial kama mbadala, inaonyesha cursor ya pointer, ina border ya 1px ya #0084c5, na ina upana wa 250px.
Veggie burger ina z-index ya 2 na kipaumbele muhimu. Mandhari ya kichwa haionyeshwi, na kipaumbele muhimu.
Kichwa cha maudhui na kichwa vinatumia ukubwa wa fonti wa 36px na urefu wa mstari wa 40px, fonti ya Guardian Headline na Guardian Egyptian Web, Guardian Headline Full, na Georgia kama mbadala, uzito wa fonti wa 800, na margin ya juu iliyohesabiwa kama 90vw minus 20px, na kipaumbele muhimu. Kwenye skrini zenye upana wa angalau 23.4375em, margin ya juu inabaki 90vw minus 20px. Kwenye skrini zenye upana wa angalau 30em, inakuwa 260px. Kwenye skrini zenye upana wa angalau 46.25em, inakuwa 330px. Kwenye skrini zenye upana wa angalau 61.25em, ukubwa wa fonti unakuwa 44px na urefu wa mstari wa 48px, familia sawa ya fonti na uzito wa 800, na margin ya juu ya 430px. Kwenye skrini zenye upana wa angalau 71.25em, margin ya juu inakuwa 460px.
Kichwa cha makala kina mandhari ya uwazi na kipaumbele muhimu. Pseudo-element yake ya ::before haina margin ya kushoto, na kipaumbele muhimu. Wote ::before ya maudhui ya mwingiliano na ::before ya kichwa cha makala ni tupu, zina mandhari iliyopimwa kufunika, hazirudii, zimewekwa absolutely, zinafuta pande zote mbili, zina rangi ya mandhari ya #121212, zinatumia picha ya kichwa ya simu kutoka kwa rasilimali za mwingiliano za Guardian, zina upana wa 100%, zina margin ya kushoto ya -10px, padding ya chini ya 90vw, na zimewekwa katikati chini. Kwenye skrini zenye upana wa angalau 23.4375em, zina urefu wa 90vw bila padding ya chini. Kwenye skrini zenye upana wa angalau 30em, picha ya mandhari inabadilika kuwa toleo la desktop.Hapa kuna maandishi yaliyoandikwa upya kwa Kiingereza fasaha na asilia:
Kwenye skrini ndogo, picha ya kichwa imewekwa kwa upana wa 100%, urefu wa 280px, na margin ya kushoto ya -20px na hakuna padding ya chini. Kutoka 46.25em kwenda juu, picha ya mandhari ya kichwa inabadilika kuwa toleo la desktop, imepimwa kufunika upana kamili kwa urefu wa 350px. Kutoka 61.25em kwenda juu, urefu unaongezeka hadi 450px.
Kifuniko kina border ya juu ya kijivu hafifu. Menyu yake ya kushuka inatumia mandhari nyeupe na ikoni ya mshale wa chini wa bluu iliyowekwa kwa 93% kutoka kushoto na 50% kutoka juu, imepimwa kwa 16px.
Kichwa kimefichwa kabisa. Vipengele vya atom na mwingiliano havina margin na urefu wa kiotomatiki. Bango la matangazo la mwingiliano limewekwa katikati kwa kutumia flexbox. Kwenye kompyuta kibao na juu, vipengele vyenye darasa la "hide-until-tablet" vinaonekana, wakati vipengele vya "mobile-only" vinafichwa. Kwenye skrini hizo hizo, nafasi za matangazo zilizotolewa zinapata margin ya chini ya 80px.
Kipengele cha dummy cha simu kimewekwa absolutely na kinaonekana, lakini kimefichwa kutoka 61.25em kwenda juu.
Uteuzi wa maandishi umezimwa kwenye vipengele fulani, pamoja na touch callouts na tap highlights. Muhtasari wa focus kwenye vipengele vya select umeondolewa.
Kifuniko kikuu kimewekwa relative, upana kamili hadi kiwango cha juu cha 1300px, kimeelekea juu, kimewekwa katikati na margin ya juu ya 1px, angalau urefu wa viewport moja, na kina border nyeupe ya juu. Kutoka 46.25em kwenda juu, margin ya juu imeondolewa na pseudo-element ya mapambo imeongezwa juu yake — ingawa hii imefichwa kwenye iOS na Android. Kwenye breakpoints kubwa, pseudo-element hii inakua ndefu, ikifikia 320px kwa 61.25em na 340px kwa 81.25em.
Kifuniko cha maoni kimewekwa relative, kinaficha overflow, na kinakaa kwa z-index 1. Kutoka 61.25em kwenda juu, kinapata mstari mwembamba wa wima upande wa kulia na paneli ya kijivu yenye upana wa 50px upande wa kushoto na border ya bluu ya kulia, kwa kutumia kigezo cha rangi ya mandhari ya msingi.
Mwonekano wa orodha ni upana kamili, angalau urefu wa viewport moja, unatumia rangi ya mandhari ya msingi, unakaa kwa z-index 1, na una padding ya chini ya 20px. Kutoka 61.25em kwenda juu, padding ya juu imeondolewa. Ukiwa wazi, umewekwa relative; ukiwa umefungwa, umewekwa absolutely.
Mwonekano wa ndani wa orodha una padding ya juu na chini ya 40px na pande za 10px. Kwa 30em, padding ya kando inakuwa 15px. Kwa 46.25em, padding ya juu na chini inakuwa 70px. Kwa 61.25em, imewekwa katikati kwa upana wa 620px na padding ya juu ya 80px na hakuna padding ya kando — ingawa kwenye iOS na Android, imewekwa kwa upana kamili minus 20px na margin ya kushoto ya 50px. Kwa 71.25em, imewekwa katikati kwa upana wa 740px na padding ya juu ya 80px, padding ya kulia ya 40px, na hakuna padding ya kushoto — tena imerekebishwa kwa iOS na Android.
Kila ingizo la orodha ndani lina rangi ya mandhari ya msingi, margin ya chini ya 30px, urefu wa mstari wa 1.4em, na uwekaji relative. Kutoka 61.25em kwenda juu, kila ingizo linapata border ya juu ya bluu kupitia pseudo-element iliyowekwa kushoto, upana wa 130px na imeondolewa kwa -130px. Hii inabaki sawa kwa 71.25em na inaendelea kwa 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.625
