Davos 2026: A final chance to rescue the global order?

This CSS code defines a custom font family called “Guardian Headline Full” with multiple font weights and styles. It includes light, regular, medium, and semibold weights, each in both normal and italic versions. For each style, the code provides three different font file formats (woff2, woff, and ttf) hosted on the Guardian’s servers, ensuring broad browser compatibility.@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 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;
}

@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;
}The font “Guardian Headline Full” is available in several styles and weights. The regular italic style uses font-weight 400 and includes files in woff2, woff, and truetype formats. The medium style has a font-weight of 500 and is normal (not italic). The medium italic style also uses font-weight 500 but is italic. The semibold style is normal with a font-weight of 600, and its italic version is also weight 600. The bold style is normal with font-weight 700, and the bold italic is italic at the same weight. Finally, the black style is normal with font-weight 900.The provided text appears to be a mix of CSS font definitions and responsive grid layout rules for a website, likely The Guardian. Here is a fluent, natural English rewrite that simplifies the technical phrasing while preserving the meaning:

The code defines custom fonts for the website, including “Guardian Headline” in black italic and “Guardian Titlepiece” in bold, specifying their file sources and styles.

It also sets up a responsive grid layout for article content. On smaller screens, the layout is a single column. As the screen gets wider, the layout adjusts: it adds padding, introduces a right column, and eventually creates a more complex multi-column structure with a border and designated areas for the title, headline, media, and body text. Captions for immersive images are given specific padding and maximum widths on medium-sized screens.For interactive grid figures with immersive captions, the caption padding is set to 4 pixels at the top and 0 elsewhere. In various content areas, elements like lines and meta are positioned in a grid area spanning from row 2 to 5 and column 1 to 2. The lines element has a height set to its maximum content and a top margin of 5 pixels, while the meta element has a top margin of 18 pixels.

On larger screens, the interactive grid uses a five-column layout with specific widths.

For iOS and Android devices, article headers use specific fonts and styling: the standfirst text uses a serif font with medium weight, section kickers are displayed as blocks with the first letter capitalized, keylines have increased top padding, and bylines use a bold serif font. Images within articles have an automatic height, and paragraphs following atomic elements have no top margin.

Additionally, custom font faces are defined for the Guardian Headline Full font family, including light and light italic variants with their respective source files and font weights.The provided text appears to be a series of CSS font-face rules for a font family named “Guardian Headline Full.” These rules define different font weights and styles (like regular, italic, medium, bold, etc.) and specify the web addresses (URLs) where the actual font files can be found in various formats (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-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) {
.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;
}
}

:root {
–dateline: #606060;
–headerBorder: #dcdcdc;
–captionText: #999;
–captionBackground: hsla(0, 0%, 7%, 0.72);
–feature: #c70000;
–new-pillar-colour: var(–primary-pillar, var(–feature));
}

.content__main-column–interactive .element.element-atom,
.element.element-atom {
padding: 0;
}

#article-body > div .element-atom:first-of-type + p:first-of-type,
#article-body > div .element-atom:first-of-type {The first paragraph after certain elements like an atom, sign-in gate, or horizontal rule gets a top padding of 14 pixels.

The first letter of that first paragraph is styled as a drop cap. It uses specific headline fonts, is bold, large at 111px with 92px line height, floated left, uppercase, and colored with a custom property. It also has an 8px right margin and aligns to the top of the text.

Paragraphs that come directly after a horizontal rule have no top padding.

Elements with the attribute `data-gu-name=”pullquote”` are set to a maximum width of 620 pixels.

For showcase elements within the main article containers, the figure caption is positioned statically, spans the full width, and is also limited to 620 pixels.

Immersive elements span the full viewport width, minus the scrollbar. On screens smaller than 71.24em, these immersive elements are constrained to a maximum width of 978 pixels, and their captions receive inline padding.@media (max-width: 71.24em) and (min-width: 30em) {
.element.element–immersive.element-immersive figcaption {
padding-inline: 20px;
}
}

@media (min-width: 46.25em) and (max-width: 61.24em) {
.element.element–immersive.element-immersive {
max-width: 738px;
}
}

@media (max-width: 46.24em) {
.element.element–immersive.element-immersive {
margin-left: -10px !important;
margin-right: 0 !important;
left: 0;
}
}

@media (max-width: 46.24em) and (min-width: 30em) {
.element.element–immersive.element-immersive {
margin-left: -20px !important;
}
.element.element–immersive.element-immersive figcaption {
padding-inline: 20px;
}
}

