@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; }
@media (min-width: 71.25em) { .content__main-column--interactive { margin-left: 160px; } }
@media (min-width: 81.25em) { .content__main-column--interactive { margin-left: 240px; } }
.content__main-column--interactive .element-atom { max-width: 620px; }
@media (max-width: 46.24em) { .content__main-column--interactive .element-atom { max-width: 100%; } }
.content__main-column--interactive .element-showcase { margin-left: 0; }
@media (min-width: 46.25em) { .content__main-column--interactive .element-showcase { max-width: 620px; } }
@media (min-width: 71.25em) { .content__main-column--interactive .element-showcase { max-width: 860px; } }
.content__main-column--interactive .element-immersive { max-width: 1100px; }
@media (max-width: 46.24em) { .content__main-column--interactive .element-immersive { width: calc(100vw - var(--scrollbar-width, 0px)); position: relative; left: 50%; right: 50%; margin-left: calc(-50vw + var(--half-scrollbar-width, 0px)) !important; margin-right: calc(-50vw + var(--half-scrollbar-width, 0px)) !important; } }
@media (min-width: 46.25em) { .content__main-column--interactive .element-immersive { transform: translate(-20px); width: calc(100% + 60px); } }
@media (max-width: 71.24em) { .content__main-column--interactive .element-immersive { margin-left: 0; margin-right: 0; } }
@media (min-width: 71.25em) { .content__main-column--interactive .element-immersive { transform: translate(0); width: auto; } }
@media (min-width: 81.25em) { .content__main-column--interactive .element-immersive { max-width: 1260px; } }
.content__main-column--interactive p, .content__main-column--interactive ul { max-width: 620px; }
.content__main-column--interactive:before { position: absolute; top: 0; height: calc(100% + 15px); min-height: 100px; content: ""; }
@media (min-width: 71.25em) {İşte akıcı, doğal bir İngilizceyle yeniden yazılmış metin:
Etkileşimli ana içerik sütunlarında, sol tarafta açık gri dikey bir çizgi görünür. Daha geniş ekranlarda bu çizgi biraz daha sola kayar. Bu etkileşimli sütunların içinde, gömülü öğelerin üst veya alt kenar boşluğu yoktur ancak üstte ve altta 12 piksel dolgu içerir. Gömülü bir öğe bir paragrafı takip ettiğinde, dolgu kaldırılır ve yerine 12 piksellik kenar boşlukları konur. Satır içi öğeler 620 piksel genişlikle sınırlıdır ve orta ekranlarda ve üzerinde, satır içi figürler de en fazla 620 pikseldir.
Bir medya bölümü döngüsel bir video figürü içerdiğinde, başlık diğer öğelerin üzerinde yer alır. Video döngü düğmesi, biraz boşlukla sağ alta hizalanır. Ses kapatma ve açma kontrolleri, küçük bir sol dolguyla sağ kenara kayar. Başlık düğmesi her şeyin üstünde yer alır ve orta ekranlarda ve üzerinde 20 piksel yukarı hareket eder. Daha küçük orta ekranlarda, sinemagraf kapları tam yüksekliğine genişleyebilir.
Gövde içindeki kendi kendine barındırılan video adacıkları, 620 piksele kadar tam genişliği kaplar ve 12 piksellik üst ve alt kenar boşluklarına sahiptir. Video figürü ve videonun kendisi bu genişliği doldurur, ortalanmış kalır ve en-boy oranını korur. Video sürükleyici moda ayarlandığında, genişlik kısıtlaması kaldırılır ve kenar boşlukları değişir. Büyük ekranlarda, sürükleyici videolar 1140 piksel genişliğe taşar ve 180 piksel sola kayar, başlık 20 piksel girintili olur. Daha da büyük ekranlarda, sürükleyici video 1300 piksel genişliğe genişler ve 260 piksel sola kayar.
Her makale teması, bir dizi özel özellik aracılığıyla kendi renk paletini tanımlar. Haber teması, koyu bordo ile yumuşak pembe arasında değişen koyu kırmızılar kullanır. Yaşam tarzı, koyu erik ile soluk gül arasında morlar ve pembeler kullanır. Kültür, toprak tonlarında kahverengiler ve ten renkleri kullanır. Spor, koyu lacivert ile parlak gökyüzü mavisi arasında maviler kullanır. Görüş, soluk kırmızılar ve kahverengiler kullanır. Labs, koyu yeşil-mavi ile çok soluk nane arasında turkuazlar ve su mavileri kullanır. Özel Rapor, soluk mavi-gri vurgulu koyu griler kullanır. Özel Rapor Alt, koyu kömür, yanık turuncu ve sıcak kırık beyaz tonları kullanır.:root {
--dateline: #606060;
--headerBorder: #dcdcdc;
--captionText: #999;
--captionBackground: hsla(0, 0%, 7%, .72)
}
.furniture-wrapper {
position: relative;
display: grid;
grid-template-areas: "portrait" "title" "headline" "standfirst" "mediacaption" "lines" "meta";
margin-bottom: 26px !important
}
@media (min-width: 61.25em) {
.furniture-wrapper {
grid-column-gap: 20px;
grid-row-gap: 0px;
grid-template-areas: none;
grid-template-columns: [title-start headline-start standfirst-start mediacaption-start meta-start] repeat(5, 1fr) [title-end headline-end standfirst-end mediacaption-end meta-end portrait-start] repeat(5, 1fr) [portrait-end];
grid-template-rows: [title-start portrait-start] .25fr [title-end headline-start] 1fr [headline-end standfirst-start] .75fr [standfirst-end mediacaption-start] auto [mediacaption-end meta-start] auto [meta-end portrait-end];
margin-bottom: 0 !important
}
}
@media (min-width: 71.25em) {
.furniture-wrapper {
grid-template-columns: [title-start headline-start meta-start] repeat(2, 1fr) [meta-end standfirst-start] repeat(5, 1fr) [title-end headline-end standfirst-end portrait-start] repeat(7, 1fr) [portrait-end];
grid-template-rows: [title-start portrait-start] 80px [title-end headline-start] auto [headline-end standfirst-start meta-start] auto [standfirst-end meta-end portrait-end]
}
}
@media (min-width: 81.25em) {
.furniture-wrapper {
grid-template-columns: [title-start headline-start meta-start] repeat(3, 1fr) [meta-end standfirst-start] repeat(5, 1fr) [title-end headline-end standfirst-end portrait-start] repeat(8, 1fr) [portrait-end];
grid-template-rows: [title-start portrait-start] .25fr [title-end headline-start] 1fr [headline-end standfirst-start meta-start] .75fr [standfirst-end meta-end portrait-end]
}
}
.furniture-wrapper .article-header .content__labels > div,
.furniture-wrapper [data-gu-name=title] .content__labels > div {
padding-top: 2px
}
@media (min-width: 46.25em) and (max-width: 61.24em) {
.furniture-wrapper .article-header,
.furniture-wrapper [data-gu-name=title] {
max-width: 738px
}
}
@media (min-width: 46.25em) and (max-width: 61.24em) {
.furniture-wrapper #headline,
.furniture-wrapper [data-gu-name=headline],
.furniture-wrapper .headline {
max-width: 738px
}
}
@media (min-width: 61.25em) {
.furniture-wrapper #headline > div:first-child,
.furniture-wrapper [data-gu-name=headline] > div:first-child,
.furniture-wrapper .headline > div:first-child {
border-top: 1px solid var(--headerBorder)
}
}
.furniture-wrapper #headline h1,
.furniture-wrapper [data-gu-name=headline] h1,
.furniture-wrapper .headline h1 {
font-weight: 600;
max-width: 620px;
font-size: 32px
}
@media (min-width: 71.25em) {
.furniture-wrapper #headline h1,
.furniture-wrapper [data-gu-name=headline] h1,
.furniture-wrapper .headline h1 {
max-width: 540px;
font-size: 50px
}
}
.furniture-wrapper .keyline-4,
.furniture-wrapper [data-gu-name=lines] {
width: 100vw;
margin-left: -10px;
padding-left: 10px;
position: relative;
background-color: #fff;
margin-top: -1px;
margin-bottom: -1px
}
@media (min-width: 30em) {
.furniture-wrapper .keyline-4,
.furniture-wrapper [data-gu-name=lines] {
margin-left: -20px
}
.furniture-wrapper .keyline-4 > div > div,
.furniture-wrapper [data-gu-name=lines] > div > div {
padding: 0 20px
}
}
@media (min-width: 33.4375em) {
.furniture-wrapper .keyline-4,
.furniture-wrapper [data-gu-name=lines] {
padding-left: 20px
}
}
@media (min-width: 41.25em) {
.furniture-wrapper .keyline-4,
.furniture-wrapper [data-gu-name=lines] {
padding-left: 0
}
}
@media (min-width: 46.25em) {
.furniture-wrapper .keyline-4,
.furniture-wrapper [data-gu-name=lines] {
max-width: 738px
}
}
@media (min-width: 61.25em) {
.furniture-wrapper .keyline-4,
.furniture-wrapper [data-gu-name=lines] {
display: none
}
}
.furniture-wrapper .keyline-4 svg,
.furniture-wrapper [data-gu-name=lines] svg {
stroke: var(--headerBorder)
}
.furniture-wrapper #meta,
.furniture-wrapper [data-gu-name=meta] {
width: 100vw;
margin-left: -10px;
padding-left: 10px;
position: relative;
background-color: #fff
}
@media (min-width: 46.25em) {
.furniture-wrapper #meta,
.furniture-wrapper [data-gu-name=meta] {
margin-right: 0;
width: auto;
max-width: 738px
}
}
@media (min-width: 61.25em) {
.furniture-wrapper #meta,
.furniture-wrapper [data-gu-name=meta] {
margin-left: unset;
padding-left: unSet padding-top to 2px. 71.25em ve üzeri genişliklerde, header border rengini kullanarak meta bölümünün üzerine 540px genişliğinde yatay bir çizgi ekleyin. 81.25em ve üzerinde, bu çizgiyi 620px genişliğinde yapın. Meta bölümündeki sosyal ve yorum öğeleri, kenarlıkları için header border rengini kullanır.
Standfirst -10px sol kenar boşluğuna, 8px üst dolguya, 10px yan dolguya ve 16px alt dolguya sahiptir, beyaz arka planla. Paragrafları normal yazı tipi ağırlığında 20px boyutunda ve 14px alt dolguyla kullanılır. 46.25em ve üzerinde, 2px üst dolgu ekleyin ve genişliği 738px ile sınırlayın. 61.25em ve üzerinde, max-width ve arka plan rengini kaldırın, standfirst içeriğinin alt kenar boşluğunu 4px'e düşürün ve liste öğelerini 20px'e ayarlayın. Standfirst içindeki bağlantıların alt kenarlığı veya arka plan görüntüsü yoktur; bunun yerine 6px kaydırılmış bir alt çizgi kullanırlar, header border rengiyle 1px kalınlığında renklendirilir. Üzerine gelindiğinde, alt çizgi rengi yeni pillar rengine değişir. İlk paragraf header border renginde 1px üst kenarlık alır ve alt dolgusu yoktur. 71.25em ve üzerinde, tüm paragraflardan üst kenarlığı kaldırın ve standfirst'in sol tarafına header border rengini kullanarak soldan 0.5px konumlandırılmış 1px dikey çizgi ekleyin. 81.25em ve üzerinde, bu çizgiyi -0.5px'e kaydırın.
Ana medya alanı göreceli olarak konumlandırılmıştır, 0 üst kenar boşluğu, solda -10px hariç 0 yan kenar boşluğu, 2px alt kenar boşluğu, portrait grid alanına yerleştirilmiş ve herhangi bir kaydırma çubuğu çıkarıldığında viewport genişliğine boyutlandırılmıştır. İç div'leri satır içi kenar boşlukları olmadan tam genişlik alır ve dış div'in alt kenar boşluğu yoktur. 30em ve üzerinde, sol kenar boşluğu -20px olur. 46.25em ve üzerinde, -10px olur ve max-width 738px olur. 61.25em ve üzerinde, stiller devam eder.Sağladığınız metin CSS kodudur, düzyazı değil, bu nedenle yeniden yazılacak doğal İngilizce yoktur. Farklı bir metin parçası göndermek istediyseniz, lütfen paylaşın ve yardımcı olmaktan mutluluk duyarım.Ana içerik sütununda etkileşimli bir yatay çizgiyi takip eden bir reklam yuvası olduğunda, üst dolguyu kaldırın. Etkileşimli makalelerdeki alıntılar 620px genişlikle sınırlandırılmalıdır. Sürükleyici öğeler tam viewport genişliğini kaplamalıdır, her kesme noktasında kenar boşlukları ayarlanır: küçük ekranlarda -10px, 30em'den itibaren -20px, 46.25em'de 738px max-width, 61.25em'de 978px, 71.25em'de -160px sol kenar boşluğuyla 1098px ve 81.25em'de -240px sol kenar boşluğuyla 1258px. Sürükleyici öğeler içindeki figcaption'lar 30em'den itibaren 20px satır içi dolgu alır, 71.25em'de tekrar kaldırılır.
Showcase figürleri benzer kenar boşluğu kurallarını takip eder: 71.25em'den itibaren -160px sol kenar boşluğu ve 81.25em'den itibaren -240px. Figcaption'ları statik ve varsayılan olarak 620px'e kadar tam genişliktedir, ardından 71.25em'den itibaren 140px max-width ve 81.25em'den itibaren 220px ile kesinlikle konumlandırılır.
Satır içi öğeler 61.25em'den itibaren 630px ile sınırlıdır. "will-fade-in" sınıfına sahip figürler görünmez ve 50px aşağı kaymış olarak başlar, ardından "fade-in" sınıfı eklendiğinde görünür ve yerine geçmiş olarak geçiş yapar. Blockquote paragrafları #121212 metin kullanır. H2 başlıkları 620px ile sınırlıdır. Credits kutusu paragrafları 2px dikey kenar boşluğu alır ve üst dolgusu yoktur.
71.25em'den itibaren, etkileşimli ana sütunun sözde öğesi 12px yukarı kaydırılır ve yüksekliği 24px artırılır. Karanlık modda (renk şeması açıkça açık olarak ayarlanmadığında), gövde arka planı karanlık arka plan değişkenini kullanır..e.portrait-layout-feature-dark gu-island[name=Branding] a img,:root:root:not([data-color-scheme=light]) article.content--interactive.portrait-layout-feature-dark-no-dropcap gu-island[name=Branding] a img{filter:invert(0)}}gu-island[name=UnsafeEmbedBlockComponent],iframe.js-embed__iframe{display:block;height:0px!important}.element{margin:0}[data-rendering-target=apps] .content--interactive [data-gu-name=meta] .content__meta-container_dcr{margin-right:0}@media (max-width: 61.24em){.furniture-wrapper [data-gu-name=media]{margin-bottom:-65px;position:sticky;top:0;background:#1a1a1a;transition:opacity .5s ease-in-out;opacity:1}}@media (max-width: 61.24em) and (min-width: 30em) and (max-width: 61.24em){.furniture-wrapper [data-gu-name=media]{margin-left:-20px;margin-right:-20px}}@media (max-width: 61.24em){.furniture-wrapper [data-gu-name=media].fade-out{opacity:0}.furniture-wrapper [data-gu-name=title],.furniture-wrapper [data-gu-name=headline]{z-index:10;margin-left:-10px;padding-left:10px}}@media (max-width: 61.24em) and (min-width: 30em) and (max-width: 61.24em){.furniture-wrapper [data-gu-name=title],.furniture-wrapper [data-gu-name=headline],.furniture-wrapper [data-gu-name=standfirst],.furniture-wrapper [data-gu-name=meta]{margin:0 -20px!important;padding:0 20px!important}}@media (max-width: 61.24em){.furniture-wrapper [data-gu-name=headline]{position:relative}.furniture-wrapper [data-gu-name=headline]>div>div{padding-bottom:32px}.furniture-wrapper [data-gu-name=headline] h1{color:#fff;font-weight:400}.furniture-wrapper [data-gu-name=headline] .gradient-div{position:absolute;height:135%;z-index:-1;width:100%;bottom:-1px;left:0;backdrop-filter:blur(12px);background:linear-gradient(180deg,#1a1a1a00,#1a1a1a 120px 100%);-webkit-mask-image:linear-gradient(180deg,rgba(26,26,26,0) 0px,rgba(26,26,26,.0392156863) 8px,rgba(26,26,26,.1450980392) 16px,rgba(26,26,26,.3098039216) 24px,rgba(26,26,26,.5019607843) 32px,rgba(26,26,26,.6901960784) 40px,rgba(26,26,26,.8549019608) 48px,rgba(26,26,26,.9607843137) 56px,#1a1a1a 70px);mask-image:linear-gradient(180deg,#1a1a1a00,#1a1a1a0a,#1a1a1a25,#1a1a1a4f,#1a1a1a80,#1a1a1ab0,#1a1a1ada,#1a1a1af5 56px,#1a1a1a 70px)}}@media (max-width: 61.24em) and (min-width: 26.25em){.furniture-wrapper [data-gu-name=headline] .gradient-div{height:140%}}@media (max-width: 61.24em){.furniture-wrapper [data-gu-name=title]{z-index:11;padding-top:8px;padding-bottom:1px}.furniture-wrapper [data-gu-name=title] a{color:var(--active-pillar-400)}.furniture-wrapper [data-gu-name=standfirst] .content__standfirst{padding-bottom:0}.furniture-wrapper [data-gu-name=standfirst] .content__standfirst p{padding-bottom:24px}.furniture-wrapper figcaption{grid-area:mediacaption;position:relative;background:unset;padding:0 0 12px 10px!important;margin:0 0 0 -10px!important;min-height:unset;width:100vw;background-color:#fff}.furniture-wrapper figcaption span{color:var(--caption-main-media-text)}}@media (max-width: 61.24em) and (min-width: 30em){.furniture-wrapper figcaption{margin-left:-20px!important;margin-top:-1px!important;padding-left:20px!important}}@media (max-width: 61.24em) and (min-width: 46.25em){.furniture-wrapper figcaption{max-width:738px}}@media (max-width: 61.24em){.furniture-wrapper figcaption.hidden{display:none!important}.furniture-wrapper figcaption.video-icon span:before{content:"";display:inline-block;width:17px;height:10px;margin-right:4px;background-image:url(https://uploads.guim.co.uk/2026/09/01/videocamera.svg);background-repeat:no-repeat;background-size:contain}.furniture-wrapper .video-container figcaption span,.furniture-wrapper .cinemagraph figcaption span{display:none!important}.furniture-wrapper [data-gu-name=lines]>div>div,.furniture-wrapper [data-gu-name=meta]>div>div{margin-right:0}}@media (max-width: 61.24em) and (min-width: 46.25em){.furniture-wrapper [data-gu-name=meta]{padding-bottom:8px!important}}.furniture-wrapper figcaption.video-icon span:before{content:"";display:inline-block;width:17px;height:10px;margin-right:4px;background-image:url(https://uploads.guim.co.uk/2026/09/01/videocamera.svg);Background-repeat'i no-repeat ve background-size
