PageSourceSearch

https://www.sowetan.co.za/account/login/

html sowetan.co.za collected 2026-09-24 20:43:51 UTC 124,744 bytes, 1,899 lines download raw bytes

1<!DOCTYPE html><html lang="en" dir="ltr" data-arc-site="sowetan"><head><meta name="viewport" content="width=device-width,initial-scale=1"/>
1<script async="" src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
1<script async="" data-integration="chartbeat" src="https://static.chartbeat.com/js/chartbeat.js"></script>
1<script async="" id="ebx" src="https://applets.ebxcdn.com/ebx.js"></script>
1<script async="" defer="" data-integration="google-maps" src="//maps.googleapis.com/maps/api/js?key=AIzaSyA4wMsleu1LxiXGdSIFT7p-MyoT_zn-QL0&amp;libraries=places"></script>
1<script async="" src="https://static.vic-m.co/ads/vicinity-head-tag-v1.js?zoneId=2230"></script>
1<meta charset="utf-8"/><link rel="icon" type="image/x-icon" href="/pf/resources/images/sowetan/favicon.ico?d=88"/><title>Log In | Sowetan</title><meta property="og:title" content="Sowetan"/><meta name="twitter:title" content="Sowetan"/><meta property="og:site_name" content="Sowetan"/><meta name="twitter:site" content="@@SowetanLIVE"/><meta name="twitter:card" content="summary_large_image"/><link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Bodoni+Moda:opsz,wght@6,450&amp;display=swap&amp;text=1234567890"/><link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,400..700;1,14..32,400..700&amp;display=swap"/><link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Roboto+Slab:[email protected]&amp;display=swap"/><link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400..700;1,400..700&amp;display=swap"/><link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Bebas+Neue&amp;display=block"/><link rel="stylesheet" data-testid="font-preload-0" href="https://fonts.googleapis.com/css2?family=Bodoni+Moda:opsz,wght@6,450&amp;display=swap&amp;text=1234567890"/><link rel="stylesheet" data-testid="font-preload-1" href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,400..700;1,14..32,400..700&amp;display=swap"/><link rel="stylesheet" data-testid="font-preload-2" href="https://fonts.googleapis.com/css2?family=Roboto+Slab:[email protected]&amp;display=swap"/><link rel="stylesheet" data-testid="font-preload-3" href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400..700;1,400..700&amp;display=swap"/><link rel="stylesheet" data-testid="font-preload-4" href="https://fonts.googleapis.com/css2?family=Bebas+Neue&amp;display=block"/><link id="fusion-template-styles" rel="stylesheet" type="text/css" href="/pf/dist/components/combinations/default.css?d=88&amp;mxId=00000000"/><link id="fusion-siteStyles-styles" rel="stylesheet" type="text/css" href="/pf/dist/css/sowetan.css?d=88&amp;mxId=00000000"/>
1<script type="application/javascript" id="polyfill-script">if(!Array.prototype.includes||!(window.Object && window.Object.assign)||!window.Promise||!window.Symbol||!window.fetch){document.write('
1<script type="application/javascript" src="/pf/dist/engine/polyfill.js?d=88&mxId=00000000" defer=""><\/script>')}</script>
1<script id="fusion-engine-react-script" type="application/javascript" src="/pf/dist/engine/react.js?d=88&amp;mxId=00000000" defer=""></script>
1<script id="fusion-engine-combinations-script" type="application/javascript" src="/pf/dist/components/combinations/default.js?d=88&amp;mxId=00000000" defer=""></script>
1<style>
2          html {
3            font-family: Helvetica, Arial, sans-serif;
4            font-synthesis-weight: none;
5            font-optical-sizing: auto;
6            text-size-adjust: 100%;
7          }
8          html::selection {
9            color: #000;
10            background-color: #FE5;
11          }
12          body { writing-mode: horizontal-tb; }
13        </style>
13<script data-integration="inline-scripts">
14    window.isPremiumContent = false;
15  ;
16    (function() {
17      var _sf_async_config = window._sf_async_config = (window._sf_async_config || {});
18      _sf_async_config.uid = 54086;
19      _sf_async_config.domain = "sowetanlive.co.za";
20      _sf_async_config.useCanonical = false;
21      _sf_async_config.useCanonicalDomain = false;
22      _sf_async_config.sections = "";
23      _sf_async_config.authors = "";
24      var _cbq = window._cbq = (window._cbq || []);
25      _cbq.push(['_acct', "anon"]);
26    })();
27  ;
28    (function() {
29      if (typeof window !== 'undefined') {
30        window.dataLayer = window.dataLayer || [];
31
32        const pageType = "Commerce";
33        const contentType = "";
34        const article_title = "";
35        const articleAccess = "free";
36        const contentCategory = "";
37        const contentSubCategory = "";
38        const author = "";
39        const slug = "";
40        const isArticle = pageType === 'Article';
41        const article_id = isArticle ? "" : "";
42        const article_published_date = "";
43        const articleWordCount = 0;
44        const keywordsMetaData = "";
45        const commentsAvailable = false;
46
47        const embeddedContentSocialMediaTwitter = isArticle && false;
48        const embeddedContentSocialMediaFacebook = isArticle && false;
49        const embeddedContentSocialMediaInstagram = isArticle && false;
50        const embeddedContentRichMediaVideo = pageType === 'Video' || (isArticle && false);
51        const embeddedContentRichMediaAudio = 
52        contentType === 'podcast' || (isArticle && false);
53        const embeddedContentRelatedContent = false;
54
55        const userAgent = window.navigator.userAgent.toLowerCase();
56        const isMobile = /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(userAgent);
57        const isTablet = /ipad|android(?!.*mobile)|tablet/i.test(userAgent);
58        const clientType = isTablet ? 'tablet' : isMobile ? 'mobile' : 'desktop';
59        const uLoggedin = false;
60        const subscriber = 'anonymous';
61
62        const object = {
63          pageType,
64          contentType,
65          article_title,
66          articleAccess,
67          contentCategory,
68          contentSubCategory,
69          author,
70          slug,
71          isArticle,
72          article_id,
73          article_published_date,
74          articleWordCount,
75          keywordsMetaData,
76          commentsAvailable,
77          embeddedContentSocialMediaTwitter,
78          embeddedContentSocialMediaFacebook,
79          embeddedContentSocialMediaInstagram,
80          embeddedContentRichMediaVideo,
81          embeddedContentRichMediaAudio,
82          embeddedContentRelatedContent,
83          clientType,
84          uLoggedin,
85          subscriber,
86        };
87        window.dataLayer.push(object);
88        window.dataLayerSet = true;
89        window.dispatchEvent(new CustomEvent('dataLayerLoaded'));
90        window.onGtmLoad = function() {
91          if (!window.dataLayerSet) {
92            window.dataLayer.push(object);
93            window.dataLayerSet = true;
94            window.dispatchEvent(new CustomEvent('dataLayerLoaded'));
95          }
96        };
97        console.log('GTM dataLayer initialized successfully');
98      }
99
100      (function(w, d, s, l, i) {
101        w[l] = w[l] || [];
102        w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
103        var f = d.getElementsByTagName(s)[0];
104        var j = d.createElement(s);
105        var dl = l !== 'dataLayer' ? '&l=' + l : '';
106        j.async = true;
107        j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
108        j.onload = function() {
109          if (typeof window.onGtmLoad === 'function') {
110            window.onGtmLoad();
111          }
112        };
113        f.parentNode.insertBefore(j, f);
114      })(window, document, 'script', 'dataLayer', 'GTM-MJRGHPF');
115    })();
116  ;
117    window.addEventListener('DOMContentLoaded', (event) => {
118      queryly.init("7f28e10d1d2b44e3", document.querySelectorAll("#fusion-app"));
119    });
120  ;window.isIE = !!window.MSInputMethodContext && !!document.documentMode;;
121    (function() {
122      var testValue = "";
123      try {
124        var urlParams = new URLSearchParams(window.location.search);
125        var paramValue = urlParams.get("test_value");
126        if (paramValue) testValue = paramValue;
127        window.pageLevelKeyValues = window.pageLevelKeyValues || {};
128        window.pageLevelKeyValues.test_value = testValue;
129        if (testValue) console.log("Page-level key set:", testValue);
130      } catch (e) {
131        console.error("Error setting test_value:", e);
132      }
133    })();
134  </script>
134<script defer="" data-integration="arcp" src="https://arenaholdings-sowetan-prod.web.arc-cdn.net/arc/subs/p.min.js"></script>
134<script defer="" data-integration="queryly" src="https://www.queryly.com/js/queryly.v4.min.js"></script>
134<script async="" id="xieg6Sie" data-integration="viously" src="https://cdn.viously.com/js/sdk/boot.js"></script>
134</head><body data-arc-site="sowetan" class=""><noscript><iframe title="gtm" src="https://www.googletagmanager.com/ns.html?id=GTM-MJRGHPF" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="fusion-app" class="c-stack b-application b-arc-site__sowetan b-page-type__commerce" data-style-direction="vertical" data-style-justification="start" data-style-alignment="unset" data-style-inline="false" data-style-wrap="nowrap"><div class="c-stack b-single-column-regular" data-style-direction="vertical" data-style-justification="start" data-style-alignment="unset" data-style-inline="false" data-style-wrap="nowrap"><header class="c-stack b-single-column-regular__navigation" data-style-direction="vertical" data-style-justification="start" data-style-alignment="unset" data-style-inline="false" data-style-wrap="nowrap"><div id="fusion-static-enter:html-block-f0fhfhAXfYA6Ye" style="display:none" data-fusion-component="html-block-f0fhfhAXfYA6Ye"></div><div><div style="text-align: center; padding-top:20px; padding-bottom:20px;">
135  <img 
136    src="https://storage.googleapis.com/arenaholdings/assets/logo/sowetan/sowetan.white.png" 
137    style="width: 163px; height: auto; max-width: 100%;"
138    alt="Site Logo"
139  >
140</div></div><div id="fusion-static-exit:html-block-f0fhfhAXfYA6Ye" style="display:none" data-fusion-component="html-block-f0fhfhAXfYA6Ye"></div><div id="fusion-static-enter:html-block-f0fBbRX8VgavPR" style="display:none" data-fusion-component="html-block-f0fBbRX8VgavPR"></div><div><!-- Version__2_40 -->
141<!-- GLOBAL__STYLE_OVERRIDES -->
142
143
144<!-- page_builder -->
145<style>
146/* SOWETAN --- */
147[data-arc-site='sowetan'] {
148  --typography-heading-font-weight: 500 !important;
149}
150
151/* TYPOGRAPHY --- */
152:root {
153  font-kerning: normal;
154  --layout-max-width: 1360 !important;
155  --content-max-width: 1120 !important;
156  --c-heading-font-weight: var(--typography-heading-font-weight);
157}
158
159/* H_LEVELS --- */
160@media (width>=0) {
161  :root {
162    --heading-level-1-font-size: var(--global-rems-212) !important;
163    --heading-level-2-font-size: var(--global-rems-187) !important;
164    --heading-level-3-font-size: var(--global-rems-162) !important;
165    --heading-level-4-font-size: var(--global-rems-137) !important;
166    --heading-level-5-font-size: var(--global-rems-125) !important;
167    --heading-level-6-font-size: var(--global-rems-112) !important;
168  }
169}
170@media (width>=896px) {
171  :root {
172    --heading-level-1-font-size: var(--global-rems-250) !important;
173    --heading-level-2-font-size: var(--global-rems-212) !important;
174    --heading-level-3-font-size: var(--global-rems-187) !important;
175    --heading-level-4-font-size: var(--global-rems-150) !important;
176    --heading-level-5-font-size: var(--global-rems-137) !important;
177    --heading-level-6-font-size: var(--global-rems-125) !important;
178  }
179}
180
181@media (width<480px) {
182  :root {
183    /* --heading-level-1-font-size: var(--global-rems-200) !important; */
184    --heading-level-1-font-size: var(--global-rems-187) !important;
185    --heading-level-2-font-size: var(--global-rems-175) !important;
186    --heading-level-3-font-size: var(--global-rems-150) !important;
187  }
188}
189
190
191/* PAGE_LAYOUT --- */
192.b-single-column-regular__navigation {
193  --b-single-column-regular-navigation-border-block-end: none !important;
194}
195.b-landing-page-layout__footer {
196  --b-landing-page-layout-footer-margin-block-end: 0rem !important;
197}
198
199.arena-hero-layout__navigation {
200  --b-right-rail-navigation-margin-block-end: 0 !important;
201  margin-block-end: var(--b-right-rail-navigation-margin-block-end);
202  border-block-end: none !important;
203}
204.arena-hero-layout__main-container {
205  margin-inline: auto;
206  padding-inline: var(--global-rems-100);
207  @media (width>=896px) {
208    inline-size: var(--b-header-nav-chain-top-layout-inline-size);
209    max-inline-size: var(--b-header-nav-chain-top-layout-max-inline-size);
210  }
211}
212
213
214/* NAVIGATION --- */
215@media (min-width: 0) {
216  .b-header-nav-chain__logo img {
217    block-size: auto !important;
218    max-block-size: var(--global-rems-237) !important;
219    -webkit-block-size: auto !important;
220    -webkit-max-block-size: var(--global-rems-237) !important;
221    -webkit-logical-height: auto !important;
222    -webkit-max-logical-height: var(--global-rems-237) !important;
223    --b-header-nav-chain-logo-image-block-size: auto !important;
224    --b-header-nav-chain-logo-image-max-block-size: var(--global-rems-237) !important;
225    --b-header-nav-chain-logo-image-max-inline-size: 13.5rem !important; /* 216px */
226    max-inline-size: var(--b-header-nav-chain-logo-image-max-inline-size);
227  }
228  .b-header-nav-chain__nav-background {
229    border-bottom: none;
230  }
231  .b-header-nav-chain .nav-components--desktop .c-button.c-button--small {
232    padding-inline: var(--global-rems-050) !important;
233    --c-button-border-radius: var(--global-rems-037) !important;
234    --c-button-small-font-weight: var(--global-weight-600) !important;
235    border-radius: var(--c-button-border-radius);
236    font-weight: var(--c-button-small-font-weight);
237  }
238  /* .b-header-nav-chain__links-list-item-link .c-link:hover {
239    --c-link-hover-color: var(--color-primary);
240    color: var(--c-link-hover-color);
241  } */
242}
243@media (min-width: 896px) {
244  .b-header-nav-chain__logo img {
245    block-size: auto !important;
246    max-block-size: var(--global-rems-250) !important;
247    -webkit-block-size: auto !important;
248    -webkit-max-block-size: var(--global-rems-250) !important;
249    -webkit-logical-height: auto !important;
250    -webkit-max-logical-height: var(--global-rems-250) !important;
251    --b-header-nav-chain-logo-image-block-size: auto !important;
252    --b-header-nav-chain-logo-image-max-block-size: var(--global-rems-250) !important;
253    --b-header-nav-chain-logo-image-max-inline-size: 15rem !important; /* 240px */
254    max-inline-size: var(--b-header-nav-chain-logo-image-max-inline-size);
255  }
256  .b-header-nav-chain__nav-background {
257    border-bottom: 1px solid var(--border-color) !important;
258  }
259  .b-header-nav-chain-subnav-list {
260    height: var(--global-rems-350) !important;
261    bottom: calc(var(--global-rems-350) * -1) !important;
262  }
263  .b-header-nav-chain-subnav-list .c-link {
264    font-size: var(--global-rems-087) !important;
265    font-weight: var(--global-weight-600) !important;
266    padding-block: var(--global-rems-075) !important;
267    padding-inline: var(--global-rems-112) !important;
268  }
269}
270
271.b-header-nav-chain__top-layout {
272  --b-header-nav-chain-top-layout-padding-inline-start: var(--global-rems-075);
273  --b-header-nav-chain-top-layout-padding-inline-end: var(--global-rems-075);
274}
275
276@media (min-width: 0) {
277  .b-header-nav-chain__logo--center {
278    --b-header-nav-chain-logo-center-left: 0;
279    --b-header-nav-chain-logo-center-transform: translateX(1rem);
280  }
281}
282@media (min-width: 896px) {
283  .b-header-nav-chain__logo--center {
284    --b-header-nav-chain-logo-center-left: 50%;
285    --b-header-nav-chain-logo-center-transform: translateX(-50%);
286  }
287}
288
289
290/* FOOTER --- */
291.b-single-column-regular__footer,
292.b-landing-page-layout__footer,
293.arena-hero-layout__footer,
294.right-rail__footer {
295  --global-border-larger: 2px solid;
296  border-top: var(--global-border-larger) var(--global-prose-80);
297}
298
299.b-footer .b-footer__copyright {
300  width: 100vw !important;
301}
302.b-footer .b-footer__top-container {
303  --b-footer-top-container-padding-block-start: var(--global-rems-200) !important;
304  padding-block-start: var(--b-footer-top-container-padding-block-start);
305}
306
307
308/* AD_LABEL --- */
309.b-ads-block :not(.b-ads-block--admin) {
310  --c-paragraph-font-family: var(--font-sans, sans-serif);
311  --c-paragraph-line-height: var(--global-leading-125);
312  --c-paragraph-font-weight: var(--global-weight-500);
313  --c-paragraph-font-size: var(--global-rems-075);
314  --c-paragraph-color: var(--global-prose-40);
315  & .c-paragraph {
316    letter-spacing: calc(var(--global-tracking-widest) / 2);
317    padding-block-end: var(--global-rems-025);
318    text-align: center !important;
319  }
320}
321
322/* AD_POS (FIX) --- */
323.b-ads-block > [data-ad-position='ad-block-2'] {
324  place-items: start center !important;
325}
326.b-article-body [class|='teads'] {
327  margin-bottom: 1.5rem !important;
328  margin-block-end: var(--global-rems-150) !important;
329}
330
331
332/* RESETS --- */
333sub, sup {
334  font-size: 75%;
335  line-height: 0;
336  line-height: 1em;
337  position: relative;
338  vertical-align: baseline;
339}
340sub { bottom: -0.25em; }
341sup { top: -0.5em; }
342</style>
343
344
345<!-- lists_blocks -->
346<style>
347/* TOP_TABLE --- */
348.b-top-table-list-xl .c-overline {
349  display: flex !important;
350}
351.b-top-table-list-xl {
352  --c-overline-display: flex !important;
353  --c-heading-align-self: start !important;
354  --c-paragraph-font-size: var(--global-rems-112) !important;
355  --c-heading-font-size: var(--heading-level-1-font-size);
356}
357.b-top-table-list-large__text {
358  --c-paragraph-font-size: var(--global-rems-106) !important;
359  --c-heading-font-size: var(--heading-level-3-font-size);
360}
361.b-top-table-list-medium {
362  --c-paragraph-font-size: var(--global-rems-100) !important;
363  --c-heading-font-size: var(--heading-level-4-font-size);
364}
365
366.b-top-table-list-xl,
367.b-top-table-list-large__text {
368  --c-overline-padding-block-end: var(--global-rems-025) !important;
369  --c-overline-line-height: var(--global-leading-125) !important;
370  .c-overline { width: fit-content; }
371  .c-attribution {
372    --c-attribution-link-font-size: var(--global-rems-100) !important;
373    --c-attribution-font-size: var(--global-rems-100) !important;
374    --c-date-font-size: var(--global-rems-100) !important;
375  }
376}
377
378.b-top-table-list-xl {
379  --c-overline-font-size: var(--global-rems-137) !important;
380}
381.b-top-table-list-large__text {
382  --c-overline-font-size: var(--global-rems-125) !important;
383}
384
385@media (min-width: 0) {
386  .b-top-table-list-xl {
387    --c-stack-gap: var(--global-rems-087) !important;
388  }
389  .b-top-table-list-large__text {
390    --c-stack-gap: var(--global-rems-075) !important;
391  }
392}
393@media (min-width: 896px) {
394  .b-top-table-list-xl {
395    --c-stack-gap: var(--global-rems-100) !important;
396  }
397  .b-top-table-list-large__text {
398    --c-stack-gap: var(--global-rems-087) !important;
399  }
400}
401
402.b-top-table-list-large {
403  /* gap: var(--global-rems-150) !important; */
404  --b-top-table-list-large-gap: var(--global-rems-150);
405}
406.b-top-table-list-small {
407  --b-top-table-list-small-gap: var(--global-rems-150) var(--global-rems-125);
408}
409.b-top-table-list-medium {
410  --c-heading-margin-block-end: var(--global-rems-075);
411}
412@media (min-width: 896px) {
413  .b-top-table-list-medium--show-image {
414    --c-heading-inline-size: auto;
415    --c-heading-margin-inline-start: calc(33% + var(--global-rems-150));
416    --c-paragraph-margin-inline-start: calc(33% + var(--global-rems-150));
417    --c-attribution-margin-inline-start: calc(33% + var(--global-rems-150));
418  }
419}
420.b-top-table-list-small {
421  &.b-top-table-list-small--above {
422    row-gap: var(--global-rems-075) !important;
423    h2.c-heading {
424      font-size: var(--global-rems-125) !important;
425      margin-bottom: var(--global-rems-050) !important;
426    }
427  }
428}
429.b-top-table-list-small--left {
430  /* --b-top-table-list-small-left-grid-template-columns: auto 66%; */
431  grid-template-columns: var(--b-top-table-list-small-left-grid-template-columns) !important;
432}
433.b-top-table-list-small--right {
434  /* --b-top-table-list-small-right-grid-template-columns: 66% auto; */
435  grid-template-columns: var(--b-top-table-list-small-right-grid-template-columns) !important;
436}
437
438
439/* CARD_LIST --- */
440@media (min-width: 896px) {
441  .b-card-list .b-card-list__title,
442  .b-card-list .b-card-list__list {
443    padding-inline-start: 0 !important;
444    padding-inline-end: 0 !important;
445  }
446}
447
448@media (min-width: 0) {
449  .b-card-list__main-item-text-container {
450    --c-overline-font-size: var(--global-rems-100) !important;
451  }
452}
453@media (min-width: 896px) {
454  .b-card-list__main-item-text-container {
455    --c-overline-font-size: var(--global-rems-112) !important;
456  }
457}
458
459.b-card-list h2.c-heading.b-card-list__title,
460.b-card-list .b-card-list__list :is(.b-card-list__main-item,.b-card-list__secondary-item) h3.c-heading {
461  font-family: var(--font-family-headline) !important;
462  --c-heading-font-family: var(--font-family-headline) !important;
463}
464.b-card-list h2.c-heading.b-card-list__title {
465  --b-card-list-title-font-weight: var(--typography-heading-font-weight);
466  font-weight: var(--b-card-list-title-font-weight);
467  font-size: var(--heading-level-3-font-size) !important;
468  --b-card-list-title-font-size: var(--heading-level-3-font-size) !important;
469}
470
471.b-card-list .b-card-list__list .b-card-list__main-item h3.c-heading {
472  --c-heading-font-size: var(--heading-level-4-font-size) !important;
473  --c-heading-line-height: var(--heading-level-4-line-height) !important;
474}
475.b-card-list .b-card-list__list .b-card-list__secondary-item h3.c-heading {
476  --c-heading-font-size: var(--heading-level-6-font-size) !important;
477  --c-heading-line-height: var(--heading-level-6-line-height) !important;
478}
479
480
481/* ALERT_BAR --- */
482.b-alert-bar {
483  --b-alert-bar-display: flex;
484  --b-alert-bar-flex-wrap: nowrap;
485  --b-alert-bar-align-items: flex-start;
486  --b-alert-bar-align-items: center !important;
487  --b-alert-bar-justify-content: space-between;
488  --b-alert-bar-background-color: var(--global-red-4);
489  --b-alert-bar-filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0));
490  --b-alert-bar-filter: none;
491  --b-alert-bar-word-break: break-word;
492  padding-inline-start: var(--global-rems-125) !important;
493  @media (min-width: 896px) {
494    --b-alert-bar-justify-content: space-around;
495  }
496}
497.b-alert-bar .c-link::before {
498  content: "BREAKING  //  ";
499  font-weight: 600;
500  color: yellow;
501  opacity: 0.9;
502}
503@media (min-width: 0) {
504  .b-alert-bar {
505    --c-link-font-family: var(--font-sans, var(--global-family-sans));
506    --c-link-font-size: var(--body-font-size-small) !important;
507    --c-link-filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0));
508    --c-link-filter: none;
509    --c-link-color: var(--global-white);
510    --c-link-font-weight: var(--global-weight-700);
511    --c-link-padding-block-end: var(--global-rems-150);
512    --c-link-padding-block-start: var(--global-rems-150);
513    --c-link-padding-inline-end: var(--global-rems-150);
514    --c-link-padding-inline-start: var(--global-rems-150);
515    --c-link-text-decoration: none;
516    --c-link-hover-text-decoration: underline;
517    --c-link-hover-color: var(--global-white) !important;
518    --c-button-default-background: none;
519    --c-button-default-border: none;
520    --c-button-default-filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0));
521    --c-button-default-filter: none;
522    --c-button-default-flex: 0 0 auto;
523    --c-button-large-margin-block-end: var(--global-rems-025);
524    --c-button-large-margin-block-start: var(--global-rems-025);
525    --c-button-large-filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0));
526    --c-button-large-filter: none;
527    --c-icon-filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0));
528    --c-icon-filter: none;
529    --c-icon-fill: var(--global-prose-20);
530  }
531}
532@media (min-width: 896px) {
533  .b-alert-bar {
534    --c-link-padding-inline-start: var(--global-rems-200) !important;
535    --c-link-padding-inline-end: var(--global-rems-200) !important;
536    --c-link-font-size: var(--body-font-size) !important;
537  }
538}
539</style>
540
541
542<!-- home_section -->
543<style>
544/* ON_HOMEPAGE --- */
545.arena-marquee {
546  opacity: 1;
547  visibility: visible;
548  transform: translateY(0);
549  transition: opacity 300ms ease, transform 300ms ease, visibility 300ms ease;
550  min-height: var(--global-rems-300);
551  width: 100vw !important;
552}
553.arena-marquee--hidden {
554  opacity: 0;
555  visibility: hidden;
556  transform: translateY(-20px);
557}
558.arena-marquee__content {
559  margin-left: var(--global-rems-250);
560}
561.arena-marquee__content-item.c-link {
562  --c-link-font-family: var(--font-sans) !important;
563  font-family: var(--font-sans) !important;
564}
565
566#main.right-rail__main .right-rail__main-right-rail :is(.b-numbered-list__item,.b-simple-list__item) {
567  --c-link-hover-text-decoration: underline;
568}
569.b-numbered-list__item {
570  --c-paragraph-color: var(--global-prose-90);
571  --c-paragraph-font-size: var(--global-rems-200);
572  --c-paragraph-font-family: var(--global-family-headline);
573  --c-paragraph-font-weight: var(--typography-heading-font-weight);
574  --c-heading-color: var(--global-prose-80);
575  --c-heading-font-weight: var(--global-weight-medium);
576}
577.b-simple-list__items {
578  --c-heading-font-weight: var(--global-weight-medium);
579  --c-heading-color: var(--global-prose-80);
580}
581
582.b-opinion-card {
583  text-align: center !important;
584}
585.b-opinion-card__content {
586  --c-heading-font-weight: var(--typography-heading-font-weight) !important;
587}
588.b-opinion-card__author {
589  margin-top: var(--global-rems-150) !important;
590}
591.b-opinion-card__author-picture {
592  position: absolute;
593  z-index: 2;
594  aspect-ratio: 1;
595  object-fit: cover;
596  border-radius: var(--global-radius-circle);
597}
598
599.opinion-list-block__header_link,
600.content-list-block__header_link,
601.opinion-list-block__header_title,
602.content-list-block__header_title {
603  font-family: var(--font-sans) !important;
604  font-family: var(--global-family-sans) !important;
605}
606.content-list-block .card-text-headline {
607  font-family: var(--font-family-headline) !important;
608  font-weight: var(--typography-heading-font-weight) !important;
609}
610.content-list-block-stories .card:first-child .card-text-headline {
611  color: var(--global-prose-90) !important;
612}
613
614h2.c-heading:is(.b-single-chain__heading,.b-double-chain__heading,.b-triple-chain__heading,.b-quad-chain__heading) {
615  font-size: var(--heading-level-2-font-size) !important;
616  font-family: var(--font-family-headline) !important;
617  --c-heading-font-family: var(--font-family-headline) !important;
618}
619
620
621@media (min-width: 896px) {
622  .b-xl-promo, .b-xl-manual-promo {
623    --c-heading-align-self: start;
624    --c-heading-justify-content: start;
625    --c-overline-justify-content: start;
626    --c-overline-display: flex !important;
627  }
628}
629
630
631/* FOR_SECTIONS --- */
632.b-tag-title {
633  --b-tag-title-margin-block-end: var(--global-rems-100) !important;
634  --c-paragraph-font-family: var(--font-family-paragraph) !important;
635  --c-paragraph-font-size: var(--body-font-size-large) !important;
636  --c-heading-text-transform: capitalize;
637}
638.b-section-title {
639  --b-section-title-gap: var(--global-rems-075) !important;
640  --b-section-title-margin-block-end: var(--global-rems-125) !important;
641  --c-separator-margin-inline-start: var(--global-rems-050) !important;
642  --c-separator-margin-inline-end: var(--global-rems-050) !important;
643}
644.b-section-title__links .c-separator {
645  line-height: var(--global-leading-175);
646}
647
648.b-results-list {
649  --c-heading-font-size: var(--heading-level-4-font-size) !important;
650  --c-heading-line-height: var(--heading-level-4-line-height) !important;
651  --c-heading-font-weight: var(--typography-heading-font-weight) !important;
652  --c-heading-font-family: var(--font-family-headline) !important;
653  --c-heading-margin-block-end: var(--global-rems-050);
654  --c-overline-padding-block-end: var(--global-rems-025);
655  --c-paragraph-font-family: var(--global-family-meta) !important;
656  --c-paragraph-font-weight: var(--global-weight-400) !important;
657  --c-paragraph-line-height: var(--body-line-height) !important;
658  --c-attribution-margin-block-start: var(--global-rems-050);
659  --c-attribution-link-font-size: inherit !important;
660  --c-date-font-size: initial !important;
661}
662@media (min-width: 0) {
663  .b-results-list {
664    --c-paragraph-font-size: var(--global-rems-100) !important;
665    --c-attribution-font-size: var(--global-rems-087) !important;
666    --c-attribution-link-font-size: var(--global-rems-087) !important;
667    /* --c-media-item-padding-inline-start: var(--global-rems-050); */
668    --c-media-item-padding-inline-start: var(--global-rems-075);
669    --c-media-item-max-inline-size: 33%;
670    --c-overline-font-size: var(--global-rems-106);
671  }
672  .b-results-list--show-image {
673    --c-heading-inline-size: 67%;
674  }
675  .b-results-list,
676  .b-results-list--show-image {
677    --c-overline-display: block;
678    --c-overline-line-height: var(--global-leading-100) !important;
679  }
680}
681@media (min-width: 896px) {
682  .b-results-list {
683    --c-paragraph-font-size: var(--global-rems-106) !important;
684    --c-attribution-font-size: var(--global-rems-093) !important;
685    --c-attribution-link-font-size: var(--global-rems-093) !important;
686    --c-media-item-padding-inline-start: 0;
687    --c-media-item-max-inline-size: 33%;
688    --c-overline-font-size: var(--global-rems-112);
689  }
690  .b-results-list--show-image {
691    --c-heading-inline-size: auto;
692    /* --c-overline-margin-inline-start: var(--global-rems-150); */
693    --c-overline-margin-inline-start: calc(33% + var(--global-rems-150));
694    --c-heading-margin-inline-start: calc(33% + var(--global-rems-150));
695    --c-paragraph-margin-inline-start: calc(33% + var(--global-rems-150));
696    --c-attribution-margin-inline-start: calc(33% + var(--global-rems-150));
697  }
698}
699
700
701@media (min-width: 0) {
702  .b-full-author-bio {
703    --c-heading-font-weight: var(--typography-heading-font-weight) !important;
704    --c-heading-font-family: var(--global-family-headline, var(--font-family-headline));
705    --c-paragraph-font-family: var(--global-family-meta, var(--font-family-meta, var(--font-sans)));
706    --c-image-max-inline-size: 7.5rem;
707    --c-image-max-block-size: 7.5rem;
708  }
709}
710@media (min-width: 896px) {
711  .b-full-author-bio {
712    --c-image-max-inline-size: 10rem;
713    --c-image-max-block-size: 10rem;
714  }
715}
716@media (max-width: 896px) {
717  .b-full-author-bio {
718    text-align: center !important;
719  }
720}
721</style>
722
723
724<!-- arc_elements -->
725<style>
726/* SHARE_BAR --- */
727.b-page-type__content .arena-share-bar {
728  margin-block-end: var(--global-rems-150);
729}
730
731/* AUTHOR_BIO --- */
732.b-page-type__content .b-author-bio {
733  --b-author-bio-margin-block-start: var(--global-rems-050) !important;
734  --b-author-bio-gap: var(--global-rems-100) !important;
735  gap: var(--b-author-bio-gap);
736}
737.b-page-type__content .b-author-bio .b-author-bio__author-name {
738  --b-author-bio-author-name-font-family: var(--font-family-meta, var(--font-sans)) !important;
739  --b-author-bio-author-name-font-weight: var(--global-weight-600) !important;
740  --b-author-bio-author-name-font-size: var(--global-rems-106) !important;
741}
742@media (min-width: 0) {
743  .b-page-type__content .b-author-bio .b-author-bio__author-picture {
744    max-inline-size: var(--global-rems-400);
745    max-block-size: var(--global-rems-400);
746  }
747}
748@media (min-width: 896px) {
749  .b-page-type__content .b-author-bio .b-author-bio__author-picture {
750    max-inline-size: var(--global-rems-350);
751    max-block-size: var(--global-rems-350);
752  }
753}
754
755/* BYLINE --- */
756.b-page-type__content .b-byline.c-attribution,
757.b-page-type__content .b-byline {
758  --b-byline-font-family: var(--global-family-sans, var(--font-sans)) !important;
759  font-family: var(--b-byline-font-family);
760  font-family: var(--font-sans) !important;
761}
762@media (min-width: 0) {
763  .b-page-type__content .b-byline {
764    --b-byline-font-size: var(--global-rems-100) !important;
765    --c-attribution-link-font-size: var(--global-rems-100) !important;
766  }
767}
768@media (min-width: 896px) {
769  .b-page-type__content .b-byline {
770    --b-byline-font-size: var(--global-rems-106) !important;
771    --c-attribution-link-font-size: var(--global-rems-106) !important;
772  }
773}
774
775.b-page-type__content .right-rail__main-interior-item .b-article-tag {
776  margin-block-start: var(--global-rems-200) !important;
777  margin-block-end: var(--global-rems-200) !important;
778}
779
780
781/* LEAD_ART --- */
782.b-page-type__content .b-lead-art {
783  background-color: var(--global-transparent) !important;
784  margin-block-start: var(--global-rems-100) !important;
785  --b-lead-art-margin-block-start: var(--global-rems-100) !important;
786}
787@media (min-width: 0) {
788  .b-page-type__content .b-lead-art__image-wrapper {
789    --b-lead-art-image-wrapper-border: none !important;
790    --b-lead-art-image-wrapper-border-radius: 0 !important;
791    --b-lead-art-image-wrapper-background-color: var(--global-transparent) !important;
792    background-color: var(--global-transparent) !important;
793    --c-image-object-fit: contain;
794    --b-lead-art-image-wrapper-overflow: auto !important;
795    --b-lead-art-image-wrapper-max-block-size: 75vh !important;
796  }
797}
798@media (min-width: 896px) {
799  .b-page-type__content .b-lead-art__image-wrapper {
800    aspect-ratio: initial !important;
801    --b-lead-art-image-wrapper-max-block-size: 75vh;
802  }
803}
804
805
806/* BODY_CHAIN --- */
807
808.b-article-body .b-ads-block:has(div [id^='div-gpt-ad']:not([data-google-query-id])) {
809  margin-block-end: var(--global-rems-000) !important;
810}
811
812.b-page-type__content .b-single-column-regular__body .b-article-body {
813  margin-block-start: var(--global-rems-100) !important;
814}
815.b-page-type__content .right-rail__main-interior-item .b-article-body {
816  margin-block-start: var(--global-rems-150) !important;
817  margin-block-end: var(--global-rems-300) !important;
818
819  > :is(p,ol,ul,li,h2,h3,h4,h5,div,table,blockquote,figcaption) {
820    -webkit-user-select: none;
821    user-select: none;
822  }
823  p.c-paragraph {
824    overflow-wrap: break-word;
825  }
826}
827
828.b-page-type__content .b-article-body {
829  margin-inline: auto;
830  max-inline-size: 37.5rem; /* 40rem */
831  font-family: var(--font-family-paragraph) !important;
832}
833.b-page-type__content .b-article-body > * {
834  --b-article-body-children-margin-block-end: var(--global-rems-150);
835  & + :is(p + :is(ol,ul)) {
836    margin-block-start: calc(var(--global-rems-112) * -1) !important;
837  }
838}
839
840.b-page-type__content .b-article-body :first-child:is(h2,h3,h4,h5) {
841  margin-block-start: var(--global-rems-000) !important;
842}
843.b-page-type__content .b-article-body :is(ol,ul) {
844  --b-article-body-ul-padding-block-end: 0rem;
845  --b-article-body-ul-padding-block-start: 0rem;
846  --b-article-body-ol-padding-block-end: 0rem;
847  --b-article-body-ol-padding-block-start: 0rem;
848}
849
850
851/* HEADINGS --- */
852.b-page-type__content .b-article-body 
853:is(.b-article-body__h2,.b-article-body__h3,.b-article-body__h4,.b-article-body__h5) {
854  font-family: var(--font-family-meta, var(--font-sans)) !important;
855  font-weight: var(--global-weight-semibold) !important;
856  margin-block-end: var(--global-rems-050) !important;
857  line-height: var(--global-leading-137) !important;
858
859  --b-article-body-h2-margin-block-start: var(--global-rems-300);
860  --b-article-body-h3-margin-block-start: var(--global-rems-250);
861  --b-article-body-h4-margin-block-start: var(--global-rems-200);
862  /* --b-article-body-h5-margin-block-start: var(--global-rems-150); */
863  --b-article-body-h2-font-size: var(--heading-level-4-font-size);
864  --b-article-body-h3-font-size: var(--heading-level-5-font-size);
865  --b-article-body-h4-font-size: var(--heading-level-6-font-size);
866  --b-article-body-h5-font-size: var(--body-font-size-large);
867
868  > :is(b,strong) {
869    font-weight: var(--global-weight-semibold) !important;
870  }
871  + :is(h3,h4,h5) {
872    margin-block-start: var(--global-rems-075) !important;
873  }
874}
875
876
877/* GALLERIES --- */
878.b-article-body .b-article-body__gallery .b-article-body__image-wrapper {
879  --b-article-body-image-wrapper-overflow: initial !important;
880  overflow: var(--b-article-body-image-wrapper-overflow);
881}
882
883
884/* PULLQUOTE --- */
885@media (min-width: 0) {
886  .b-page-type__content :is(.b-article-body__pullquote,.b-article-body__blockquote) {
887    --b-article-body-pullquote-gap: var(--global-rems-075);
888    margin-block-end: var(--global-rems-200) !important;
889    margin-left: var(--global-rems-050);
890    & .b-article-body__icon {
891      filter: none !important;
892      left: -0.75rem;
893      top: -2.5rem;
894      z-index: 0;
895    }
896    .c-paragraph {
897      z-index: 1;
898    }
899    .b-article-body__citation {
900      --b-article-body-citation-font-family: var(--font-sans);
901      --b-article-body-citation-font-weight: var(--global-weight-400);
902      --b-article-body-citation-margin-inline-start: var(--global-rems-000);
903    }
904  }
905}
906@media (min-width: 896px) {
907  .b-page-type__content :is(.b-article-body__pullquote,.b-article-body__blockquote) {
908    margin-left: var(--global-rems-100);
909    & .b-article-body__icon {
910      left: -1rem;
911      top: -3rem;
912    }
913  }
914}
915
916
917/* TABLES --- */
918.b-page-type__content .b-article-body__table {
919  max-width: 100%; overflow-x: scroll;
920  --b-article-body-table-text-align: initial !important;
921  --b-article-body-table-font-family: var(--font-family-paragraph) !important;
922  --b-article-body-table-font-size: var(--global-rems-100) !important;
923  @media (min-width: 896px) {
924    --b-article-body-table-font-size: var(--global-rems-106) !important;
925  }
926}
927.b-page-type__content .b-article-body__table thead {
928  --b-article-body-table-thead-background-color: var(--global-prose-30) !important;
929  --b-article-body-table-thead-border-block-end-color: var(--global-prose-40) !important;
930}
931.b-page-type__content .b-article-body__table :is(th,td) {
932  padding-block-start: var(--global-rems-037);
933  padding-block-end: var(--global-rems-037);
934  padding-inline-end: var(--global-rems-062);
935  padding-inline-start: var(--global-rems-062);
936}
937
938
939/* EMBEDS --- */
940.b-article-body__embed-responsive[style*='min-height:150px']:has(.tiktok-embed) {
941  min-height: 768px !important;
942}
943.b-page-type__content .b-article-body {
944  div[data-testid='oembed-container'],
945  .b-article-body__html [class='CSS_Poll PDS_Poll'] {
946    display: flex;
947    justify-content: center;
948  }
949}
950
951/* AUDIO_API --- */
952.b-page-type__content .b-article-body .b-article-body__html {
953  & audio {
954    border: 1px solid #CCC;
955    border-radius: 2rem;
956    max-width: 480px;
957    width: 100%;
958  }
959  & audio + p {
960    font-size: 1em;
961    line-height: 1;
962    margin-bottom: 2em;
963  }
964  & audio + p > small {
965    color: #666;
966    font-size: 0.8em;
967    font-style: italic;
968    padding-left: 1.25rem;
969    &::before {
970      content: "♫  ";
971      color: #333;
972    }
973  }
974}
975</style>
976
977
978<!-- fold_paywall -->
979<style>
980/* FULL_WIDTH --- */
981.b-page-type__content .right-rail__full-width-1 :is(.b-overline,.b-byline,.b-date) {
982  display: block !important;
983  inline-size: fit-content !important;
984}
985.b-page-type__content .right-rail__full-width-1 h1.b-headline {
986  --b-headline-font-weight: var(--typography-heading-font-weight) !important;
987  font-weight: var(--b-headline-font-weight);
988  /* margin-block-start: var(--global-rems-037); */
989}
990.b-page-type__content .right-rail__full-width-1 .b-subheadline {
991  --b-subheadline-font-family: var(--font-family-subheadline, var(--font-family-meta));
992  font-family: var(--b-subheadline-font-family) !important;
993  --b-subheadline-font-weight: var(--global-weight-450) !important;
994  font-weight: var(--b-subheadline-font-weight);
995  --b-subheadline-line-height: var(--global-leading-150) !important;
996  line-height: var(--b-subheadline-line-height);
997  /* margin-block-start: var(--global-rems-062); */
998  --c-heading--webkit-line-clamp: 4;
999  --heading-truncation: var(--c-heading--webkit-line-clamp);
1000}
1001@media (min-width: 896px) {
1002  .b-page-type__content .right-rail__full-width-1 .b-date {
1003    margin-block-start: var(--global-rems-050) !important;
1004    --c-date-font-size: var(--global-rems-112) !important;
1005    font-size: var(--c-date-font-size);
1006  }
1007}
1008
1009@media (width>=896px) {
1010  .b-page-type__content .right-rail__full-width-1 {
1011    h1.b-headline { max-width: 50rem; /* 800px */ }
1012    .b-subheadline { max-width:45rem; /* 720px */ }
1013  }
1014}
1015
1016.b-page-type__content .b-single-column-regular__body 
1017.b-single-chain__children-stack:has(> .b-overline + .b-headline) {
1018  --b-single-chain-children-stack-gap: var(--global-rems-075) !important;
1019}
1020.b-page-type__content .b-single-column-regular__body 
1021.b-single-chain__children-stack .b-subheadline {
1022  --b-subheadline-font-family: var(--font-family-subheadline, var(--font-family-meta, var(--font-sans)));
1023}
1024
1025.b-page-type__content .right-rail__main 
1026.right-rail__main-container > .right-rail__full-width-1 > *:not(.b-date) {
1027  margin-block-start: var(--global-rems-000) !important;
1028}
1029.b-page-type__content .right-rail__main 
1030.right-rail__main-container > .right-rail__full-width-1 {
1031  display: inline-grid;
1032  row-gap: var(--global-rems-050) !important;
1033}
1034
1035
1036/* AD_BANNER (FIX) --- */
1037
1038.right-rail .right-rail__ad {
1039  row-gap: var(--global-rems-000) !important;
1040  [data-ad-position='ad-banner-1'] {
1041    margin-block-start: var(--global-rems-100) !important;
1042  }
1043  @media (min-width: 896px) {
1044    padding-inline: 0;
1045    /* padding-left: calc(var(--global-rems-100) * -1);
1046    padding-right: calc(var(--global-rems-100) * -1); */
1047  }
1048}
1049
1050.b-page-type__content .right-rail__main 
1051.right-rail__ad:has(> *) + 
1052.right-rail__main-container > .right-rail__full-width-1 {
1053  margin-block-start: var(--global-rems-150) !important;
1054  @media (min-width: 896px) {
1055    margin-block-start: var(--global-rems-050) !important;
1056  }
1057}
1058.b-page-type__content .right-rail__main 
1059:is(.right-rail__ad:not(:has(> *)),.right-rail__ad:has([style='display:none'])) + 
1060.right-rail__main-container > .right-rail__full-width-1 {
1061  margin-block-start: var(--global-rems-200) !important;
1062  @media (min-width: 896px) {
1063    margin-block-start: var(--global-rems-300) !important;
1064  }
1065}
1066
1067
1068/* PAYWALL_DIALOG --- */
1069.b-paywall__subscription-dialog {
1070  font-family: var(--font-family-meta) !important;
1071  --b-paywall-subscription-dialog-font-family: var(--font-family-meta) !important;
1072}
1073.b-paywall__subscription-dialog-link-prompt-link,
1074.b-paywall__subscription-dialog-link-prompt-link.c-link {
1075  --c-link-color: var(--color-primary) !important;
1076}
1077.b-paywall__subscription-dialog-link-prompt-link.c-link {
1078  --b-paywall-subscription-dialog-link-prompt-link-font-weight: var(--global-weight-700);
1079  font-weight: var(--b-paywall-subscription-dialog-link-prompt-link-font-weight) !important;
1080}
1081.b-paywall__subscription-dialog-reason-prompt,
1082.b-paywall__subscription-dialog-link-prompt,
1083.b-paywall__subscription-dialog-link-prompt-link,
1084.b-paywall__subscription-dialog-link-prompt-pre-link {
1085  font-weight: var(--global-weight-500) !important;
1086  font-size: var(--global-rems-106) !important;
1087}
1088.b-paywall__subscription-dialog .c-button.c-button--large {
1089  padding-inline: var(--global-rems-100) !important;
1090  padding-block: var(--global-rems-075) !important;
1091  border-radius: var(--global-rems-037) !important;
1092  font-family: var(--font-sans, sans-serif) !important;
1093  --c-button-font-family: var(--font-sans, sans-serif) !important;
1094}
1095
1096.b-paywall__subscription-dialog {
1097  .b-paywall__subscription-dialog-reason-prompt {
1098    font-family: var(--font-family-meta) !important;
1099  }
1100  .b-paywall__subscription-dialog-link-prompt {
1101    .b-paywall__subscription-dialog-link-prompt-link,
1102    .b-paywall__subscription-dialog-link-prompt-pre-link {
1103      font-family: var(--font-family-meta) !important;
1104    }
1105  }
1106  .b-paywall__subscription-dialog-offer-info .c-heading {
1107    font-family: var(--font-family-headline) !important;
1108  }
1109  .b-paywall__subscription-dialog-subheadline {
1110    font-family: var(--font-family-paragraph) !important;
1111  }
1112}
1113</style>
1114
1115
1116<!-- [ ↗ LAST_UPDATED ] -->
1117<!-- Wed 13 May 2026 13:15 GMT -->
1118</div><div id="fusion-static-exit:html-block-f0fBbRX8VgavPR" style="display:none" data-fusion-component="html-block-f0fBbRX8VgavPR"></div></header><main id="main" tabindex="-1" class="c-stack b-single-column-regular__main" data-style-direction="vertical" data-style-justification="start" data-style-alignment="unset" data-style-inline="false" data-style-wrap="nowrap"><div class="c-stack b-single-column-regular__full-width" data-style-direction="vertical" data-style-justification="start" data-style-alignment="unset" data-style-inline="false" data-style-wrap="nowrap"><div id="fusion-static-enter:html-block-f0f2C68HWtuvRe" style="display:none" data-fusion-component="html-block-f0f2C68HWtuvRe"></div><div><!-- Version_1.04 -->
1119<!-- ARCXP__STYLE_OVERRIDES -->
1120<!-- TL;DR — Will be removed once we have refactored the below CSS variables in our Themes 2.0 JSON files. -->
1121
1122<!-- ↗ Selector specificity is !important as its trying to ensure target defaults are actually overridden. -->
1123
1124
1125
1126
1127
1128<!-- commerce_layouts -->
1129<style>
1130
1131/* :root {
1132  --c-heading-font-weight: var(--typography-heading-font-weight);
1133  --font-family-primary: var(--font-sans) !important;
1134  --font-family-primary: var(--font-family-meta);
1135} */
1136
1137
1138
1139
1140
1141/* COMMERCE_LAYOUTS --- */
1142
1143
1144.b-single-column-regular__navigation {
1145  --b-single-column-regular-navigation-border-block-end: none !important;
1146}
1147
1148.b-landing-page-layout__footer {
1149  --b-landing-page-layout-footer-margin-block-end: 0rem !important;
1150}
1151
1152
1153
1154
1155
1156.arena-hero-layout__navigation {
1157  --b-right-rail-navigation-margin-block-end: 0 !important;
1158  margin-block-end: var(--b-right-rail-navigation-margin-block-end);
1159  border-block-end: none !important;
1160}
1161
1162.arena-hero-layout__footer {
1163  margin-block-end: 0rem !important;
1164}
1165
1166
1167
1168.arena-hero-layout__main-container {
1169  margin-inline: auto;
1170  padding-inline: var(--global-rems-100);
1171}
1172
1173@media (min-width: 56rem) {
1174  .arena-hero-layout__main-container {
1175    inline-size: 100%;
1176    max-inline-size: 1056px;
1177  }
1178}
1179
1180</style>
1181<!-- . -->
1182
1183
1184
1185
1186
1187<!-- offers_page__blocks -->
1188<style>
1189
1190/* OFFERS_PAGE__BLOCKS --- */
1191
1192
1193.b-offer {
1194  max-width: 100%;
1195  width: fit-content;
1196  margin-inline: auto;
1197}
1198
1199
1200
1201.b-offer__title.c-heading {
1202  font-family: var(--font-family-headline);
1203  font-size: var(--global-rems-250);
1204  line-height: 1.25;
1205}
1206.b-offer__subtitle.c-paragraph {
1207  font-family: var(--font-family-meta, sans-serif);
1208  font-size: var(--global-rems-125);
1209  color: var(--global-prose-80);
1210  font-weight: 500;
1211}
1212
1213@media (min-width: 56rem) {
1214  .b-offer__title.c-heading {
1215    font-size: var(--global-rems-300);
1216  }
1217  .b-offer__subtitle.c-paragraph {
1218    font-size: var(--global-rems-150);
1219  }
1220}
1221
1222
1223
1224@media (min-width: 0) {
1225  .b-offer__headings {
1226    margin-block: var(--global-rems-300) var(--global-rems-200);
1227    max-inline-size: 100%;
1228  }
1229}
1230
1231@media (min-width: 56rem) {
1232  .b-offer__headings {
1233    margin-block: var(--global-rems-400) var(--global-rems-300);
1234    max-inline-size: 50%;
1235  }
1236}
1237
1238
1239
1240
1241
1242.b-offer__wrapper {
1243  max-width: 896px;
1244  max-inline-size: 56rem;
1245}
1246
1247
1248
1249/* .b-offer__grid-list {
1250  --b-offer-grid-list-gap: var(--global-rems-200);
1251} */
1252
1253@media (min-width: 56rem) {
1254  .b-offer__grid-list {
1255    --b-offer-grid-list-gap: var(--global-rems-300) var(--global-rems-200);
1256  }
1257}
1258
1259
1260
1261@media (min-width: 0) {
1262  .b-offer__grid-list--4 {
1263    --b-offer-grid-list-4-grid-template-columns: 1fr !important;
1264    grid-template-columns: var(--b-offer-grid-list-4-grid-template-columns);
1265  }
1266}
1267
1268@media (min-width: 56rem) {
1269  .b-offer__grid-list--4 {
1270    --b-offer-grid-list-4-grid-template-columns: 1fr 1fr !important;
1271    grid-template-columns: var(--b-offer-grid-list-4-grid-template-columns);
1272  }
1273}
1274
1275
1276
1277/* .b-offer__grid-list {
1278  & .b-offer__card:nth-child(2) {
1279    border: 2px solid var(--color-primary);
1280    box-shadow: 0px 8px 40px -4px var(--color-primary) !important;
1281  }
1282} */
1283
1284
1285.b-offer__card {
1286  background-color: whitesmoke;
1287  box-shadow: 6px 12px 24px #0003;
1288  border-radius: var(--global-rems-125);
1289  border: 2px solid var(--color-primary);
1290  --c-paragraph-margin-block-end: var(--global-rems-200);
1291
1292  & .c-button {
1293    --c-button-border-radius: var(--global-rems-050);
1294    --c-button-large-font-size: var(--global-rems-106);
1295    font-size: var(--c-button-large-font-size) !important;
1296    letter-spacing: var(--global-tracking-wider);
1297    text-transform: uppercase !important;
1298  }
1299}
1300
1301
1302
1303.b-offer__card .c-heading {
1304  font-family: var(--font-family-headline);
1305  font-size: var(--global-rems-175);
1306}
1307
1308.b-offer__card .c-paragraph {
1309  font-family: var(--font-family-meta, sans-serif);
1310  font-size: var(--global-rems-112);
1311}
1312
1313
1314
1315
1316
1317.b-login-links * {
1318  --b-login-links-font-family: var(--font-family-meta);
1319  font-family: var(--font-family-meta, sans-serif);
1320  font-size: var(--global-rems-112);
1321
1322  & .c-link {
1323    font-weight: var(--global-weight-600);
1324  }
1325}
1326
1327
1328.b-login-links {
1329  gap: var(--global-rems-050) !important;
1330  margin-block-start: var(--global-rems-150);
1331}
1332
1333.b-login-links__inner-link {
1334  --b-login-links-inner-link-margin-block-end: var(--global-rems-050) !important;
1335  margin-block-end: var(--b-login-links-inner-link-margin-block-end);
1336}
1337
1338</style>
1339<!-- . -->
1340
1341
1342
1343<!-- TO_BE__CONFIRMED -->
1344<style>
1345
1346/* TO_BE__CONFIRMED --- */
1347
1348
1349@media (min-width: 0) {
1350  .b-offer__grid-list--1,
1351  .b-offer__grid-list--2,
1352  .b-offer__grid-list--3,
1353  .b-offer__grid-list--4,
1354  .b-offer__grid-list--5,
1355  .b-offer__grid-list--5 > * {
1356    grid-template-columns: 1fr;
1357    --grid-template-columns: 1fr;
1358    --b-offer-grid-list-2-grid-template-columns: 1fr;
1359    --b-offer-grid-list-3-grid-template-columns: 1fr;
1360    --b-offer-grid-list-4-grid-template-columns: 1fr;
1361    --b-offer-grid-list-5-grid-template-columns: 1fr;
1362  }
1363}
1364
1365
1366@media (min-width: 56rem) {
1367  .b-offer__grid-list--2,
1368  .b-offer__grid-list--3,
1369  .b-offer__grid-list--4,
1370  .b-offer__grid-list--5,
1371  .b-offer__grid-list--5 > * {
1372    grid-template-columns: 1fr 1fr !important;
1373    --grid-template-columns: 1fr 1fr !important;
1374    --b-offer-grid-list-2-grid-template-columns: 1fr 1fr !important;
1375    --b-offer-grid-list-3-grid-template-columns: 1fr 1fr !important;
1376    --b-offer-grid-list-4-grid-template-columns: 1fr 1fr !important;
1377    --b-offer-grid-list-5-grid-template-columns: 1fr 1fr !important;
1378  }
1379}
1380
1381
1382/* @media (min-width: 0) {
1383  .b-offer__grid-list--1 {
1384    --b-offer-grid-list-1-grid-template-columns: 1fr !important;
1385    grid-template-columns: var(--b-offer-grid-list-1-grid-template-columns);
1386  }
1387  .b-offer__grid-list--2 {
1388    --b-offer-grid-list-2-grid-template-columns: 1fr !important;
1389    grid-template-columns: var(--b-offer-grid-list-2-grid-template-columns);
1390  }
1391  .b-offer__grid-list--3 {
1392    --b-offer-grid-list-3-grid-template-columns: 1fr !important;
1393    grid-template-columns: var(--b-offer-grid-list-3-grid-template-columns);
1394  }
1395  .b-offer__grid-list--4 {
1396    --b-offer-grid-list-4-grid-template-columns: 1fr !important;
1397    grid-template-columns: var(--b-offer-grid-list-4-grid-template-columns);
1398  }
1399  .b-offer__grid-list--5,
1400  .b-offer__grid-list--5 > * {
1401    --b-offer-grid-list-5-grid-template-columns: 1fr !important;
1402    grid-template-columns: var(--b-offer-grid-list-5-grid-template-columns);
1403  }
1404}
1405
1406@media (min-width: 56rem) {
1407  .b-offer__grid-list--1 {
1408    --b-offer-grid-list-1-grid-template-columns: 1fr !important;
1409    grid-template-columns: var(--b-offer-grid-list-1-grid-template-columns);
1410  }
1411  .b-offer__grid-list--2 {
1412    --b-offer-grid-list-2-grid-template-columns: 1fr 1fr !important;
1413    grid-template-columns: var(--b-offer-grid-list-2-grid-template-columns);
1414  }
1415  .b-offer__grid-list--2 {
1416    --b-offer-grid-list-2-grid-template-columns: 1fr 1fr !important;
1417    grid-template-columns: var(--b-offer-grid-list-2-grid-template-columns);
1418  }
1419  .b-offer__grid-list--3 {
1420    --b-offer-grid-list-3-grid-template-columns: 1fr 1fr !important;
1421    grid-template-columns: var(--b-offer-grid-list-3-grid-template-columns);
1422  }
1423  .b-offer__grid-list--4 {
1424    --b-offer-grid-list-4-grid-template-columns: 1fr 1fr !important;
1425    grid-template-columns: var(--b-offer-grid-list-4-grid-template-columns);
1426  }
1427  .b-offer__grid-list--5,
1428  .b-offer__grid-list--5 > * {
1429    --b-offer-grid-list-5-grid-template-columns: 1fr 1fr !important;
1430    grid-template-columns: var(--b-offer-grid-list-5-grid-template-columns);
1431  }
1432} */
1433
1434</style>
1435<!-- !? -->
1436
1437
1438
1439
1440
1441<!-- checkout_page -->
1442<style>
1443
1444/* CHECKOUT_PAGE --- */
1445
1446
1447.b-checkout__section {
1448  margin-block-end: var(--b-checkout-section-margin-block-end);
1449  font-family: var(--font-sans, sans-serif) !important;
1450  max-width: 800px !important;
1451  width: 100%;
1452}
1453
1454
1455.b-checkout__section {
1456  margin-block-end: var(--b-checkout-section-margin-block-end);
1457  font-family: var(--b-checkout-section-font-family);
1458  max-width: var(--b-checkout-section-max-width);
1459}
1460
1461@media(min-width: 0) {
1462  .b-checkout__section {
1463    --c-heading-font-size: var(--heading-level-4-font-size);
1464    --c-heading-font-family: var(--font-family-headline);
1465    --c-heading-margin-block-end: var(--global-rems-150);
1466
1467    --c-link-color: var(--color-primary);
1468    --c-link-border-block-end-width: 1px;
1469    --c-link-border-block-end-style: solid;
1470    --c-link-border-block-end-color: var(--color-primary);
1471    --c-link-hover-color: var(--color-primary-hover);
1472
1473    --c-link-hover-border-block-end-width: 1px;
1474    --c-link-hover-border-block-end-style: solid;
1475    --c-link-hover-border-block-end-color: var(--color-primary-hover);
1476  }
1477}
1478
1479
1480
1481/* --b-checkout-section-font-family: var(--font-family-meta);
1482font-family: var(--b-checkout-section-font-family); */
1483
1484
1485
1486
1487
1488.b-checkout__orderCard--productPrice {
1489  --c-heading-font-size: var(--global-font-size-9);
1490  --c-heading-line-height: var(--global-line-height-6);
1491
1492  & .c-heading {
1493    --c-heading-font-weight: var(--typography-heading-font-weight);
1494    --c-heading-font-family: var(--font-family-headline);
1495    font-weight: var(--c-heading-font-weight);
1496  }
1497}
1498
1499
1500
1501.b-checkout__orderCard__summary--details--item {
1502  /* flex-direction: var(--b-checkout-order-card--summary--details--item-flex-direction);
1503  justify-content: var(--b-checkout-order-card--summary--details--item-justify-content); */
1504  font-weight: var(--b-checkout-order-card--summary--details--item-font-weight);
1505  font-size: var(--b-checkout-order-card--summary--details--item-font-size);
1506
1507  --b-checkout-order-card--summary--details--item-font-family: var(--font-sans) !important;
1508  font-family: var(--b-checkout-order-card--summary--details--item-font-family);
1509}
1510
1511
1512
1513</style>
1514<!-- §§§§ -->
1515
1516
1517
1518
1519
1520<!-- account_management -->
1521<style>
1522
1523/* ACCOUNT_MANAGEMENT --- */
1524
1525
1526.b-account-management {
1527  /* font-family: var(--b-account-management-font-family);
1528  margin-block-start: var(--b-account-management-margin-block-start);
1529  margin-block-end: var(--b-account-management-margin-block-end);
1530  margin-inline-start: var(--b-account-management-margin-inline-start);
1531  margin-inline-end: var(--b-account-management-margin-inline-end); */
1532
1533  --b-account-management-font-family: var(--font-sans) !important;
1534  --b-account-management-margin-inline-start: 0rem !important;
1535  --b-account-management-margin-inline-end: 0rem !important;
1536  margin-inline-start: var(--b-account-management-margin-inline-start);
1537  margin-inline-end: var(--b-account-management-margin-inline-end);
1538}
1539
1540
1541@media(min-width: 0) {
1542  .b-account-management {
1543    --c-heading-font-size: var(--global-font-size-7);
1544    --c-heading-margin-block-end: var(--global-rems-050);
1545
1546    --c-button-font-size: var(--global-rems-100);
1547    --c-input-margin-block-end: var(--global-rems-150);
1548    --c-input-error-tip-color: var(--status-color-danger);
1549    --c-input-input-inline-size: 100%;
1550    --c-input-input-padding-block-end: var(--global-rems-050);
1551    --c-input-input-padding-block-start: var(--global-rems-050);
1552    --c-input-input-padding-inline-start: var(--global-rems-075) !important;
1553    --c-input-input-padding-inline-end: var(--global-rems-075) !important;
1554    --c-input-input-font-family: var(--font-sans, sans-serif) !important;
1555
1556    /* --c-paragraph-font-family: var(--font-family-paragraph); */
1557    --c-paragraph-font-family: var(--font-sans, sans-serif) !important;
1558    --c-paragraph-margin-block-end: var(--global-rems-150);
1559  }
1560}
1561
1562
1563
1564.b-account-management__edit {
1565  border-color: var(--b-account-management-edit-border-color);
1566  border-radius: var(--b-account-management-edit-border-radius);
1567  border-style: var(--b-account-management-edit-border-style);
1568  border-width: var(--b-account-management-edit-border-width);
1569  margin-block-end: var(--b-account-management-edit-margin-block-end);
1570  padding-block-start: var(--b-account-management-edit-padding-block-start);
1571  padding-block-end: var(--b-account-management-edit-padding-block-end);
1572  padding-inline-start: var(--b-account-management-edit-padding-inline-start);
1573  padding-inline-end: var(--b-account-management-edit-padding-inline-end);
1574}
1575
1576@media(min-width: 0) {
1577  .b-account-management__edit {
1578    --c-button-default-color: var(--color-primary);
1579    --c-button-default-text-decoration: underline;
1580    --c-button-default-hover-color: var(--color-primary-hover);
1581    --c-paragraph-margin-block-end: 0;
1582  }
1583}
1584
1585
1586/* .b-account-management__edit-label {
1587  align-items: var(--b-account-management-edit-label-align-items);
1588  display: var(--b-account-management-edit-label-display);
1589  justify-content: var(--b-account-management-edit-label-justify-content);
1590} */
1591
1592@media(min-width: 0) {
1593  .b-account-management__edit-label {
1594    --c-paragraph-font-weight: var(--global-weight-700);
1595  }
1596}
1597
1598
1599
1600.b-account-management__section {
1601  margin-block-end: var(--b-account-management-section-margin-block-end);
1602
1603  & .c-heading {
1604    --c-heading-font-family: var(--font-family-headline);
1605  }
1606}
1607
1608
1609
1610/* .b-account-management {} */
1611
1612
1613
1614.b-account-management__edit-label {
1615  --c-paragraph-font-weight: var(--global-weight-700);
1616  font-family: var(--font-sans, sans-serif) !important;
1617}
1618
1619.b-account-management__edit-label-container {
1620  min-height: 37px;
1621}
1622
1623
1624.b-account-management__section .newsletter-field {
1625  display: flex;
1626  flex-direction: column;
1627  gap: var(--global-rems-025);
1628  margin-bottom: var(--global-rems-100) !important;
1629  font-family: var(--font-sans, sans-serif) !important;
1630}
1631
1632
1633
1634.b-account-management label.address-field__checkbox-label > input {
1635  margin-inline: 0.125rem 0.5rem !important;
1636}
1637
1638</style>
1639<!-- §§§ -->
1640
1641
1642
1643
1644
1645
1646
1647
1648
1649<!-- account_signup -->
1650<style>
1651
1652/* ACCOUNT_SIGNUP --- */
1653
1654
1655.b-sign-up {
1656  --b-sign-up-font-family: var(--font-family-meta, sans-serif);
1657}
1658
1659
1660
1661@media (min-width: 0) {
1662  .b-sign-up {
1663    --c-heading-font-weight: var(--typography-heading-font-weight);
1664    --c-heading-font-family: var(--font-family-headline);
1665    --c-heading-font-size: var(--heading-level-4-font-size);
1666    --c-heading-line-height: 1.25;
1667    --c-heading-text-align: center;
1668
1669    --c-button-font-size: var(--global-rems-100);
1670    --c-input-margin-block-end: var(--global-rems-100);
1671    --c-input-error-tip-color: var(--status-color-danger);
1672    --c-input-input-inline-size: 100%;
1673    --c-input-input-padding-block-end: var(--global-rems-050);
1674    --c-input-input-padding-block-start: var(--global-rems-050);
1675    --c-input-input-padding-inline-start: var(--global-rems-075) !important;
1676    --c-input-input-padding-inline-end: var(--global-rems-075) !important;
1677
1678    --c-paragraph-font-family: var(--font-family-paragraph);
1679    --c-paragraph-margin-block-end: var(--global-rems-150);
1680  }
1681}
1682
1683@media (min-width: 56rem) {
1684  .b-sign-up {
1685    --c-heading-font-size: var(--global-font-size-12);
1686    --c-heading-padding-block-end: var(--global-rems-100);
1687  }
1688}
1689
1690
1691
1692.b-sign-up {
1693  --b-sign-up-font-family: var(--font-sans) !important;
1694  font-family: var(--b-sign-up-font-family, sans-serif);
1695
1696  --b-sign-up-padding-block-end: var(--global-rems-100) !important;
1697  padding-block-end: var(--b-sign-up-padding-block-end);
1698}
1699
1700</style>
1701<!-- . -->
1702
1703
1704
1705
1706
1707<!-- account_login -->
1708<style>
1709
1710/* ACCOUNT_LOGIN --- */
1711
1712
1713.b-login-form {
1714  --b-login-form-font-family: var(--font-family-meta, sans-serif);
1715}
1716
1717
1718
1719@media (min-width: 0) {
1720  .b-login-form {
1721    --c-heading-font-weight: var(--typography-heading-font-weight);
1722    --c-heading-font-family: var(--font-family-headline);
1723    --c-heading-font-size: var(--heading-level-4-font-size);
1724    --c-heading-line-height: 1.25;
1725    --c-heading-text-align: center;
1726
1727    --c-button-font-size: var(--global-rems-100);
1728    --c-input-margin-block-end: var(--global-rems-100);
1729    --c-input-error-tip-color: var(--status-color-danger);
1730    --c-input-input-inline-size: 100%;
1731    --c-input-input-padding-block-end: var(--global-rems-050);
1732    --c-input-input-padding-block-start: var(--global-rems-050);
1733    --c-input-input-padding-inline-start: var(--global-rems-075) !important;
1734    --c-input-input-padding-inline-end: var(--global-rems-075) !important;
1735
1736    --c-paragraph-font-family: var(--font-family-paragraph);
1737    --c-paragraph-margin-block-end: var(--global-rems-150);
1738  }
1739}
1740
1741@media (min-width: 56rem) {
1742  .b-login-form {
1743    --c-heading-font-size: var(--global-font-size-12);
1744    --c-heading-padding-block-end: var(--global-rems-100);
1745  }
1746}
1747
1748
1749
1750.b-login-form {
1751  --b-login-form-font-family: var(--font-sans) !important;
1752  font-family: var(--b-login-form-font-family, sans-serif);
1753
1754  --b-login-form-padding-block-end: var(--global-rems-100) !important;
1755  padding-block-end: var(--b-login-form-padding-block-end);
1756}
1757
1758</style>
1759<!-- . -->
1760
1761
1762
1763
1764
1765<!-- password__forgot_reset -->
1766<style>
1767
1768/* PASSWORD_PAGES --- */
1769
1770
1771.b-forgot-password {
1772  --b-forgot-password-font-family: var(--font-family-meta);
1773  font-family: var(--b-forgot-password-font-family, sans-serif);
1774  --c-heading-font-family: var(--font-family-headline) !important;
1775}
1776
1777
1778@media(min-width: 0) {
1779  .b-forgot-password {
1780    --c-button-font-size: var(--global-rems-100);
1781    --c-heading-border-block-end-color: var(--border-color);
1782    --c-heading-border-block-end-style: var(--global-border-style-1);
1783    --c-heading-border-block-end-width: var(--global-border-width-1);
1784    --c-heading-font-size: var(--global-font-size-9);
1785    --c-heading-margin-block-end: var(--global-rems-100);
1786    --c-heading-padding-block-end: var(--global-rems-050);
1787    --c-heading-text-align: center;
1788
1789    --c-input-margin-block-end: var(--global-rems-150);
1790    --c-input-error-tip-color: var(--status-color-danger);
1791    --c-input-input-inline-size: 100%;
1792    --c-input-input-padding-block-end: var(--global-rems-050);
1793    --c-input-input-padding-block-start: var(--global-rems-050);
1794    --c-input-input-padding-inline-start: var(--global-rems-075) !important;
1795    --c-input-input-padding-inline-end: var(--global-rems-075) !important;
1796    --c-input-input-font-family: var(--font-sans) !important;
1797
1798    --c-paragraph-font-family: var(--font-family-paragraph);
1799    --c-paragraph-margin-block-end: var(--global-rems-100);
1800    --c-paragraph-text-align: center
1801  }
1802}
1803
1804
1805@media(min-width: 56rem) {
1806  .b-forgot-password {
1807    --c-heading-font-size: var(--global-font-size-12);
1808    --c-heading-padding-block-end: var(--global-rems-100);
1809  }
1810}
1811
1812
1813
1814
1815
1816.b-reset-password {
1817  --b-reset-password-font-family: var(--font-family-meta);
1818  font-family: var(--b-reset-password-font-family, sans-serif);
1819  --c-heading-font-family: var(--font-family-headline) !important;
1820}
1821
1822
1823@media(min-width: 0) {
1824  .b-reset-password {
1825    --c-button-font-size: var(--global-rems-100);
1826    --c-heading-border-block-end-color: var(--border-color);
1827    --c-heading-border-block-end-style: var(--global-border-style-1);
1828    --c-heading-border-block-end-width: var(--global-border-width-1);
1829    --c-heading-font-size: var(--global-font-size-9);
1830    --c-heading-margin-block-end: var(--global-rems-100);
1831    --c-heading-padding-block-end: var(--global-rems-050);
1832    --c-heading-text-align: center;
1833  
1834    --c-input-margin-block-end: var(--global-rems-150);
1835    --c-input-error-tip-color: var(--status-color-danger);
1836    --c-input-input-inline-size: 100%;
1837    --c-input-input-padding-block-end: var(--global-rems-050);
1838    --c-input-input-padding-block-start: var(--global-rems-050);
1839    --c-input-input-padding-inline-start: var(--global-rems-075) !important;
1840    --c-input-input-padding-inline-end: var(--global-rems-075) !important;
1841    --c-input-input-font-family: var(--font-sans) !important;
1842
1843    --c-paragraph-font-family: var(--font-family-paragraph);
1844    --c-paragraph-margin-block-end: var(--global-rems-100);
1845    --c-paragraph-text-align: center;
1846  }
1847}
1848
1849
1850@media(min-width: 56rem) {
1851  .b-reset-password {
1852    --c-heading-font-size: var(--global-font-size-12);
1853    --c-heading-padding-block-end: var(--global-rems-100);
1854  }
1855}
1856
1857</style>
1858<!-- §§ -->
1859
1860
1861
1862
1863
1864<!-- successful_pages -->
1865<style>
1866
1867/* SUCCESSFUL_PAGES --- */
1868
1869
1870/* .b-register {} */
1871
1872/* .b-subscription {} */
1873
1874</style>
1875<!-- § -->
1876
1877
1878
1879<!-- payment_outcomes -->
1880<style>
1881
1882/* PAYMENT_OUTCOMES --- */
1883
1884
1885/* .b-payment__return {} */
1886
1887/* .b-payment__cancel {} */
1888
1889</style>
1890<!-- § -->
1891
1892
1893
1894
1895
1896<!-- [ ↗ LAST_UPDATED ] -->
1897<!-- Thu 18 Dec 2025 at 19:30 SAST -->
1898<!-- Thursday, December 18, 2025 at 7:30 pm (SAST) -->
1899</div><div id="fusion-static-exit:html-block-f0f2C68HWtuvRe" style="display:none" data-fusion-component="html-block-f0f2C68HWtuvRe"></div></div><div class="c-stack b-single-column-regular__body" data-style-direction="vertical" data-style-justification="start" data-style-alignment="unset" data-style-inline="false" data-style-wrap="nowrap"><div style="display:none" id="f0f3muuHj12C2JP" data-fusion-collection="features" data-fusion-type="Identity/login" data-fusion-name="Identity Log In - Arena Block" data-fusion-message="Could not render component [features:Identity/login]"></div><div class="c-stack b-login-links" data-style-direction="vertical" data-style-justification="start" data-style-alignment="unset" data-style-inline="false" data-style-wrap="nowrap"><a class="c-link b-login-links__inner-link" href="/account/forgot-password/">Forgot your password?</a><p class="c-paragraph">Don&#x27;t have an account?<a class="c-link b-login-links__inner-link" href="/account/signup/">Sign up</a></p></div></div></main><footer class="c-stack b-single-column-regular__footer" data-style-direction="vertical" data-style-justification="start" data-style-alignment="unset" data-style-inline="false" data-style-wrap="nowrap"></footer></div></div>
1899<script id="fusion-metadata" type="application/javascript">window.Fusion=window.Fusion||{};Fusion.arcSite="sowetan";Fusion.contextPath="/pf";Fusion.mxId="00000000";Fusion.deployment="88";Fusion.globalContent={};Fusion.globalContentConfig={};Fusion.lastModified=1790282631340;Fusion.contentCache={"signing-service":{"{\"id\":\"https://www.sowetan.co.za/pf/resources/images/sowetan/fallback.png?d=88\"}":{"data":{"hash":"f2f621be7e4679ce1896f33f1ceedf41940bc262d6fc623f94b91b124c149846","type":"sha256","_id":"dd8ec21a962863ca988b33426fa2d4c29dd045a14f65c0b6ccadb471ee355cd8"},"expires":1821693252545,"lastModified":1790157252402}}};Fusion.layout="single-column";Fusion.metas={"page-type":{"value":"commerce","html":true},"title":{"value":"Log In | {{siteProperties.websiteName}}","html":true}};Fusion.outputType="default";Fusion.template="page/pZmJpTlGpoY1fHwIu";Fusion.tree={"collection":"layouts","type":"single-column","props":{"collection":"layouts","type":"single-column","id":"single-column","childProps":[{"collection":"sections","id":0},{"collection":"sections","id":1},{"collection":"sections","id":2},{"collection":"sections","id":3}]},"children":[{"collection":"sections","props":{"collection":"sections","id":0},"children":[{"collection":"features","type":"@wpmedia/htmlbox-block/htmlbox","props":{"collection":"features","type":"@wpmedia/htmlbox-block/htmlbox","id":"f0fhfhAXfYA6Ye","name":"HTML Box – Arc Block","contentConfig":{"contentService":"","contentConfigValues":{},"inherit":true},"customFields":{"HTML":"<div style=\"text-align: center; padding-top:20px; padding-bottom:20px;\">\n  <img \n    src=\"https://storage.googleapis.com/arenaholdings/assets/logo/sowetan/sowetan.white.png\" \n    style=\"width: 163px; height: auto; max-width: 100%;\"\n    alt=\"Site Logo\"\n  >\n</div>"},"displayProperties":{},"localEdits":{},"variants":{}}},{"collection":"features","type":"@wpmedia/htmlbox-block/htmlbox","props":{"collection":"features","type":"@wpmedia/htmlbox-block/htmlbox","id":"f0fBbRX8VgavPR","name":"GLOBAL__STYLE_OVERRIDES","contentConfig":{"contentService":"","contentConfigValues":{},"inherit":true},"customFields":{"HTML":"<!-- Version__2_40 -->\n<!-- GLOBAL__STYLE_OVERRIDES -->\n\n\n<!-- page_builder -->\n<style>\n/* SOWETAN --- */\n[data-arc-site='sowetan'] {\n  --typography-heading-font-weight: 500 !important;\n}\n\n/* TYPOGRAPHY --- */\n:root {\n  font-kerning: normal;\n  --layout-max-width: 1360 !important;\n  --content-max-width: 1120 !important;\n  --c-heading-font-weight: var(--typography-heading-font-weight);\n}\n\n/* H_LEVELS --- */\n@media (width>=0) {\n  :root {\n    --heading-level-1-font-size: var(--global-rems-212) !important;\n    --heading-level-2-font-size: var(--global-rems-187) !important;\n    --heading-level-3-font-size: var(--global-rems-162) !important;\n    --heading-level-4-font-size: var(--global-rems-137) !important;\n    --heading-level-5-font-size: var(--global-rems-125) !important;\n    --heading-level-6-font-size: var(--global-rems-112) !important;\n  }\n}\n@media (width>=896px) {\n  :root {\n    --heading-level-1-font-size: var(--global-rems-250) !important;\n    --heading-level-2-font-size: var(--global-rems-212) !important;\n    --heading-level-3-font-size: var(--global-rems-187) !important;\n    --heading-level-4-font-size: var(--global-rems-150) !important;\n    --heading-level-5-font-size: var(--global-rems-137) !important;\n    --heading-level-6-font-size: var(--global-rems-125) !important;\n  }\n}\n\n@media (width<480px) {\n  :root {\n    /* --heading-level-1-font-size: var(--global-rems-200) !important; */\n    --heading-level-1-font-size: var(--global-rems-187) !important;\n    --heading-level-2-font-size: var(--global-rems-175) !important;\n    --heading-level-3-font-size: var(--global-rems-150) !important;\n  }\n}\n\n\n/* PAGE_LAYOUT --- */\n.b-single-column-regular__navigation {\n  --b-single-column-regular-navigation-border-block-end: none !important;\n}\n.b-landing-page-layout__footer {\n  --b-landing-page-layout-footer-margin-block-end: 0rem !important;\n}\n\n.arena-hero-layout__navigation {\n  --b-right-rail-navigation-margin-block-end: 0 !important;\n  margin-block-end: var(--b-right-rail-navigation-margin-block-end);\n  border-block-end: none !important;\n}\n.arena-hero-layout__main-container {\n  margin-inline: auto;\n  padding-inline: var(--global-rems-100);\n  @media (width>=896px) {\n    inline-size: var(--b-header-nav-chain-top-layout-inline-size);\n    max-inline-size: var(--b-header-nav-chain-top-layout-max-inline-size);\n  }\n}\n\n\n/* NAVIGATION --- */\n@media (min-width: 0) {\n  .b-header-nav-chain__logo img {\n    block-size: auto !important;\n    max-block-size: var(--global-rems-237) !important;\n    -webkit-block-size: auto !important;\n    -webkit-max-block-size: var(--global-rems-237) !important;\n    -webkit-logical-height: auto !important;\n    -webkit-max-logical-height: var(--global-rems-237) !important;\n    --b-header-nav-chain-logo-image-block-size: auto !important;\n    --b-header-nav-chain-logo-image-max-block-size: var(--global-rems-237) !important;\n    --b-header-nav-chain-logo-image-max-inline-size: 13.5rem !important; /* 216px */\n    max-inline-size: var(--b-header-nav-chain-logo-image-max-inline-size);\n  }
1899\n  .b-header-nav-chain__nav-background {\n    border-bottom: none;\n  }\n  .b-header-nav-chain .nav-components--desktop .c-button.c-button--small {\n    padding-inline: var(--global-rems-050) !important;\n    --c-button-border-radius: var(--global-rems-037) !important;\n    --c-button-small-font-weight: var(--global-weight-600) !important;\n    border-radius: var(--c-button-border-radius);\n    font-weight: var(--c-button-small-font-weight);\n  }\n  /* .b-header-nav-chain__links-list-item-link .c-link:hover {\n    --c-link-hover-color: var(--color-primary);\n    color: var(--c-link-hover-color);\n  } */\n}\n@media (min-width: 896px) {\n  .b-header-nav-chain__logo img {\n    block-size: auto !important;\n    max-block-size: var(--global-rems-250) !important;\n    -webkit-block-size: auto !important;\n    -webkit-max-block-size: var(--global-rems-250) !important;\n    -webkit-logical-height: auto !important;\n    -webkit-max-logical-height: var(--global-rems-250) !important;\n    --b-header-nav-chain-logo-image-block-size: auto !important;\n    --b-header-nav-chain-logo-image-max-block-size: var(--global-rems-250) !important;\n    --b-header-nav-chain-logo-image-max-inline-size: 15rem !important; /* 240px */\n    max-inline-size: var(--b-header-nav-chain-logo-image-max-inline-size);\n  }\n  .b-header-nav-chain__nav-background {\n    border-bottom: 1px solid var(--border-color) !important;\n  }\n  .b-header-nav-chain-subnav-list {\n    height: var(--global-rems-350) !important;\n    bottom: calc(var(--global-rems-350) * -1) !important;\n  }\n  .b-header-nav-chain-subnav-list .c-link {\n    font-size: var(--global-rems-087) !important;\n    font-weight: var(--global-weight-600) !important;\n    padding-block: var(--global-rems-075) !important;\n    padding-inline: var(--global-rems-112) !important;\n  }\n}\n\n.b-header-nav-chain__top-layout {\n  --b-header-nav-chain-top-layout-padding-inline-start: var(--global-rems-075);\n  --b-header-nav-chain-top-layout-padding-inline-end: var(--global-rems-075);\n}\n\n@media (min-width: 0) {\n  .b-header-nav-chain__logo--center {\n    --b-header-nav-chain-logo-center-left: 0;\n    --b-header-nav-chain-logo-center-transform: translateX(1rem);\n  }\n}\n@media (min-width: 896px) {\n  .b-header-nav-chain__logo--center {\n    --b-header-nav-chain-logo-center-left: 50%;\n    --b-header-nav-chain-logo-center-transform: translateX(-50%);\n  }\n}\n\n\n/* FOOTER --- */\n.b-single-column-regular__footer,\n.b-landing-page-layout__footer,\n.arena-hero-layout__footer,\n.right-rail__footer {\n  --global-border-larger: 2px solid;\n  border-top: var(--global-border-larger) var(--global-prose-80);\n}\n\n.b-footer .b-footer__copyright {\n  width: 100vw !important;\n}\n.b-footer .b-footer__top-container {\n  --b-footer-top-container-padding-block-start: var(--global-rems-200) !important;\n  padding-block-start: var(--b-footer-top-container-padding-block-start);\n}\n\n\n/* AD_LABEL --- */\n.b-ads-block :not(.b-ads-block--admin) {\n  --c-paragraph-font-family: var(--font-sans, sans-serif);\n  --c-paragraph-line-height: var(--global-leading-125);\n  --c-paragraph-font-weight: var(--global-weight-500);\n  --c-paragraph-font-size: var(--global-rems-075);\n  --c-paragraph-color: var(--global-prose-40);\n  & .c-paragraph {\n    letter-spacing: calc(var(--global-tracking-widest) / 2);\n    padding-block-end: var(--global-rems-025);\n    text-align: center !important;\n  }\n}\n\n/* AD_POS (FIX) --- */\n.b-ads-block > [data-ad-position='ad-block-2'] {\n  place-items: start center !important;\n}\n.b-article-body [class|='teads'] {\n  margin-bottom: 1.5rem !important;\n  margin-block-end: var(--global-rems-150) !important;\n}\n\n\n/* RESETS --- */\nsub, sup {\n  font-size: 75%;\n  line-height: 0;\n  line-height: 1em;\n  position: relative;\n  vertical-align: baseline;\n}\nsub { bottom: -0.25em; }\nsup { top: -0.5em; }\n</style>\n\n\n<!-- lists_blocks -->\n<style>\n/* TOP_TABLE --- */\n.b-top-table-list-xl .c-overline {\n  display: flex !important;\n}\n.b-top-table-list-xl {\n  --c-overline-display: flex !important;\n  --c-heading-align-self: start !important;\n  --c-paragraph-font-size: var(--global-rems-112) !important;\n  --c-heading-font-size: var(--heading-level-1-font-size);\n}\n.b-top-table-list-large__text {\n  --c-paragraph-font-size: var(--global-rems-106) !important;\n  --c-heading-font-size: var(--heading-level-3-font-size);\n}\n.b-top-table-list-medium {\n  --c-paragraph-font-size: var(--global-rems-100) !important;\n  --c-heading-font-size: var(--heading-level-4-font-size);\n}\n\n.b-top-table-list-xl,\n.b-top-table-list-large__text {\n  --c-overline-padding-block-end: var(--global-rems-025) !important;\n  --c-overline-line-height: var(--global-leading-125) !important;\n  .c-overline { width: fit-content; }\n  .c-attribution {\n    --c-attribution-link-font-size: var(--global-rems-100) !important;\n    --c-attribution-font-size: var(--global-rems-100) !important;\n    --c-date-font-size: var(--global-rems-100) !important;\n  }\n}\n\n.b-top-table-list-xl {\n  --c-overline-font-size: var(--global-rems-137) !important;\n}\n.b-top-table-list-large__text {\n  --c-overline-font-size: var(--global-rems-125) !important;\n}\n\n@media (min-width: 0) {\n  .b-top-table-list-xl {\n    --c-stack-gap: var(--global-rems-087) !important;\n  }\n  .b-top-table-list-large__text {\n    --c-stack-gap: var(--global-rems-075) !important;\n  }\n}\n@media (min-width: 896px) {\n  .b-top-table-list-xl {\n    --c-stack-gap: var(--global-rems-100) !important;\n  }\n  .b-top-table-list-large__text {\n    --c-stack-gap: var(--global-rems-087) !important;\n  }\n}\n\n.b-top-table-list-large {\n  /* gap: var(--global-rems-150) !important; */\n  --b-top-table-list-large-gap: var(--global-rems-150);\n}\n.b-top-table-list-small {\n  --b-top-table-list-small-gap: var(--global-rems-150) var(--global-rems-125);\n}\n.b-top-table-list-medium {\n  --c-heading-margin-block-end: var(--global-rems-075);\n}\n@media (min-width: 896px) {\n  .b-top-table-list-medium--show-image {\n    --c-heading-inline-size: auto;\n    --c-heading-margin-inline-start: calc(33% + var(--global-rems-150));\n    --c-paragraph-margin-inline-start: calc(33% + var(--global-rems-150));\n    --c-attribution-margin-inline-start: calc(33% + var(--global-rems-150));\n  }\n}\n.b-top-table-list-small {\n  &.b-top-table-list-small--above {\n    row-gap: var(--global-rems-075) !important;\n    h2.c-heading {\n      font-size: var(--global-rems-125) !important;\n      margin-bottom: var(--global-rems-050) !important;\n    }\n  }\n}\n.b-top-table-list-small--left {\n  /* --b-top-table-list-small-left-grid-template-columns: auto 66%; */\n  grid-template-columns: var(--b-top-table-list-small-left-grid-template-columns) !important;\n}\n.b-top-table-list-small--right {\n  /* --b-top-table-list-small-right-grid-template-columns: 66% auto; */\n  grid-template-columns: var(--b-top-table-list-small-right-grid-template-columns) !important;\n}\n\n\n/* CARD_LIST --- */\n@media (min-width: 896px) {\n  .b-card-list .b-card-list__title,\n  .b-card-list .b-card-list__list {\n    padding-inline-start: 0 !important;\n    padding-inline-end: 0 !important;\n  }\n}\n\n@media (min-width: 0) {\n  .b-card-list__main-item-text-container {\n    --c-overline-font-size: var(--global-rems-100) !important;\n  }\n}\n@media (min-width: 896px) {\n  .b-card-list__main-item-text-container {\n    --c-overline-font-size: var(--global-rems-112) !important;\n  }\n}\n\n.b-card-list h2.c-heading.b-card-list__title,\n.b-card-list .b-card-list__list :is(.b-card-list__main-item,.b-card-list__secondary-item) h3.c-heading {\n  font-family: var(--font-family-headline) !important;\n  --c-heading-font-family: var(--font-family-headline) !important;\n}\n.b-card-list h2.c-heading.b-card-list__title {\n  --b-card-list-title-font-we
1899ight: var(--typography-heading-font-weight);\n  font-weight: var(--b-card-list-title-font-weight);\n  font-size: var(--heading-level-3-font-size) !important;\n  --b-card-list-title-font-size: var(--heading-level-3-font-size) !important;\n}\n\n.b-card-list .b-card-list__list .b-card-list__main-item h3.c-heading {\n  --c-heading-font-size: var(--heading-level-4-font-size) !important;\n  --c-heading-line-height: var(--heading-level-4-line-height) !important;\n}\n.b-card-list .b-card-list__list .b-card-list__secondary-item h3.c-heading {\n  --c-heading-font-size: var(--heading-level-6-font-size) !important;\n  --c-heading-line-height: var(--heading-level-6-line-height) !important;\n}\n\n\n/* ALERT_BAR --- */\n.b-alert-bar {\n  --b-alert-bar-display: flex;\n  --b-alert-bar-flex-wrap: nowrap;\n  --b-alert-bar-align-items: flex-start;\n  --b-alert-bar-align-items: center !important;\n  --b-alert-bar-justify-content: space-between;\n  --b-alert-bar-background-color: var(--global-red-4);\n  --b-alert-bar-filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0));\n  --b-alert-bar-filter: none;\n  --b-alert-bar-word-break: break-word;\n  padding-inline-start: var(--global-rems-125) !important;\n  @media (min-width: 896px) {\n    --b-alert-bar-justify-content: space-around;\n  }\n}\n.b-alert-bar .c-link::before {\n  content: \"BREAKING  //  \";\n  font-weight: 600;\n  color: yellow;\n  opacity: 0.9;\n}\n@media (min-width: 0) {\n  .b-alert-bar {\n    --c-link-font-family: var(--font-sans, var(--global-family-sans));\n    --c-link-font-size: var(--body-font-size-small) !important;\n    --c-link-filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0));\n    --c-link-filter: none;\n    --c-link-color: var(--global-white);\n    --c-link-font-weight: var(--global-weight-700);\n    --c-link-padding-block-end: var(--global-rems-150);\n    --c-link-padding-block-start: var(--global-rems-150);\n    --c-link-padding-inline-end: var(--global-rems-150);\n    --c-link-padding-inline-start: var(--global-rems-150);\n    --c-link-text-decoration: none;\n    --c-link-hover-text-decoration: underline;\n    --c-link-hover-color: var(--global-white) !important;\n    --c-button-default-background: none;\n    --c-button-default-border: none;\n    --c-button-default-filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0));\n    --c-button-default-filter: none;\n    --c-button-default-flex: 0 0 auto;\n    --c-button-large-margin-block-end: var(--global-rems-025);\n    --c-button-large-margin-block-start: var(--global-rems-025);\n    --c-button-large-filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0));\n    --c-button-large-filter: none;\n    --c-icon-filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0));\n    --c-icon-filter: none;\n    --c-icon-fill: var(--global-prose-20);\n  }\n}\n@media (min-width: 896px) {\n  .b-alert-bar {\n    --c-link-padding-inline-start: var(--global-rems-200) !important;\n    --c-link-padding-inline-end: var(--global-rems-200) !important;\n    --c-link-font-size: var(--body-font-size) !important;\n  }\n}\n</style>\n\n\n<!-- home_section -->\n<style>\n/* ON_HOMEPAGE --- */\n.arena-marquee {\n  opacity: 1;\n  visibility: visible;\n  transform: translateY(0);\n  transition: opacity 300ms ease, transform 300ms ease, visibility 300ms ease;\n  min-height: var(--global-rems-300);\n  width: 100vw !important;\n}\n.arena-marquee--hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translateY(-20px);\n}\n.arena-marquee__content {\n  margin-left: var(--global-rems-250);\n}\n.arena-marquee__content-item.c-link {\n  --c-link-font-family: var(--font-sans) !important;\n  font-family: var(--font-sans) !important;\n}\n\n#main.right-rail__main .right-rail__main-right-rail :is(.b-numbered-list__item,.b-simple-list__item) {\n  --c-link-hover-text-decoration: underline;\n}\n.b-numbered-list__item {\n  --c-paragraph-color: var(--global-prose-90);\n  --c-paragraph-font-size: var(--global-rems-200);\n  --c-paragraph-font-family: var(--global-family-headline);\n  --c-paragraph-font-weight: var(--typography-heading-font-weight);\n  --c-heading-color: var(--global-prose-80);
1899\n  --c-heading-font-weight: var(--global-weight-medium);\n}\n.b-simple-list__items {\n  --c-heading-font-weight: var(--global-weight-medium);\n  --c-heading-color: var(--global-prose-80);\n}\n\n.b-opinion-card {\n  text-align: center !important;\n}\n.b-opinion-card__content {\n  --c-heading-font-weight: var(--typography-heading-font-weight) !important;\n}\n.b-opinion-card__author {\n  margin-top: var(--global-rems-150) !important;\n}\n.b-opinion-card__author-picture {\n  position: absolute;\n  z-index: 2;\n  aspect-ratio: 1;\n  object-fit: cover;\n  border-radius: var(--global-radius-circle);\n}\n\n.opinion-list-block__header_link,\n.content-list-block__header_link,\n.opinion-list-block__header_title,\n.content-list-block__header_title {\n  font-family: var(--font-sans) !important;\n  font-family: var(--global-family-sans) !important;\n}\n.content-list-block .card-text-headline {\n  font-family: var(--font-family-headline) !important;\n  font-weight: var(--typography-heading-font-weight) !important;\n}\n.content-list-block-stories .card:first-child .card-text-headline {\n  color: var(--global-prose-90) !important;\n}\n\nh2.c-heading:is(.b-single-chain__heading,.b-double-chain__heading,.b-triple-chain__heading,.b-quad-chain__heading) {\n  font-size: var(--heading-level-2-font-size) !important;\n  font-family: var(--font-family-headline) !important;\n  --c-heading-font-family: var(--font-family-headline) !important;\n}\n\n\n@media (min-width: 896px) {\n  .b-xl-promo, .b-xl-manual-promo {\n    --c-heading-align-self: start;\n    --c-heading-justify-content: start;\n    --c-overline-justify-content: start;\n    --c-overline-display: flex !important;\n  }\n}\n\n\n/* FOR_SECTIONS --- */\n.b-tag-title {\n  --b-tag-title-margin-block-end: var(--global-rems-100) !important;\n  --c-paragraph-font-family: var(--font-family-paragraph) !important;\n  --c-paragraph-font-size: var(--body-font-size-large) !important;\n  --c-heading-text-transform: capitalize;\n}\n.b-section-title {\n  --b-section-title-gap: var(--global-rems-075) !important;\n  --b-section-title-margin-block-end: var(--global-rems-125) !important;\n  --c-separator-margin-inline-start: var(--global-rems-050) !important;\n  --c-separator-margin-inline-end: var(--global-rems-050) !important;\n}\n.b-section-title__links .c-separator {\n  line-height: var(--global-leading-175);\n}\n\n.b-results-list {\n  --c-heading-font-size: var(--heading-level-4-font-size) !important;\n  --c-heading-line-height: var(--heading-level-4-line-height) !important;\n  --c-heading-font-weight: var(--typography-heading-font-weight) !important;\n  --c-heading-font-family: var(--font-family-headline) !important;\n  --c-heading-margin-block-end: var(--global-rems-050);\n  --c-overline-padding-block-end: var(--global-rems-025);\n  --c-paragraph-font-family: var(--global-family-meta) !important;\n  --c-paragraph-font-weight: var(--global-weight-400) !important;\n  --c-paragraph-line-height: var(--body-line-height) !important;\n  --c-attribution-margin-block-start: var(--global-rems-050);\n  --c-attribution-link-font-size: inherit !important;\n  --c-date-font-size: initial !important;\n}\n@media (min-width: 0) {\n  .b-results-list {\n    --c-paragraph-font-size: var(--global-rems-100) !important;\n    --c-attribution-font-size: var(--global-rems-087) !important;\n    --c-attribution-link-font-size: var(--global-rems-087) !important;\n    /* --c-media-item-padding-inline-start: var(--global-rems-050); */\n    --c-media-item-padding-inline-start: var(--global-rems-075);\n    --c-media-item-max-inline-size: 33%;\n    --c-overline-font-size: var(--global-rems-106);\n  }\n  .b-results-list--show-image {\n    --c-heading-inline-size: 67%;\n  }\n  .b-results-list,\n  .b-results-list--show-image {\n    --c-overline-display: block;\n    --c-overline-line-height: var(--global-leading-100) !important;\n  }\n}\n@media (min-width: 896px) {\n  .b-results-list {\n    --c-paragraph-font-size: var(--global-rems-106) !important;\n    --c-attribution-font-size: var(--global-rems-093) !important;\n    --c-attribution-link-font-size: var(--global-rems-093) !important;\n    --c-media-item-padding-inline-start: 0;\n    --c-media-item-max-inline-size: 33%;\n    --c-overline-font-size: var(--global-rems-112);\n  }\n  .b-results-list--show-image {\n    --c-heading-inline-size: auto;\n    /* --c-overline-margin-inline-start: var(--global-rems-150); */\n    --c-overline-margin-inline-start: calc(33% + var(--global-rems-150));\n    --c-heading-margin-inline-start: calc(33% + var(--global-rems-150));\n    --c-paragraph-margin-inline-start: calc(33% + var(--global-rems-150));\n    --c-attribution-margin-inline-start: calc(33% + var(--global-rems-150));\n  }\n}\n\n\n@media (min-width: 0) {\n  .b-full-author-bio {\n    --c-heading-font-we
1899ight: var(--typography-heading-font-weight) !important;\n    --c-heading-font-family: var(--global-family-headline, var(--font-family-headline));\n    --c-paragraph-font-family: var(--global-family-meta, var(--font-family-meta, var(--font-sans)));\n    --c-image-max-inline-size: 7.5rem;\n    --c-image-max-block-size: 7.5rem;\n  }\n}\n@media (min-width: 896px) {\n  .b-full-author-bio {\n    --c-image-max-inline-size: 10rem;\n    --c-image-max-block-size: 10rem;\n  }\n}\n@media (max-width: 896px) {\n  .b-full-author-bio {\n    text-align: center !important;\n  }\n}\n</style>\n\n\n<!-- arc_elements -->\n<style>\n/* SHARE_BAR --- */\n.b-page-type__content .arena-share-bar {\n  margin-block-end: var(--global-rems-150);\n}\n\n/* AUTHOR_BIO --- */\n.b-page-type__content .b-author-bio {\n  --b-author-bio-margin-block-start: var(--global-rems-050) !important;\n  --b-author-bio-gap: var(--global-rems-100) !important;\n  gap: var(--b-author-bio-gap);\n}\n.b-page-type__content .b-author-bio .b-author-bio__author-name {\n  --b-author-bio-author-name-font-family: var(--font-family-meta, var(--font-sans)) !important;\n  --b-author-bio-author-name-font-weight: var(--global-weight-600) !important;\n  --b-author-bio-author-name-font-size: var(--global-rems-106) !important;\n}\n@media (min-width: 0) {\n  .b-page-type__content .b-author-bio .b-author-bio__author-picture {\n    max-inline-size: var(--global-rems-400);\n    max-block-size: var(--global-rems-400);\n  }\n}\n@media (min-width: 896px) {\n  .b-page-type__content .b-author-bio .b-author-bio__author-picture {\n    max-inline-size: var(--global-rems-350);\n    max-block-size: var(--global-rems-350);\n  }\n}\n\n/* BYLINE --- */\n.b-page-type__content .b-byline.c-attribution,\n.b-page-type__content .b-byline {\n  --b-byline-font-family: var(--global-family-sans, var(--font-sans)) !important;\n  font-family: var(--b-byline-font-family);\n  font-family: var(--font-sans) !important;\n}\n@media (min-width: 0) {\n  .b-page-type__content .b-byline {\n    --b-byline-font-size: var(--global-rems-100) !important;\n    --c-attribution-link-font-size: var(--global-rems-100) !important;\n  }\n}\n@media (min-width: 896px) {\n  .b-page-type__content .b-byline {\n    --b-byline-font-size: var(--global-rems-106) !important;\n    --c-attribution-link-font-size: var(--global-rems-106) !important;\n  }\n}\n\n.b-page-type__content .right-rail__main-interior-item .b-article-tag {\n  margin-block-start: var(--global-rems-200) !important;\n  margin-block-end: var(--global-rems-200) !important;\n}\n\n\n/* LEAD_ART --- */\n.b-page-type__content .b-lead-art {\n  background-color: var(--global-transparent) !important;\n  margin-block-start: var(--global-rems-100) !important;\n  --b-lead-art-margin-block-start: var(--global-rems-100) !important;\n}\n@media (min-width: 0) {\n  .b-page-type__content .b-lead-art__image-wrapper {\n    --b-lead-art-image-wrapper-border: none !important;\n    --b-lead-art-image-wrapper-border-radius: 0 !important;\n    --b-lead-art-image-wrapper-background-color: var(--global-transparent) !important;\n    background-color: var(--global-transparent) !important;\n    --c-image-object-fit: contain;\n    --b-lead-art-image-wrapper-overflow: auto !important;\n    --b-lead-art-image-wrapper-max-block-size: 75vh !important;\n  }\n}\n@media (min-width: 896px) {\n  .b-page-type__content .b-lead-art__image-wrapper {\n    aspect-ratio: initial !important;\n    --b-lead-art-image-wrapper-max-block-size: 75vh;\n  }\n}\n\n\n/* BODY_CHAIN --- */\n\n.b-article-body .b-ads-block:has(div [id^='div-gpt-ad']:not([data-google-query-id])) {\n  margin-block-end: var(--global-rems-000) !important;\n}\n\n.b-page-type__content .b-single-column-regular__body .b-article-body {\n  margin-block-start: var(--global-rems-100) !important;\n}\n.b-page-type__content .right-rail__main-interior-item .b-article-body {\n  margin-block-start: var(--global-rems-150) !important;\n  margin-block-end: var(--global-rems-300) !important;\n\n  > :is(p,ol,ul,li,h2,h3,h4,h5,div,table,blockquote,figcaption) {\n    -webkit-user-select: none;\n    user-select: none;\n  }\n  p.c-paragraph {\n    overflow-wrap: break-word;\n  }\n}\n\n.b-page-type__content .b-article-body {\n  margin-inline: auto;\n  max-inline-size: 37.5rem; /* 40rem */\n  font-family: var(--font-family-paragraph) !important;\n}\n.b-page-type__content .b-article-body > * {\n  --b-article-body-children-margin-block-end: var(--global-rems-150);\n  & + :is(p + :is(ol,ul)) {\n    margin-block-start: calc(var(--global-rems-112) * -1) !important;\n  }\n}\n\n.b-page-type__content .b-article-body :first-child:is(h2,h3,h4,h5) {\n  margin-block-start: var(--global-rems-000) !important;\n}\n.b-page-type__content .b-article-body :is(ol,ul) {\n  --b-article-body-ul-padding-block-end: 0rem;\n  --b-article-body-ul-padding-block-start: 0rem;\n  --b-article-body-ol-padding-block-end: 0rem;\n  --b-article-body-ol-padding-block-start: 0rem;\n}\n\n\n/* HEADINGS --- */\n.b-page-type__content .b-article-body \n:is(.b-article-body__h2,.b-article-body__h3,.b-article-body__h4,.b-article-body__h5) {\n  font-family: var(--font-family-meta, var(--font-sans)) !important;\n  font-weight: var(--global-weight-semibold) !important;\n  margin-block-end: var(--global-rems-050) !important;\n  line-height: var(--global-leading-137) !important;\n\n  --b-article-body-h2-margin-block-start: var(--global-rems-300);\n  --b-article-body-h3-margin-block-start: var(--global-rems-250);\n  --b-article-body-h4-margin-block-start: var(--global-rems-200);\n  /* --b-article-body-h5-margin-block-start: var(--global-rems-150); */\n  --b-article-body-h2-font-size: var(--heading-level-4-font-size);\n  --b-article-body-h3-font-size: var(--heading-level-5-font-size);\n  --b-article-body-h4-font-size: var(--heading-level-6-font-size);\n  --b-article-body-h5-font-size: var(--body-font-size-large);\n\n  > :is(b,strong) {\n    font-weight: var(--global-weight-semibold) !important;\n  }\n  + :is(h3,h4,h5) {\n    margin-block-start: var(--global-rems-075) !important;\n  }\n}\n\n\n/* GALLERIES --- */\n.b-article-body .b-article-body__gallery .b-
1899article-body__image-wrapper {\n  --b-article-body-image-wrapper-overflow: initial !important;\n  overflow: var(--b-article-body-image-wrapper-overflow);\n}\n\n\n/* PULLQUOTE --- */\n@media (min-width: 0) {\n  .b-page-type__content :is(.b-article-body__pullquote,.b-article-body__blockquote) {\n    --b-article-body-pullquote-gap: var(--global-rems-075);\n    margin-block-end: var(--global-rems-200) !important;\n    margin-left: var(--global-rems-050);\n    & .b-article-body__icon {\n      filter: none !important;\n      left: -0.75rem;\n      top: -2.5rem;\n      z-index: 0;\n    }\n    .c-paragraph {\n      z-index: 1;\n    }\n    .b-article-body__citation {\n      --b-article-body-citation-font-family: var(--font-sans);\n      --b-article-body-citation-font-weight: var(--global-weight-400);\n      --b-article-body-citation-margin-inline-start: var(--global-rems-000);\n    }\n  }\n}\n@media (min-width: 896px) {\n  .b-page-type__content :is(.b-article-body__pullquote,.b-article-body__blockquote) {\n    margin-left: var(--global-rems-100);\n    & .b-article-body__icon {\n      left: -1rem;\n      top: -3rem;\n    }\n  }\n}\n\n\n/* TABLES --- */\n.b-page-type__content .b-article-body__table {\n  max-width: 100%; overflow-x: scroll;\n  --b-article-body-table-text-align: initial !important;\n  --b-article-body-table-font-family: var(--font-family-paragraph) !important;\n  --b-article-body-table-font-size: var(--global-rems-100) !important;\n  @media (min-width: 896px) {\n    --b-article-body-table-font-size: var(--global-rems-106) !important;\n  }\n}\n.b-page-type__content .b-article-body__table thead {\n  --b-article-body-table-thead-background-color: var(--global-prose-30) !important;\n  --b-article-body-table-thead-border-block-end-color: var(--global-prose-40) !important;\n}\n.b-page-type__content .b-article-body__table :is(th,td) {\n  padding-block-start: var(--global-rems-037);\n  padding-block-end: var(--global-rems-037);\n  padding-inline-end: var(--global-rems-062);\n  padding-inline-start: var(--global-rems-062);\n}\n\n\n/* EMBEDS --- */\n.b-article-body__embed-responsive[style*='min-height:150px']:has(.tiktok-embed) {\n  min-height: 768px !important;\n}\n.b-page-type__content .b-article-body {\n  div[data-testid='oembed-container'],\n  .b-article-body__html [class='CSS_Poll PDS_Poll'] {\n    display: flex;\n    justify-content: center;\n  }\n}\n\n/* AUDIO_API --- */\n.b-page-type__content .b-article-body .b-article-body__html {\n  & audio {\n    border: 1px solid #CCC;\n    border-radius: 2rem;\n    max-width: 480px;\n    width: 100%;\n  }\n  & audio + p {\n    font-size: 1em;\n    line-height: 1;\n    margin-bottom: 2em;\n  }\n  & audio + p > small {\n    color: #666;\n    font-size: 0.8em;\n    font-style: italic;\n    padding-left: 1.25rem;\n    &::before {\n      content: \"♫  \";\n      color: #333;\n    }\n  }\n}\n</style>\n\n\n<!-- fold_paywall -->\n<style>\n/* FULL_WIDTH --- */\n.b-page-type__content .right-rail__full-width-1 :is(.b-overline,.b-byline,.b-date) {\n  display: block !important;\n  inline-size: fit-content !important;\n}\n.b-page-type__content .right-rail__full-width-1 h1.b-headline {\n  --b-headline-font-we
1899ight: var(--typography-heading-font-weight) !important;\n  font-weight: var(--b-headline-font-weight);\n  /* margin-block-start: var(--global-rems-037); */\n}\n.b-page-type__content .right-rail__full-width-1 .b-subheadline {\n  --b-subheadline-font-family: var(--font-family-subheadline, var(--font-family-meta));\n  font-family: var(--b-subheadline-font-family) !important;\n  --b-subheadline-font-weight: var(--global-weight-450) !important;\n  font-weight: var(--b-subheadline-font-weight);\n  --b-subheadline-line-height: var(--global-leading-150) !important;\n  line-height: var(--b-subheadline-line-height);\n  /* margin-block-start: var(--global-rems-062); */\n  --c-heading--webkit-line-clamp: 4;\n  --heading-truncation: var(--c-heading--webkit-line-clamp);\n}\n@media (min-width: 896px) {\n  .b-page-type__content .right-rail__full-width-1 .b-date {\n    margin-block-start: var(--global-rems-050) !important;\n    --c-date-font-size: var(--global-rems-112) !important;\n    font-size: var(--c-date-font-size);\n  }\n}\n\n@media (width>=896px) {\n  .b-page-type__content .right-rail__full-width-1 {\n    h1.b-headline { max-width: 50rem; /* 800px */ }\n    .b-subheadline { max-width:45rem; /* 720px */ }\n  }\n}\n\n.b-page-type__content .b-single-column-regular__body \n.b-single-chain__children-stack:has(> .b-overline + .b-headline) {\n  --b-single-chain-children-stack-gap: var(--global-rems-075) !important;\n}\n.b-page-type__content .b-single-column-regular__body \n.b-single-chain__children-stack .b-subheadline {\n  --b-subheadline-font-family: var(--font-family-subheadline, var(--font-family-meta, var(--font-sans)));\n}\n\n.b-page-type__content .right-rail__main \n.right-rail__main-container > .right-rail__full-width-1 > *:not(.b-date) {\n  margin-block-start: var(--global-rems-000) !important;\n}\n.b-page-type__content .right-rail__main \n.right-rail__main-container > .right-rail__full-width-1 {\n  display: inline-grid;\n  row-gap: var(--global-rems-050) !important;\n}\n\n\n/* AD_BANNER (FIX) --- */\n\n.right-rail .right-rail__ad {\n  row-gap: var(--global-rems-000) !important;\n  [data-ad-position='ad-banner-1'] {\n    margin-block-start: var(--global-rems-100) !important;\n  }\n  @media (min-width: 896px) {\n    padding-inline: 0;\n    /* padding-left: calc(var(--global-rems-100) * -1);\n    padding-right: calc(var(--global-rems-100) * -1); */\n  }\n}\n\n.b-page-type__content .right-rail__main \n.right-rail__ad:has(> *) + \n.right-rail__main-container > .right-rail__full-width-1 {\n  margin-block-start: var(--global-rems-150) !important;\n  @media (min-width: 896px) {\n    margin-block-start: var(--global-rems-050) !important;\n  }\n}\n.b-page-type__content .right-rail__main \n:is(.right-rail__ad:not(:has(> *)),.right-rail__ad:has([style='display:none'])) + \n.right-rail__main-container > .right-rail__full-width-1 {\n  margin-block-start: var(--global-rems-200) !important;\n  @media (min-width: 896px) {\n    margin-block-start: var(--global-rems-300) !important;\n  }\n}\n\n\n/* PAYWALL_DIALOG --- */\n.b-paywall__subscription-dialog {\n  font-family: var(--font-family-meta) !important;\n  --b-paywall-subscription-dialog-font-family: var(--font-family-meta) !important;\n}\n.b-paywall__subscription-dialog-link-prompt-link,\n.b-paywall__subscription-dialog-link-prompt-link.c-link {\n  --c-link-color: var(--color-primary) !important;\n}\n.b-paywall__subscription-dialog-link-prompt-link.c-link {\n  --b-paywall-subscription-dialog-link-prompt-link-font-weight: var(--global-weight-700);\n  font-weight: var(--b-paywall-subscription-dialog-link-prompt-link-font-weight) !important;\n}\n.b-paywall__subscription-dialog-reason-prompt,\n.b-paywall__subscription-dialog-link-prompt,\n.b-paywall__subscription-dialog-link-prompt-link,\n.b-paywall__subscription-dialog-link-prompt-pre-link {\n  font-weight: var(--global-weight-500) !important;\n  font-size: var(--global-rems-106) !important;\n}\n.b-paywall__subscription-dialog .c-button.c-button--large {\n  padding-inline: var(--global-rems-100) !important;\n  padding-block: var(--global-rems-075) !important;\n  border-radius: var(--global-rems-037) !important;\n  font-family: var(--font-sans, sans-serif) !important;\n  --c-button-font-family: var(--font-sans, sans-serif) !important;\n}\n\n.b-paywall__subscription-dialog {\n  .b-paywall__subscription-dialog-reason-prompt {\n    font-family: var(--font-family-meta) !important;\n  }\n  .b-paywall__subscription-dialog-link-prompt {\n    .b-paywall__subscription-dialog-link-prompt-link,\n    .b-paywall__subscription-dialog-link-prompt-pre-link {\n      font-family: var(--font-family-meta) !important;\n    }\n  }\n  .b-paywall__subscription-dialog-offer-info .c-heading {\n    font-family: var(--font-family-headline) !important;\n  }\n  .b-paywall__subscription-dialog-subheadline {\n    font-family: var(--font-family-paragraph) !important;\n  }\n}\n</style>\n\n\n<!-- [ ↗ LAST_UPDATED ] -->\n<!-- Wed 13 May 2026 13:15 GMT -->\n"},"displayProperties":{},"localEdits":{},"variants":{}}}]}
1899,{"collection":"sections","props":{"collection":"sections","id":1},"children":[{"collection":"features","type":"@wpmedia/htmlbox-block/htmlbox","props":{"collection":"features","type":"@wpmedia/htmlbox-block/htmlbox","id":"f0f2C68HWtuvRe","name":"ARCXP__STYLE_OVERRIDES","contentConfig":{"contentService":"","contentConfigValues":{},"inherit":true},"customFields":{"HTML":"<!-- Version_1.04 -->\n<!-- ARCXP__STYLE_OVERRIDES -->\n<!-- TL;DR — Will be removed once we have refactored the below CSS variables in our Themes 2.0 JSON files. -->\n\n<!-- ↗ Selector specificity is !important as its trying to ensure target defaults are actually overridden. -->\n\n\n\n\n\n<!-- commerce_layouts -->\n<style>\n\n/* :root {\n  --c-heading-font-weight: var(--typography-heading-font-weight);\n  --font-family-primary: var(--font-sans) !important;\n  --font-family-primary: var(--font-family-meta);\n} */\n\n\n\n\n\n/* COMMERCE_LAYOUTS --- */\n\n\n.b-single-column-regular__navigation {\n  --b-single-column-regular-navigation-border-block-end: none !important;\n}\n\n.b-landing-page-layout__footer {\n  --b-landing-page-layout-footer-margin-block-end: 0rem !important;\n}\n\n\n\n\n\n.arena-hero-layout__navigation {\n  --b-right-rail-navigation-margin-block-end: 0 !important;\n  margin-block-end: var(--b-right-rail-navigation-margin-block-end);\n  border-block-end: none !important;\n}\n\n.arena-hero-layout__footer {\n  margin-block-end: 0rem !important;\n}\n\n\n\n.arena-hero-layout__main-container {\n  margin-inline: auto;\n  padding-inline: var(--global-rems-100);\n}\n\n@media (min-width: 56rem) {\n  .arena-hero-layout__main-container {\n    inline-size: 100%;\n    max-inline-size: 1056px;\n  }\n}\n\n</style>\n<!-- . -->\n\n\n\n\n\n<!-- offers_page__blocks -->\n<style>\n\n/* OFFERS_PAGE__BLOCKS --- */\n\n\n.b-offer {\n  max-width: 100%;\n  width: fit-content;\n  margin-inline: auto;\n}\n\n\n\n.b-offer__title.c-heading {\n  font-family: var(--font-family-headline);\n  font-size: var(--global-rems-250);\n  line-height: 1.25;\n}\n.b-offer__subtitle.c-paragraph {\n  font-family: var(--font-family-meta, sans-serif);\n  font-size: var(--global-rems-125);\n  color: var(--global-prose-80);\n  font-weight: 500;\n}\n\n@media (min-width: 56rem) {\n  .b-offer__title.c-heading {\n    font-size: var(--global-rems-300);\n  }\n  .b-offer__subtitle.c-paragraph {\n    font-size: var(--global-rems-150);\n  }\n}\n\n\n\n@media (min-width: 0) {\n  .b-offer__headings {\n    margin-block: var(--global-rems-300) var(--global-rems-200);\n    max-inline-size: 100%;\n  }\n}\n\n@media (min-width: 56rem) {\n  .b-offer__headings {\n    margin-block: var(--global-rems-400) var(--global-rems-300);\n    max-inline-size: 50%;\n  }\n}\n\n\n\n\n\n.b-offer__wrapper {\n  max-width: 896px;\n  max-inline-size: 56rem;\n}\n\n\n\n/* .b-offer__grid-list {\n  --b-offer-grid-list-gap: var(--global-rems-200);\n} */\n\n@media (min-width: 56rem) {\n  .b-offer__grid-list {\n    --b-offer-grid-list-gap: var(--global-rems-300) var(--global-rems-200);\n  }\n}\n\n\n\n@media (min-width: 0) {\n  .b-offer__grid-list--4 {\n    --b-offer-grid-list-4-grid-template-columns: 1fr !important;\n    grid-template-columns: var(--b-offer-grid-list-4-grid-template-columns);\n  }\n}\n\n@media (min-width: 56rem) {\n  .b-offer__grid-list--4 {\n    --b-offer-grid-list-4-grid-template-columns: 1fr 1fr !important;\n    grid-template-columns: var(--b-offer-grid-list-4-grid-template-columns);\n  }\n}\n\n\n\n/* .b-offer__grid-list {\n  & .b-offer__card:nth-child(2) {\n    border: 2px solid var(--color-primary);\n    box-shadow: 0px 8px 40px -4px var(--color-primary) !important;\n  }\n} */\n\n\n.b-offer__card {\n  background-color: whitesmoke;\n  box-shadow: 6px 12px 24px #0003;\n  border-radius: var(--global-rems-125);\n  border: 2px solid var(--color-primary);\n  --c-paragraph-margin-block-end: var(--global-rems-200);\n\n  & .c-button {\n    --c-button-border-radius: var(--global-rems-050);\n    --c-button-large-font-size: var(--global-rems-106);\n    font-size: var(--c-button-large-font-size) !important;\n    letter-spacing: var(--global-tracking-wider);\n    text-transform: uppercase !important;\n  }\n}\n\n\n\n.b-offer__card .c-heading {\n  font-family: var(--font-family-headline);\n  font-size: var(--global-rems-175);\n}\n\n.b-offer__card .c-paragraph {\n  font-family: var(--font-family-meta, sans-serif);\n  font-size: var(--global-rems-112);\n}\n\n\n\n\n\n.b-login-links * {\n  --b-login-links-font-family: var(--font-family-meta);\n  font-family: var(--font-family-meta, sans-serif);\n  font-size: var(--global-rems-112);\n\n  & .c-link {\n    font-weight: var(--global-weight-600);\n  }\n}\n\n\n.b-login-links {\n  gap: var(--global-rems-050) !important;\n  margin-block-start: var(--global-rems-150);\n}\n\n.b-login-links__inner-link {\n  --b-login-links-inner-link-margin-block-end: var(--global-rems-050) !important;\n  margin-block-end: var(--b-login-links-inner-link-margin-block-end);\n}\n\n</style>\n<!-- . -->\n\n\n\n<!-- TO_BE__CONFIRMED -->\n<style>\n\n/* TO_BE__CONFIRMED --- */\n\n\n@media (min-width: 0) {\n  .b-offer__grid-list--1,\n  .b-offer__grid-list--2,\n  .b-offer__grid-list--3,\n  .b-offer__grid-list--4,\n  .b-offer__grid-list--5,\n  .b-offer__grid-list--5 > * {\n    grid-template-columns: 1fr;\n    --grid-template-columns: 1fr;\n    --b-offer-grid-list-2-grid-template-columns: 1fr;\n    --b-offer-grid-list-3-grid-template-columns: 1fr;\n    --b-offer-grid-list-4-grid-template-columns: 1fr;\n    --b-offer-grid-list-5-grid-template-columns: 1fr;\n  }\n}\n\n\n@media (min-width: 56rem) {\n  .b-offer__grid-list--2,\n  .b-offer__grid-list--3,\n  .b-offer__grid-list--4,\n  .b-offer__grid-list--5,\n  .b-offer__grid-list--5 > * {\n    grid-template-columns: 1fr 1fr !important;\n    --grid-template-columns: 1fr 1fr !important;\n    --b-offer-grid-list-2-grid-template-columns: 1fr 1fr !important;\n    --b-offer-grid-list-3-grid-template-columns: 1fr 1fr !important;\n    --b-offer-grid-list-4-grid-template-columns: 1fr 1fr !important;\n    --b-offer-grid-list-5-grid-template-columns: 1fr 1fr !important;\n  }\n}\n\n\n/* @media (min-width: 0) {\n  .b-offer__grid-list--1 {\n    --b-offer-grid-list-1-grid-template-columns: 1fr !important;\n    grid-template-columns: var(--b-offer-grid-list-1-grid-template-columns);\n  }\n  .b-offer__grid-list--2 {\n    --b-offer-grid-list-2-grid-template-columns: 1fr !important;\n    grid-template-columns: var(--b-offer-grid-list-2-grid-template-columns);\n  }\n  .b-offer__grid-list--3 {\n    --b-offer-grid-list-3-grid-template-columns: 1fr !important;\n    grid-template-columns: var(--b-offer-grid-list-3-grid-template-columns);\n  }\n  .b-offer__grid-list--4 {\n    --b-offer-grid-list-4-grid-template-columns: 1fr !important;\n    grid-template-columns: var(--b-offer-grid-list-4-grid-template-columns);\n  }\n  .b-offer__grid-list--5,\n  .b-offer__grid-list--5 > * {\n    --b-offer-grid-list-5-grid-template-columns: 1fr !important;\n    grid-template-columns: var(--b-offer-grid-list-5-grid-template-columns);\n  }\n}\n\n@media (min-width: 56rem) {\n  .b-offer__grid-list--1 {\n    --b-offer-grid-list-1-grid-template-columns: 1fr !important;\n    grid-template-columns: var(--b-offer-grid-list-1-grid-template-columns);\n  }\n  .b-offer__grid-list--2 {\n    --b-offer-grid-list-2-grid-template-columns: 1fr 1fr !important;\n    grid-template-columns: var(--b-offer-grid-list-2-grid-template-columns);\n  }\n  .b-offer__grid-list--2 {\n    --b-offer-grid-list-2-grid-template-columns: 1fr 1fr !important;\n    grid-template-columns: var(--b-offer-grid-list-2-grid-template-columns);\n  }\n  .b-offer__grid-list--3 {\n    --b-offer-grid-list-3-grid-template-columns: 1fr 1fr !important;\n    grid-template-columns: var(--b-offer-grid-list-3-grid-template-columns);\n  }\n  .b-offer__grid-list--4 {\n    --b-offer-grid-list-4-grid-template-columns: 1fr 1fr !important;\n    grid-template-columns: var(--b-offer-grid-list-4-grid-template-columns);\n  }\n  .b-offer__grid-list--5,\n  .b-offer__grid-list--5 > * {\n    --b-offer-grid-list-5-grid-template-columns: 1fr 1fr !important;\n    grid-template-columns: var(--b-offer-grid-list-5-grid-template-columns);\n  }\n} */\n\n</style>\n<!-- !? -->\n\n\n\n\n\n<!-- checkout_page -->\n<style>\n\n/* CHECKOUT_PAGE --- */\n\n\n.b-checkout__section {\n  margin-block-end: var(--b-checkout-section-margin-block-end);\n  font-family: var(--font-sans, sans-serif) !important;\n  max-width: 800px !important;\n  width: 100%;\n}\n\n\n.b-checkout__section {\n  margin-block-end: var(--b-checkout-section-margin-block-end);\n  font-family: var(--b-checkout-section-font-family);\n  max-width: var(--b-checkout-section-max-width);\n}\n\n@media(min-width: 0) {\n  .b-checkout__section {\n    --c-heading-font-size: var(--heading-level-4-font-size);\n    --c-heading-font-family: var(--font-family-headline);\n    --c-heading-margin-block-end: var(--global-rems-150);\n\n    --c-link-color: var(--color-primary);\n    --c-link-border-block-end-width: 1px;\n    --c-link-border-block-end-style: solid;\n    --c-link-border-block-end-color: var(--color-primary);\n    --c-link-hover-color: var(--color-primary-hover);\n\n    --c-link-hover-border-block-end-width: 1px;\n    --c-link-hover-border-block-end-style: solid;\n    --c-link-hover-border-block-end-color: var(--color-primary-hover);\n  }\n}\n\n\n\n/* --b-checkout-section-font-family: var(--font-family-meta);\nfont-family: var(--b-checkout-section-font-family); */\n\n\n\n\n\n.b-checkout__orderCard--productPrice {\n  --c-heading-font-size: var(--global-font-size-9);\n  --c-heading-line-height: var(--global-line-height-6);
1899\n\n  & .c-heading {\n    --c-heading-font-weight: var(--typography-heading-font-weight);\n    --c-heading-font-family: var(--font-family-headline);\n    font-weight: var(--c-heading-font-weight);\n  }\n}\n\n\n\n.b-checkout__orderCard__summary--details--item {\n  /* flex-direction: var(--b-checkout-order-card--summary--details--item-flex-direction);\n  justify-content: var(--b-checkout-order-card--summary--details--item-justify-content); */\n  font-weight: var(--b-checkout-order-card--summary--details--item-font-weight);\n  font-size: var(--b-checkout-order-card--summary--details--item-font-size);\n\n  --b-checkout-order-card--summary--details--item-font-family: var(--font-sans) !important;\n  font-family: var(--b-checkout-order-card--summary--details--item-font-family);\n}\n\n\n\n</style>\n<!-- §§§§ -->\n\n\n\n\n\n<!-- account_management -->\n<style>\n\n/* ACCOUNT_MANAGEMENT --- */\n\n\n.b-account-management {\n  /* font-family: var(--b-account-management-font-family);\n  margin-block-start: var(--b-account-management-margin-block-start);\n  margin-block-end: var(--b-account-management-margin-block-end);\n  margin-inline-start: var(--b-account-management-margin-inline-start);\n  margin-inline-end: var(--b-account-management-margin-inline-end); */\n\n  --b-account-management-font-family: var(--font-sans) !important;\n  --b-account-management-margin-inline-start: 0rem !important;\n  --b-account-management-margin-inline-end: 0rem !important;\n  margin-inline-start: var(--b-account-management-margin-inline-start);\n  margin-inline-end: var(--b-account-management-margin-inline-end);\n}\n\n\n@media(min-width: 0) {\n  .b-account-management {\n    --c-heading-font-size: var(--global-font-size-7);\n    --c-heading-margin-block-end: var(--global-rems-050);\n\n    --c-button-font-size: var(--global-rems-100);\n    --c-input-margin-block-end: var(--global-rems-150);\n    --c-input-error-tip-color: var(--status-color-danger);\n    --c-input-input-inline-size: 100%;\n    --c-input-input-padding-block-end: var(--global-rems-050);\n    --c-input-input-padding-block-start: var(--global-rems-050);\n    --c-input-input-padding-inline-start: var(--global-rems-075) !important;\n    --c-input-input-padding-inline-end: var(--global-rems-075) !important;\n    --c-input-input-font-family: var(--font-sans, sans-serif) !important;\n\n    /* --c-paragraph-font-family: var(--font-family-paragraph); */\n    --c-paragraph-font-family: var(--font-sans, sans-serif) !important;\n    --c-paragraph-margin-block-end: var(--global-rems-150);\n  }\n}\n\n\n\n.b-account-management__edit {\n  border-color: var(--b-account-management-edit-border-color);\n  border-radius: var(--b-account-management-edit-border-radius);\n  border-style: var(--b-account-management-edit-border-style);\n  border-width: var(--b-account-management-edit-border-width);\n  margin-block-end: var(--b-account-management-edit-margin-block-end);\n  padding-block-start: var(--b-account-management-edit-padding-block-start);\n  padding-block-end: var(--b-account-management-edit-padding-block-end);\n  padding-inline-start: var(--b-account-management-edit-padding-inline-start);\n  padding-inline-end: var(--b-account-management-edit-padding-inline-end);\n}\n\n@media(min-width: 0) {\n  .b-account-management__edit {\n    --c-button-default-color: var(--color-primary);\n    --c-button-default-text-decoration: underline;\n    --c-button-default-hover-color: var(--color-primary-hover);\n    --c-paragraph-margin-block-end: 0;\n  }\n}
1899\n\n\n/* .b-account-management__edit-label {\n  align-items: var(--b-account-management-edit-label-align-items);\n  display: var(--b-account-management-edit-label-display);\n  justify-content: var(--b-account-management-edit-label-justify-content);\n} */\n\n@media(min-width: 0) {\n  .b-account-management__edit-label {\n    --c-paragraph-font-weight: var(--global-weight-700);\n  }\n}\n\n\n\n.b-account-management__section {\n  margin-block-end: var(--b-account-management-section-margin-block-end);\n\n  & .c-heading {\n    --c-heading-font-family: var(--font-family-headline);\n  }\n}\n\n\n\n/* .b-account-management {} */\n\n\n\n.b-account-management__edit-label {\n  --c-paragraph-font-weight: var(--global-weight-700);\n  font-family: var(--font-sans, sans-serif) !important;\n}\n\n.b-account-management__edit-label-container {\n  min-height: 37px;\n}\n\n\n.b-account-management__section .newsletter-field {\n  display: flex;\n  flex-direction: column;\n  gap: var(--global-rems-025);\n  margin-bottom: var(--global-rems-100) !important;\n  font-family: var(--font-sans, sans-serif) !important;\n}\n\n\n\n.b-account-management label.address-field__checkbox-label > input {\n  margin-inline: 0.125rem 0.5rem !important;\n}\n\n</style>\n<!-- §§§ -->\n\n\n\n\n\n\n\n\n\n<!-- account_signup -->\n<style>\n\n/* ACCOUNT_SIGNUP --- */\n\n\n.b-sign-up {\n  --b-sign-up-font-family: var(--font-family-meta, sans-serif);\n}\n\n\n\n@media (min-width: 0) {\n  .b-sign-up {\n    --c-heading-font-weight: var(--typography-heading-font-weight);\n    --c-heading-font-family: var(--font-family-headline);\n    --c-heading-font-size: var(--heading-level-4-font-size);\n    --c-heading-line-height: 1.25;\n    --c-heading-text-align: center;\n\n    --c-button-font-size: var(--global-rems-100);\n    --c-input-margin-block-end: var(--global-rems-100);\n    --c-input-error-tip-color: var(--status-color-danger);\n    --c-input-input-inline-size: 100%;\n    --c-input-input-padding-block-end: var(--global-rems-050);\n    --c-input-input-padding-block-start: var(--global-rems-050);\n    --c-input-input-padding-inline-start: var(--global-rems-075) !important;\n    --c-input-input-padding-inline-end: var(--global-rems-075) !important;\n\n    --c-paragraph-font-family: var(--font-family-paragraph);\n    --c-paragraph-margin-block-end: var(--global-rems-150);\n  }\n}\n\n@media (min-width: 56rem) {\n  .b-sign-up {\n    --c-heading-font-size: var(--global-font-size-12);\n    --c-heading-padding-block-end: var(--global-rems-100);\n  }\n}\n\n\n\n.b-sign-up {\n  --b-sign-up-font-family: var(--font-sans) !important;\n  font-family: var(--b-sign-up-font-family, sans-serif);\n\n  --b-sign-up-padding-block-end: var(--global-rems-100) !important;\n  padding-block-end: var(--b-sign-up-padding-block-end);\n}\n\n</style>\n<!-- . -->\n\n\n\n\n\n<!-- account_login -->\n<style>\n\n/* ACCOUNT_LOGIN --- */\n\n\n.b-login-form {\n  --b-login-form-font-family: var(--font-family-meta, sans-serif);\n}\n\n\n\n@media (min-width: 0) {\n  .b-login-form {\n    --c-heading-font-weight: var(--typography-heading-font-weight);\n    --c-heading-font-family: var(--font-family-headline);\n    --c-heading-font-size: var(--heading-level-4-font-size);\n    --c-heading-line-height: 1.25;\n    --c-heading-text-align: center;\n\n    --c-button-font-size: var(--global-rems-100);\n    --c-input-margin-block-end: var(--global-rems-100);\n    --c-input-error-tip-color: var(--status-color-danger);\n    --c-input-input-inline-size: 100%;\n    --c-input-input-padding-block-end: var(--global-rems-050);\n    --c-input-input-padding-block-start: var(--global-rems-050);\n    --c-input-input-padding-inline-start: var(--global-rems-075) !important;\n    --c-input-input-padding-inline-end: var(--global-rems-075) !important;\n\n    --c-paragraph-font-family: var(--font-family-paragraph);\n    --c-paragraph-margin-block-end: var(--global-rems-150);\n  }\n}\n\n@media (min-width: 56rem) {\n  .b-login-form {\n    --c-heading-font-size: var(--global-font-size-12);\n    --c-heading-padding-block-end: var(--global-rems-100);\n  }\n}\n\n\n\n.b-login-form {\n  --b-login-form-font-family: var(--font-sans) !important;\n  font-family: var(--b-login-form-font-family, sans-serif);\n\n  --b-login-form-padding-block-end: var(--global-rems-100) !important;\n  padding-block-end: var(--b-login-form-padding-block-end);\n}\n\n</style>\n<!-- . -->\n\n\n\n\n\n<!-- password__forgot_reset -->\n<style>\n\n/* PASSWORD_PAGES --- */\n\n\n.b-forgot-password {\n  --b-forgot-password-font-family: var(--font-family-meta);\n  font-family: var(--b-forgot-password-font-family, sans-serif);\n  --c-heading-font-family: var(--font-family-headline) !important;\n}\n\n\n@media(min-width: 0) {\n  .b-forgot-password {\n    --c-button-font-size: var(--global-rems-100);\n    --c-heading-border-block-end-color: var(--border-color);\n    --c-heading-border-block-end-style: var(--global-border-style-1);\n    --c-heading-border-block-end-width: var(--global-border-width-1);\n    --c-heading-font-size: var(--global-font-size-9);\n    --c-heading-margin-block-end: var(--global-rems-100);\n    --c-heading-padding-block-end: var(--global-rems-050);\n    --c-heading-text-align: center;\n\n    --c-input-margin-block-end: var(--global-rems-150);\n    --c-input-error-tip-color: var(--status-color-danger);\n    --c-input-input-inline-size: 100%;\n    --c-input-input-padding-block-end: var(--global-rems-050);\n    --c-input-input-padding-block-start: var(--global-rems-050);\n    --c-input-input-padding-inline-start: var(--global-rems-075) !important;\n    --c-input-input-padding-inline-end: var(--global-rems-075) !important;\n    --c-input-input-font-family: var(--font-sans) !important;\n\n    --c-paragraph-font-family: var(--font-family-paragraph);\n    --c-paragraph-margin-block-end: var(--global-rems-100);\n    --c-paragraph-text-align: center\n  }\n}\n\n\n@media(min-width: 56rem) {\n  .b-forgot-password {\n    --c-heading-font-size: var(--global-font-size-12);\n    --c-heading-padding-block-end: var(--global-rems-100);\n  }\n}\n\n\n\n\n\n.b-reset-password {\n  --b-reset-password-font-family: var(--font-family-meta);\n  font-family: var(--b-reset-password-font-family, sans-serif);\n  --c-heading-font-family: var(--font-family-headline) !important;\n}\n\n\n@media(min-width: 0) {\n  .b-reset-password {\n    --c-button-font-size: var(--global-rems-100);\n    --c-heading-border-block-end-color: var(--border-color);\n    --c-heading-border-block-end-style: var(--global-border-style-1);\n    --c-heading-border-block-end-width: var(--global-border-width-1);\n    --c-heading-font-size: var(--global-font-size-9);\n    --c-heading-margin-block-end: var(--global-rems-100);\n    --c-heading-padding-block-end: var(--global-rems-050);\n    --c-heading-text-align: center;\n  \n    --c-input-margin-block-end: var(--global-rems-150);\n    --c-input-error-tip-color: var(--status-color-danger);\n    --c-input-input-inline-size: 100%;\n    --c-input-input-padding-block-end: var(--global-rems-050);\n    --c-input-input-padding-block-start: var(--global-rems-050);\n    --c-input-input-padding-inline-start: var(--global-rems-075) !important;\n    --c-input-input-padding-inline-end: var(--global-rems-075) !important;\n    --c-input-input-font-family: var(--font-sans) !important;\n\n    --c-paragraph-font-family: var(--font-family-paragraph);\n    --c-paragraph-margin-block-end: var(--global-rems-100);\n    --c-paragraph-text-align: center;\n  }\n}\n\n\n@media(min-width: 56rem) {\n  .b-reset-password {\n    --c-heading-font-size: var(--global-font-size-12);\n    --c-heading-padding-block-end: var(--global-rems-100);\n  }\n}\n\n</style>\n<!-- §§ -->\n\n\n\n\n\n<!-- successful_pages -->\n<style>\n\n/* SUCCESSFUL_PAGES --- */\n\n\n/* .b-register {} */\n\n/* .b-subscription {} */\n\n</style>
1899\n<!-- § -->\n\n\n\n<!-- payment_outcomes -->\n<style>\n\n/* PAYMENT_OUTCOMES --- */\n\n\n/* .b-payment__return {} */\n\n/* .b-payment__cancel {} */\n\n</style>\n<!-- § -->\n\n\n\n\n\n<!-- [ ↗ LAST_UPDATED ] -->\n<!-- Thu 18 Dec 2025 at 19:30 SAST -->\n<!-- Thursday, December 18, 2025 at 7:30 pm (SAST) -->\n"},"displayProperties":{},"localEdits":{},"variants":{}}}]},{"collection":"sections","props":{"collection":"sections","id":2},"children":[{"collection":"features","type":"Identity/login","props":{"collection":"features","type":"Identity/login","id":"f0f3muuHj12C2JP","name":"Identity Log In - Arena Block","contentConfig":{"contentService":"","contentConfigValues":{},"inherit":true},"customFields":{"redirectURL":"/","redirectToPreviousPage":true,"loggedInPageLocation":"/account/","termsAndPrivacyURL":"/information/privacy-policy/"},"displayProperties":{},"localEdits":{},"variants":{}}},{"collection":"features","type":"@wpmedia/identity-block/login-links","props":{"collection":"features","type":"@wpmedia/identity-block/login-links","id":"f0fvLSuupx9y7yb","name":"Identity Login Links - Arc Block","contentConfig":{"contentService":"","contentConfigValues":{},"inherit":true},"customFields":{"loginURL":"/account/login/","loginWithOutPasswordUrl":"","forgotURL":"/account/forgot-password/","signUpURL":"/account/signup/","showForgot":true,"showSignUp":true},"displayProperties":{},"localEdits":{},"variants":{}}}]},{"collection":"sections","props":{"collection":"sections","id":3},"children":[]}]};Fusion.spa=false;Fusion.spaEnabled=false;</script>
1899</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.