@media (min-width: 61.25em) {
.furniture-wrapper {
display: grid;
grid-column-gap: 20px;
grid-row-gap: 0px;
grid-template-columns: [title-start headline-start meta-start standfirst-start] repeat(5, 1fr) [title-end headline-end meta-end standfirst-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 meta-start] auto [meta-end portrait-end];
}
.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 #meta,
.furniture-wrapper [data-gu-name=meta] {
position: relative;
padding-top: 2px;
margin-right: 0;
}
.furniture-wrapper .standfirst .content__standfirst,
.furniture-wrapper #standfirst .content__standfirst,
.furniture-wrapper [data-gu-name=standfirst] .content__standfirst {
margin-bottom: 4px;
}
.furniture-wrapper .standfirst ul li,
.furniture-wrapper #standfirst ul li,
.furniture-wrapper [data-gu-name=standfirst] ul li {
font-size: 20px;
}
.furniture-wrapper .standfirst li a,
.furniture-wrapper .standfirst a,
.furniture-wrapper #standfirst li a,
.furniture-wrapper #standfirst a,
.furniture-wrapper [data-gu-name=standfirst] li a,
.furniture-wrapper [data-gu-name=standfirst] a {
border-bottom: none;
background-image: none !important;
text-decoration: underline;
text-underline-offset: 6px;
text-decoration-color: var(–headerBorder, #dcdcdc);
}
.furniture-wrapper .standfirst li a:hover,
.furniture-wrapper .standfirst a:hover,
.furniture-wrapper #standfirst li a:hover,
.furniture-wrapper #standfirst a:hover,
.furniture-wrapper [data-gu-name=standfirst] li a:hover,
.furniture-wrapper [data-gu-name=standfirst] a:hover {
text-decoration-color: var(–new-pillar-colour);
}
.furniture-wrapper .standfirst p:first-of-type,
.furniture-wrapper #standfirst p:first-of-type,
.furniture-wrapper [data-gu-name=standfirst] p:first-of-type {
border-top: 1px solid var(–headerBorder);
padding-bottom: 0;
}
}

@media (min-width: 61.25em) and (min-width: 71.25em) {
.furniture-wrapper .standfirst p:first-of-type,
.furniture-wrapper #standfirst p:first-of-type,
.furniture-wrapper [data-gu-name=standfirst] p:first-of-type {
border-top: unset;
}
}

@media (min-width: 61.25em) {
.furniture-wrapper figure {
margin: 0 0 0 -10px;
}
.furniture-wrapper figure[data-spacefinder-role=inline].element {
max-width: 630px;
}
}

@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];
}
.furniture-wrapper #meta:before,
.furniture-wrapper [data-gu-name=meta]:before {
content: “”;
width: 540px;
position: absolute;
top: 0;
background-color: var(–headerBorder);
height: 1px;
}
.furniture-wrapper .standfirst p,
.furniture-wrapper #standfirst p,
.furniture-wrapper [data-gu-name=standfirst] p {
border-top: unset;
}
.furniture-wrapper .standfirst:before,
.furniture-wrapper #standfirst:before,
.furniture-wrapper [data-gu-name=standfirst]:before {
content: “”;
width: 1px;
background-color: var(–headerBorder);
height: 100%;
position: absolute;
top: 0;
left: .5px;
}
}

@media (min-width: 81.25em) {
.furniture-wrapper {
grid-template-columns: [title-start headline-start meta-start] repeat(3, 1fr) [meta-end standfirst-start];
}
}The grid layout uses five equal-width columns for the title, headline, and standfirst sections, followed by eight equal-width columns for the portrait section. The rows are defined with specific starting and ending points for each section.

For the meta and standfirst sections, certain elements have a fixed width or positioning. Labels within the title area have a small top padding.

The main headline uses a semi-bold font, has a maximum width, and a specific font size, which increases on larger screens. Some decorative lines are hidden on medium to large screens and use a custom color variable.

Social and comment elements within the meta section use the same border color variable. Certain interactive components are hidden.

The standfirst section has negative margins and relative positioning, with adjusted padding on larger screens. Its text uses a regular font weight, a specific size, and bottom padding.

The main media area is positioned within the grid, takes full width, and has adjusted margins on different screen sizes. On very small screens, it calculates its width considering the scrollbar.

Image captions are absolutely positioned at the bottom with specific styling, including background and text colors from variables. Some caption elements are hidden or conditionally displayed. A caption toggle button is positioned at the bottom right with a circular background.

