:where(.sdb-editorial-grid,.sdb-editorial-card,.sdb-editorial-panel) { --sdb-asset-domain-editorial-loaded: 1; } :root {
--sdb-editorial-title-xs: clamp(0.94rem, 0.78rem + 0.22vw, 1.02rem);
--sdb-editorial-title-sm: clamp(1.02rem, 0.92rem + 0.38vw, 1.18rem);
--sdb-editorial-title-md: clamp(1.18rem, 1.04rem + 0.58vw, 1.42rem);
--sdb-editorial-title-lg: clamp(1.52rem, 1.22rem + 1.05vw, 2.05rem);
--sdb-editorial-card-title-size: var(--sdb-editorial-title-sm);
--sdb-editorial-card-title-line-height: 1.22;
--sdb-editorial-card-title-weight: var(--sdb-font-weight-bold, 700);
--sdb-editorial-feature-title-size: var(--sdb-editorial-title-lg);
--sdb-editorial-feature-title-line-height: 1.12;
--sdb-editorial-compact-title-size: var(--sdb-editorial-title-xs);
--sdb-editorial-compact-title-line-height: 1.28;
--sdb-editorial-gap-xs: 0.45rem;
--sdb-editorial-gap-sm: 0.75rem;
--sdb-editorial-gap-md: 1rem;
--sdb-editorial-gap-lg: 1.5rem;
--sdb-editorial-card-padding-sm: 0.85rem;
--sdb-editorial-card-padding-md: 1.15rem;
--sdb-editorial-list-gap: var(--sdb-editorial-gap-md);
--sdb-editorial-compact-list-gap: var(--sdb-editorial-gap-sm);
--sdb-editorial-adapter-gap: inherit;
--sdb-editorial-adapter-padding: inherit;
--sdb-editorial-adapter-radius: inherit;
--sdb-editorial-adapter-shadow: none;
--sdb-tag-on-image-bg: rgba(0, 0, 0, .36);
--sdb-tag-on-image-color: var(--sdb-color-on-image, #fff);
--sdb-tag-on-image-padding-y: .44em;
--sdb-tag-on-image-padding-x: .7em;
--sdb-tag-on-image-font-size: .72rem;
--sdb-tag-on-image-letter-spacing: .06em;
--sdb-density-editorial-compact-gap: var(--sdb-editorial-gap-sm);
--sdb-density-editorial-comfortable-gap: var(--sdb-editorial-gap-md);
--sdb-density-editorial-relaxed-gap: var(--sdb-editorial-gap-lg);
}
.sdb-editorial-card--adapter,
.sdb-editorial-card--neutral,
.sdb-editorial-card--inherit-layout {
background: var(--sdb-editorial-adapter-bg, inherit);
border: var(--sdb-editorial-adapter-border, 0);
border-radius: var(--sdb-editorial-adapter-radius, inherit);
box-shadow: var(--sdb-editorial-adapter-shadow, none);
overflow: visible;
color: inherit;
}
.sdb-editorial-card--adapter > :where(.sdb-editorial-card__inner, .sdb-editorial-content),
.sdb-editorial-card--neutral > :where(.sdb-editorial-card__inner, .sdb-editorial-content),
.sdb-editorial-card--inherit-layout > :where(.sdb-editorial-card__inner, .sdb-editorial-content) {
padding: var(--sdb-editorial-adapter-padding, inherit);
}
.sdb-editorial-card--adapter :where(.sdb-editorial-title, .sdb-editorial-title-sm, .sdb-editorial-title-md),
.sdb-editorial-card--neutral :where(.sdb-editorial-title, .sdb-editorial-title-sm, .sdb-editorial-title-md),
.sdb-editorial-card--inherit-layout :where(.sdb-editorial-title, .sdb-editorial-title-sm, .sdb-editorial-title-md) {
font-size: var(--sdb-editorial-card-title-size, inherit);
line-height: var(--sdb-editorial-card-title-line-height, inherit);
font-weight: var(--sdb-editorial-card-title-weight, inherit);
}
.sdb-editorial-grid--adapter,
.sdb-editorial-grid--inherit-layout,
.sdb-editorial-compact-list--adapter,
.sdb-editorial-topic-block--adapter,
.sdb-editorial-slider--adapter {
gap: var(--sdb-editorial-adapter-gap, inherit);
}
.sdb-editorial-grid--adapter,
.sdb-editorial-grid--inherit-layout,
.sdb-editorial-slider--adapter {
display: inherit;
grid-template-columns: inherit;
align-items: inherit;
}
.sdb-editorial-slider--adapter {
min-height: 0;
height: auto;
width: auto;
padding: 0;
background: transparent;
border: 0;
box-shadow: none;
overflow: visible;
}
.sdb-editorial-card--compact,
.sdb-density-compact .sdb-editorial-card:not(.sdb-editorial-card--adapter):not(.sdb-editorial-card--inherit-layout) {
--sdb-editorial-card-title-size: var(--sdb-editorial-compact-title-size);
--sdb-editorial-card-title-line-height: var(--sdb-editorial-compact-title-line-height);
}
.sdb-editorial-card--compact > :where(.sdb-editorial-card__inner, .sdb-editorial-content),
.sdb-density-compact .sdb-editorial-card > :where(.sdb-editorial-card__inner, .sdb-editorial-content) {
padding: var(--sdb-editorial-card-padding-sm);
}
.sdb-density-compact :where(.sdb-editorial-grid, .sdb-editorial-list, .sdb-editorial-compact-list) { gap: var(--sdb-density-editorial-compact-gap); }
.sdb-density-comfortable :where(.sdb-editorial-grid, .sdb-editorial-list, .sdb-editorial-compact-list) { gap: var(--sdb-density-editorial-comfortable-gap); }
.sdb-density-relaxed :where(.sdb-editorial-grid, .sdb-editorial-list, .sdb-editorial-compact-list) { gap: var(--sdb-density-editorial-relaxed-gap); }
.sdb-editorial-card--comfortable > :where(.sdb-editorial-card__inner, .sdb-editorial-content) { padding: var(--sdb-editorial-card-padding-md); }
.sdb-editorial-card--relaxed > :where(.sdb-editorial-card__inner, .sdb-editorial-content) { padding: clamp(1.25rem, 2vw, 1.85rem); }
.sdb-editorial-link {
display: inline-flex;
align-items: center;
gap: .35em;
color: var(--sdb-editorial-link-color, var(--sdb-color-primary));
font-family: inherit;
font-size: inherit;
font-weight: var(--sdb-editorial-link-weight, var(--sdb-font-weight-semibold, 600));
letter-spacing: inherit;
line-height: inherit;
text-decoration: none;
text-transform: none;
}
.sdb-editorial-link::after { content: none; }
.sdb-editorial-link--arrow::after,
.sdb-editorial-link--with-arrow::after {
content: "→";
display: inline-block;
margin-left: .25em;
transition: transform var(--sdb-transition-fast, 160ms) ease;
}
.sdb-editorial-link--arrow:hover::after,
.sdb-editorial-link--with-arrow:hover::after { transform: translateX(3px); }
.sdb-editorial-link--plain::after { content: none; }
.sdb-editorial-link--underline { text-decoration: underline; text-underline-offset: .22em; }
.sdb-tag-on-image {
padding: var(--sdb-tag-on-image-padding-y) var(--sdb-tag-on-image-padding-x);
border-radius: var(--sdb-radius-pill, 999px);
background: var(--sdb-tag-on-image-bg);
color: var(--sdb-tag-on-image-color);
font-size: var(--sdb-tag-on-image-font-size);
letter-spacing: var(--sdb-tag-on-image-letter-spacing);
}
.sdb-tag-on-image--compact {
--sdb-tag-on-image-padding-y: .28em;
--sdb-tag-on-image-padding-x: .52em;
--sdb-tag-on-image-font-size: .68rem;
box-shadow: none;
backdrop-filter: none;
}
.sdb-tag-on-image--adapter {
padding: var(--sdb-tag-on-image-adapter-padding, inherit);
background: var(--sdb-tag-on-image-bg, inherit);
color: var(--sdb-tag-on-image-color, inherit);
border: var(--sdb-tag-on-image-adapter-border, 0);
border-radius: var(--sdb-tag-on-image-adapter-radius, inherit);
box-shadow: none;
backdrop-filter: none;
text-transform: inherit;
letter-spacing: inherit;
}
.sdb-editorial-card--adapter :where(.sdb-editorial-link, .sdb-editorial-pill, .sdb-tag-on-image),
.sdb-editorial-grid--adapter :where(.sdb-editorial-link, .sdb-editorial-pill, .sdb-tag-on-image),
.sdb-editorial-slider--adapter :where(.sdb-editorial-link, .sdb-editorial-pill, .sdb-tag-on-image) {
max-width: 100%;
}