डिगर आपदा: एक बड़ी फिल्म फ्लॉप का टॉम क्रूज़ और हॉलीवुड के लिए क्या मतलब है

@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:आपके द्वारा प्रदान किया गया पाठ CSS कोड है जो वेब फ़ॉन्ट्स को परिभाषित करता है, गद्य नहीं, इसलिए संरक्षित या सरल करने के लिए कोई प्राकृतिक-भाषा अर्थ नहीं है। यह @font-face नियमों की एक श्रृंखला है जो Guardian Headline Full और Guardian Titlepiece फ़ॉन्ट्स को विभिन्न भारों और शैलियों (बोल्ड, ब्लैक, लाइट, रेगुलर, और उनके इटैलिक्स) में woff2, woff, और ttf फ़ाइलों से लोड करती है। यदि आप चाहें, तो मैं इस CSS को पुनःस्वरूपित या समझा सकता हूँ, लेकिन मैं इसे प्रवाहमय अंग्रेज़ी के रूप में फिर से नहीं लिख सकता बिना यह बदले कि यह क्या है।@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/foGuardian Headline फ़ॉन्ट Black Italic (वज़न 900, इटैलिक शैली) में WOFF और TrueType प्रारूपों में उपलब्ध है। Guardian Titlepiece फ़ॉन्ट Bold (वज़न 700, सामान्य शैली) में WOFF2, WOFF, और TrueType प्रारूपों में उपलब्ध है।

लेख, टिप्पणी, फ़ीचर, और बॉडी अनुभागों के भीतर इंटरैक्टिव सामग्री ग्रिड के लिए, लेआउट एकल कॉलम का उपयोग करता है जिसमें कोई गैप नहीं है और तत्वों को इस क्रम में व्यवस्थित करता है: मीडिया, शीर्षक, हेडलाइन, स्टैंडफर्स्ट, लाइन्स, मेटा, और बॉडी।

30em और उससे अधिक की स्क्रीन चौड़ाई पर, इमर्सिव फ़िगर कैप्शन 20px क्षैतिज पैडिंग के साथ अधिकतम 620px चौड़ाई तक सीमित होते हैं।

46.25em और उससे अधिक पर, ग्रिड एकल कॉलम रहता है जिसमें 10px गैप है, लेकिन क्रम बदलकर हो जाता है: शीर्षक, हेडलाइन, स्टैंडफर्स्ट, मीडिया, लाइन्स, मेटा, और बॉडी। मुख्य सामग्री क्षेत्र को 80px दायाँ पैडिंग मिलती है।

61.25em और उससे अधिक पर, ग्रिड दो कॉलम (620px और 300px) में बदल जाता है। शीर्षक, हेडलाइन, स्टैंडफर्स्ट, मीडिया, लाइन्स, मेटा, और बॉडी सभी बाएँ कॉलम में बैठते हैं, साथ में एक दायाँ कॉलम है। मुख्य सामग्री की दायाँ पैडिंग हटा दी जाती है।

71.25em और उससे अधिक पर, ग्रिड चार कॉलम (140px, 1px, 620px, और 300px) का उपयोग करता है। एक शीर्षक कॉलम बाईं ओर बैठता है, उसके बाद 1px बॉर्डर कॉलम, फिर मुख्य कॉलम में हेडलाइन, स्टैंडफर्स्ट, मीडिया, और बॉडी, साथ में दायाँ कॉलम है। स्टैंडफर्स्ट की निचली पैडिंग शून्य पर सेट है।इमर्सिव कैप्शन वाले इंटरैक्टिव ग्रिड फ़िगर के लिए, 4px शीर्ष पैडिंग जोड़ें। लेख, टिप्पणी, बॉडी, या फ़ीचर अनुभागों के भीतर इंटरैक्टिव ग्रिड में, लाइन्स और मेटा को ग्रिड क्षेत्र 2/1/5/2 में रखें। लाइन्स को max-content ऊँचाई के साथ 5px शीर्ष मार्जिन पर सेट करें, और मेटा को 18px शीर्ष मार्जिन पर। 81.25em और उससे चौड़े व्यूपोर्ट पर, 219px, 1px, 620px, 80px, और 300px के ग्रिड कॉलम का उपयोग करें। iOS और Android पर, स्टैंडफर्स्ट पैराग्राफ़ को Guardian Headline में वज़न 500 के साथ स्टाइल करें, लेख किकर अनुभाग को एक ब्लॉक के रूप में प्रदर्शित करें जिसमें अपरकेस पहला अक्षर हो, keyline-4 में 12px शीर्ष पैडिंग जोड़ें, और byline लेखकों को Guardian Headline में वज़न 700 पर सेट करें। मोबाइल पर भी, image figure inner height को auto बनाएं और atom figures के बाद आने वाले पैराग्राफ़ से शीर्ष मार्जिन हटा दें। Guardian Headline Full light (300) और light italic फ़ॉन्ट्स को woff2, woff, और 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यह CSS कोड है जो Guardian की टाइपोग्राफी के लिए वेब फ़ॉन्ट्स को परिभाषित करता है। यह कई फ़ॉन्ट फेस सेट करता है:

- Guardian Headline Black में (वज़न 900, सामान्य शैली)
- Guardian Headline Full Black Italic में (वज़न 900, इटैलिक)
- Guardian Titlepiece Bold में (वज़न 700, सामान्य)
- Guardian Headline Full Light में (वज़न 300, सामान्य)
- Guardian Headline Full Light Italic में (वज़न 300, इटैलिक)
- Guardian Headline Full Regular में (वज़न 400, सामान्य)
- Guardian Headline Full Regular Italic में (वज़न 400, इटैलिक)
- Guardian Headline Full Medium में (वज़न 500, सामान्य)

प्रत्येक फ़ॉन्ट फेस तीन फ़ाइल प्रारूपों (woff2, woff, और ttf) से लोड होता है जो Guardian के एसेट सर्वर पर होस्ट किए गए हैं। कोड अंत में कटा हुआ प्रतीत होता है, एक अन्य फ़ॉन्ट फेस घोषणा के बीच में।यह CSS कोड है जो Guardian Headline Full और Guardian Titlepiece के लिए फ़ॉन्ट फेस परिभाषित करता है, विभिन्न भारों और शैलियों को उनके स्रोत फ़ाइलों के साथ woff2, woff, और truetype प्रारूपों में निर्दिष्ट करता है। इसमें मीडिया क्वेरीज़ भी शामिल हैं जो 71.25em की न्यूनतम चौड़ाई पर इंटरैक्टिव मुख्य कॉलम के बाएँ मार्जिन को 160px और 81.25em की न्यूनतम चौड़ाई पर 240px में समायोजित करती हैं, साथ ही इंटरैक्टिव मुख्य कॉलम के भीतर element atom के लिए एक सेलेक्टर भी।यहाँ पाठ को प्रवाहमय, प्राकृतिक अंग्रेज़ी में फिर से लिखा गया है जबकि अर्थ को बनाए रखते हुए और जटिल वाक्यांशों को सरल बनाया गया है:

```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=