On very large screens, the main content column has adjusted positioning and height.The main column for interactive content has a maximum width of 620 pixels for h2 headings. On iOS and Android devices, the root color scheme uses a dark background (#1a1a1a) and specific accent colors. The primary accent color is set to red (#c70000) by default, with a different red (#ff5943) used for dark mode. When the system is set to dark mode, the accent color adjusts to the dark mode variant.

For iOS and Android, the first letter of the first paragraph in article containers is styled with a secondary color. The article header height is set to zero, and the furniture wrapper (which contains labels and headlines) has specific padding. Labels are displayed in a bold, serif font with the accent color and are capitalized. Headlines are set to 32 pixels, bold, with bottom padding, and colored dark gray (#121212).For iOS and Android devices, the image elements within furniture wrappers across feature, standard, and comment article containers are styled with a relative position, a top margin of 14px, a left offset of -10px, and a width that fills the viewport minus the scrollbar. Their inner elements, images, and links have a transparent background and share the same responsive width.

The standfirst sections in these containers have top and bottom padding and a right margin offset. The paragraphs within use the Guardian’s headline font family, and the links inside these sections are consistently styled.For comment articles, links within the standfirst section should use the designated pillar color, have an underline with a specific offset and color, and no background image or bottom border. On iOS and Android devices, when hovering over these links in feature, standard, or comment articles, the underline color should change to match the pillar color. Also, on these devices, the meta section should have no margin, the author and byline text should use the pillar color, and the miscellaneous meta information should have no padding.For iOS and Android devices, the following CSS rules apply to feature, standard, and comment article containers:

– SVG icons within the meta miscellaneous section use the new pillar color for strokes.
– The caption button in showcase elements is displayed as a flex container, centered with 5px padding, 28px width and height, and positioned 14px from the right.
– The article body has 12px horizontal padding.
– Non-thumbnail, non-immersive image figures have no margin, a width calculated as 100vw minus 24px and the scrollbar width, and an automatic height. Their captions have no padding.
– Immersive image figures have a width calculated as 100vw minus the scrollbar width.
– Quoted blockquotes within the prose section have a `:before` pseudo-element applied.For quoted blockquotes in the article body on iOS and Android, the color before the quote uses the new pillar color.

On iOS and Android, links within the article body for feature, standard, and comment articles are styled with the primary pillar color. They have an underline with an offset of 6px, using the header border color for the underline. On hover, the underline color changes to the new pillar color.

In dark mode, the furniture wrapper background for these article types on iOS and Android changes to #1a1a1a. Within it, content labels use the new pillar color, headlines have no background and use the header border color for text, and standfirst paragraphs also use the header border color. Links in the standfirst, author names, and author links within the meta section are styled accordingly.This appears to be CSS code for styling web articles on Android and iOS devices. The code sets colors for author bylines, icons, image captions, and blockquotes using custom color variables. It also applies a dark background to article content areas. The styling targets different article types (feature, standard, comment) across both mobile operating systems.This appears to be a CSS selector targeting the first letter of paragraphs in specific containers on iOS and Android devices. The selector applies to various article containers (feature, standard, comment) and their content sections, looking for paragraphs that follow certain elements like `.element-atom`, `.sign-in-gate`, or `#sign-in-gate`.For Android and iOS devices, the first letter of paragraphs following specific elements in various article containers will be styled with a custom color variable.For comment articles on Android with the Garnett design, the standfirst section has a top padding of 24 pixels and no top margin. All second-level headings in the main text are set to a font size of 24 pixels.

On iOS, the caption button for feature, standard, and comment articles has a top padding of 6 pixels and 5 pixels on the sides. On Android, the same button has 4 pixels of padding on all sides.

In dark mode, the color scheme defines specific shades for follow text, icons, standfirst text, links, and bylines.

When the furniture wrapper includes a Guardian organization logo, the branding element is displayed. On both iOS and Android, labels and main headlines within the furniture wrapper for various article types use a medium font weight of 500. Headlines and paragraphs within the standfirst also use this weight.

The root styling sets a background color for weekend essays and defines related background variables. The lines element is hidden.

The furniture wrapper is positioned relatively. On larger screens, it uses a specific grid layout. The article header or title area has a fixed height of 70 pixels. Within it, labels inherit this height and feature a background image of a book in the bottom-right corner, which enlarges on bigger screens. A horizontal line is also added at the bottom of this section, spanning the viewport width on mobile and a fixed width on tablets.For screens with a minimum width of 61.25em, the content labels within the article header and title sections of the furniture wrapper will have their after-elements hidden. When the screen reaches at least 71.25em, the article header and title areas in the furniture wrapper will have a fixed height of 80px. This height increases to 125px at a minimum width of 81.25em. At this same breakpoint, the headline, its data-gu-name counterpart, and the headline class within the furniture wrapper will have a top margin of -2px.

Within the furniture wrapper, the headline, its data-gu-name equivalent, and the headline class have inner divs with no bottom padding. The portrait main media headline wrapper inside these sections takes up full height, uses relative positioning, hides overflow, and adds 24px of bottom padding. The h1 and a elements inside this wrapper have no maximum width. On hover, these elements show a 2px thick underline with a 6px offset. The h1, a, and byline span elements within this wrapper share a line-height of 115%, a font weight of 500, and a font size of 36px, which increases to 50px at a minimum screen width of 71.25em.

The standfirst section, its ID, and data-gu-name equivalent in the furniture wrapper are positioned relatively with a 4px top padding. This top padding is removed at 61.25em and becomes 2px at 71.25em. Within the meta section, the branding island inside the content meta container is set to display as a block..furniture-wrapper [data-gu-name=”media”] {
position: relative;
}

@media (min-width: 61.25em) {
.furniture-wrapper #main-media,
.furniture-wrapper [data-gu-name=”media”] {
grid-area: portrait;
}
}

.furniture-wrapper #main-media > div,
.furniture-wrapper [data-gu-name=”media”] > div {
position: relative;
}

.furniture-wrapper #main-media div + span,
.furniture-wrapper [data-gu-name=”media”] div + span {
display: block;
}

.furniture-wrapper #main-media figure,
.furniture-wrapper [data-gu-name=”media”] figure {
height: 100%;
margin-left: 10px;
}

.furniture-wrapper #main-media figure picture img,
.furniture-wrapper #main-media figure figcaption,
.furniture-wrapper [data-gu-name=”media”] figure picture img,
.furniture-wrapper [data-gu-name=”media”] figure figcaption {
width: calc(100vw – 40px – var(–scrollbar-width, 0px));
height: auto;
margin-left: 10px;
padding: 10px 0;
}

.furniture-wrapper #main-media figure figcaption,
.furniture-wrapper [data-gu-name=”media”] figure figcaption {
margin-bottom: 10px;
padding: 10px;
}

.furniture-wrapper #main-media figure::before,
.furniture-wrapper [data-gu-name=”media”] figure::before {
content: “”;
display: block;
width: calc(100vw – 20px – var(–scrollbar-width, 0px));
background-image: url(https://interactive.guim.co.uk/atoms/2025/04/2025-weekend-essay-test/assets/v/1764331689/frame.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
position: absolute;
top: 0;
left: 10px;
height: inherit;
}

@media (min-width: 46.25em) {
.furniture-wrapper #main-media figure,
.furniture-wrapper [data-gu-name=”media”] figure {
margin-left: 0;
}

.furniture-wrapper #main-media figure picture img,
.furniture-wrapper [data-gu-name=”media”] figure picture img {
width: 670px;
height: auto;
margin-left: 5px;
padding: 15px 10px;
}

.furniture-wrapper #main-media figure::before,
.furniture-wrapper [data-gu-name=”media”] figure::before {
width: 700px;
left: -10px;
}

.furniture-wrapper #main-media figure figcaption,
.furniture-wrapper [data-gu-name=”media”] figure figcaption {
width: 650px;
margin-left: 15px;
margin-bottom: 15px;
padding: 15px 10px;
}
}

@media (min-width: 61.25em) {
.furniture-wrapper #main-media figure::before,
.furniture-wrapper [data-gu-name=”media”] figure::before {
width: 470px;
}

.furniture-wrapper #main-media figure picture img,
.furniture-wrapper [data-gu-name=”media”] figure picture img {
padding: 10px 0;
}

.furniture-wrapper #main-media figure figcaption,
.furniture-wrapper [data-gu-name=”media”] figure figcaption {
margin-bottom: 10px;
}
}

@media (min-width: 71.25em) {
.furniture-wrapper #main-media figure::before,
.furniture-wrapper [data-gu-name=”media”] figure::before {
width: 550px;
}

.furniture-wrapper #main-media figure picture img,
.furniture-wrapper [data-gu-name=”media”] figure picture img {
width: 520px;
margin-left: 5px;
padding: 10px 5px;
}

.furniture-wrapper #main-media figure figcaption,
.furniture-wrapper [data-gu-name=”media”] figure figcaption {
width: 510px;
margin-left: 10px;
margin-bottom: 10px;
}
}

@media (min-width: 81.25em) {
.furniture-wrapper #main-media figure::before,
.furniture-wrapper [data-gu-name=”media”] figure::before {
width: 630px;
}

.furniture-wrapper #main-media figure picture img,
.furniture-wrapper [data-gu-name=”media”] figure picture img {
width: 600px;
padding: 15px 0;
}

.furniture-wrapper #main-media figure figcaption,
.furniture-wrapper [data-gu-name=”media”] figure figcaption {
width: 600px;
margin-left: 5px;
margin-bottom: 15px;
}
}

.furniture-wrapper #main-media #caption-button,
.furniture-wrapper [data-gu-name=”media”] #caption-button {
right: 15px;
bottom: 20px;
}

@media (min-width: 46.25em) {
.furniture-wrapper #main-media #caption-button,
.furniture-wrapper [data-gu-name=”media”] #caption-button {
right: 45px;
bottom: 30px;
}
}

@media (min-width: 61.25em) {
.furniture-wrapper #main-media #caption-button,
.furniture-wrapper [data-gu-name=”media”] #caption-button {
right: 15px;
bottom: 20px;
}
}

