=896px) {
–gutter: 1.75rem;
}
}
/* H_LEVELS — */
@media (min-width: 0) {
:root {
–heading-level-1-font-size: var(–global-rems-212) !important;
–heading-level-2-font-size: var(–global-rems-187) !important;
–heading-level-3-font-size: var(–global-rems-162) !important;
–heading-level-4-font-size: var(–global-rems-137) !important;
–heading-level-5-font-size: var(–global-rems-125) !important;
–heading-level-6-font-size: var(–global-rems-112) !important;
}
}
@media (min-width: 896px) {
:root {
–heading-level-1-font-size: var(–global-rems-250) !important;
–heading-level-2-font-size: var(–global-rems-212) !important;
–heading-level-3-font-size: var(–global-rems-187) !important;
–heading-level-4-font-size: var(–global-rems-150) !important;
–heading-level-5-font-size: var(–global-rems-137) !important;
–heading-level-6-font-size: var(–global-rems-125) !important;
}
}
@media (max-width: 480px) {
:root {
–heading-level-1-font-size: var(–global-rems-200) !important;
–heading-level-2-font-size: var(–global-rems-175) !important;
–heading-level-3-font-size: var(–global-rems-150) !important;
}
}
/* PAGE_LAYOUT — */
.b-single-column-regular__navigation {
–b-single-column-regular-navigation-border-block-end: none !important;
}
.b-landing-page-layout__footer {
–b-landing-page-layout-footer-margin-block-end: 0rem !important;
}
.arena-hero-layout__navigation {
–b-right-rail-navigation-margin-block-end: 0 !important;
margin-block-end: var(–b-right-rail-navigation-margin-block-end);
border-block-end: none !important;
}
.arena-hero-layout__main-container {
margin-inline: auto;
padding-inline: var(–global-rems-100);
@media (min-width: 896px) {
inline-size: var(–b-header-nav-chain-top-layout-inline-size);
max-inline-size: var(–b-header-nav-chain-top-layout-max-inline-size);
}
}
/* NAVIGATION — */
@media (min-width: 0) {
.b-header-nav-chain__logo img {
block-size: auto !important;
max-block-size: var(–global-rems-237) !important;
-webkit-block-size: auto !important;
-webkit-max-block-size: var(–global-rems-237) !important;
-webkit-logical-height: auto !important;
-webkit-max-logical-height: var(–global-rems-237) !important;
–b-header-nav-chain-logo-image-block-size: auto !important;
–b-header-nav-chain-logo-image-max-block-size: var(–global-rems-237) !important;
–b-header-nav-chain-logo-image-max-inline-size: 13.5rem !important; /* 216px */
max-inline-size: var(–b-header-nav-chain-logo-image-max-inline-size);
}
.b-header-nav-chain__nav-background {
border-bottom: none;
}
.b-header-nav-chain .nav-components–desktop .c-button.c-button–small {
padding-inline: var(–global-rems-050) !important;
–c-button-border-radius: var(–global-rems-037) !important;
–c-button-small-font-weight: var(–global-weight-600) !important;
border-radius: var(–c-button-border-radius);
font-weight: var(–c-button-small-font-weight);
}
/* .b-header-nav-chain__links-list-item-link .c-link:hover {
–c-link-hover-color: var(–color-primary);
color: var(–c-link-hover-color);
} */
}
@media (min-width: 896px) {
.b-header-nav-chain__logo img {
block-size: auto !important;
max-block-size: var(–global-rems-250) !important;
-webkit-block-size: auto !important;
-webkit-max-block-size: var(–global-rems-250) !important;
-webkit-logical-height: auto !important;
-webkit-max-logical-height: var(–global-rems-250) !important;
–b-header-nav-chain-logo-image-block-size: auto !important;
–b-header-nav-chain-logo-image-max-block-size: var(–global-rems-250) !important;
–b-header-nav-chain-logo-image-max-inline-size: 15rem !important; /* 240px */
max-inline-size: var(–b-header-nav-chain-logo-image-max-inline-size);
}
.b-header-nav-chain__nav-background {
border-bottom: 1px solid var(–border-color) !important;
}
.b-header-nav-chain-subnav-list {
height: var(–global-rems-350) !important;
bottom: calc(var(–global-rems-350) * -1) !important;
}
.b-header-nav-chain-subnav-list .c-link {
font-size: var(–global-rems-087) !important;
font-weight: var(–global-weight-600) !important;
padding-block: var(–global-rems-075) !important;
padding-inline: var(–global-rems-112) !important;
}
}
.b-header-nav-chain__top-layout {
–b-header-nav-chain-top-layout-padding-inline-start: var(–global-rems-075);
–b-header-nav-chain-top-layout-padding-inline-end: var(–global-rems-075);
}
@media (min-width: 0) {
.b-header-nav-chain__logo–center {
–b-header-nav-chain-logo-center-left: 0;
–b-header-nav-chain-logo-center-transform: translateX(7.5%);
}
}
@media (min-width: 896px) {
.b-header-nav-chain__logo–center {
–b-header-nav-chain-logo-center-left: 50%;
–b-header-nav-chain-logo-center-transform: translateX(-50%);
}
}
/* FOOTER — */
.right-rail__footer {
–global-border-larger: 3px solid;
border-top: 3px solid var(–global-prose-80);
border-top: var(–global-border-larger) var(–global-prose-80);
}
.b-footer .b-footer__copyright {
width: 100vw !important;
}
.b-footer .b-footer__top-container {
–b-footer-top-container-padding-block-start: var(–global-rems-200) !important;
padding-block-start: var(–b-footer-top-container-padding-block-start);
}
/* ADVERTS — */
.b-ads-block :not(.b-ads-block–admin) {
–c-paragraph-font-family: var(–font-sans, sans-serif);
–c-paragraph-line-height: var(–global-leading-125);
–c-paragraph-font-weight: var(–global-weight-500);
–c-paragraph-font-size: var(–global-rems-075);
–c-paragraph-color: var(–global-prose-40);
& .c-paragraph {
letter-spacing: calc(var(–global-tracking-widest) / 2);
padding-block-end: var(–global-rems-025);
text-align: center !important;
}
}
/* .b-ads-block > *,
.b-ads-block > [data-ad-position] {
display: grid;
place-items: center;
}
@media (max-width: 896px) {
.right-rail__ad .b-ads-block:nth-of-type(2) > div,
.right-rail__ad .b-ads-block > [data-ad-position=’ad-banner-1′] {
min-height: 100px !important;
}
.b-article-body .b-ads-block > div,
.b-article-body .b-ads-block > [data-ad-position|=”ad-in-article-banner”] {
min-height: 280px !important;
}
} */
/* RESETS — */
html::selection {
color: #000;
background-color: #FE5;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub { bottom: -0.25em; }
sup { top: -0.5em; }
]]>
:is(p,ol,ul,li,h2,h3,h4,h5,div,table,blockquote) {
-webkit-user-select: none;
user-select: none;
}
}
.b-page-type__content .b-article-body {
margin-inline: auto;
max-inline-size: 40rem;
font-family: var(–font-family-paragraph) !important;
}
.b-page-type__content .b-article-body > * {
–b-article-body-children-margin-block-end: var(–global-rems-150);
/* ~ p + :is(ol,ul), */
& + :is(p + :is(ol,ul)) {
margin-block-start: calc(var(–global-rems-112) * -1) !important;
}
}
.b-page-type__content .b-article-body :first-child:is(h2,h3,h4,h5) {
margin-block-start: var(–global-rems-000) !important;
}
.b-page-type__content .b-article-body :is(ol,ul) {
–b-article-body-ul-padding-block-end: 0rem;
–b-article-body-ul-padding-block-start: 0rem;
–b-article-body-ol-padding-block-end: 0rem;
–b-article-body-ol-padding-block-start: 0rem;
}
/* HEADINGS — */
.b-page-type__content .b-article-body
:is(.b-article-body__h2,.b-article-body__h3,.b-article-body__h4,.b-article-body__h5) {
font-family: var(–font-family-meta, var(–font-sans)) !important;
font-weight: var(–global-weight-semibold) !important;
margin-block-end: var(–global-rems-050) !important;
line-height: var(–global-leading-137) !important;
–b-article-body-h2-margin-block-start: var(–global-rems-300);
–b-article-body-h3-margin-block-start: var(–global-rems-250);
–b-article-body-h4-margin-block-start: var(–global-rems-200);
/* –b-article-body-h5-margin-block-start: var(–global-rems-150); */
–b-article-body-h2-font-size: var(–heading-level-4-font-size);
–b-article-body-h3-font-size: var(–heading-level-5-font-size);
–b-article-body-h4-font-size: var(–heading-level-6-font-size);
–b-article-body-h5-font-size: var(–body-font-size-large);
> :is(b,strong) {
font-weight: var(–global-weight-semibold) !important;
}
+ :is(h3,h4,h5) {
margin-block-start: var(–global-rems-075) !important;
}
}
.b-page-type__content .right-rail__main-interior-item .b-article-tag {
margin-block-start: var(–global-rems-200) !important;
margin-block-end: var(–global-rems-200) !important;
}
/* GALLERIES — */
.b-page-type__content .b-article-body .b-article-body__gallery .b-article-body__image-wrapper {
–b-article-body-image-wrapper-overflow: initial !important;
overflow: var(–b-article-body-image-wrapper-overflow);
}
/* PULLQUOTE — */
@media (min-width: 0) {
.b-page-type__content :is(.b-article-body__pullquote,.b-article-body__blockquote) {
–b-article-body-pullquote-gap: var(–global-rems-075);
margin-block-end: var(–global-rems-200) !important;
margin-left: var(–global-rems-050);
& .b-article-body__icon {
filter: none !important;
left: -0.75rem;
top: -2.5rem;
z-index: 0;
}
.c-paragraph {
z-index: 1;
}
.b-article-body__citation {
–b-article-body-citation-font-family: var(–font-sans);
–b-article-body-citation-font-weight: var(–global-weight-400);
–b-article-body-citation-margin-inline-start: var(–global-rems-000);
}
}
}
@media (min-width: 896px) {
.b-page-type__content :is(.b-article-body__pullquote,.b-article-body__blockquote) {
margin-left: var(–global-rems-100);
& .b-article-body__icon {
left: -1rem;
top: -3rem;
}
}
}
/* TABLES — */
.b-page-type__content .b-article-body__table {
max-width: 100%; overflow-x: scroll;
–b-article-body-table-font-family: var(–font-family-paragraph) !important;
–b-article-body-table-text-align: initial !important;
–b-article-body-table-font-size: var(–global-rems-100) !important;
@media (min-width: 896px) {
–b-article-body-table-font-size: var(–global-rems-106) !important;
}
}
.b-page-type__content .b-article-body__table thead {
–b-article-body-table-thead-background-color: var(–global-prose-30) !important;
–b-article-body-table-thead-border-block-end-color: var(–global-prose-40) !important;
}
.b-page-type__content .b-article-body__table :is(th,td) {
padding-block-start: var(–global-rems-037);
padding-block-end: var(–global-rems-037);
padding-inline-end: var(–global-rems-062);
padding-inline-start: var(–global-rems-062);
}
/* EMBEDS — */
.b-page-type__content .b-article-body div[data-testid=’oembed-container’] {
display: flex;
justify-content: center;
}
.b-article-body__embed-responsive[style*=’min-height:150px’]:has(.tiktok-embed) {
/* min-height: revert !important; */
min-height: 768px !important;
}
/* AUDIO_API — */
.b-page-type__content .b-article-body .b-article-body__html {
& audio {
border: 1px solid #CCC;
border-radius: 2rem;
max-width: 480px;
width: 100%;
}
& audio + p {
font-size: 1em;
line-height: 1;
margin-bottom: 2em;
}
& audio + p > small {
color: #666;
font-size: 0.8em;
font-style: italic;
padding-left: 1.25rem;
&::before {
content: “♫ “;
color: #333;
}
}
}
/* FULL_WIDTH — */
.b-page-type__content .right-rail__full-width-1 :is(.b-overline,.b-byline,.b-date) {
inline-size: fit-content !important;
display: block !important;
}
.b-page-type__content .right-rail__full-width-1 h1.b-headline {
–b-headline-font-weight: var(–typography-heading-font-weight) !important;
font-weight: var(–b-headline-font-weight);
margin-block-start: var(–global-rems-037);
}
.b-page-type__content .right-rail__full-width-1 .b-subheadline {
–b-subheadline-font-family: var(–font-family-subheadline, var(–font-family-meta));
font-family: var(–b-subheadline-font-family) !important;
–b-subheadline-font-weight: var(–global-weight-450) !important;
font-weight: var(–b-subheadline-font-weight);
–b-subheadline-line-height: var(–global-leading-150) !important;
line-height: var(–b-subheadline-line-height);
margin-block-start: var(–global-rems-062);
}
@media (min-width: 896px) {
.b-page-type__content .right-rail__full-width-1 .b-date {
margin-block-start: var(–global-rems-050) !important;
–c-date-font-size: var(–global-rems-112) !important;
font-size: var(–c-date-font-size);
}
}
@media (width>=896px) {
.b-page-type__content .right-rail__full-width-1 {
h1.b-headline { max-width: 54rem; /* 800px */ }
.b-subheadline { max-width:50rem; /* 720px */ }
}
}
.b-page-type__content .b-single-column-regular__body
.b-single-chain__children-stack:has(> .b-overline + .b-headline) {
–b-single-chain-children-stack-gap: var(–global-rems-075) !important;
}
.b-page-type__content .b-single-column-regular__body
.b-single-chain__children-stack .b-subheadline {
–b-subheadline-font-family: var(–font-family-subheadline, var(–font-family-meta, var(–font-sans)));
}
.b-page-type__content .right-rail__main
.right-rail__main-container > .right-rail__full-width-1 > *:not(.b-date) {
margin-block-start: var(–global-rems-000) !important;
}
.b-page-type__content .right-rail__main
.right-rail__main-container > .right-rail__full-width-1 {
display: inline-grid;
row-gap: var(–global-rems-050) !important;
}
/* AD_BANNER (TBC) — */
.right-rail .right-rail__ad {
margin-block-start: var(–global-rems-100) !important;
row-gap: var(–global-rems-000) !important;
/* padding-inline: calc(var(–gutter) * -1); */
@media (min-width: 896px) {
padding-inline: -1rem;
}
}
.b-page-type__content .right-rail__main
.right-rail__ad:has(> *) +
.right-rail__main-container > .right-rail__full-width-1 {
margin-block-start: var(–global-rems-075) !important;
@media (min-width: 896px) {
margin-block-start: var(–global-rems-150) !important;
}
}
.b-page-type__content .right-rail__main
:is(.right-rail__ad:not(:has(> *)),.right-rail__ad:has([style=”display:none”])) +
.right-rail__main-container > .right-rail__full-width-1 {
margin-block-start: var(–global-rems-200) !important;
@media (min-width: 896px) {
margin-block-start: var(–global-rems-300) !important;
}
}
/* SUBS_PAYWALL — */
.b-paywall__subscription-dialog {
font-family: var(–font-family-meta) !important;
–b-paywall-subscription-dialog-font-family: var(–font-family-meta) !important;
}
.b-paywall__subscription-dialog-link-prompt-link,
.b-paywall__subscription-dialog-link-prompt-link.c-link {
–c-link-color: var(–color-primary) !important;
}
.b-paywall__subscription-dialog-link-prompt-link.c-link {
–b-paywall-subscription-dialog-link-prompt-link-font-weight: var(–global-weight-700);
font-weight: var(–b-paywall-subscription-dialog-link-prompt-link-font-weight) !important;
}
.b-paywall__subscription-dialog-reason-prompt,
.b-paywall__subscription-dialog-link-prompt,
.b-paywall__subscription-dialog-link-prompt-link,
.b-paywall__subscription-dialog-link-prompt-pre-link {
font-weight: var(–global-weight-500) !important;
font-size: var(–global-rems-106) !important;
}
.b-paywall__subscription-dialog .c-button.c-button–large {
padding-inline: var(–global-rems-100) !important;
padding-block: var(–global-rems-075) !important;
border-radius: var(–global-rems-037) !important;
font-family: var(–font-sans, sans-serif) !important;
–c-button-font-family: var(–font-sans, sans-serif) !important;
}
.b-paywall__subscription-dialog {
.b-paywall__subscription-dialog-reason-prompt {
font-family: var(–font-family-meta) !important;
}
.b-paywall__subscription-dialog-link-prompt {
.b-paywall__subscription-dialog-link-prompt-link,
.b-paywall__subscription-dialog-link-prompt-pre-link {
font-family: var(–font-family-meta) !important;
}
}
.b-paywall__subscription-dialog-offer-info .c-heading {
font-family: var(–font-family-headline) !important;
}
.b-paywall__subscription-dialog-subheadline {
font-family: var(–font-family-paragraph) !important;
}
}
]]>