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&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&display=swap&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&display=swap"/><link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Roboto+Slab:[email protected]&display=swap"/><link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400..700;1,400..700&display=swap"/><link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=block"/><link rel="stylesheet" data-testid="font-preload-0" href="https://fonts.googleapis.com/css2?family=Bodoni+Moda:opsz,wght@6,450&display=swap&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&display=swap"/><link rel="stylesheet" data-testid="font-preload-2" href="https://fonts.googleapis.com/css2?family=Roboto+Slab:[email protected]&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&display=swap"/><link rel="stylesheet" data-testid="font-preload-4" href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=block"/><link id="fusion-template-styles" rel="stylesheet" type="text/css" href="/pf/dist/components/combinations/default.css?d=88&mxId=00000000"/><link id="fusion-siteStyles-styles" rel="stylesheet" type="text/css" href="/pf/dist/css/sowetan.css?d=88&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&mxId=00000000" defer=""></script>
1<script id="fusion-engine-combinations-script" type="application/javascript" src="/pf/dist/components/combinations/default.js?d=88&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'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.