@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:Tha an teacsa a thug thu seachad na chòd CSS a tha a’ mìneachadh chruth-clò lìn, chan e rosg, agus mar sin chan eil ciall cà nain nà darra ann ri gleidheadh no ri dhèanamh nas sìmplidhe. ’S e sreath de riaghailtean @font-face a th’ ann a luchdaichidh na cruth-clò Guardian Headline Full agus Guardian Titlepiece ann an diofar chuideaman is stoidhlichean (trom, dubh, aotrom, à bhaisteach, agus an claon-chruthan) bho fhaidhlichean woff2, woff, agus ttf. Ma thogras tu, ’s urrainn dhomh an CSS seo ath-chruthachadh no mìneachadh, ach chan urrainn dhomh a sgrìobhadh a-rithist mar Bheurla shruthail gun atharrachadh air na tha e.@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://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/foTha cruth-clò Guardian Headline ri fhaighinn ann an Black Italic (cuideam 900, stoidhle claon) ann an cruthan WOFF agus TrueType. Tha cruth-clò Guardian Titlepiece ri fhaighinn ann an Bold (cuideam 700, stoidhle à bhaisteach) ann an cruthan WOFF2, WOFF, agus TrueType.
Airson a’ ghriod susbaint eadar-ghnìomhach taobh a-staigh earrannan artaigil, beachd, feart, agus bodhaig, tha an cruth-clò a’ cleachdadh aon cholbh gun bheà rn agus a’ cur eileamaidean san òrdugh seo: meadhan, tiotal, ceann-naidheachd, standfirst, loidhnichean, meta, agus bodhaig.
Aig leudan sgrion 30em agus nas motha, tha clà ran-figearachd bogaidh cuingealaichte ri leud as à irde de 620px le padadh còmhnard 20px.
Aig 46.25em agus nas motha, tha an griod fhathast na aon cholbh le beà rn 10px, ach tha an t-òrdugh ag atharrachadh gu: tiotal, ceann-naidheachd, standfirst, meadhan, loidhnichean, meta, agus bodhaig. Gheibh am prìomh raon susbaint 80px de phadadh air an taobh dheis.
Aig 61.25em agus nas motha, tha an griod ag atharrachadh gu dà cholbh (620px agus 300px). Tha an tiotal, ceann-naidheachd, standfirst, meadhan, loidhnichean, meta, agus bodhaig uile sa cholbh chlì, le colbh air an là imh dheis ri thaobh. Thèid padadh deas a’ phrìomh shusbaint a thoirt air falbh.
Aig 71.25em agus nas motha, tha an griod a’ cleachdadh ceithir colbhan (140px, 1px, 620px, agus 300px). Tha colbh tiotal air an taobh chlì, air a leantainn le colbh crìche 1px, an uairsin an ceann-naidheachd, standfirst, meadhan, agus bodhaig sa phrìomh cholbh, leis a’ cholbh air an là imh dheis ri thaobh. Tha padadh bun standfirst air a shuidheachadh gu neoni.Airson figearan griod eadar-ghnìomhach le clà ran-figearachd bogaidh, cuir 4px de phadadh mullaich. Ann an griodan eadar-ghnìomhach taobh a-staigh earrannan artaigil, beachd, bodhaig, no feart, cuir loidhnichean agus meta ann an raon griod 2/1/5/2. Suidhich loidhnichean gu à irde max-content le iomall mullaich 5px, agus meta gu iomall mullaich 18px. Aig viewports 81.25em agus nas fharsainge, cleachd colbhan griod de 219px, 1px, 620px, 80px, agus 300px. Air iOS agus Android, stoidhlich paragrafan standfirst le Guardian Headline aig cuideam 500, seall earrann kicker an artaigil mar bhloc le ciad litir mhòr, cuir padadh mullaich 12px ri keyline-4, agus suidhich ùghdaran byline gu Guardian Headline aig cuideam 700. Cuideachd air mobile, dèan à irde a-staigh figear ìomhaigh fèin-ghluasadach agus thoir air falbh an t-iomall mullaich bho pharagrafan a leanas figearan atom. Mìnich cruth-clò Guardian Headline Full aotrom (300) agus aotrom claon tro stòran woff2, woff, agus ttf.@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://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 Ful’S e còd CSS a tha seo a tha a’ mìneachadh chruth-clò lìn airson clò-sgrìobhaidh an Guardian. Tha e a’ stèidheachadh grunn aghaidhean cruth-clò:
- Guardian Headline ann an Black (cuideam 900, stoidhle Ă bhaisteach)
- Guardian Headline Full ann an Black Italic (cuideam 900, claon)
- Guardian Titlepiece ann an Bold (cuideam 700, Ă bhaisteach)
- Guardian Headline Full ann an Light (cuideam 300, Ă bhaisteach)
- Guardian Headline Full ann an Light Italic (cuideam 300, claon)
- Guardian Headline Full ann an Regular (cuideam 400, Ă bhaisteach)
- Guardian Headline Full ann an Regular Italic (cuideam 400, claon)
- Guardian Headline Full ann am Medium (cuideam 500, Ă bhaisteach)
Bidh gach aghaidh cruth-clò a’ luchdachadh bho thrì chruthan faidhle (woff2, woff, agus ttf) air an aoigheachd air frithealaiche so-mhaoin an Guardian. Tha coltas gu bheil an còd air a ghearradh dheth aig an deireadh, letheach slighe tro dhearbhadh aghaidh cruth-clò eile.’S e còd CSS a tha seo a tha a’ mìneachadh aghaidhean cruth-clò airson Guardian Headline Full agus Guardian Titlepiece, a’ sònrachadh diofar chuideaman agus stoidhlichean leis na faidhlichean tùsail aca ann an cruthan woff2, woff, agus truetype. Tha e cuideachd a’ gabhail a-steach ceistean meadhan a bhios ag atharrachadh iomall clì a’ phrìomh cholbh eadar-ghnìomhaich gu 160px aig leud as lugha de 71.25em agus gu 240px aig leud as lugha de 81.25em, còmhla ri roghnaichear airson an eileamaid atom taobh a-staigh a’ phrìomh cholbh eadar-ghnìomhaich.Seo an teacsa air a sgrìobhadh a-rithist ann am Beurla shruthail, nà darra fhad ’s a chumas e a’ chiall slà n agus a nì e nas sìmplidhe abairtean iom-fhillte:
```css
{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){
.content__main-column--interactive:before{
border-left:1px solid #dcdcdc;
z-index:-1;
left:-10px
}
}
@media (min-width: 81.25em){
.content__main-column--interactive:before{
border-left:1px solid #dcdcdc;
left:-11px
}
}
.content__main-column--interactive .element-atom{
margin-top:0;
margin-bottom:0;
padding-bottom:12px;
padding-top:12px
}
.content__main-column--interactive p+.element-atom{
padding-top:0;
padding-bottom:0;
margin-top:12px;
margin-bottom:12px
}
.content__main-column--interactive .element-inline{max-width:620px}
@media (min-width: 61.25em){
figure[data-spacefinder-role=inline].element{max-width:620px}
}
[data-gu-name=media]:has(figure.loop) figure.loop figcaption:not(.hidden){z-index:6}
[data-gu-name=media]:has(figure.loop) figure.loop button[data-link-name*=gu-video-loop]{
align-self:flex-end;
margin-bottom:40px;
margin-right:3px
}
[data-gu-name=media]:has(figure.loop) figure.loop .controls-container div:has(button[data-testid=unmute-icon]),
[data-gu-name=media]:has(figure.loop) figure.loop .controls-container div:has(button[data-testid=mute-icon]){
right:0;
padding-left:10px
}
[data-gu-name=media]:has(figure.loop) #caption-button{z-index:100}
@media (min-width: 61.25em){
[data-gu-name=media]:has(figure.loop) #caption-button{bottom:20px}
}
@media (min-width: 46.25em){
[data-gu-name=media]:has(figure.cinemagraph) .cinemagraph>div{max-height:unset}
}
[data-gu-name=body] gu-island[name=SelfHostedVideo]{
width:100%;
max-width:620px;
display:block;
margin-top:12px;
margin-bottom:12px
}
[data-gu-name=body] gu-island[name=SelfHostedVideo] figure.loop,
[data-gu-name=body] gu-island[name=SelfHostedVideo] figure.loop video{
width:100%;
height:auto;
max-width:620px;
margin:0 auto
}
[data-gu-name=body] gu-island[name=SelfHostedVideo]:has(figure.loop.element-video-immersive){
max-width:unset;
margin:12px 0
}
[data-gu-name=body] gu-island[name=SelfHostedVideo]:has(figure.loop.element-video-immersive) figure.loop,
[data-gu-name=body] gu-island[name=SelfHostedVideo]:has(figure.loop.element-video-immersive) figure.loop video{
max-width:unset;
margin:0
}
@media (min-width: 71.25em){
[data-gu-name=body] gu-island[name=SelfHostedVideo]:has(figure.loop.element-video-immersive){
width:1140px;
margin-left:-180px
}
[data-gu-name=body] gu-island[name=SelfHostedVideo]:has(figure.loop.element-video-immersive) figure figcaption{
margin-left:20px
}
}
@media (min-width: 81.25em){
[data-gu-name=body] gu-island[name=SelfHostedVideo]:has(figure.loop.element-video-immersive){
width:1300px;
margin-left:-260px
}
}
:root{
--dateline: #606060;
--headerBorder: #dcdcdc;
--captionText: #999;
--captionBackground: hsla(0, 0%, 7%, .72);
--feature: #c70000;
--new-pillar-colour: var(--primary-pillar, var(--feature))
}
```:root:root{--subheading-text: var(--secondary-pillar);--pullquote-text: var(--secondary-pillar);--pullquote-icon: var(--secondary-pillar);--block-quote-text: var(--article-text)}:root:root blockquote{--block-quote-fill: var(--secondary-pillar)}@media (prefers-color-scheme: dark){:root:root:not([data-color-scheme=light]){--subheading-text: var(--darkmode-pillar);--pullquote-text: var(--darkmode-pillar);--pullquote-icon: var(--darkmode-pillar)}:root:root:not([data-color-scheme=light]) blockquote{--block-quote-fill: var(--darkmode-pillar)}}.content__main-column--interactive .element.element-atom,.element.element-atom{padding:0}.content__main-column--interactive .element-atom:first-of-type+p:first-of-type,.content__main-column--interactive .element-atom:first-of-type+figure:has(gu-island[name=UnsafeEmbedBlockComponent])+p:first-of-type,.content__main-column--interactive .element-atom:first-of-type+.sign-in-gate+p:first-of-type,.content__main-column--interactive .element-atom:first-of-type+#sign-in-gate+p:first-of-type,.content__main-column--interactive .element-atom:first-of-type+.element-atom+p:first-of-type,.content__main-column--interactive .element-atom:first-of-type+figure:has(gu-island[name=UnsafeEmbedBlockComponent])+.sign-in-gate+p:first-of-type,.content__main-column--interactive .element-atom:first-of-type+figure:has(gu-island[name=UnsafeEmbedBlockComponent])+#sign-in-gate+p:first-of-type,.content__main-column--interactive hr:not(.last-horizontal-rule)+p,.content__main-column--interactive hr:not(.last-horizontal-rule)+.ad-slot-container+p,#article-body>div .element-atom:first-of-type+p:first-of-type,#article-body>div .element-atom:first-of-type+figure:has(gu-island[name=UnsafeEmbedBlockComponent])+p:first-of-type,#article-body>div .element-atom:first-of-type+.sign-in-gate+p:first-of-type,#article-body>div .element-atom:first-of-type+#sign-in-gate+p:first-of-type,#article-body>div .element-atom:first-of-type+.element-atom+p:first-of-type,#article-body>div .element-atom:first-of-type+figure:has(gu-island[name=UnsafeEmbedBlockComponent])+.sign-in-g
