@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) {Ga yadda aka rubuta shi cikin Turanci mai gudana da na halitta:
Don ginshiƙan babban abun ciki na mu'amala, wani ɗan siririn layi mai launin toka mai haske yana bayyana a gefen hagu. A kan manyan allo, wannan layin yana matsawa kaɗan zuwa hagu. A cikin waɗannan ginshiƙan mu'amala, abubuwan da aka saka ba su da tazara ta sama ko ƙasa amma sun haɗa da pixels 12 na cushewa a sama da ƙasa. Lokacin da wani abu da aka saka ya bi sakin layi, ana cire cushewar kuma a maye gurbinsa da tazara ta pixels 12 maimakon. Abubuwan da ke cikin layi an iyakance su da faɗin pixels 620, kuma a kan matsakaicin allo da sama, siffofi na cikin layi suma suna ƙarewa a pixels 620.
Lokacin da wani sashe na kafofin watsa labarai ya ƙunshi siffa ta bidiyo mai maimaitawa, bayanin yana zaune a kan sauran abubuwa. Maɓallin maimaita bidiyo yana daidaitawa zuwa ƙasan dama tare da ɗan tazara. Maɓallan shiru da cire shiru suna matsawa zuwa gefen dama tare da ɗan ƙaramin cushewa na hagu. Maɓallin bayani yana zaune a kan komai, kuma a kan matsakaicin allo da sama, yana motsawa sama da pixels 20. A kan ƙananan matsakaicin allo, kwantena na cinemagraph na iya faɗaɗa zuwa cikakken tsayinsu.
Tsibiran bidiyo masu sarrafa kansu a cikin jiki suna faɗaɗa cikakken faɗi har zuwa pixels 620 kuma suna da tazara ta sama da ƙasa ta pixels 12. Siffar bidiyo da bidiyon kanta suna cika wannan faɗin, suna tsayawa a tsakiya, kuma suna kiyaye yanayin su. Lokacin da aka saita bidiyon zuwa yanayin immersive, an cire ƙuntatawar faɗi kuma tazara ta canza. A kan manyan allo, bidiyon immersive yana ficewa zuwa faɗin pixels 1140 kuma yana matsawa hagu da pixels 180, tare da bayanin da aka yi masa cushewa da pixels 20. A kan manyan allo ma, bidiyon immersive yana faɗaɗa zuwa faɗin pixels 1300 kuma yana matsawa hagu da pixels 260.
Kowane jigon labarin yana bayyana nasa palette na launi ta hanyar saitin kaddarorin al'ada. Jigon Labarai yana amfani da ja mai zurfi daga maroon mai duhu zuwa ruwan hoda mai laushi. Salon rayuwa yana amfani da shunayya da ruwan hoda, daga plum mai duhu zuwa fure mai haske. Al'ada tana amfani da launin ƙasa mai ruwan kasa da tan. Wasanni yana amfani da shuɗi, daga navy mai duhu zuwa shuɗin sama mai haske. Ra'ayi yana amfani da ja da ruwan kasa marasa ƙarfi. Labs yana amfani da teal da aqua, daga shuɗin kore mai zurfi zuwa mint mai haske sosai. Rahoton Musamman yana amfani da launin toka mai duhu tare da launin shuɗi mai toka mara ƙarfi. Rahoton Musamman Alt yana amfani da charcoal mai duhu, orange mai ƙonewa, da sautunan fari mai dumi.: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. At widths of 71.25em and above, add a 540px-wide horizontal line above the meta section using the header border color. At 81.25em and above, make that line 620px wide. The social and comment elements in the meta section use the header border color for their borders.
The standfirst has a -10px left margin, 8px top padding, 10px side padding, and 16px bottom padding, with a white background. Its paragraphs use a normal font weight at 20px size with 14px bottom padding. At 46.25em and above, add 2px top padding and cap the width at 738px. At 61.25em and above, remove the max-width and background color, reduce the bottom margin of the standfirst content to 4px, and set list items to 20px. Links inside the standfirst have no bottom border or background image; instead they use an underline offset by 6px, colored with the header border color at 1px thickness. On hover, the underline color changes to the new pillar color. The first paragraph gets a 1px top border in the header border color and no bottom padding. At 71.25em and above, remove the top border from all paragraphs, and add a 1px vertical line on the left side of the standfirst using the header border color, positioned at 0.5px from the left. At 81.25em and above, shift that line to -0.5px.
The main media area is positioned relatively, with a 0 top margin, 0 side margins except -10px on the left, 2px bottom margin, placed in the portrait grid area, and sized to the viewport width minus any scrollbar. Its inner divs take full width with no inline margins, and the outer div has no bottom margin. At 30em and above, the left margin becomes -20px. At 46.25em and above, it becomes -10px with a max-width of 738px. At 61.25em and above, the styles continue.Abubuwan da kuka bayar CSS ne, ba rubutu ba, don haka babu Turanci na halitta da za a sake rubuta. Idan kuna nufin aika wani yanki na daban, don Allah raba shi kuma zan yi farin cikin taimakawa.Lokacin da wurin talla ya bi layin mu'amala na kwance a cikin ginshiƙin babban abun ciki, cire cushewar sama. Abubuwan da aka zana a cikin labaran mu'amala yakamata a iyakance su zuwa faɗin pixels 620. Abubuwan immersive yakamata su faɗaɗa cikakken faɗin viewport, tare da daidaita tazara a kowane breakpoint: -10px akan ƙananan allo, -20px daga 30em, max-width na 738px a 46.25em, 978px a 61.25em, 1098px tare da tazara ta hagu ta -160px a 71.25em, da 1258px tare da tazara ta hagu ta -240px a 81.25em. Figcaptions a cikin abubuwan immersive suna samun cushewar cikin layi na 20px daga 30em, an cire su kuma a 71.25em.
Siffofin nuni suna bin irin waɗannan dokokin tazara: tazara ta hagu ta -160px daga 71.25em da -240px daga 81.25em. Figcaptions ɗin su na tsaye kuma cikakken faɗi har zuwa 620px ta tsohuwa, sannan suna zama cikakke a matsayi tare da max-width na 140px daga 71.25em da 220px daga 81.25em.
Abubuwan da ke cikin layi an iyakance su da 630px daga 61.25em. Siffofi masu ajin "will-fade-in" suna farawa ganuwa kuma an motsa su ƙasa da 50px, sannan suna canzawa zuwa ganuwa kuma a wurin lokacin da aka ƙara ajin "fade-in". Sakin layi na blockquote suna amfani da rubutu #121212. Kanun h2 an iyakance su da 620px. Sakin layi na akwatin ƙididdiga suna samun tazara ta tsaye ta 2px kuma babu cushewar sama.
Daga 71.25em, pseudo-element na ginshiƙin mu'amala na babban abun ciki an motsa shi sama da 12px kuma an ƙara tsayinsa da 24px. A yanayin duhu (lokacin da ba a saita tsarin launi a fili zuwa haske ba), bangon jiki yana amfani da canjin bangon duhu..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);Saita background-repeat zuwa no-repeat da background-size zuwa contain. Don allon har zuwa faɗin 61.24em, ba wa ɓangaren jiki bangon fari, tazara na 0 -10px, da cushewa na 0 10px. Don allon tsakanin 30em da 61.24em faɗi, saita tazara na jiki zuwa 0 -20px da cushewa zuwa 0 20px. A kan allon har zuwa faɗin 61.24em, cire tazara ta sama daga #maincontent a cikin ɓangaren jiki.
Don labaran mu'amala masu shimfidar hoto, saita h1 a cikin sashin kanun labarai na kayan aikin kayan aiki zuwa font-weight 500. Hakanan saita sakin layi a cikin sashin farkon bayani zuwa font-weight 500.
Don labaran mu'amala masu fasalin shimfidar hoto, saita abubuwan h2 a cikin jikin labarin zuwa font-weight 200. Idan h2 ya ƙunshi ɓangaren ƙarfi, saita font-weight ɗinsa zuwa 700. Sa gu-island element
