@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ã³ãŒãã§ãããããä¿åãŸãã¯ç°¡ç¥åãã¹ãèªç¶èšèªã®æå³ã¯ãããŸãããããã¯ãGuardian Headline Fullããã³Guardian Titlepieceãã©ã³ããæ§ã
ãªãŠã§ã€ããšã¹ã¿ã€ã«ïŒããŒã«ãããã©ãã¯ãã©ã€ããã¬ã®ã¥ã©ãŒãããã³ãããã®ã€ã¿ãªãã¯ïŒã§woff2ãwoffãttfãã¡ã€ã«ããèªã¿èŸŒãäžé£ã®@font-faceã«ãŒã«ã§ãããåžæã§ããã°ããã®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ãã©ã³ãã¯ãWOFFããã³TrueType圢åŒã§Black ItalicïŒãŠã§ã€ã900ãã€ã¿ãªãã¯ã¹ã¿ã€ã«ïŒã§å©çšå¯èœã§ããGuardian Titlepieceãã©ã³ãã¯ãWOFF2ãWOFFãããã³TrueType圢åŒã§BoldïŒãŠã§ã€ã700ãããŒãã«ã¹ã¿ã€ã«ïŒã§å©çšå¯èœã§ãã
èšäºãã³ã¡ã³ãããã£ãŒãã£ãŒãããã³æ¬æã»ã¯ã·ã§ã³å
ã®ã€ã³ã¿ã©ã¯ãã£ãã³ã³ãã³ãã°ãªããã§ã¯ãã¬ã€ã¢ãŠãã¯ã®ã£ãããªãã®åäžåã䜿çšããèŠçŽ ã次ã®é åºã§é
眮ããŸãïŒã¡ãã£ã¢ãã¿ã€ãã«ãèŠåºããã¹ã¿ã³ããã¡ãŒã¹ããã©ã€ã³ãã¡ã¿ãããã³æ¬æã
ç»é¢å¹
30em以äžã§ã¯ãã€ããŒã·ãå³ã®ãã£ãã·ã§ã³ã¯æ倧å¹
620pxãæ°Žå¹³ããã£ã³ã°20pxã«å¶éãããŸãã
46.25em以äžã§ã¯ãã°ãªããã¯10pxã®ã®ã£ãããæã€åäžåã®ãŸã§ãããé åºã¯æ¬¡ã®ããã«å€ãããŸãïŒã¿ã€ãã«ãèŠåºããã¹ã¿ã³ããã¡ãŒã¹ããã¡ãã£ã¢ãã©ã€ã³ãã¡ã¿ãããã³æ¬æãã¡ã€ã³ã³ã³ãã³ãé åã«ã¯å³ããã£ã³ã°80pxãä»ããŸãã
61.25em以äžã§ã¯ãã°ãªããã¯2åïŒ620pxãš300pxïŒã«åãæ¿ãããŸããã¿ã€ãã«ãèŠåºããã¹ã¿ã³ããã¡ãŒã¹ããã¡ãã£ã¢ãã©ã€ã³ãã¡ã¿ãããã³æ¬æã¯ãã¹ãŠå·Šåã«é
眮ãããå³åŽã®åã䞊ã³ãŸããã¡ã€ã³ã³ã³ãã³ãã®å³ããã£ã³ã°ã¯åé€ãããŸãã
71.25em以äžã§ã¯ãã°ãªããã¯4åïŒ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ãè¿œå ãããã€ã©ã€ã³ã®èè
ãGuardian Headlineã®ãŠã§ã€ã700ã«èšå®ããŸãããŸãã¢ãã€ã«ã§ã¯ãç»åå³ã®å
éšé«ããautoã«ããã¢ãã å³ã«ç¶ã段èœã®äžéšããŒãžã³ãåé€ããŸããGuardian Headline Fullã®ã©ã€ãïŒ300ïŒããã³ã©ã€ãã€ã¿ãªãã¯ãã©ã³ãã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ããã¯Guardianã®ã¿ã€ãã°ã©ãã£çšã®ãŠã§ããã©ã³ããå®çŸ©ããCSSã³ãŒãã§ããããã€ãã®ãã©ã³ããã§ã€ã¹ãèšå®ããŸãïŒ
- 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ãããŒãã«ïŒ
åãã©ã³ããã§ã€ã¹ã¯ãGuardianã®ã¢ã»ãããµãŒããŒã§ãã¹ããããŠãã3ã€ã®ãã¡ã€ã«åœ¢åŒïŒwoff2ãwoffãããã³ttfïŒããèªã¿èŸŒãŸããŸããã³ãŒãã¯æåŸã«å¥ã®ãã©ã³ããã§ã€ã¹å®£èšã®éäžã§éåããŠããããã§ããããã¯Guardian Headline Fullããã³Guardian Titlepieceã®ãã©ã³ããã§ã€ã¹ãå®çŸ©ããCSSã³ãŒãã§ã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=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-gate+p:first-of-type,#article-body>div .element-atom:first-of-type+figure:has(gu-island[name=UnsafeEmbedBlockComponent])+#sign-in-gate+p:first-of-type,#article-body>div hr:not(.last-horizontal-rule)+p,#article-body>div hr:not(.last-horizontal-rule)+.ad-slot-container+p,.content--interactive>div .element-atom:first-of-type+p:first-of-type,.content--interactive>div .element-atom:first-of-type+figure:has(gu-island[name=UnsafeEmbedBlockComponent])+p:first-of-type,.content--interactive>div .element-atom:first-of-type+.sign-in-gate+p:first-of-type,.content--interactive>div .element-atom:first-of-type+#sign-in-gate+p:first-of-type,.content--interactive>div .element-atom:first-of-type+.element-atom+p:first-of-type,.content--interactive>div .element-atom:first-of-type+figure:has(gu-island[name=UnsafeEmbedBlockComponent])+.sign-in-gate+p:first-of-type,.content--interactive>div .element-atom:first-of-type+figure:has(gu-island[name=UnsafeEmbedBlockComponent])+#sign-in-gate+p:first-of-type,.content--interactive>div hr:not(.last-horizontal-rule)+p,.content--interactive>div hr:not(.last-horizontal-rule)+.ad-slot-container+p,#comment-body .element-atom:first-of-type+p:first-of-type,#comment-body .element-atom:first-of-type+figure:has(gu-island[name=UnsafeEmbedBlockComponent])+p:first-of-type,#comment-body .element-atom:first-of-type+.sign-in-gate+p:first-of-type,#comment-body .element-atom:first-of-type+#sign-in-gate+p:first-of-type,#comment-body .element-atom:first-of-type+.element-atom+p:first-of-type,#comment-body .element-atom:first-of-type+figure:has(gu-island[name=UnsafeEmbedBlockComponent])+.sign-in-gate+p:first-of-type,#comment-body .element-atom:first-of-type+figure:has(gu-island[name=UnsafeEmbedBlockComponent])+#sign-in-gate+p:first-of-type,#comment-body hr:not(.last-horizontal-rule)+p,#comment-body hr:not(.last-horizontal-rule)+.ad-slot-container+p,[data-gu-name=body] .element-atom:first-of-type+p:first-of-type,[data-gu-name=body] .element-atom:first-of-type+figure:has(gu-island[naãã®CSSã»ã¬ã¯ã¿ã¯ãèšäºæ¬æããã£ãŒãã£ãŒæ¬æã
