Resolution Foundation says real wages will fall in 2022 in ‘weakest decade for pay growth since 1930s’.
This article titled “UK’s annual tax bill ‘to rise by £3,000 a household by 2027’” was written by Jasper Jolly and Phillip Inman, for theguardian.com on Thursday 28th October 2021 09.46 UTCBoris Johnson’s government has set a course for a “high-tax, big-state economy” with a budget that will raise the UK’s tax bill by £3,000 a household by 2027, according to analysis by an independent thinktank.
The Resolution Foundation said that despite a spending spree, real wages would fall again next year. The UK is “still in the midst of its weakest decade for pay growth since the 1930s”, it said.
Sunak portrayed the budget as preparing the “high-wage” economy for the “post-Covid” era, as stronger economic forecasts gave him room to increase spending on government departments by £150bn.
However, the Resolution Foundation said real wages would grow by only 2.4% between May 2008 (as the financial crisis hit) and May 2024, compared with 36% real wage growth between May 1992 and May 2008.
The hit to real wages would be caused by rising inflation leading to a “flat recovery for household living standards”, amid surging energy prices and persistent supply chain problems, the thinktank said in its analysis.
The analysis found the combined impact of the budget policies would increase incomes of the poorest fifth of households by 2.8% by 2025, while incomes for people on middle incomes will fall by 2%, and the highest-earning fifth will fall by 3.1%.
Rachel Reeves, the shadow chancellor, said Sunak’s lack of action on the cost of living showed he was describing a “parallel universe”.
Sunak told Conservative MPs on Wednesday evening that in future he planned to use “every marginal pound” to lower taxes, with the Conservative party’s eyes turning towards a general election in 2023 or 2024.
The thinktank’s analysis showed that tax paid by businesses and households as a share of the economy will be at its highest level since 1950 by 2026-27 – £3,000 a household higher than at the start of Boris Johnson’s premiership.
@font-face {
font-family: “Guardian Agate Sans 1 Web”;
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianAgateSans1Web/GuardianAgateSans1Web-Regular.eot”);
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianAgateSans1Web/GuardianAgateSans1Web-Regular.eot?#iefix”) format(“embedded-opentype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianAgateSans1Web/GuardianAgateSans1Web-Regular.woff2”) format(“woff2”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianAgateSans1Web/GuardianAgateSans1Web-Regular.woff”) format(“woff”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianAgateSans1Web/GuardianAgateSans1Web-Regular.ttf”) format(“truetype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianAgateSans1Web/GuardianAgateSans1Web-Regular.svg#GuardianAgateSans1Web-Regular”) format(“svg”);
font-weight: 400;
font-style: normal;
font-stretch: normal;
}
@font-face {
font-family: “Guardian Agate Sans 1 Web”;
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianAgateSans1Web/GuardianAgateSans1Web-RegularItalic.eot”);
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianAgateSans1Web/GuardianAgateSans1Web-RegularItalic.eot?#iefix”) format(“embedded-opentype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianAgateSans1Web/GuardianAgateSans1Web-RegularItalic.woff2”) format(“woff2”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianAgateSans1Web/GuardianAgateSans1Web-RegularItalic.woff”) format(“woff”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianAgateSans1Web/GuardianAgateSans1Web-RegularItalic.ttf”) format(“truetype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianAgateSans1Web/GuardianAgateSans1Web-RegularItalic.svg#GuardianAgateSans1Web-RegularItalic”) format(“svg”);
font-weight: 400;
font-style: italic;
font-stretch: normal;
}
@font-face {
font-family: “Guardian Agate Sans 1 Web”;
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianAgateSans1Web/GuardianAgateSans1Web-Bold.eot”);
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianAgateSans1Web/GuardianAgateSans1Web-Bold.eot?#iefix”) format(“embedded-opentype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianAgateSans1Web/GuardianAgateSans1Web-Bold.woff2”) format(“woff2”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianAgateSans1Web/GuardianAgateSans1Web-Bold.woff”) format(“woff”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianAgateSans1Web/GuardianAgateSans1Web-Bold.ttf”) format(“truetype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianAgateSans1Web/GuardianAgateSans1Web-Bold.svg#GuardianAgateSans1Web-Bold”) format(“svg”);
font-weight: 700;
font-style: normal;
font-stretch: normal;
}
@font-face {
font-family: “Guardian Agate Sans 1 Web”;
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianAgateSans1Web/GuardianAgateSans1Web-BoldItalic.eot”);
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianAgateSans1Web/GuardianAgateSans1Web-BoldItalic.eot?#iefix”) format(“embedded-opentype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianAgateSans1Web/GuardianAgateSans1Web-BoldItalic.woff2”) format(“woff2”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianAgateSans1Web/GuardianAgateSans1Web-BoldItalic.woff”) format(“woff”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianAgateSans1Web/GuardianAgateSans1Web-BoldItalic.ttf”) format(“truetype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianAgateSans1Web/GuardianAgateSans1Web-BoldItalic.svg#GuardianAgateSans1Web-BoldItalic”) format(“svg”);
font-weight: 700;
font-style: italic;
font-stretch: normal;
}
@font-face {
font-family: “Guardian Egyptian Web”;
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianEgyptianWeb/GuardianEgyptianWeb-Light.eot”);
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianEgyptianWeb/GuardianEgyptianWeb-Light.eot?#iefix”) format(“embedded-opentype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianEgyptianWeb/GuardianEgyptianWeb-Light.woff2”) format(“woff2”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianEgyptianWeb/GuardianEgyptianWeb-Light.woff”) format(“woff”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianEgyptianWeb/GuardianEgyptianWeb-Light.ttf”) format(“truetype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianEgyptianWeb/GuardianEgyptianWeb-Light.svg#GuardianEgyptianWeb-Light”) format(“svg”);
font-weight: 200;
font-style: normal;
font-stretch: normal;
}
@font-face {
font-family: “Guardian Egyptian Web”;
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianEgyptianWeb/GuardianEgyptianWeb-Regular.eot”);
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianEgyptianWeb/GuardianEgyptianWeb-Regular.eot?#iefix”) format(“embedded-opentype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianEgyptianWeb/GuardianEgyptianWeb-Regular.woff2”) format(“woff2”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianEgyptianWeb/GuardianEgyptianWeb-Regular.woff”) format(“woff”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianEgyptianWeb/GuardianEgyptianWeb-Regular.ttf”) format(“truetype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianEgyptianWeb/GuardianEgyptianWeb-Regular.svg#GuardianEgyptianWeb-Regular”) format(“svg”);
font-weight: 400;
font-style: normal;
font-stretch: normal;
}
@font-face {
font-family: “Guardian Egyptian Web”;
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianEgyptianWeb/GuardianEgyptianWeb-RegularItalic.eot”);
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianEgyptianWeb/GuardianEgyptianWeb-RegularItalic.eot?#iefix”) format(“embedded-opentype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianEgyptianWeb/GuardianEgyptianWeb-RegularItalic.woff2”) format(“woff2”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianEgyptianWeb/GuardianEgyptianWeb-RegularItalic.woff”) format(“woff”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianEgyptianWeb/GuardianEgyptianWeb-RegularItalic.ttf”) format(“truetype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianEgyptianWeb/GuardianEgyptianWeb-RegularItalic.svg#GuardianEgyptianWeb-RegularItalic”) format(“svg”);
font-weight: 400;
font-style: italic;
font-stretch: normal;
}
@font-face {
font-family: “Guardian Egyptian Web”;
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianEgyptianWeb/GuardianEgyptianWeb-Semibold.eot”);
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianEgyptianWeb/GuardianEgyptianWeb-Semibold.eot?#iefix”) format(“embedded-opentype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianEgyptianWeb/GuardianEgyptianWeb-Semibold.woff2”) format(“woff2”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianEgyptianWeb/GuardianEgyptianWeb-Semibold.woff”) format(“woff”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianEgyptianWeb/GuardianEgyptianWeb-Semibold.ttf”) format(“truetype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianEgyptianWeb/GuardianEgyptianWeb-Semibold.svg#GuardianEgyptianWeb-Semibold”) format(“svg”);
font-weight: 600;
font-style: normal;
font-stretch: normal;
}
@font-face {
font-family: “Guardian Egyptian Web”;
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianEgyptianWeb/GuardianEgyptianWeb-SemiboldItalic.eot”);
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianEgyptianWeb/GuardianEgyptianWeb-SemiboldItalic.eot?#iefix”) format(“embedded-opentype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianEgyptianWeb/GuardianEgyptianWeb-SemiboldItalic.woff2”) format(“woff2”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianEgyptianWeb/GuardianEgyptianWeb-SemiboldItalic.woff”) format(“woff”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianEgyptianWeb/GuardianEgyptianWeb-SemiboldItalic.ttf”) format(“truetype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianEgyptianWeb/GuardianEgyptianWeb-SemiboldItalic.svg#GuardianEgyptianWeb-SemiboldItalic”) format(“svg”);
font-weight: 600;
font-style: italic;
font-stretch: normal;
}
@font-face {
font-family: “Guardian Egyptian Web”;
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianEgyptianWeb/GuardianEgyptianWeb-Medium.eot”);
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianEgyptianWeb/GuardianEgyptianWeb-Medium.eot?#iefix”) format(“embedded-opentype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianEgyptianWeb/GuardianEgyptianWeb-Medium.woff2”) format(“woff2”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianEgyptianWeb/GuardianEgyptianWeb-Medium.woff”) format(“woff”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianEgyptianWeb/GuardianEgyptianWeb-Medium.ttf”) format(“truetype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianEgyptianWeb/GuardianEgyptianWeb-Medium.svg#GuardianEgyptianWeb-Medium”) format(“svg”);
font-weight: 500;
font-style: normal;
font-stretch: normal;
}
@font-face {
font-family: “Guardian Egyptian Web”;
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianEgyptianWeb/GuardianEgyptianWeb-Bold.eot”);
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianEgyptianWeb/GuardianEgyptianWeb-Bold.eot?#iefix”) format(“embedded-opentype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianEgyptianWeb/GuardianEgyptianWeb-Bold.woff2”) format(“woff2”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianEgyptianWeb/GuardianEgyptianWeb-Bold.woff”) format(“woff”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianEgyptianWeb/GuardianEgyptianWeb-Bold.ttf”) format(“truetype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianEgyptianWeb/GuardianEgyptianWeb-Bold.svg#GuardianEgyptianWeb-Bold”) format(“svg”);
font-weight: 700;
font-style: normal;
font-stretch: normal;
}
@font-face {
font-family: “Guardian Egyptian Web”;
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianEgyptianWeb/GuardianEgyptianWeb-BoldItalic.eot”);
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianEgyptianWeb/GuardianEgyptianWeb-BoldItalic.eot?#iefix”) format(“embedded-opentype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianEgyptianWeb/GuardianEgyptianWeb-BoldItalic.woff2”) format(“woff2”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianEgyptianWeb/GuardianEgyptianWeb-BoldItalic.woff”) format(“woff”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianEgyptianWeb/GuardianEgyptianWeb-BoldItalic.ttf”) format(“truetype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianEgyptianWeb/GuardianEgyptianWeb-BoldItalic.svg#GuardianEgyptianWeb-BoldItalic”) format(“svg”);
font-weight: 700;
font-style: italic;
font-stretch: normal;
}
@font-face {
font-family: “Guardian Sans Web”;
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianSansWeb/GuardianSansWeb-Light.eot”);
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianSansWeb/GuardianSansWeb-Light.eot?#iefix”) format(“embedded-opentype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianSansWeb/GuardianSansWeb-Light.woff2”) format(“woff2”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianSansWeb/GuardianSansWeb-Light.woff”) format(“woff”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianSansWeb/GuardianSansWeb-Light.ttf”) format(“truetype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianSansWeb/GuardianSansWeb-Light.svg#GuardianSansWeb-Light”) format(“svg”);
font-weight: 200;
font-style: normal;
font-stretch: normal;
}
@font-face {
font-family: “Guardian Sans Web”;
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianSansWeb/GuardianSansWeb-Regular.eot”);
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianSansWeb/GuardianSansWeb-Regular.eot?#iefix”) format(“embedded-opentype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianSansWeb/GuardianSansWeb-Regular.woff2”) format(“woff2”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianSansWeb/GuardianSansWeb-Regular.woff”) format(“woff”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianSansWeb/GuardianSansWeb-Regular.ttf”) format(“truetype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianSansWeb/GuardianSansWeb-Regular.svg#GuardianSansWeb-Regular”) format(“svg”);
font-weight: 400;
font-style: normal;
font-stretch: normal;
}
@font-face {
font-family: “Guardian Sans Web”;
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianSansWeb/GuardianSansWeb-Semibold.eot”);
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianSansWeb/GuardianSansWeb-Semibold.eot?#iefix”) format(“embedded-opentype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianSansWeb/GuardianSansWeb-Semibold.woff2”) format(“woff2”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianSansWeb/GuardianSansWeb-Semibold.woff”) format(“woff”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianSansWeb/GuardianSansWeb-Semibold.ttf”) format(“truetype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianSansWeb/GuardianSansWeb-Semibold.svg#GuardianSansWeb-Semibold”) format(“svg”);
font-weight: 600;
font-style: normal;
font-stretch: normal;
}
@font-face {
font-family: “Guardian Text Egyptian Web”;
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextEgyptianWeb/GuardianTextEgyptianWeb-Regular.eot”);
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextEgyptianWeb/GuardianTextEgyptianWeb-Regular.eot?#iefix”) format(“embedded-opentype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextEgyptianWeb/GuardianTextEgyptianWeb-Regular.woff2”) format(“woff2”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextEgyptianWeb/GuardianTextEgyptianWeb-Regular.woff”) format(“woff”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextEgyptianWeb/GuardianTextEgyptianWeb-Regular.ttf”) format(“truetype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextEgyptianWeb/GuardianTextEgyptianWeb-Regular.svg#GuardianTextEgyptianWeb-Regular”) format(“svg”);
font-weight: 400;
font-style: normal;
font-stretch: normal;
}
@font-face {
font-family: “Guardian Text Egyptian Web”;
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextEgyptianWeb/GuardianTextEgyptianWeb-RegularItalic.eot”);
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextEgyptianWeb/GuardianTextEgyptianWeb-RegularItalic.eot?#iefix”) format(“embedded-opentype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextEgyptianWeb/GuardianTextEgyptianWeb-RegularItalic.woff2”) format(“woff2”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextEgyptianWeb/GuardianTextEgyptianWeb-RegularItalic.woff”) format(“woff”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextEgyptianWeb/GuardianTextEgyptianWeb-RegularItalic.ttf”) format(“truetype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextEgyptianWeb/GuardianTextEgyptianWeb-RegularItalic.svg#GuardianTextEgyptianWeb-RegularItalic”) format(“svg”);
font-weight: 400;
font-style: italic;
font-stretch: normal;
}
@font-face {
font-family: “Guardian Text Egyptian Web”;
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextEgyptianWeb/GuardianTextEgyptianWeb-Medium.eot”);
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextEgyptianWeb/GuardianTextEgyptianWeb-Medium.eot?#iefix”) format(“embedded-opentype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextEgyptianWeb/GuardianTextEgyptianWeb-Medium.woff2”) format(“woff2”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextEgyptianWeb/GuardianTextEgyptianWeb-Medium.woff”) format(“woff”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextEgyptianWeb/GuardianTextEgyptianWeb-Medium.ttf”) format(“truetype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextEgyptianWeb/GuardianTextEgyptianWeb-Medium.svg#GuardianTextEgyptianWeb-Medium”) format(“svg”);
font-weight: 500;
font-style: normal;
font-stretch: normal;
}
@font-face {
font-family: “Guardian Text Egyptian Web”;
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextEgyptianWeb/GuardianTextEgyptianWeb-MediumItalic.eot”);
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextEgyptianWeb/GuardianTextEgyptianWeb-MediumItalic.eot?#iefix”) format(“embedded-opentype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextEgyptianWeb/GuardianTextEgyptianWeb-MediumItalic.woff2”) format(“woff2”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextEgyptianWeb/GuardianTextEgyptianWeb-MediumItalic.woff”) format(“woff”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextEgyptianWeb/GuardianTextEgyptianWeb-MediumItalic.ttf”) format(“truetype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextEgyptianWeb/GuardianTextEgyptianWeb-MediumItalic.svg#GuardianTextEgyptianWeb-MediumItalic”) format(“svg”);
font-weight: 500;
font-style: italic;
font-stretch: normal;
}
@font-face {
font-family: “Guardian Text Egyptian Web”;
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextEgyptianWeb/GuardianTextEgyptianWeb-Bold.eot”);
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextEgyptianWeb/GuardianTextEgyptianWeb-Bold.eot?#iefix”) format(“embedded-opentype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextEgyptianWeb/GuardianTextEgyptianWeb-Bold.woff2”) format(“woff2”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextEgyptianWeb/GuardianTextEgyptianWeb-Bold.woff”) format(“woff”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextEgyptianWeb/GuardianTextEgyptianWeb-Bold.ttf”) format(“truetype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextEgyptianWeb/GuardianTextEgyptianWeb-Bold.svg#GuardianTextEgyptianWeb-Bold”) format(“svg”);
font-weight: 700;
font-style: normal;
font-stretch: normal;
}
@font-face {
font-family: “Guardian Text Egyptian Web”;
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextEgyptianWeb/GuardianTextEgyptianWeb-BoldItalic.eot”);
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextEgyptianWeb/GuardianTextEgyptianWeb-BoldItalic.eot?#iefix”) format(“embedded-opentype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextEgyptianWeb/GuardianTextEgyptianWeb-BoldItalic.woff2”) format(“woff2”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextEgyptianWeb/GuardianTextEgyptianWeb-BoldItalic.woff”) format(“woff”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextEgyptianWeb/GuardianTextEgyptianWeb-BoldItalic.ttf”) format(“truetype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextEgyptianWeb/GuardianTextEgyptianWeb-BoldItalic.svg#GuardianTextEgyptianWeb-BoldItalic”) format(“svg”);
font-weight: 700;
font-style: italic;
font-stretch: normal;
}
@font-face {
font-family: “Guardian Text Egyptian Web”;
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextEgyptianWeb/GuardianTextEgyptianWeb-Black.eot”);
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextEgyptianWeb/GuardianTextEgyptianWeb-Black.eot?#iefix”) format(“embedded-opentype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextEgyptianWeb/GuardianTextEgyptianWeb-Black.woff2”) format(“woff2”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextEgyptianWeb/GuardianTextEgyptianWeb-Black.woff”) format(“woff”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextEgyptianWeb/GuardianTextEgyptianWeb-Black.ttf”) format(“truetype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextEgyptianWeb/GuardianTextEgyptianWeb-Black.svg#GuardianTextEgyptianWeb-Black”) format(“svg”);
font-weight: 800;
font-style: normal;
font-stretch: normal;
}
@font-face {
font-family: “Guardian Text Egyptian Web”;
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextEgyptianWeb/GuardianTextEgyptianWeb-BlackItalic.eot”);
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextEgyptianWeb/GuardianTextEgyptianWeb-BlackItalic.eot?#iefix”) format(“embedded-opentype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextEgyptianWeb/GuardianTextEgyptianWeb-BlackItalic.woff2”) format(“woff2”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextEgyptianWeb/GuardianTextEgyptianWeb-BlackItalic.woff”) format(“woff”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextEgyptianWeb/GuardianTextEgyptianWeb-BlackItalic.ttf”) format(“truetype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextEgyptianWeb/GuardianTextEgyptianWeb-BlackItalic.svg#GuardianTextEgyptianWeb-BlackItalic”) format(“svg”);
font-weight: 800;
font-style: italic;
font-stretch: normal;
}
@font-face {
font-family: “Guardian Text Sans Web”;
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-Regular.eot”);
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-Regular.eot?#iefix”) format(“embedded-opentype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-Regular.woff2”) format(“woff2”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-Regular.woff”) format(“woff”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-Regular.ttf”) format(“truetype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-Regular.svg#GuardianTextSansWeb-Regular”) format(“svg”);
font-weight: 400;
font-style: normal;
font-stretch: normal;
}
@font-face {
font-family: “Guardian Text Sans Web”;
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-RegularItalic.eot”);
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-RegularItalic.eot?#iefix”) format(“embedded-opentype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-RegularItalic.woff2”) format(“woff2”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-RegularItalic.woff”) format(“woff”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-RegularItalic.ttf”) format(“truetype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-RegularItalic.svg#GuardianTextSansWeb-RegularItalic”) format(“svg”);
font-weight: 400;
font-style: italic;
font-stretch: normal;
}
@font-face {
font-family: “Guardian Text Sans Web”;
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-Medium.eot”);
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-Medium.eot?#iefix”) format(“embedded-opentype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-Medium.woff2”) format(“woff2”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-Medium.woff”) format(“woff”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-Medium.ttf”) format(“truetype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-Medium.svg#GuardianTextSansWeb-Medium”) format(“svg”);
font-weight: 500;
font-style: normal;
font-stretch: normal;
}
@font-face {
font-family: “Guardian Text Sans Web”;
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-MediumItalic.eot”);
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-MediumItalic.eot?#iefix”) format(“embedded-opentype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-MediumItalic.woff2”) format(“woff2”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-MediumItalic.woff”) format(“woff”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-MediumItalic.ttf”) format(“truetype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-MediumItalic.svg#GuardianTextSansWeb-MediumItalic”) format(“svg”);
font-weight: 500;
font-style: italic;
font-stretch: normal;
}
@font-face {
font-family: “Guardian Text Sans Web”;
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-Bold.eot”);
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-Bold.eot?#iefix”) format(“embedded-opentype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-Bold.woff2”) format(“woff2”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-Bold.woff”) format(“woff”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-Bold.ttf”) format(“truetype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-Bold.svg#GuardianTextSansWeb-Bold”) format(“svg”);
font-weight: 700;
font-style: normal;
font-stretch: normal;
}
@font-face {
font-family: “Guardian Text Sans Web”;
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-BoldItalic.eot”);
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-BoldItalic.eot?#iefix”) format(“embedded-opentype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-BoldItalic.woff2”) format(“woff2”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-BoldItalic.woff”) format(“woff”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-BoldItalic.ttf”) format(“truetype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-BoldItalic.svg#GuardianTextSansWeb-BoldItalic”) format(“svg”);
font-weight: 700;
font-style: italic;
font-stretch: normal;
}
@font-face {
font-family: “Guardian Text Sans Web”;
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-Black.eot”);
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-Black.eot?#iefix”) format(“embedded-opentype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-Black.woff2”) format(“woff2”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-Black.woff”) format(“woff”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-Black.ttf”) format(“truetype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-Black.svg#GuardianTextSansWeb-Black”) format(“svg”);
font-weight: 800;
font-style: normal;
font-stretch: normal;
}
@font-face {
font-family: “Guardian Text Sans Web”;
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-BlackItalic.eot”);
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-BlackItalic.eot?#iefix”) format(“embedded-opentype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-BlackItalic.woff2”) format(“woff2”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-BlackItalic.woff”) format(“woff”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-BlackItalic.ttf”) format(“truetype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-BlackItalic.svg#GuardianTextSansWeb-BlackItalic”) format(“svg”);
font-weight: 800;
font-style: italic;
font-stretch: normal;
}
@font-face {
font-family: “Guardian Compact Web”;
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianExtrasWeb/GuardianCompactWeb-Black.eot”);
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianExtrasWeb/GuardianCompactWeb-Black.eot?#iefix”) format(“embedded-opentype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianExtrasWeb/GuardianCompactWeb-Black.woff2”) format(“woff2”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianExtrasWeb/GuardianCompactWeb-Black.woff”) format(“woff”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianExtrasWeb/GuardianCompactWeb-Black.ttf”) format(“truetype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianExtrasWeb/GuardianCompactWeb-Black.svg#GuardianCompactWeb-Black”) format(“svg”);
font-weight: 800;
font-style: normal;
font-stretch: normal;
}
@font-face {
font-family: “Guardian Titlepiece Web”;
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianExtrasWeb/GuardianTitlepieceWeb-Regular.eot”);
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianExtrasWeb/GuardianTitlepieceWeb-Regular.eot?#iefix”) format(“embedded-opentype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianExtrasWeb/GuardianTitlepieceWeb-Regular.woff2”) format(“woff2”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianExtrasWeb/GuardianTitlepieceWeb-Regular.woff”) format(“woff”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianExtrasWeb/GuardianTitlepieceWeb-Regular.ttf”) format(“truetype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianExtrasWeb/GuardianTitlepieceWeb-Regular.svg#GuardianTitlepieceWeb-Regular”) format(“svg”);
font-weight: 400;
font-style: normal;
font-stretch: normal;
}
@font-face {
font-family: “Guardian Weekend Cond Web”;
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianExtrasWeb/GuardianWeekendCondWeb-Black.eot”);
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianExtrasWeb/GuardianWeekendCondWeb-Black.eot?#iefix”) format(“embedded-opentype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianExtrasWeb/GuardianWeekendCondWeb-Black.woff2”) format(“woff2”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianExtrasWeb/GuardianWeekendCondWeb-Black.woff”) format(“woff”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianExtrasWeb/GuardianWeekendCondWeb-Black.ttf”) format(“truetype”), url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianExtrasWeb/GuardianWeekendCondWeb-Black.svg#GuardianWeekendCondWeb-Black”) format(“svg”);
font-weight: 800;
font-style: normal;
font-stretch: normal;
}
@font-face {
font-family: “GH Guardian Headline”;
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GHGuardianHeadline/GHGuardianHeadline-Light.woff2”) format(“woff2”),
url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GHGuardianHeadline/GHGuardianHeadline-Light.woff”) format(“woff”),
url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GHGuardianHeadline/GHGuardianHeadline-Light.ttf”) format(“truetype”);
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: “GH Guardian Headline”;
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GHGuardianHeadline/GHGuardianHeadline-LightItalic.woff2”) format(“woff2”),
url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GHGuardianHeadline/GHGuardianHeadline-LightItalic.woff”) format(“woff”),
url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GHGuardianHeadline/GHGuardianHeadline-LightItalic.ttf”) format(“truetype”);
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: “GH Guardian Headline”;
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GHGuardianHeadline/GHGuardianHeadline-Regular.woff2”) format(“woff2”),
url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GHGuardianHeadline/GHGuardianHeadline-Regular.woff”) format(“woff”),
url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GHGuardianHeadline/GHGuardianHeadline-Regular.ttf”) format(“truetype”);
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: “GH Guardian Headline”;
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GHGuardianHeadline/GHGuardianHeadline-RegularItalic.woff2”) format(“woff2”),
url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GHGuardianHeadline/GHGuardianHeadline-RegularItalic.woff”) format(“woff”),
url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GHGuardianHeadline/GHGuardianHeadline-RegularItalic.ttf”) format(“truetype”);
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: “GH Guardian Headline”;
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GHGuardianHeadline/GHGuardianHeadline-Medium.woff2”) format(“woff2”),
url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GHGuardianHeadline/GHGuardianHeadline-Medium.woff”) format(“woff”),
url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GHGuardianHeadline/GHGuardianHeadline-Medium.ttf”) format(“truetype”);
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: “GH Guardian Headline”;
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GHGuardianHeadline/GHGuardianHeadline-MediumItalic.woff2”) format(“woff2”),
url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GHGuardianHeadline/GHGuardianHeadline-MediumItalic.woff”) format(“woff”),
url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GHGuardianHeadline/GHGuardianHeadline-MediumItalic.ttf”) format(“truetype”);
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: “GH Guardian Headline”;
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GHGuardianHeadline/GHGuardianHeadline-Semibold.woff2”) format(“woff2”),
url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GHGuardianHeadline/GHGuardianHeadline-Semibold.woff”) format(“woff”),
url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GHGuardianHeadline/GHGuardianHeadline-Semibold.ttf”) format(“truetype”);
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: “GH Guardian Headline”;
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GHGuardianHeadline/GHGuardianHeadline-SemiboldItalic.woff2”) format(“woff2”),
url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GHGuardianHeadline/GHGuardianHeadline-SemiboldItalic.woff”) format(“woff”),
url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GHGuardianHeadline/GHGuardianHeadline-SemiboldItalic.ttf”) format(“truetype”);
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: “GH Guardian Headline”;
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GHGuardianHeadline/GHGuardianHeadline-Bold.woff2”) format(“woff2”),
url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GHGuardianHeadline/GHGuardianHeadline-Bold.woff”) format(“woff”),
url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GHGuardianHeadline/GHGuardianHeadline-Bold.ttf”) format(“truetype”);
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: “GH Guardian Headline”;
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GHGuardianHeadline/GHGuardianHeadline-BoldItalic.woff2”) format(“woff2”),
url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GHGuardianHeadline/GHGuardianHeadline-BoldItalic.woff”) format(“woff”),
url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GHGuardianHeadline/GHGuardianHeadline-BoldItalic.ttf”) format(“truetype”);
font-weight: 700;
font-style: italic;
}
@font-face {
font-family: “GH Guardian Headline”;
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GHGuardianHeadline/GHGuardianHeadline-Black.woff2”) format(“woff2”),
url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GHGuardianHeadline/GHGuardianHeadline-Black.woff”) format(“woff”),
url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GHGuardianHeadline/GHGuardianHeadline-Black.ttf”) format(“truetype”);
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: “GH Guardian Headline”;
src: url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GHGuardianHeadline/GHGuardianHeadline-BlackItalic.woff2”) format(“woff2”),
url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GHGuardianHeadline/GHGuardianHeadline-BlackItalic.woff”) format(“woff”),
url(“https://interactive.guim.co.uk/fonts/guss-webfonts/GHGuardianHeadline/GHGuardianHeadline-BlackItalic.ttf”) format(“truetype”);
font-weight: 900;
font-style: italic;
}
.f-bar {
font-family: ‘Guardian Agate Sans 1 Web’, monospace;
color: #f1f1f1; /* n-5 */
text-align: right;
line-height: 16px;
min-width: 2px;
white-space: nowrap;
overflow-x: hidden;
}
html { -webkit-font-smoothing: antialiased; }
.d-n { display: none; }
/* TOTHINK: style or inline */
.graph {
color: #333333; /*n-2*/
font-size: 13px;
font-family: “Guardian Text Sans Web”, Helvetica, Arial, “Lucida Grande”, sans-serif;
-webkit-font-smoothing: antialiased;
border-top: 1px solid rgb(220, 220, 220);
border-bottom: 1px solid rgb(220, 220, 220);
padding: 6px 0 4px 0;
}
.chart {
position: relative;
}
.graph .headline {
color: black;
font-size: 18px;
font-family: ‘GH Guardian Headline’, Georgia, serif;
line-height: 24px;
margin-bottom: 24px;
}
.graph .standfirst {
font-family: ‘Guardian Text Egyptian Web’, Georgia, serif;
font-size: 14px;
line-height: 18px;
margin-top: 12px;
margin-bottom: 12px;
font-weight: 400;
}
.graph .legend {
line-height: 18px;
margin-bottom: 24px;
}
.graph .legend-item {
white-space: nowrap;
display: inline-block;
margin-right: 12px;
position: relative;
}
.graph .legend-color {
position: absolute;
top: 1px;
display: inline-block;
width: 6px;
height: 12px;
margin-right: 4px;
border-radius: 2px;
}
.graph .legend-label {
margin-left: 10px;
}
.graph .axis-x,
.graph .axis-y {
color: #bdbdbd; /* n-3 */
font-family: “Guardian Text Sans Web”, Helvetica, Arial, “Lucida Grande”, sans-serif;
}
.graph .axis-top-text {
white-space: nowrap;
}
.graph .label {
color: #333;
line-height: 18px;
vertical-align: top;
}
.graph .label-x {
font-size: 12px;
}
.graph .label-x span {
word-break: break-word
}
.graph svg {
position: absolute;
right: 0;
}
.graph svg path {
stroke-linejoin: round;
}
.graph footer {
font-size: 12px;
line-height: 16px;
margin-top: 6px;
padding-top: 8px;
font-family: ‘Guardian Text Sans Web’, ‘Helvetica Neue’, Helvetica, Arial, ‘Lucida Grande’, sans-serif;
color: #767676;
}
.graph footer > div {
word-break: break-word;
}
.graph .test {
font-size: 13px;
font-family: ‘Guardian Agate Sans 1 Web’, monospace;
visibility: hidden;
}
/* end of TOTHINK */
/* for iOS safari mobile */
body { -webkit-text-size-adjust: 100%; }
var elChart = document.querySelector(“.js-chart”)
var elAxisX = document.querySelector(“.axis-x”)
var elsText = elAxisX ? elAxisX.querySelectorAll(“.axis-x-text”) : []
var indentL = elAxisX ? parseInt(elAxisX.dataset.lIndent, 10) : 0
var extendR = elAxisX ? parseInt(elAxisX.dataset.rIndent, 10) : 0
var isBarBased = elChart.getAttribute(“data-id”).toLowerCase().indexOf(“bar”) > -1
// responsive
function responsive() {
iframeMessenger.resize() // 1
rescaleSvgElements() // 2
updateYLabelWidths() // 3
updateXAxisTextPosition() // 4
updateChartHeight() // 5
}
responsive()
// handle event
var timeout = null
window.addEventListener(‘resize’, function(evt) {
if (timeout) window.clearTimeout(timeout)
timeout = window.setTimeout(function() {
responsive()
timeout = null
}, 200)
});
/* 1. iframe resize */
// iframeMessenger for embed in guardian’s page
/* 2. svg path or circle rescale */
function rescaleSvgElements() {
var width = 300
var elSvg = document.querySelector(“svg”)
if (elSvg) {
var svgWidth = elSvg.getBoundingClientRect().width
// line chart
var strokeWidth = Math.round(2*width*10/svgWidth)/10
var paths = Array.prototype.slice.call(document.querySelectorAll(“path”))
paths.forEach(function(path) { path.setAttribute(“stroke-width”, strokeWidth); })
// plot chart
var r = Math.round(3*width*10/svgWidth)/10
var circles = Array.prototype.slice.call(document.querySelectorAll(“circle”))
circles.forEach(function(circle) { circle.setAttribute(“r”, r); })
}}
/* 3. y label width update */
function updateYLabelWidths() {
if (elChart.getAttribute(“data-res-y”) === “false”) return
const elRows = […elChart.querySelectorAll(“.row”)]
const elGroups = […elChart.querySelectorAll(“.group”)]
const elLegend = document.querySelector(“.legend”)
const labelWidth = elChart.querySelector(“.label”).offsetWidth
const chartWidth = elChart.offsetWidth
const isInline = labelWidth {
el.style.height = isInline ? “24px” : “auto”
})
elGroups.forEach(el => {
el.style.width = isInline ? “calc(” + 100 + “% – ” + labelWidth + “px)” : “100%”
el.style.display = isInline ? “inline-block” : “block”
})
elAxisX.style.width = “calc(100% – ” + ((isInline ? labelWidth : 0) + indentL + extendR + 1) + “px)”
elLegend.style.marginLeft = isInline ? labelWidth + “px” : 0
}
/* 4. x axis text position update */
function updateXAxisTextPosition() {
if (!elAxisX) return
var elsTick = elAxisX.querySelectorAll(“.axis-x-tick”)
var elTest = document.querySelector(“.js-test-res”)
// a. default width / left
var axisXWidth = elAxisX.offsetWidth
var maxWidth = elsTick[1].offsetLeft – elsTick[0].offsetLeft
var txtWidths = [].slice.call(elsText).map((el, i) => {
elTest.textContent = el.textContent
var txtWidth = elTest.offsetWidth + 2
var resWidth = Math.min(txtWidth, maxWidth)
el.style.width = resWidth + “px”
el.style.left = (elsTick[i].offsetLeft – resWidth / 2) * 100 / axisXWidth + “%”
el.style.textAlign = “center”
return txtWidth
})
elTest.textContent = “”
// b. adjust width if multi lines
var isMultiLine = txtWidths.find(w => w > maxWidth)
if (isMultiLine) {
[].slice.call(elsText).forEach((el, i) => {
var txtWidth = el.querySelector(“span”).offsetWidth + 1
var resWidth = Math.min(txtWidth, maxWidth)
el.style.width = resWidth + “px”
el.style.left = (elsTick[i].offsetLeft – resWidth / 2) * 100 / axisXWidth + “%”
})
}
// c. adjust two ends if out of frame
var iLast = elsTick.length – 1
var indent = parseInt(elAxisX.dataset.yIndent, 10) + indentL
var textStrLeft = (indent + elsTick[0].offsetLeft) – elsText[0].offsetWidth / 2
var textEndRight = (axisXWidth + extendR – elsTick[iLast].offsetLeft) – elsText[iLast].offsetWidth / 2
if (textStrLeft < 0) {
elsText[0].style.left = ((isBarBased ? 0 : 1) – indent) + "px"
elsText[0].style.textAlign = "left"
}
if (textEndRight 0) {
var elsAll = [].slice.call(elsText).concat([].slice.call(elsLabel))
var heights = elsAll.map(el => Math.ceil(el.offsetHeight))
var maxHeight = Math.max.apply(null, heights)
elChart.style.marginBottom = (maxHeight + 14) + “px”
}
}
Torsten Bell, the Resolution Foundation’s chief executive, said: “The chancellor has set out plans for a new high-tax, big-state economy.
“Higher taxes aren’t a surprise given the UK is combining fiscal conservatism with an ageing society and a slow-growing economy. But it is the end of low-tax conservatism, with the tax take rising by £3,000 per household by the middle of this decade.”
He said the figures did show a boost for the lower paid over the life of the parliament if the temporary Covid-related £20-a-week uplift in universal credit was not taken into account but 3.2 million of the 4.4 million families that felt the benefit of pandemic-related welfare increases would be worse off.
The major beneficiary of the spending increases has been the National Health Service, which will have taken up £84bn of the £111bn annual increase in spending controlled by Whitehall by 2024-25.
The spending announced by Sunak will only go partway towards reversing the austerity cuts implemented by the former chancellor George Osborne. The Resolution Foundation found that a third of those cuts will have been reversed by 2025, with work and pensions and transport budgets still down by 40% and 32%.
guardian.co.uk © Guardian News & Media Limited 2010
Published via the Guardian News Feed plugin for WordPress.