@media (min-width: 71.25em) {
.furniture-wrapper #main-media #caption-button,
.furniture-wrapper [data-gu-name=”media”] #caption-button {
right: 20px;
}
}

@media (min-width: 81.25em) {
.furniture-wrapper #main-media #caption-button,
.furniture-wrapper [data-gu-name=”media”] #caption-button {
right: 25px;
}
}For the main media caption button, the furniture wrapper sets the bottom position to 30px. When there’s no media, a centered div displays a bold, underlined, 24px text in a specific color.

On larger screens, the interactive main column aligns to the left and removes a preceding element. Supporting content with blockquotes gets a light background. The first letter of the first paragraph is styled with a lighter weight, while specific paragraphs after certain elements feature a large, uppercase drop cap in a headline font.

Headings at level 2 are styled in a dark orange color with specific sizes and weights, becoming bolder if they contain strong text. Figures containing iframes also receive a light background.

For apps on iOS and Android, the byline includes a follow button with adjusted spacing and font size. Media elements within the main content are set to fit their content width.

In dark mode, the background colors for the article section and weekend essay are changed to a dark gray.[data-app-os=android] .furniture-wrapper .article-header:after,
[data-app-os=android] .furniture-wrapper [data-gu-name=title] .content__labels:after {
background-image: url(https://interactive.guim.co.uk/atoms/2025/04/2025-weekend-essay-test/assets/v/1764331689/book-white.gif)
}

[data-rendering-target=apps] .furniture-wrapper .meta__byline gu-island[name=FollowWrapper] svg path,
[data-rendering-target=apps] .furniture-wrapper [data-component=meta-byline] gu-island[name=FollowWrapper] svg path,
[data-app-os=ios] .furniture-wrapper .meta__byline gu-island[name=FollowWrapper] svg path,
[data-app-os=ios] .furniture-wrapper [data-component=meta-byline] gu-island[name=FollowWrapper] svg path,
[data-app-os=android] .furniture-wrapper .meta__byline gu-island[name=FollowWrapper] svg path,
[data-app-os=android] .furniture-wrapper [data-component=meta-byline] gu-island[name=FollowWrapper] svg path {
fill: var(–byline-anchor, #ffffff) !important
}

[data-rendering-target=apps] .furniture-wrapper #main-media figure:before,
[data-rendering-target=apps] .furniture-wrapper [data-gu-name=media] figure:before,
[data-app-os=ios] .furniture-wrapper #main-media figure:before,
[data-app-os=ios] .furniture-wrapper [data-gu-name=media] figure:before,
[data-app-os=android] .furniture-wrapper #main-media figure:before,
[data-app-os=android] .furniture-wrapper [data-gu-name=media] figure:before {
background-image: url(https://interactive.guim.co.uk/atoms/2025/04/2025-weekend-essay-test/assets/v/1764331689/frame-white.png) !important
}

body.ios,
body.android {
background-color: #fff
}

body.ios #feature-article-container .furniture-wrapper .content__labels,
body.ios #standard-article-container .furniture-wrapper .content__labels,
body.ios #comment-article-container .furniture-wrapper .content__labels,
body.android #feature-article-container .furniture-wrapper .content__labels,
body.android #standard-article-container .furniture-wrapper .content__labels,
body.android #comment-article-container .furniture-wrapper .content__labels,
body.ios #feature-article-container .furniture-wrapper h1.headline,
body.ios #standard-article-container .furniture-wrapper h1.headline,
body.ios #comment-article-container .furniture-wrapper h1.headline,
body.android #feature-article-container .furniture-wrapper h1.headline,
body.android #standard-article-container .furniture-wrapper h1.headline,
body.android #comment-article-container .furniture-wrapper h1.headline {
font-weight: 500
}

@media (prefers-color-scheme: light) {
html:has(body.ios, body.android) {
background-color: var(–weekend-essay-bg, #fff4f2)
}
}

html:has(body.ios, body.android) body.ios,
html:has(body.ios, body.android) body.android {
–opinion-primary: #c74600;
–byline-anchor: var(–opinion-primary, #c74600);
–primary-pillar: var(–opinion-primary, #c74600)
}

@media (prefers-color-scheme: light) {
html:has(body.ios, body.android) body.ios,
html:has(body.ios, body.android) body.android {
background-color: var(–weekend-essay-bg, #fff4f2)
}
}

@media (prefers-color-scheme: dark) {
html:has(body.ios, body.android) body.ios,
html:has(body.ios, body.android) body.android {
–weekend-essay-bg: #1a1a1a;
–opinion-primary: #ff7f0f
}
html:has(body.ios, body.android) .garnett–pillar-opinion:not(.garnett–type-media).ios .article__body,
html:has(body.ios, body.android) .garnett–pillar-opinion:not(.garnett–type-media).ios .tags {
background-color: unset
}
}

body.ios #feature-article-container,
body.ios #standard-article-container,
body.ios #comment-article-container,
body.android #feature-article-container,
body.android #standard-article-container,
body.android #comment-article-container {
background-color: var(–weekend-essay-bg, #fff4f2)
}

@media (min-width: 61.25em) {
body.ios #feature-article-container .furniture-wrapper,
body.ios #standard-article-container .furniture-wrapper,
body.ios #comment-article-container .furniture-wrapper,
body.android #feature-article-container .furniture-wrapper,
body.android #standard-article-container .furniture-wrapper,
body.android #comment-article-container .furniture-wrapper {
grid-column-gap: 20px;
grid-row-gap: 0px;
grid-template-columns: [title-start headline-start meta-start standfirst-sThe grid is set up with five equal-width columns, starting from the title and ending at the portrait. The rows are arranged so that the title and portrait begin together, followed by the headline, standfirst, and meta sections, with the portrait ending last.

On iOS and Android devices, the title and GIF wrapper within the furniture container for feature, standard, and comment articles is displayed as a flexible row layout. It uses space-between alignment and is positioned relatively.

The content labels inside this wrapper have a font size of 17px, normal style, bold weight, and a line height of 115%. Links within these labels are colored using a custom variable (with a fallback to #c74600) and have no text transformation.

The GIF container and its images are set to 70px in both width and height. When the GIF container or its images have the class “book-gif-white,” the same dimensions apply.For Android devices, hide the white book GIFs in feature, standard, and comment article containers. In dark mode, hide the regular book GIFs and show the white versions instead on both iOS and Android. On iOS and Android, add a light gray horizontal line at the bottom of the title and GIF wrapper in these article containers. For larger screens, adjust the layout of the title and GIF wrapper in iOS feature and standard articles.The title and GIF wrapper for furniture elements is set to the grid area named “title” across various article containers on iOS and Android. For iOS devices, after this wrapper in feature, standard, and comment articles, the width is set to 50 viewport width units.

In dark mode, the background color after these wrappers changes to #606060 for both iOS and Android.

On larger screens (61.25em and above), the portrait main media headline wrapper is assigned to the “headline” grid area for feature, standard, and comment articles on both iOS and Android.

For headlines, bylines, and related links within furniture wrappers across these article types on iOS and Android, the font size is 36px with a normal style, medium weight (500), and 115% line height.For feature, standard, and comment articles on iOS and Android devices, the byline text and links are set to a red color (#c70000) or a custom variable. In dark mode, this changes to a darker orange (#c74600). Avatars are hidden in these sections. Headlines have no bottom margin or padding. Bylines are displayed in italics.For iOS and Android devices, the author’s byline in feature, standard, and comment articles should be displayed in a normal font style, not italicized.

For the main media container in these articles, set the height to adjust automatically with an aspect ratio of 4:5 and a transparent background.

For figures within this main media container, ensure they take up the full height and have no left margin.

Inside these figures, position the inner content at the top-left corner.

The inner element of these figures should have a transparent background, no padding, and allow overflow content to be visible.

For images inside these figure elements, set the width to the full viewport width minus 40 pixels, with a left margin of 20 pixels and a top margin of 25 pixels.The CSS code sets specific styles for images and captions within article containers on iOS and Android devices. Images get a 13px top margin, while captions are set to auto height with block display and a gray text color. For screens wider than 46.25em, figures expand to full width and have a left-aligned decorative element.For iOS and Android devices, the image width within article containers is set to the full viewport width minus 60 pixels, with a left margin of 30 pixels and a top margin of 40 pixels.

On larger screens (61.25em and above), the width adjusts to half the viewport width minus 40 pixels and the scrollbar width, with a reduced left margin of 18 pixels and a top margin of 10 pixels. The image height is set to auto, and padding is removed.

For even larger screens (71.25em and above), a slight upward adjustment is applied.

On the largest screens (81.25em and above), the width is further reduced to half the viewport width minus 90 pixels and the scrollbar width, with a left margin of 12 pixels, a negative top margin of -10 pixels, and a top padding of 21 pixels.

Dark mode preferences are also accounted for in the styling.For iOS and Android devices, the first image in articles (feature, standard, or comment types) has specific styling. A white frame background is applied to the image container. On smaller screens, the image spans almost the full viewport width with padding. On wider screens (above 61.25em), the image width reduces to half the viewport, and its positioning adjusts further on even larger screens (above 81.25em).For the main media figure element that is the first image, set the height to 100% and the maximum width to 620px as important.

On iOS and Android devices, for feature, standard, and comment article containers, add a pseudo-element before the first image in the main media figure. Set its width to half the viewport width minus 20px and the scrollbar width, align it to the left, and set its height to 100%.

For viewports at least 81.25em wide, adjust the left position of this pseudo-element to -20px.

For viewports at least 46.25em wide, position the caption button in the main media 45px from the bottom.

For viewports at least 61.25em wide, set the main media area to portrait, limit its maximum width to 620px as important, and set its height to auto.

For figure elements within the furniture wrapper, set their position to relative and remove the top margin.

For the inner figure container, position it absolutely 15px from the top and 20px from the left. Set its width to the full viewport width minus 40px and its height to auto.Images within figure elements are set to cover their containers fully. On iOS and Android devices, caption buttons in article containers are positioned 24px from the right and 20px from the bottom.

For screens wider than 46.25em, the inner figure dimensions adjust to 680px wide with automatic height, positioned 10px from the top and left, while caption buttons move to 25px from the bottom.

On screens wider than 61.25em, figures themselves become half the viewport width minus 20px and any scrollbar width.

Standfirst sections in these article containers have no top margin, 8px top padding, and 10px right padding, with their before pseudo-elements hidden. Paragraphs, links, and list items within the standfirst inner container maintain consistent styling.For Android devices, links, list items, and paragraphs within the standfirst section of feature, standard, and comment articles will have a font size of 20px, normal style, medium weight, 115% line height, and no bottom padding.

On screens wider than 61.25em, the standfirst section for these article types on both iOS and Android will be placed in the grid area named ‘standfirst’.

For both iOS and Android, the meta section in these article types will have no top padding. The published date within the meta section will be positioned relatively. A thin gray line will appear below the published date, extending the full viewport width on smaller screens. On screens wider than 61.25em, this line will only extend half the viewport width, and the meta section will be displayed as a block in the grid area named ‘meta’.

On screens wider than 81.25em, the miscellaneous meta information for these article types on both iOS and Android will be styled within the furniture wrapper.For iOS and Android devices, the meta information’s miscellaneous elements have no left margin. In dark mode, the published date indicator in feature, standard, and comment articles changes to a gray background color (#606060).

On these devices, decorative lines and meta element markers are hidden in feature, standard, and comment article containers. Similarly, rich-link sidebars within these articles are not displayed. The comment header’s cutout container is also hidden with high priority.

The main article and feature body sections use a custom background color (defaulting to a light pink, #fff4f2) and have a small top margin of 6px. Horizontal rules within these sections are styled as short, light gray lines (150px wide, #dcdcdc color) with specific spacing.

The first letter of the opening paragraph (or the paragraph after a horizontal rule) is styled as a large, uppercase drop cap using specific font families, a light weight, a large size (111px), and a custom color variable.

Headings (h2) containing strong or bold text, or where strong/bold tags are used within prose sections, are given a medium font weight (500).

(Note: The text ends mid-sentence with “@media (p”, so the final media query rule is incomplete and cannot be fully translated.)When the page theme is set to dark mode, horizontal rules in article and feature bodies on iOS and Android devices will have a background color of #606060. Additionally, the first letter of the first paragraph following a horizontal rule will be colored using the custom property `–new-pillar-colour`, defaulting to #ff5943. Links within paragraphs in these sections will have no text decoration.

For the first paragraph following an initial embedded element in article or feature bodies on iOS and Android, the first letter will have a font weight of 500.

In comment sections or areas marked with `data-gu-name=”body”`, the first letter of the first paragraph after an embedded element (or a sign-in gate) will have a font weight of 300 and no top padding.

Headings (h2) on iOS and Android will be styled with the color #8d2700, a font size of 28px, a normal font style, a font weight of 300, normal line height, and margins of 28px on top, 0 on the sides, and 8px on the bottom. On Android, the element with the ID `cutout-container` will be hidden.

In dark mode, a gradient effect is applied to the headline wrapper in portrait main media. The first letter of paragraphs (excluding the very first one) in comment or body sections will be white. Headings (h2) in these areas will use the custom property `–byline`, defaulting to #c74600.

When scripting is enabled, certain interactive content, grid layouts, furniture wrappers, and header elements are initially hidden (opacity: 0). Once the `interactive-loaded` class is added to the root element, these become visible with a smooth fade-in transition over 0.3 seconds.

“A Spirit of Dialogue” is the theme for this year’s World Economic Forum. Yet, as the global elite gather in the crisp Alpine air of Davos, this theme seems a lofty aspiration. This is especially true with star guest Donald Trump in attendance, who has spent the past year dismantling the established world order.

President Trump will arrive amid the snow-capped Swiss mountains leading the largest US delegation ever seen at the WEF. The delegation includes Secretary of State Marco Rubio, Treasury Secretary Scott Bessent, Commerce Secretary Howard Lutnick, and Special Envoy Steve Witkoff.

Last year, just days after his second inauguration, Trump addressed the forum remotely via video link. In a punchy speech, he threatened to impose across-the-board tariffs and urged NATO countries to increase their defence spending.He called on the Federal Reserve to cut interest rates “immediately,” setting the stage for what would become a chaotic year.

A year later, the already weakened rules-based global order—further strained by Russia’s invasion of Ukraine and the rising influence of Beijing’s autocratic regime—is quickly falling apart. The “spirit of dialogue” has been notably absent.

This year’s meeting is happening amid extraordinary geopolitical turmoil. War still rages in Ukraine, and its president, Volodymyr Zelenskyy, is traveling to Davos to continue rallying support.

Just days before heading to the World Economic Forum, Trump shocked European leaders by threatening to impose punitive tariffs on allies, including the UK, if they don’t support his plan to annex Greenland. EU ambassadors held emergency talks on Sunday as their leaders prepared to join Trump in the Alps.

When the WEF asked over 1,300 politicians, business leaders, and academics about their biggest fears for the future, they identified “geo-economic confrontation”—the struggle for economic dominance among major powers—as the most urgent risk for the next two years. The second most common concern was outright war between nations.

In recent weeks alone, Trump has sent troops to seize Venezuela’s president, Nicolás Maduro; claimed Ukraine is more reluctant to pursue peace than Russia; and threatened to attack Iran if protests continue to be suppressed.

Yet, even as the kind of multilateralism the WEF was founded to promote appears to be on its last legs, a pushback is underway. This was clear when typically reserved central bankers waded into the debate over Federal Reserve Chair Jerome Powell’s independence by publishing an unprecedented joint letter.

While Trump arrives with a large team, other leaders are coming to Davos determined to advocate for free trade, transatlantic cooperation, and strong support for Ukraine against Russian aggression. These include NATO chief Mark Rutte, the French president, and European Commission President Ursula von der Leyen.

Another attendee will be UN Secretary-General António Guterres. On Thursday, outlining his priorities for 2026, he warned that “when leaders disregard international law—when they pick and choose which rules to follow—they are not only undermining global order but setting a dangerous precedent.”

Russia may have started this process by invading Ukraine, and the conflict in the Middle East has raised serious concerns about war crimes, particularly due to Israel’s near-total bombing of Gaza. However, it is U.S. actions that have pushed the postwar international order closer to the edge. “The erosion of international law is not happening in the shadows,” Guterres added.

Senior diplomats quietly believe that projecting U.S. military power into countries like Venezuela could fuel growing resistance worldwide. Global military spending has now reached $2.7 trillion (£2 trillion), a 9.4% annual increase—the sharpest rise since the end of the Cold War. Countries around the world are racing to boost military spending in response to perceived threats from Russia, China, and the U.S., and the events of 2026 alone are likely to convince leaders from both democracies and dictatorships of the need to spend more.

Despite the projection of U.S. military power into places like Venezuela, senior diplomats also believe it could spark increasing resistance among populations globally. Although American power remains significant, China and other developing countries continue to grow their share of the global economy, meaning the long-term balance is slowly shifting away from the U.S.

So far, Trump’s attempts to force a pro-Russian peace on Ukraine have failed due to strong European opposition. The U.S. president also pulled back from an attack on Iran, partly after intensive lobbying.Buyers from Saudi Arabia and other Gulf countries are concerned about the risk of a regional war, but also because there was no clear, credible external military response to Iran’s crackdown.

Multinational cooperation continues, though it receives less attention. This year, the UN will launch an independent scientific panel on artificial intelligence—a group of 40 experts aiming to balance the commercially driven AI models dominated by U.S. companies, which will be showcasing their products along Davos’s main street, the Promenade.

More than 50 years after its founding, the World Economic Forum’s appeal to the rich and powerful remains strong. Over 60 heads of state or government are expected, along with 55 economy and finance ministers, and more than 800 CEOs or chairs of major corporations.

Companies pay 27,000 Swiss francs (about £25,000) for each delegation member, on top of a substantial annual membership fee. In a nod to inclusivity, the WEF uses some of this income to subsidize participants from civil society groups.

The World Economic Forum’s pull for the wealthy and influential is as strong as ever. Photograph: Gian Ehrenzeller/EPA

Stomping between conference venues in ski boots and fur hats, participants join public discussions and debates, hold thousands of private meetings across the sprawling site, and swap gossip at champagne-fueled late-night parties in the resort’s hotels and après-ski spots, many of which are taken over by private sector sponsors for the event.

Key corporate figures set to attend include Nvidia’s president Jensen Huang, Microsoft CEO Satya Nadella, and Anthropic founder and CEO Dario Amodei—all central players in the AI boom that has boosted Wall Street and further enriched a group of U.S. billionaires over the past year.

An analysis commissioned by the environmental charity Greenpeace before the meeting found that private jet flights linked to Davos more than tripled between the 2023 and 2025 meetings, highlighting the climate impact of the annual gathering.

WEF President Børge Brende, a former Norwegian minister, expressed hope in a pre-Davos interview with Time magazine, saying, “We know that President Trump [and his] secretaries are very much into deal-making, and to make deals, you have to have a dialogue.” But he acknowledged the meeting is taking place against “the most complicated geopolitical backdrop since the WEF was founded.”

Winnie Byanyima, executive director of UNAids and a co-chair of Davos in 2015 who used the platform to advocate for action on global inequality, says Trump’s presence is hard to reconcile with the WEF’s stated purpose.

“It’s such a contradiction, in my view. A world where the WEF would contribute is a rules-based world, where there’s predictability, where business works with governments—business to achieve their profits, but governments to meet the needs of their people. But him, he represents might is right.”

This year’s meeting is expected to be the first without ‘Mr. Davos,’ WEF founder Klaus Schwab. Photograph: Salvatore Di Nolfi/EPA

This year’s gathering marks the start of a new era, without the looming presence of “Mr. Davos”—WEF founder Klaus Schwab. The 87-year-old, who hosted the first Davos summit in 1971, stepped down from the organization’s board last year after whistleblowers raised allegations, including unauthorized spending, against Schwab and his wife, Hilde.

He publicly contested the claims, insisting, “Throughout this journey, Hilde and I never used the forum for personal enrichment.”

After an investigation by the Swiss law firm Homburger, the WEF’s board of trustees cleared him of “material wrongdoing” last August. A WEF statement at the time said, “Minor irregularities, stemming from blurred lines between personal contributions and forum operations, reflect deep commitment rather than intent of misconduct.”

Schwab is not expected to attend this year’s gathering, but in a hint that…Perhaps missing the limelight, he is publishing a new book—part of a series—to coincide with Davos. Titled Restoring Truth and Trust, the 110-page volume is sprinkled with phrases like “having devoted my life to public service” and “for someone who spent years in diplomatic circles.”

Danny Sriskandarajah, director of the UK thinktank the New Economics Foundation, was once one of the WEF’s Young Global Leaders, who bring civil society and business perspectives into Davos discussions. He is not attending this year and argues that the WEF no longer serves the purpose for which Schwab founded it over half a century ago. “My view is, it was ahead of its time, but now it’s a relic of the past,” he says.

“He [Schwab] was ahead of the game in saying, ‘we’re only going to tackle the world’s problems if we take a multi-stakeholder approach and consider the global dimensions of these problems.’” But with any semblance of a “rules-based global order” now gone, Sriskandarajah contends, “it’s problematic for lots of reasons, mostly because it is just unaccountable and lacks real legitimacy.”

Bono helped launch the Make Poverty History movement at Davos in 2005. Photograph: Laurent Gilliéron/EPA

Jamie Drummond, another Young Global Leader who co-founded the One charity with U2’s Bono, says that in the late 1990s and early 2000s, before the global financial crisis, discussions at Davos helped shape the diplomatic year ahead. In 2000, it was the launch venue for Gavi, the public-private alliance that has since vaccinated more than 1 billion children. “I turned up with Bono a few times,” he says. “It was useful to get the vaccines initiative going; it was useful to advance debt cancellation around the millennium and the years after, and I think its peak was when we helped launch Make Poverty History there in 2005.”

He believes such optimism has long since faded—but he will still attend this year, not as a formal delegate, but hoping to influence some of the world’s most powerful people. “This is not Davos’s heyday; it is on the decline—but it’s not dead yet,” he says.

Frequently Asked Questions
Of course Here is a list of FAQs about Davos 2026 A final chance to rescue the global order designed to be clear concise and in a natural tone

Beginner Definition Questions

1 What is Davos 2026
Its the 2026 annual meeting of the World Economic Forum held in Davos Switzerland Its a major gathering of global leaders from business government academia and civil society

2 What does rescue the global order mean
It refers to the urgent need to address the breakdown in international cooperation on critical issues like climate change trade wars geopolitical conflicts and managing new technologies like AI The global order is the system of rules and institutions that countries use to work together

3 Why is 2026 being called a final chance
Its a rhetorical device to emphasize urgency Experts believe that by 2026 the window to prevent irreversible damagefrom climate tipping points entrenched geopolitical blocs or unregulated AIwill be critically small Its less about a literal last chance and more about a crucial deadline for action

Context Significance Questions

4 Why is Davos so important for this
Davos is one of the few places where key decisionmakers from all sectors and rival nations meet facetoface Its goal is to foster dialogue and create partnerships that cant happen in formal diplomatic settings alone

5 Whats different about the world now versus 10 years ago
Cooperation has weakened significantly Were seeing more nationalism major wars USChina tensions a stalled climate agenda and the disruptive rise of generative AIall straining the postWorld War II international system at once

6 Who exactly is supposed to be rescuing the order
Primarily the governments of major powers supported by global corporations financial institutions and international bodies The forum acts as a catalyst for these actors to find common ground

Advanced Critical Questions

7 Isnt Davos just a talking shop for the elite What tangible outcomes can we expect
Critics often say this While much is discussion tangible outcomes can include launching new publicprivate partnerships eg for vaccine distribution or green tech

Related Posts