@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Ето текста с опростен CSS, написан на разбираем английски:
Елементите от списъка са с размер на шрифта 20px, използвайки шрифта Guardian Text Sans Web с Helvetica, Arial, Lucida Grande и sans-serif като резервни. Цветът на текста е #333. Стиловете на списъка са премахнати, отстъпът е зададен на нула, а всеки елемент има 10px отстъп отдясно. Елементите се показват като inline-block, подравнени са отгоре, имат минимална ширина 30px и височина на реда 1.4em. На екрани с ширина поне 61.25em елементите от списъка имат минимална ширина 60px. Удебеленият текст вътре в елементите от списъка е с font-weight 600 и се показва като блок. Точката преди всеки елемент от списъка е скрита.
Изображението за детайли е с ширина 80px с 10px отстъп отдясно, плава наляво и има 80px долен отстъп. Фонът му е #333, оразмерен да покрива, позициониран в центъра, с напълно заоблени ъгли.
Обвивката на текста е позиционирана относително.
Бутонът за превключване на изгледа е 42px на 42px с фон #121212. Позициониран е абсолютно с z-index 950, има 3px плътна бяла рамка и е позициониран в горния ляв ъгъл с -21px отстъп отляво. Неговият box-sizing е content-box, курсорът е pointer, а ъглите му са напълно заоблени. Псевдоелементът ::before на бутона е празен, показва се като блок, 48px на 48px, има прозрачен фон, z-index 949, позициониран е абсолютно с 1px плътна рамка #121212, отместен е с -4px отгоре и отляво и има напълно заоблени ъгли с content-box оразмеряване. На екрани с ширина поне 61.25em бутонът става абсолютно позициониран с автоматични стойности за bottom, top и left, без ляв отстъп и с фон #0084c5. Неговата ::before рамка също се променя на 1px плътна #0084c5.
Иконата за превключване вътре в бутона е позиционирана абсолютно на 50% отгоре и отляво. SVG иконата на мрежата е скрита по подразбиране, центрирана с -10px отстъпи отгоре и отляво и е с ширина 20px. SVG иконата на списъка се показва като блок, центрирана с -8px отстъп отгоре и -10px отляво и е с ширина 20px. Когато бутонът има класа grid-icon-show, иконата на мрежата се показва, а иконата на списъка се скрива.
Контейнерът на фиксирания бутон има z-index 950, фиксиран е на 70px от дъното и 50% отляво. На екрани с ширина поне 61.25em става абсолютно позициониран на 20px отгоре и 27px отляво, с автоматична стойност за bottom.
Блокът за филтриране има бял фон и е с височина 55px. Скритите му елементи имат -1px отстъп, без рамка, без отстъп, с размери 1px на 1px, overflow hidden, абсолютно позиционирани, изрязани до нищо и не се показват. Селектът вътре в блока за филтриране е с височина 37px и плава надясно. Има цвят на текста #0084c5, напълно заоблени ъгли, без native appearance, размер на фона 16px auto, 5px отстъп отгоре и отдолу с 10px отстъп отляво и отдясно, използва шрифта Guardian Sans Headline с Helvetica и Arial като резервни, показва pointer курсор, има 1px плътна рамка #0084c5 и е с ширина 250px.
Вегетарианският бургер има z-index 2 с important приоритет. Фонът на хедъра не се показва, с important приоритет.
Заглавието на съдържанието и заглавието използват размер на шрифта 36px с височина на реда 40px, шрифта Guardian Headline с Guardian Egyptian Web, Guardian Headline Full и Georgia като резервни, тегло на шрифта 800 и горен отстъп, изчислен като 90vw минус 20px, с important приоритет. На екрани с ширина поне 23.4375em горният отстъп остава 90vw минус 20px. На екрани с ширина поне 30em става 260px. На екрани с ширина поне 46.25em става 330px. На екрани с ширина поне 61.25em размерът на шрифта става 44px с височина на реда 48px, същото семейство шрифтове и тегло 800, и горен отстъп 430px. На екрани с ширина поне 71.25em горният отстъп става 460px.
Хедърът на статията има прозрачен фон с important приоритет. Неговият псевдоелемент ::before няма ляв отстъп, с important приоритет. Както интерактивното съдържание ::before, така и хедърът на статията ::before са празни, имат фон, оразмерен да покрива, не се повтарят, позиционирани са абсолютно, изчистват от двете страни, имат цвят на фона #121212, използват мобилно изображение за хедър от интерактивните ресурси на Guardian, с ширина 100%, -10px ляв отстъп, 90vw долен отстъп и са позиционирани в центъра отдолу. На екрани с ширина поне 23.4375em са с височина 90vw без долен отстъп. На екрани с ширина поне 30em фоновото изображение се сменя с desktop версия.Ето текста, пренаписан на свободен, естествен английски:
На по-малки екрани изображението на хедъра е зададено на ширина 100%, височина 280px, с ляв отстъп -20px и без долен отстъп. От 46.25em нагоре фоновото изображение на хедъра се сменя с desktop версия, оразмерена да покрива пълната ширина при височина 350px. От 61.25em нагоре височината се увеличава до 450px.
Обвивката има светлосива горна рамка. Нейното падащо меню използва бял фон със синя икона стрелка надолу, позиционирана на 93% отляво и 50% отгоре, мащабирана до 16px.
Хедърът е напълно скрит. Atom и интерактивните елементи нямат отстъп и автоматична височина. Интерактивният рекламен банер е центриран с помощта на flexbox. На таблети и по-големи екрани елементите с клас "hide-until-tablet" стават видими, докато елементите с "mobile-only" се скриват. На същите тези екрани рендираните рекламни слотове получават 80px долен отстъп.
Мобилен dummy елемент е позициониран абсолютно и видим, но скрит от 61.25em нагоре.
Селекцията на текст е забранена за определени елементи, заедно с touch callouts и tap highlights. Контурите при фокус на select елементи са премахнати.
Основната обвивка е позиционирана относително, с пълна ширина до максимум 1300px, подравнена отгоре, центрирана с 1px горен отстъп, с височина поне един viewport и има бяла горна рамка. От 46.25em нагоре горният отстъп е премахнат и се добавя декоративен псевдоелемент над нея — макар че това е скрито на iOS и Android. При по-големи breakpoints този псевдоелемент става по-висок, достигайки 320px при 61.25em и 340px при 81.25em.
Обвивката на изгледите е позиционирана относително, скрива overflow и се намира на z-index 1. От 61.25em нагоре получава тънка вертикална линия отдясно и 50px широка сива панела отляво със синя дясна рамка, използвайки променливата за основен цвят на фона.
Изгледът на списъка е с пълна ширина, височина поне един viewport, използва основния цвят на фона, намира се на z-index 1 и има 20px долен отстъп. От 61.25em нагоре горният отстъп е премахнат. Когато е отворен, е позициониран относително; когато е затворен, е позициониран абсолютно.
Вътрешният изглед на списъка има 40px горен и долен отстъп с 10px отстрани. При 30em страничният отстъп става 15px. При 46.25em горният и долният отстъп стават 70px. При 61.25em е центриран на 620px ширина с 80px горен отстъп и без страничен отстъп — макар че на iOS и Android е зададен на пълна ширина минус 20px с 50px ляв отстъп. При 71.25em е центриран на 740px ширина с 80px горен отстъп, 40px десен отстъп и без ляв отстъп — отново коригиран за iOS и Android.
Всеки запис в списъка вътре има основния цвят на фона, 30px долен отстъп, височина на реда 1.4em и относително позициониране. От 61.25em нагоре всеки запис получава синя горна рамка чрез псевдоелемент, позициониран отляво, с ширина 130px и отместване -130px. Това остава същото при 71.25em и продължава при 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:
