.mdpub {
  --mdpub-columns: var(--mdpub-columns-desktop, 3); --mdpub-previews: var(--mdpub-previews-desktop, 5);
  --mdpub-gap: var(--mdpub-gap-desktop, 20px); --mdpub-padding: var(--mdpub-padding-desktop, 20px);
  --mdpub-image-height: var(--mdpub-image-height-desktop, 360px); --mdpub-image-min-height: var(--mdpub-image-min-height-desktop, 0px); --mdpub-image-max-height: var(--mdpub-image-max-height-desktop, none);
  --mdpub-image-ratio: var(--mdpub-image-ratio-desktop, auto); --mdpub-image-fit: var(--mdpub-image-fit-desktop, contain); --mdpub-image-position: var(--mdpub-image-position-desktop, 50% 50%);
  --mdpub-title-size: var(--mdpub-title-size-desktop, 1.5rem);
  color: var(--mdpub-primary, #171717); min-inline-size: 0; max-inline-size: 100%; line-height: 1.5; text-align: var(--mdpub-content-alignment, start);
}
.mdpub *, .mdpub *::before, .mdpub *::after { box-sizing: border-box; }
.mdpub .mdpub-track { margin: 0; padding: 0; list-style: none; }
.mdpub .mdpub-card { min-inline-size: 0; position: relative; background: var(--mdpub-surface, #fff); border-radius: var(--mdpub-radius, 8px); overflow: clip; }
.mdpub .mdpub-card[hidden] { display: none; }
.mdpub .mdpub-card-link, .mdpub .mdpub-card-body { display: block; color: inherit; text-decoration: none; min-inline-size: 0; }
.mdpub .mdpub-media { position: relative; margin: 0; overflow: hidden; background: var(--mdpub-image-background, #eee); }
.mdpub .mdpub-image { display: block; inline-size: var(--mdpub-image-width, 100%); max-inline-size: 100%; margin-inline: auto; block-size: var(--mdpub-image-height); min-block-size: var(--mdpub-image-min-height); max-block-size: var(--mdpub-image-max-height); aspect-ratio: var(--mdpub-image-ratio); object-fit: var(--mdpub-image-fit); object-position: var(--mdpub-image-position); }
.mdpub[data-image-desktop="original"] .mdpub-image { block-size: auto; aspect-ratio: auto; }
.mdpub .mdpub-content { padding: var(--mdpub-padding); min-inline-size: 0; }
.mdpub .mdpub-title { color: var(--mdpub-title-color, inherit); font-family: inherit; font-size: var(--mdpub-title-size); line-height: 1.2; margin: var(--mdpub-title-spacing-top, 8px) 0 var(--mdpub-title-spacing-bottom, 8px); padding: 0; overflow-wrap: anywhere; }
.mdpub .mdpub-title a { color: inherit; text-decoration: none; }
.mdpub .mdpub-meta { color: var(--mdpub-secondary, #525252); display: flex; align-items: center; flex-wrap: wrap; gap: 0.4em; font-size: 0.8rem; }
.mdpub .mdpub-date { color: var(--mdpub-date-color, inherit); font-size: var(--mdpub-date-font-size, inherit); }
.mdpub .mdpub-author { display: inline-flex; gap: 6px; align-items: center; color: var(--mdpub-author-color, inherit); font-size: var(--mdpub-author-font-size, inherit); }
.mdpub .mdpub-inline-avatar { inline-size: 26px; block-size: 26px; display: inline-grid; place-items: center; border-radius: 50%; background: var(--mdpub-image-background); color: var(--mdpub-primary); }
.mdpub .mdpub-excerpt { color: var(--mdpub-excerpt-color, inherit); font-size: var(--mdpub-excerpt-font-size, 1rem); padding: 0; margin: var(--mdpub-excerpt-spacing-top, 12px) 0 var(--mdpub-excerpt-spacing-bottom, 0px); }
.mdpub .mdpub-badge { display: inline-block; position: relative; z-index: 3; max-inline-size: calc(100% - 2 * var(--mdpub-category-offset, 15px)); background: var(--mdpub-category-bg, var(--mdpub-accent)); color: var(--mdpub-category-color, #fff); font-size: var(--mdpub-category-font-size, 0.75rem); line-height: 1.3; font-weight: 700; padding: var(--mdpub-category-padding, 6px 10px); border-radius: var(--mdpub-category-radius, 4px); overflow-wrap: anywhere; }
.mdpub .mdpub-media > .mdpub-badge { position: absolute; inset-block-start: var(--mdpub-category-offset, 15px); inset-inline-start: var(--mdpub-category-offset, 15px); }
.mdpub[data-badge-position="top_right"] .mdpub-media > .mdpub-badge, .mdpub[data-badge-position="bottom_right"] .mdpub-media > .mdpub-badge { inset-inline-start: auto; inset-inline-end: var(--mdpub-category-offset, 15px); }
.mdpub[data-badge-position="bottom_left"] .mdpub-media > .mdpub-badge, .mdpub[data-badge-position="bottom_right"] .mdpub-media > .mdpub-badge { inset-block-start: auto; inset-block-end: var(--mdpub-category-offset, 15px); }
.mdpub .mdpub-cta { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-block-size: 44px; color: var(--mdpub-btn-text-color, #fff); background: var(--mdpub-btn-bg-color, #171717); font-size: var(--mdpub-btn-font-size, 0.9rem); border-radius: var(--mdpub-btn-border-radius, 4px); padding: var(--mdpub-btn-padding-y, 8px) var(--mdpub-btn-padding-x, 20px); margin-block-start: var(--mdpub-btn-spacing-top, 16px); text-decoration: none; }
.mdpub .mdpub-card-link:hover .mdpub-cta, .mdpub a.mdpub-cta:hover { color: var(--mdpub-btn-hover-text-color, #fff); background: var(--mdpub-btn-hover-bg-color, #525252); }
.mdpub .mdpub-icon { display: block; inline-size: var(--mdpub-arrow-size, 20px); block-size: var(--mdpub-arrow-size, 20px); flex: none; }
.mdpub a:focus-visible, .mdpub button:focus-visible { outline: 3px solid var(--mdpub-accent, #171717); outline-offset: -3px; box-shadow: inset 0 0 0 5px var(--mdpub-surface, #fff); }
.mdpub button { appearance: none; font: inherit; color: var(--mdpub-primary, #171717); background: var(--mdpub-surface, #fff); border: 1px solid transparent; border-radius: var(--mdpub-radius, 8px); min-inline-size: 44px; min-block-size: 44px; padding: 8px 12px; cursor: pointer; }
.mdpub button:disabled { opacity: 0.4; cursor: default; }
.mdpub .mdpub-controls { display: flex; align-items: center; gap: 6px; padding-block: 8px; }
.mdpub .mdpub-control { display: inline-grid; place-items: center; padding: 0; inline-size: max(44px, var(--mdpub-control-size, 44px)); block-size: max(44px, var(--mdpub-control-size, 44px)); color: var(--mdpub-arrow-color, var(--mdpub-primary)); background: var(--mdpub-arrow-bg-color, var(--mdpub-surface)); border: 1px solid color-mix(in srgb, currentcolor 15%, transparent); }
.mdpub .mdpub-control:hover:not(:disabled) { background: color-mix(in srgb, var(--mdpub-accent) 12%, var(--mdpub-surface)); }
.mdpub .mdpub-control[data-paused="true"] .mdpub-icon-pause, .mdpub .mdpub-control[data-paused="false"] .mdpub-icon-play { display: none; }
.mdpub[data-controls="dark"] .mdpub-control { background: var(--mdpub-primary); color: var(--mdpub-surface); border-color: color-mix(in srgb, var(--mdpub-surface) 20%, transparent); }
.mdpub[data-controls="dark"] .mdpub-control:hover:not(:disabled) { background: var(--mdpub-secondary); }
.mdpub .mdpub-counter { margin-inline-start: auto; font-size: 0.8rem; font-variant-numeric: tabular-nums; letter-spacing: 0.04em; padding-inline: 10px; }
.mdpub .mdpub-progress, .mdpub .mdpub-time-progress { appearance: none; display: block; border: 0; inline-size: 100%; block-size: 3px; background: color-mix(in srgb, var(--mdpub-secondary) 15%, transparent); accent-color: var(--mdpub-accent); }
.mdpub progress::-webkit-progress-bar { background: transparent; }
.mdpub progress::-webkit-progress-value { background: var(--mdpub-accent); }
.mdpub progress::-moz-progress-bar { background: var(--mdpub-accent); }
.mdpub .mdpub-time-progress { margin-block-start: 3px; block-size: 2px; opacity: 0.55; }
.mdpub .mdpub-dots { display: flex; flex-wrap: wrap; justify-content: center; gap: 0; }
.mdpub .mdpub-dot { display: grid; place-items: center; padding: 0; background: transparent; }
.mdpub .mdpub-dot > span { inline-size: var(--mdpub-dot-size, 8px); block-size: var(--mdpub-dot-size, 8px); border-radius: 50%; background: var(--mdpub-dot-color, #b0b0b0); }
.mdpub .mdpub-dot[aria-pressed="true"] > span { background: var(--mdpub-dot-active-color, var(--mdpub-accent)); }
.mdpub .mdpub-pagination { display: flex; justify-content: var(--mdpub-pagination-alignment, center); flex-wrap: wrap; gap: 8px; margin-block-start: var(--mdpub-row-gap, 20px); }
.mdpub .mdpub-pagination button { color: var(--mdpub-pagination-color, var(--mdpub-primary)); background: var(--mdpub-pagination-bg-color, var(--mdpub-surface)); border: 1px solid color-mix(in srgb, currentcolor 20%, transparent); }
.mdpub .mdpub-pagination button[aria-current="page"], .mdpub .mdpub-pagination button:hover { color: var(--mdpub-pagination-active-color, var(--mdpub-surface)); background: var(--mdpub-pagination-active-bg-color, var(--mdpub-accent)); }
.mdpub .mdpub-sr-only { position: absolute; inline-size: 1px; block-size: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.mdpub .mdpub-image-placeholder { display: grid; place-items: center; min-block-size: 88px; color: var(--mdpub-secondary); }
.mdpub .mdpub-media-error { display: none; }
.mdpub .mdpub-media.mdpub-image-failed, .mdpub .mdpub-preview-media.mdpub-image-failed { background: var(--mdpub-primary); }
.mdpub .mdpub-image-failed .mdpub-image, .mdpub .mdpub-image-failed .mdpub-preview-image, .mdpub .mdpub-image-failed .mdpub-backdrop { visibility: hidden; }
.mdpub .mdpub-image-failed .mdpub-media-error { display: grid; position: absolute; inset: 0; place-items: center; color: var(--mdpub-surface); }
.mdpub-empty { padding: 24px; border: 1px dashed currentcolor; }
@media (max-width: 980px) {
 .mdpub { --mdpub-columns: var(--mdpub-columns-tablet, 2); --mdpub-previews: var(--mdpub-previews-tablet, 3); --mdpub-gap: var(--mdpub-gap-tablet); --mdpub-padding: var(--mdpub-padding-tablet); --mdpub-image-height: var(--mdpub-image-height-tablet); --mdpub-image-min-height: var(--mdpub-image-min-height-tablet); --mdpub-image-max-height: var(--mdpub-image-max-height-tablet); --mdpub-image-ratio: var(--mdpub-image-ratio-tablet); --mdpub-image-fit: var(--mdpub-image-fit-tablet); --mdpub-image-position: var(--mdpub-image-position-tablet); --mdpub-title-size: var(--mdpub-title-size-tablet); }
 .mdpub[data-image-tablet="original"] .mdpub-image { block-size: auto; aspect-ratio: auto; }
 .mdpub[data-image-tablet="cover"] .mdpub-image, .mdpub[data-image-tablet="contain"] .mdpub-image, .mdpub[data-image-tablet="editorial"] .mdpub-image { block-size: var(--mdpub-image-height); aspect-ratio: var(--mdpub-image-ratio); }
}
@media (max-width: 767px) {
 .mdpub { --mdpub-columns: var(--mdpub-columns-phone, 1); --mdpub-previews: var(--mdpub-previews-phone, 2); --mdpub-gap: var(--mdpub-gap-phone); --mdpub-padding: var(--mdpub-padding-phone); --mdpub-image-height: var(--mdpub-image-height-phone); --mdpub-image-min-height: var(--mdpub-image-min-height-phone); --mdpub-image-max-height: var(--mdpub-image-max-height-phone); --mdpub-image-ratio: var(--mdpub-image-ratio-phone); --mdpub-image-fit: var(--mdpub-image-fit-phone); --mdpub-image-position: var(--mdpub-image-position-phone); --mdpub-title-size: var(--mdpub-title-size-phone); }
 .mdpub[data-image-phone="original"] .mdpub-image { block-size: auto; aspect-ratio: auto; }
 .mdpub[data-image-phone="cover"] .mdpub-image, .mdpub[data-image-phone="contain"] .mdpub-image, .mdpub[data-image-phone="editorial"] .mdpub-image { block-size: var(--mdpub-image-height); aspect-ratio: var(--mdpub-image-ratio); }
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
 .mdpub[data-image-hover] .mdpub-image { transition: transform 250ms ease, opacity 250ms ease; }
 .mdpub[data-image-hover="zoon_in"] .mdpub-card:hover .mdpub-image { transform: scale(1.05); }
 .mdpub[data-image-hover="zoon_out"] .mdpub-image { transform: scale(1.05); }
 .mdpub[data-image-hover="zoon_out"] .mdpub-card:hover .mdpub-image { transform: scale(1); }
 .mdpub[data-image-hover="fade"] .mdpub-card:hover .mdpub-image { opacity: 0.75; }
}
@media (prefers-reduced-motion: reduce) {
 .mdpub .mdpub-track, .mdpub .mdpub-previews { scroll-behavior: auto; }
 .mdpub .mdpub-image { transition: none; transform: none; }
}

.mdpub .mdpub-floating-avatar { display: grid; place-items: center; position: relative; z-index: 2; inline-size: 60px; block-size: 60px; margin: -30px auto 0; border: 4px solid var(--mdpub-surface); border-radius: 50%; background: var(--mdpub-accent); color: var(--mdpub-surface); font-size: 1.25rem; }
.mdpub[data-layout="layout4"] .mdpub-no-image .mdpub-floating-avatar { margin-block-start: 16px; }
.mdpub[data-layout="layout3"] .mdpub-card:not(.mdpub-no-image) .mdpub-card-link, .mdpub[data-layout="layout3"] .mdpub-card:not(.mdpub-no-image) .mdpub-card-body { display: grid; }
.mdpub[data-layout="layout3"] .mdpub-card:not(.mdpub-no-image) .mdpub-media, .mdpub[data-layout="layout3"] .mdpub-card:not(.mdpub-no-image) .mdpub-content { grid-area: 1 / 1; }
.mdpub[data-layout="layout3"] .mdpub-card:not(.mdpub-no-image) .mdpub-content { position: relative; align-self: end; }

.mdpub { --mdpub-image-fit: var(--mdpub-image-fit-desktop); --mdpub-image-height: var(--mdpub-image-height-desktop); --mdpub-image-min-height: var(--mdpub-image-min-height-desktop); --mdpub-image-max-height: var(--mdpub-image-max-height-desktop); --mdpub-image-ratio: var(--mdpub-image-ratio-desktop); --mdpub-image-position: var(--mdpub-image-position-desktop); --mdpub-columns: var(--mdpub-columns-desktop); --mdpub-gap: var(--mdpub-gap-desktop); --mdpub-padding: var(--mdpub-padding-desktop); --mdpub-radius: var(--mdpub-radius-desktop); --mdpub-title-size: var(--mdpub-title-size-desktop); --mdpub-primary: var(--mdpub-primary-desktop); --mdpub-secondary: var(--mdpub-secondary-desktop); --mdpub-accent: var(--mdpub-accent-desktop); --mdpub-surface: var(--mdpub-surface-desktop); --mdpub-image-background: var(--mdpub-image-background-desktop); --mdpub-hero-text: var(--mdpub-hero-text-desktop); --mdpub-previews: var(--mdpub-previews-desktop); --mdpub-row-gap: var(--mdpub-row-gap-desktop); --mdpub-image-width: var(--mdpub-image-width-desktop); --mdpub-content-alignment: var(--mdpub-content-alignment-desktop); --mdpub-title-color: var(--mdpub-title-color-desktop); --mdpub-title-spacing-top: var(--mdpub-title-spacing-top-desktop); --mdpub-title-spacing-bottom: var(--mdpub-title-spacing-bottom-desktop); --mdpub-excerpt-color: var(--mdpub-excerpt-color-desktop); --mdpub-excerpt-font-size: var(--mdpub-excerpt-font-size-desktop); --mdpub-excerpt-spacing-top: var(--mdpub-excerpt-spacing-top-desktop); --mdpub-excerpt-spacing-bottom: var(--mdpub-excerpt-spacing-bottom-desktop); --mdpub-category-offset: var(--mdpub-category-offset-desktop); --mdpub-category-bg: var(--mdpub-category-bg-desktop); --mdpub-category-color: var(--mdpub-category-color-desktop); --mdpub-category-font-size: var(--mdpub-category-font-size-desktop); --mdpub-author-color: var(--mdpub-author-color-desktop); --mdpub-author-font-size: var(--mdpub-author-font-size-desktop); --mdpub-date-color: var(--mdpub-date-color-desktop); --mdpub-date-font-size: var(--mdpub-date-font-size-desktop); --mdpub-btn-spacing-top: var(--mdpub-btn-spacing-top-desktop); --mdpub-btn-text-color: var(--mdpub-btn-text-color-desktop); --mdpub-btn-bg-color: var(--mdpub-btn-bg-color-desktop); --mdpub-btn-font-size: var(--mdpub-btn-font-size-desktop); --mdpub-btn-padding-y: var(--mdpub-btn-padding-y-desktop); --mdpub-btn-padding-x: var(--mdpub-btn-padding-x-desktop); --mdpub-btn-border-radius: var(--mdpub-btn-border-radius-desktop); --mdpub-btn-hover-text-color: var(--mdpub-btn-hover-text-color-desktop); --mdpub-btn-hover-bg-color: var(--mdpub-btn-hover-bg-color-desktop); --mdpub-pagination-alignment: var(--mdpub-pagination-alignment-desktop); --mdpub-pagination-color: var(--mdpub-pagination-color-desktop); --mdpub-pagination-bg-color: var(--mdpub-pagination-bg-color-desktop); --mdpub-pagination-active-color: var(--mdpub-pagination-active-color-desktop); --mdpub-pagination-active-bg-color: var(--mdpub-pagination-active-bg-color-desktop); --mdpub-center-padding: var(--mdpub-center-padding-desktop); --mdpub-arrow-size: var(--mdpub-arrow-size-desktop); --mdpub-arrow-color: var(--mdpub-arrow-color-desktop); --mdpub-arrow-bg-color: var(--mdpub-arrow-bg-color-desktop); --mdpub-dot-size: var(--mdpub-dot-size-desktop); --mdpub-dot-color: var(--mdpub-dot-color-desktop); --mdpub-dot-active-color: var(--mdpub-dot-active-color-desktop); --mdpub-item-spacing: var(--mdpub-item-spacing-desktop); --mdpub-image-spacing: var(--mdpub-image-spacing-desktop); --mdpub-ticker-height: var(--mdpub-ticker-height-desktop); --mdpub-title-right-color: var(--mdpub-title-right-color-desktop); --mdpub-title-padding: var(--mdpub-title-padding-desktop); --mdpub-title-spacing: var(--mdpub-title-spacing-desktop); --mdpub-date-padding: var(--mdpub-date-padding-desktop); --mdpub-date-spacing: var(--mdpub-date-spacing-desktop); --mdpub-control-size: var(--mdpub-control-size-desktop); --mdpub-spacing-between: var(--mdpub-spacing-between-desktop); --mdpub-control-bg-color: var(--mdpub-control-bg-color-desktop); --mdpub-avatar-size: var(--mdpub-avatar-size-desktop); --mdpub-figure-spacing: var(--mdpub-figure-spacing-desktop); --mdpub-category-radius: var(--mdpub-category-radius-desktop); --mdpub-category-padding: var(--mdpub-category-padding-desktop); --mdpub-title-lines: var(--mdpub-title-lines-desktop); --mdpub-tile-height: var(--mdpub-tile-height-desktop); --mdpub-tile-main-title-size: var(--mdpub-tile-main-title-size-desktop); --mdpub-tile-side-title-size: var(--mdpub-tile-side-title-size-desktop); --mdpub-overlay-strength: var(--mdpub-overlay-strength-desktop); } .mdpub:hover, .mdpub:focus-within { --mdpub-image-fit: var(--mdpub-image-fit-hover-desktop, var(--mdpub-image-fit-desktop)); --mdpub-image-height: var(--mdpub-image-height-hover-desktop, var(--mdpub-image-height-desktop)); --mdpub-image-min-height: var(--mdpub-image-min-height-hover-desktop, var(--mdpub-image-min-height-desktop)); --mdpub-image-max-height: var(--mdpub-image-max-height-hover-desktop, var(--mdpub-image-max-height-desktop)); --mdpub-image-ratio: var(--mdpub-image-ratio-hover-desktop, var(--mdpub-image-ratio-desktop)); --mdpub-image-position: var(--mdpub-image-position-hover-desktop, var(--mdpub-image-position-desktop)); --mdpub-columns: var(--mdpub-columns-hover-desktop, var(--mdpub-columns-desktop)); --mdpub-gap: var(--mdpub-gap-hover-desktop, var(--mdpub-gap-desktop)); --mdpub-padding: var(--mdpub-padding-hover-desktop, var(--mdpub-padding-desktop)); --mdpub-radius: var(--mdpub-radius-hover-desktop, var(--mdpub-radius-desktop)); --mdpub-title-size: var(--mdpub-title-size-hover-desktop, var(--mdpub-title-size-desktop)); --mdpub-primary: var(--mdpub-primary-hover-desktop, var(--mdpub-primary-desktop)); --mdpub-secondary: var(--mdpub-secondary-hover-desktop, var(--mdpub-secondary-desktop)); --mdpub-accent: var(--mdpub-accent-hover-desktop, var(--mdpub-accent-desktop)); --mdpub-surface: var(--mdpub-surface-hover-desktop, var(--mdpub-surface-desktop)); --mdpub-image-background: var(--mdpub-image-background-hover-desktop, var(--mdpub-image-background-desktop)); --mdpub-hero-text: var(--mdpub-hero-text-hover-desktop, var(--mdpub-hero-text-desktop)); --mdpub-previews: var(--mdpub-previews-hover-desktop, var(--mdpub-previews-desktop)); --mdpub-row-gap: var(--mdpub-row-gap-hover-desktop, var(--mdpub-row-gap-desktop)); --mdpub-image-width: var(--mdpub-image-width-hover-desktop, var(--mdpub-image-width-desktop)); --mdpub-content-alignment: var(--mdpub-content-alignment-hover-desktop, var(--mdpub-content-alignment-desktop)); --mdpub-title-color: var(--mdpub-title-color-hover-desktop, var(--mdpub-title-color-desktop)); --mdpub-title-spacing-top: var(--mdpub-title-spacing-top-hover-desktop, var(--mdpub-title-spacing-top-desktop)); --mdpub-title-spacing-bottom: var(--mdpub-title-spacing-bottom-hover-desktop, var(--mdpub-title-spacing-bottom-desktop)); --mdpub-excerpt-color: var(--mdpub-excerpt-color-hover-desktop, var(--mdpub-excerpt-color-desktop)); --mdpub-excerpt-font-size: var(--mdpub-excerpt-font-size-hover-desktop, var(--mdpub-excerpt-font-size-desktop)); --mdpub-excerpt-spacing-top: var(--mdpub-excerpt-spacing-top-hover-desktop, var(--mdpub-excerpt-spacing-top-desktop)); --mdpub-excerpt-spacing-bottom: var(--mdpub-excerpt-spacing-bottom-hover-desktop, var(--mdpub-excerpt-spacing-bottom-desktop)); --mdpub-category-offset: var(--mdpub-category-offset-hover-desktop, var(--mdpub-category-offset-desktop)); --mdpub-category-bg: var(--mdpub-category-bg-hover-desktop, var(--mdpub-category-bg-desktop)); --mdpub-category-color: var(--mdpub-category-color-hover-desktop, var(--mdpub-category-color-desktop)); --mdpub-category-font-size: var(--mdpub-category-font-size-hover-desktop, var(--mdpub-category-font-size-desktop)); --mdpub-author-color: var(--mdpub-author-color-hover-desktop, var(--mdpub-author-color-desktop)); --mdpub-author-font-size: var(--mdpub-author-font-size-hover-desktop, var(--mdpub-author-font-size-desktop)); --mdpub-date-color: var(--mdpub-date-color-hover-desktop, var(--mdpub-date-color-desktop)); --mdpub-date-font-size: var(--mdpub-date-font-size-hover-desktop, var(--mdpub-date-font-size-desktop)); --mdpub-btn-spacing-top: var(--mdpub-btn-spacing-top-hover-desktop, var(--mdpub-btn-spacing-top-desktop)); --mdpub-btn-text-color: var(--mdpub-btn-text-color-hover-desktop, var(--mdpub-btn-text-color-desktop)); --mdpub-btn-bg-color: var(--mdpub-btn-bg-color-hover-desktop, var(--mdpub-btn-bg-color-desktop)); --mdpub-btn-font-size: var(--mdpub-btn-font-size-hover-desktop, var(--mdpub-btn-font-size-desktop)); --mdpub-btn-padding-y: var(--mdpub-btn-padding-y-hover-desktop, var(--mdpub-btn-padding-y-desktop)); --mdpub-btn-padding-x: var(--mdpub-btn-padding-x-hover-desktop, var(--mdpub-btn-padding-x-desktop)); --mdpub-btn-border-radius: var(--mdpub-btn-border-radius-hover-desktop, var(--mdpub-btn-border-radius-desktop)); --mdpub-btn-hover-text-color: var(--mdpub-btn-hover-text-color-hover-desktop, var(--mdpub-btn-hover-text-color-desktop)); --mdpub-btn-hover-bg-color: var(--mdpub-btn-hover-bg-color-hover-desktop, var(--mdpub-btn-hover-bg-color-desktop)); --mdpub-pagination-alignment: var(--mdpub-pagination-alignment-hover-desktop, var(--mdpub-pagination-alignment-desktop)); --mdpub-pagination-color: var(--mdpub-pagination-color-hover-desktop, var(--mdpub-pagination-color-desktop)); --mdpub-pagination-bg-color: var(--mdpub-pagination-bg-color-hover-desktop, var(--mdpub-pagination-bg-color-desktop)); --mdpub-pagination-active-color: var(--mdpub-pagination-active-color-hover-desktop, var(--mdpub-pagination-active-color-desktop)); --mdpub-pagination-active-bg-color: var(--mdpub-pagination-active-bg-color-hover-desktop, var(--mdpub-pagination-active-bg-color-desktop)); --mdpub-center-padding: var(--mdpub-center-padding-hover-desktop, var(--mdpub-center-padding-desktop)); --mdpub-arrow-size: var(--mdpub-arrow-size-hover-desktop, var(--mdpub-arrow-size-desktop)); --mdpub-arrow-color: var(--mdpub-arrow-color-hover-desktop, var(--mdpub-arrow-color-desktop)); --mdpub-arrow-bg-color: var(--mdpub-arrow-bg-color-hover-desktop, var(--mdpub-arrow-bg-color-desktop)); --mdpub-dot-size: var(--mdpub-dot-size-hover-desktop, var(--mdpub-dot-size-desktop)); --mdpub-dot-color: var(--mdpub-dot-color-hover-desktop, var(--mdpub-dot-color-desktop)); --mdpub-dot-active-color: var(--mdpub-dot-active-color-hover-desktop, var(--mdpub-dot-active-color-desktop)); --mdpub-item-spacing: var(--mdpub-item-spacing-hover-desktop, var(--mdpub-item-spacing-desktop)); --mdpub-image-spacing: var(--mdpub-image-spacing-hover-desktop, var(--mdpub-image-spacing-desktop)); --mdpub-ticker-height: var(--mdpub-ticker-height-hover-desktop, var(--mdpub-ticker-height-desktop)); --mdpub-title-right-color: var(--mdpub-title-right-color-hover-desktop, var(--mdpub-title-right-color-desktop)); --mdpub-title-padding: var(--mdpub-title-padding-hover-desktop, var(--mdpub-title-padding-desktop)); --mdpub-title-spacing: var(--mdpub-title-spacing-hover-desktop, var(--mdpub-title-spacing-desktop)); --mdpub-date-padding: var(--mdpub-date-padding-hover-desktop, var(--mdpub-date-padding-desktop)); --mdpub-date-spacing: var(--mdpub-date-spacing-hover-desktop, var(--mdpub-date-spacing-desktop)); --mdpub-control-size: var(--mdpub-control-size-hover-desktop, var(--mdpub-control-size-desktop)); --mdpub-spacing-between: var(--mdpub-spacing-between-hover-desktop, var(--mdpub-spacing-between-desktop)); --mdpub-control-bg-color: var(--mdpub-control-bg-color-hover-desktop, var(--mdpub-control-bg-color-desktop)); --mdpub-avatar-size: var(--mdpub-avatar-size-hover-desktop, var(--mdpub-avatar-size-desktop)); --mdpub-figure-spacing: var(--mdpub-figure-spacing-hover-desktop, var(--mdpub-figure-spacing-desktop)); --mdpub-category-radius: var(--mdpub-category-radius-hover-desktop, var(--mdpub-category-radius-desktop)); --mdpub-category-padding: var(--mdpub-category-padding-hover-desktop, var(--mdpub-category-padding-desktop)); --mdpub-title-lines: var(--mdpub-title-lines-hover-desktop, var(--mdpub-title-lines-desktop)); --mdpub-tile-height: var(--mdpub-tile-height-hover-desktop, var(--mdpub-tile-height-desktop)); --mdpub-tile-main-title-size: var(--mdpub-tile-main-title-size-hover-desktop, var(--mdpub-tile-main-title-size-desktop)); --mdpub-tile-side-title-size: var(--mdpub-tile-side-title-size-hover-desktop, var(--mdpub-tile-side-title-size-desktop)); --mdpub-overlay-strength: var(--mdpub-overlay-strength-hover-desktop, var(--mdpub-overlay-strength-desktop)); }
@media (max-width: 980px) { .mdpub { --mdpub-image-fit: var(--mdpub-image-fit-tablet); --mdpub-image-height: var(--mdpub-image-height-tablet); --mdpub-image-min-height: var(--mdpub-image-min-height-tablet); --mdpub-image-max-height: var(--mdpub-image-max-height-tablet); --mdpub-image-ratio: var(--mdpub-image-ratio-tablet); --mdpub-image-position: var(--mdpub-image-position-tablet); --mdpub-columns: var(--mdpub-columns-tablet); --mdpub-gap: var(--mdpub-gap-tablet); --mdpub-padding: var(--mdpub-padding-tablet); --mdpub-radius: var(--mdpub-radius-tablet); --mdpub-title-size: var(--mdpub-title-size-tablet); --mdpub-primary: var(--mdpub-primary-tablet); --mdpub-secondary: var(--mdpub-secondary-tablet); --mdpub-accent: var(--mdpub-accent-tablet); --mdpub-surface: var(--mdpub-surface-tablet); --mdpub-image-background: var(--mdpub-image-background-tablet); --mdpub-hero-text: var(--mdpub-hero-text-tablet); --mdpub-previews: var(--mdpub-previews-tablet); --mdpub-row-gap: var(--mdpub-row-gap-tablet); --mdpub-image-width: var(--mdpub-image-width-tablet); --mdpub-content-alignment: var(--mdpub-content-alignment-tablet); --mdpub-title-color: var(--mdpub-title-color-tablet); --mdpub-title-spacing-top: var(--mdpub-title-spacing-top-tablet); --mdpub-title-spacing-bottom: var(--mdpub-title-spacing-bottom-tablet); --mdpub-excerpt-color: var(--mdpub-excerpt-color-tablet); --mdpub-excerpt-font-size: var(--mdpub-excerpt-font-size-tablet); --mdpub-excerpt-spacing-top: var(--mdpub-excerpt-spacing-top-tablet); --mdpub-excerpt-spacing-bottom: var(--mdpub-excerpt-spacing-bottom-tablet); --mdpub-category-offset: var(--mdpub-category-offset-tablet); --mdpub-category-bg: var(--mdpub-category-bg-tablet); --mdpub-category-color: var(--mdpub-category-color-tablet); --mdpub-category-font-size: var(--mdpub-category-font-size-tablet); --mdpub-author-color: var(--mdpub-author-color-tablet); --mdpub-author-font-size: var(--mdpub-author-font-size-tablet); --mdpub-date-color: var(--mdpub-date-color-tablet); --mdpub-date-font-size: var(--mdpub-date-font-size-tablet); --mdpub-btn-spacing-top: var(--mdpub-btn-spacing-top-tablet); --mdpub-btn-text-color: var(--mdpub-btn-text-color-tablet); --mdpub-btn-bg-color: var(--mdpub-btn-bg-color-tablet); --mdpub-btn-font-size: var(--mdpub-btn-font-size-tablet); --mdpub-btn-padding-y: var(--mdpub-btn-padding-y-tablet); --mdpub-btn-padding-x: var(--mdpub-btn-padding-x-tablet); --mdpub-btn-border-radius: var(--mdpub-btn-border-radius-tablet); --mdpub-btn-hover-text-color: var(--mdpub-btn-hover-text-color-tablet); --mdpub-btn-hover-bg-color: var(--mdpub-btn-hover-bg-color-tablet); --mdpub-pagination-alignment: var(--mdpub-pagination-alignment-tablet); --mdpub-pagination-color: var(--mdpub-pagination-color-tablet); --mdpub-pagination-bg-color: var(--mdpub-pagination-bg-color-tablet); --mdpub-pagination-active-color: var(--mdpub-pagination-active-color-tablet); --mdpub-pagination-active-bg-color: var(--mdpub-pagination-active-bg-color-tablet); --mdpub-center-padding: var(--mdpub-center-padding-tablet); --mdpub-arrow-size: var(--mdpub-arrow-size-tablet); --mdpub-arrow-color: var(--mdpub-arrow-color-tablet); --mdpub-arrow-bg-color: var(--mdpub-arrow-bg-color-tablet); --mdpub-dot-size: var(--mdpub-dot-size-tablet); --mdpub-dot-color: var(--mdpub-dot-color-tablet); --mdpub-dot-active-color: var(--mdpub-dot-active-color-tablet); --mdpub-item-spacing: var(--mdpub-item-spacing-tablet); --mdpub-image-spacing: var(--mdpub-image-spacing-tablet); --mdpub-ticker-height: var(--mdpub-ticker-height-tablet); --mdpub-title-right-color: var(--mdpub-title-right-color-tablet); --mdpub-title-padding: var(--mdpub-title-padding-tablet); --mdpub-title-spacing: var(--mdpub-title-spacing-tablet); --mdpub-date-padding: var(--mdpub-date-padding-tablet); --mdpub-date-spacing: var(--mdpub-date-spacing-tablet); --mdpub-control-size: var(--mdpub-control-size-tablet); --mdpub-spacing-between: var(--mdpub-spacing-between-tablet); --mdpub-control-bg-color: var(--mdpub-control-bg-color-tablet); --mdpub-avatar-size: var(--mdpub-avatar-size-tablet); --mdpub-figure-spacing: var(--mdpub-figure-spacing-tablet); --mdpub-category-radius: var(--mdpub-category-radius-tablet); --mdpub-category-padding: var(--mdpub-category-padding-tablet); --mdpub-title-lines: var(--mdpub-title-lines-tablet); --mdpub-tile-height: var(--mdpub-tile-height-tablet); --mdpub-tile-main-title-size: var(--mdpub-tile-main-title-size-tablet); --mdpub-tile-side-title-size: var(--mdpub-tile-side-title-size-tablet); --mdpub-overlay-strength: var(--mdpub-overlay-strength-tablet); } .mdpub:hover, .mdpub:focus-within { --mdpub-image-fit: var(--mdpub-image-fit-hover-tablet, var(--mdpub-image-fit-tablet)); --mdpub-image-height: var(--mdpub-image-height-hover-tablet, var(--mdpub-image-height-tablet)); --mdpub-image-min-height: var(--mdpub-image-min-height-hover-tablet, var(--mdpub-image-min-height-tablet)); --mdpub-image-max-height: var(--mdpub-image-max-height-hover-tablet, var(--mdpub-image-max-height-tablet)); --mdpub-image-ratio: var(--mdpub-image-ratio-hover-tablet, var(--mdpub-image-ratio-tablet)); --mdpub-image-position: var(--mdpub-image-position-hover-tablet, var(--mdpub-image-position-tablet)); --mdpub-columns: var(--mdpub-columns-hover-tablet, var(--mdpub-columns-tablet)); --mdpub-gap: var(--mdpub-gap-hover-tablet, var(--mdpub-gap-tablet)); --mdpub-padding: var(--mdpub-padding-hover-tablet, var(--mdpub-padding-tablet)); --mdpub-radius: var(--mdpub-radius-hover-tablet, var(--mdpub-radius-tablet)); --mdpub-title-size: var(--mdpub-title-size-hover-tablet, var(--mdpub-title-size-tablet)); --mdpub-primary: var(--mdpub-primary-hover-tablet, var(--mdpub-primary-tablet)); --mdpub-secondary: var(--mdpub-secondary-hover-tablet, var(--mdpub-secondary-tablet)); --mdpub-accent: var(--mdpub-accent-hover-tablet, var(--mdpub-accent-tablet)); --mdpub-surface: var(--mdpub-surface-hover-tablet, var(--mdpub-surface-tablet)); --mdpub-image-background: var(--mdpub-image-background-hover-tablet, var(--mdpub-image-background-tablet)); --mdpub-hero-text: var(--mdpub-hero-text-hover-tablet, var(--mdpub-hero-text-tablet)); --mdpub-previews: var(--mdpub-previews-hover-tablet, var(--mdpub-previews-tablet)); --mdpub-row-gap: var(--mdpub-row-gap-hover-tablet, var(--mdpub-row-gap-tablet)); --mdpub-image-width: var(--mdpub-image-width-hover-tablet, var(--mdpub-image-width-tablet)); --mdpub-content-alignment: var(--mdpub-content-alignment-hover-tablet, var(--mdpub-content-alignment-tablet)); --mdpub-title-color: var(--mdpub-title-color-hover-tablet, var(--mdpub-title-color-tablet)); --mdpub-title-spacing-top: var(--mdpub-title-spacing-top-hover-tablet, var(--mdpub-title-spacing-top-tablet)); --mdpub-title-spacing-bottom: var(--mdpub-title-spacing-bottom-hover-tablet, var(--mdpub-title-spacing-bottom-tablet)); --mdpub-excerpt-color: var(--mdpub-excerpt-color-hover-tablet, var(--mdpub-excerpt-color-tablet)); --mdpub-excerpt-font-size: var(--mdpub-excerpt-font-size-hover-tablet, var(--mdpub-excerpt-font-size-tablet)); --mdpub-excerpt-spacing-top: var(--mdpub-excerpt-spacing-top-hover-tablet, var(--mdpub-excerpt-spacing-top-tablet)); --mdpub-excerpt-spacing-bottom: var(--mdpub-excerpt-spacing-bottom-hover-tablet, var(--mdpub-excerpt-spacing-bottom-tablet)); --mdpub-category-offset: var(--mdpub-category-offset-hover-tablet, var(--mdpub-category-offset-tablet)); --mdpub-category-bg: var(--mdpub-category-bg-hover-tablet, var(--mdpub-category-bg-tablet)); --mdpub-category-color: var(--mdpub-category-color-hover-tablet, var(--mdpub-category-color-tablet)); --mdpub-category-font-size: var(--mdpub-category-font-size-hover-tablet, var(--mdpub-category-font-size-tablet)); --mdpub-author-color: var(--mdpub-author-color-hover-tablet, var(--mdpub-author-color-tablet)); --mdpub-author-font-size: var(--mdpub-author-font-size-hover-tablet, var(--mdpub-author-font-size-tablet)); --mdpub-date-color: var(--mdpub-date-color-hover-tablet, var(--mdpub-date-color-tablet)); --mdpub-date-font-size: var(--mdpub-date-font-size-hover-tablet, var(--mdpub-date-font-size-tablet)); --mdpub-btn-spacing-top: var(--mdpub-btn-spacing-top-hover-tablet, var(--mdpub-btn-spacing-top-tablet)); --mdpub-btn-text-color: var(--mdpub-btn-text-color-hover-tablet, var(--mdpub-btn-text-color-tablet)); --mdpub-btn-bg-color: var(--mdpub-btn-bg-color-hover-tablet, var(--mdpub-btn-bg-color-tablet)); --mdpub-btn-font-size: var(--mdpub-btn-font-size-hover-tablet, var(--mdpub-btn-font-size-tablet)); --mdpub-btn-padding-y: var(--mdpub-btn-padding-y-hover-tablet, var(--mdpub-btn-padding-y-tablet)); --mdpub-btn-padding-x: var(--mdpub-btn-padding-x-hover-tablet, var(--mdpub-btn-padding-x-tablet)); --mdpub-btn-border-radius: var(--mdpub-btn-border-radius-hover-tablet, var(--mdpub-btn-border-radius-tablet)); --mdpub-btn-hover-text-color: var(--mdpub-btn-hover-text-color-hover-tablet, var(--mdpub-btn-hover-text-color-tablet)); --mdpub-btn-hover-bg-color: var(--mdpub-btn-hover-bg-color-hover-tablet, var(--mdpub-btn-hover-bg-color-tablet)); --mdpub-pagination-alignment: var(--mdpub-pagination-alignment-hover-tablet, var(--mdpub-pagination-alignment-tablet)); --mdpub-pagination-color: var(--mdpub-pagination-color-hover-tablet, var(--mdpub-pagination-color-tablet)); --mdpub-pagination-bg-color: var(--mdpub-pagination-bg-color-hover-tablet, var(--mdpub-pagination-bg-color-tablet)); --mdpub-pagination-active-color: var(--mdpub-pagination-active-color-hover-tablet, var(--mdpub-pagination-active-color-tablet)); --mdpub-pagination-active-bg-color: var(--mdpub-pagination-active-bg-color-hover-tablet, var(--mdpub-pagination-active-bg-color-tablet)); --mdpub-center-padding: var(--mdpub-center-padding-hover-tablet, var(--mdpub-center-padding-tablet)); --mdpub-arrow-size: var(--mdpub-arrow-size-hover-tablet, var(--mdpub-arrow-size-tablet)); --mdpub-arrow-color: var(--mdpub-arrow-color-hover-tablet, var(--mdpub-arrow-color-tablet)); --mdpub-arrow-bg-color: var(--mdpub-arrow-bg-color-hover-tablet, var(--mdpub-arrow-bg-color-tablet)); --mdpub-dot-size: var(--mdpub-dot-size-hover-tablet, var(--mdpub-dot-size-tablet)); --mdpub-dot-color: var(--mdpub-dot-color-hover-tablet, var(--mdpub-dot-color-tablet)); --mdpub-dot-active-color: var(--mdpub-dot-active-color-hover-tablet, var(--mdpub-dot-active-color-tablet)); --mdpub-item-spacing: var(--mdpub-item-spacing-hover-tablet, var(--mdpub-item-spacing-tablet)); --mdpub-image-spacing: var(--mdpub-image-spacing-hover-tablet, var(--mdpub-image-spacing-tablet)); --mdpub-ticker-height: var(--mdpub-ticker-height-hover-tablet, var(--mdpub-ticker-height-tablet)); --mdpub-title-right-color: var(--mdpub-title-right-color-hover-tablet, var(--mdpub-title-right-color-tablet)); --mdpub-title-padding: var(--mdpub-title-padding-hover-tablet, var(--mdpub-title-padding-tablet)); --mdpub-title-spacing: var(--mdpub-title-spacing-hover-tablet, var(--mdpub-title-spacing-tablet)); --mdpub-date-padding: var(--mdpub-date-padding-hover-tablet, var(--mdpub-date-padding-tablet)); --mdpub-date-spacing: var(--mdpub-date-spacing-hover-tablet, var(--mdpub-date-spacing-tablet)); --mdpub-control-size: var(--mdpub-control-size-hover-tablet, var(--mdpub-control-size-tablet)); --mdpub-spacing-between: var(--mdpub-spacing-between-hover-tablet, var(--mdpub-spacing-between-tablet)); --mdpub-control-bg-color: var(--mdpub-control-bg-color-hover-tablet, var(--mdpub-control-bg-color-tablet)); --mdpub-avatar-size: var(--mdpub-avatar-size-hover-tablet, var(--mdpub-avatar-size-tablet)); --mdpub-figure-spacing: var(--mdpub-figure-spacing-hover-tablet, var(--mdpub-figure-spacing-tablet)); --mdpub-category-radius: var(--mdpub-category-radius-hover-tablet, var(--mdpub-category-radius-tablet)); --mdpub-category-padding: var(--mdpub-category-padding-hover-tablet, var(--mdpub-category-padding-tablet)); --mdpub-title-lines: var(--mdpub-title-lines-hover-tablet, var(--mdpub-title-lines-tablet)); --mdpub-tile-height: var(--mdpub-tile-height-hover-tablet, var(--mdpub-tile-height-tablet)); --mdpub-tile-main-title-size: var(--mdpub-tile-main-title-size-hover-tablet, var(--mdpub-tile-main-title-size-tablet)); --mdpub-tile-side-title-size: var(--mdpub-tile-side-title-size-hover-tablet, var(--mdpub-tile-side-title-size-tablet)); --mdpub-overlay-strength: var(--mdpub-overlay-strength-hover-tablet, var(--mdpub-overlay-strength-tablet)); } }
@media (max-width: 767px) { .mdpub { --mdpub-image-fit: var(--mdpub-image-fit-phone); --mdpub-image-height: var(--mdpub-image-height-phone); --mdpub-image-min-height: var(--mdpub-image-min-height-phone); --mdpub-image-max-height: var(--mdpub-image-max-height-phone); --mdpub-image-ratio: var(--mdpub-image-ratio-phone); --mdpub-image-position: var(--mdpub-image-position-phone); --mdpub-columns: var(--mdpub-columns-phone); --mdpub-gap: var(--mdpub-gap-phone); --mdpub-padding: var(--mdpub-padding-phone); --mdpub-radius: var(--mdpub-radius-phone); --mdpub-title-size: var(--mdpub-title-size-phone); --mdpub-primary: var(--mdpub-primary-phone); --mdpub-secondary: var(--mdpub-secondary-phone); --mdpub-accent: var(--mdpub-accent-phone); --mdpub-surface: var(--mdpub-surface-phone); --mdpub-image-background: var(--mdpub-image-background-phone); --mdpub-hero-text: var(--mdpub-hero-text-phone); --mdpub-previews: var(--mdpub-previews-phone); --mdpub-row-gap: var(--mdpub-row-gap-phone); --mdpub-image-width: var(--mdpub-image-width-phone); --mdpub-content-alignment: var(--mdpub-content-alignment-phone); --mdpub-title-color: var(--mdpub-title-color-phone); --mdpub-title-spacing-top: var(--mdpub-title-spacing-top-phone); --mdpub-title-spacing-bottom: var(--mdpub-title-spacing-bottom-phone); --mdpub-excerpt-color: var(--mdpub-excerpt-color-phone); --mdpub-excerpt-font-size: var(--mdpub-excerpt-font-size-phone); --mdpub-excerpt-spacing-top: var(--mdpub-excerpt-spacing-top-phone); --mdpub-excerpt-spacing-bottom: var(--mdpub-excerpt-spacing-bottom-phone); --mdpub-category-offset: var(--mdpub-category-offset-phone); --mdpub-category-bg: var(--mdpub-category-bg-phone); --mdpub-category-color: var(--mdpub-category-color-phone); --mdpub-category-font-size: var(--mdpub-category-font-size-phone); --mdpub-author-color: var(--mdpub-author-color-phone); --mdpub-author-font-size: var(--mdpub-author-font-size-phone); --mdpub-date-color: var(--mdpub-date-color-phone); --mdpub-date-font-size: var(--mdpub-date-font-size-phone); --mdpub-btn-spacing-top: var(--mdpub-btn-spacing-top-phone); --mdpub-btn-text-color: var(--mdpub-btn-text-color-phone); --mdpub-btn-bg-color: var(--mdpub-btn-bg-color-phone); --mdpub-btn-font-size: var(--mdpub-btn-font-size-phone); --mdpub-btn-padding-y: var(--mdpub-btn-padding-y-phone); --mdpub-btn-padding-x: var(--mdpub-btn-padding-x-phone); --mdpub-btn-border-radius: var(--mdpub-btn-border-radius-phone); --mdpub-btn-hover-text-color: var(--mdpub-btn-hover-text-color-phone); --mdpub-btn-hover-bg-color: var(--mdpub-btn-hover-bg-color-phone); --mdpub-pagination-alignment: var(--mdpub-pagination-alignment-phone); --mdpub-pagination-color: var(--mdpub-pagination-color-phone); --mdpub-pagination-bg-color: var(--mdpub-pagination-bg-color-phone); --mdpub-pagination-active-color: var(--mdpub-pagination-active-color-phone); --mdpub-pagination-active-bg-color: var(--mdpub-pagination-active-bg-color-phone); --mdpub-center-padding: var(--mdpub-center-padding-phone); --mdpub-arrow-size: var(--mdpub-arrow-size-phone); --mdpub-arrow-color: var(--mdpub-arrow-color-phone); --mdpub-arrow-bg-color: var(--mdpub-arrow-bg-color-phone); --mdpub-dot-size: var(--mdpub-dot-size-phone); --mdpub-dot-color: var(--mdpub-dot-color-phone); --mdpub-dot-active-color: var(--mdpub-dot-active-color-phone); --mdpub-item-spacing: var(--mdpub-item-spacing-phone); --mdpub-image-spacing: var(--mdpub-image-spacing-phone); --mdpub-ticker-height: var(--mdpub-ticker-height-phone); --mdpub-title-right-color: var(--mdpub-title-right-color-phone); --mdpub-title-padding: var(--mdpub-title-padding-phone); --mdpub-title-spacing: var(--mdpub-title-spacing-phone); --mdpub-date-padding: var(--mdpub-date-padding-phone); --mdpub-date-spacing: var(--mdpub-date-spacing-phone); --mdpub-control-size: var(--mdpub-control-size-phone); --mdpub-spacing-between: var(--mdpub-spacing-between-phone); --mdpub-control-bg-color: var(--mdpub-control-bg-color-phone); --mdpub-avatar-size: var(--mdpub-avatar-size-phone); --mdpub-figure-spacing: var(--mdpub-figure-spacing-phone); --mdpub-category-radius: var(--mdpub-category-radius-phone); --mdpub-category-padding: var(--mdpub-category-padding-phone); --mdpub-title-lines: var(--mdpub-title-lines-phone); --mdpub-tile-height: var(--mdpub-tile-height-phone); --mdpub-tile-main-title-size: var(--mdpub-tile-main-title-size-phone); --mdpub-tile-side-title-size: var(--mdpub-tile-side-title-size-phone); --mdpub-overlay-strength: var(--mdpub-overlay-strength-phone); } .mdpub:hover, .mdpub:focus-within { --mdpub-image-fit: var(--mdpub-image-fit-hover-phone, var(--mdpub-image-fit-phone)); --mdpub-image-height: var(--mdpub-image-height-hover-phone, var(--mdpub-image-height-phone)); --mdpub-image-min-height: var(--mdpub-image-min-height-hover-phone, var(--mdpub-image-min-height-phone)); --mdpub-image-max-height: var(--mdpub-image-max-height-hover-phone, var(--mdpub-image-max-height-phone)); --mdpub-image-ratio: var(--mdpub-image-ratio-hover-phone, var(--mdpub-image-ratio-phone)); --mdpub-image-position: var(--mdpub-image-position-hover-phone, var(--mdpub-image-position-phone)); --mdpub-columns: var(--mdpub-columns-hover-phone, var(--mdpub-columns-phone)); --mdpub-gap: var(--mdpub-gap-hover-phone, var(--mdpub-gap-phone)); --mdpub-padding: var(--mdpub-padding-hover-phone, var(--mdpub-padding-phone)); --mdpub-radius: var(--mdpub-radius-hover-phone, var(--mdpub-radius-phone)); --mdpub-title-size: var(--mdpub-title-size-hover-phone, var(--mdpub-title-size-phone)); --mdpub-primary: var(--mdpub-primary-hover-phone, var(--mdpub-primary-phone)); --mdpub-secondary: var(--mdpub-secondary-hover-phone, var(--mdpub-secondary-phone)); --mdpub-accent: var(--mdpub-accent-hover-phone, var(--mdpub-accent-phone)); --mdpub-surface: var(--mdpub-surface-hover-phone, var(--mdpub-surface-phone)); --mdpub-image-background: var(--mdpub-image-background-hover-phone, var(--mdpub-image-background-phone)); --mdpub-hero-text: var(--mdpub-hero-text-hover-phone, var(--mdpub-hero-text-phone)); --mdpub-previews: var(--mdpub-previews-hover-phone, var(--mdpub-previews-phone)); --mdpub-row-gap: var(--mdpub-row-gap-hover-phone, var(--mdpub-row-gap-phone)); --mdpub-image-width: var(--mdpub-image-width-hover-phone, var(--mdpub-image-width-phone)); --mdpub-content-alignment: var(--mdpub-content-alignment-hover-phone, var(--mdpub-content-alignment-phone)); --mdpub-title-color: var(--mdpub-title-color-hover-phone, var(--mdpub-title-color-phone)); --mdpub-title-spacing-top: var(--mdpub-title-spacing-top-hover-phone, var(--mdpub-title-spacing-top-phone)); --mdpub-title-spacing-bottom: var(--mdpub-title-spacing-bottom-hover-phone, var(--mdpub-title-spacing-bottom-phone)); --mdpub-excerpt-color: var(--mdpub-excerpt-color-hover-phone, var(--mdpub-excerpt-color-phone)); --mdpub-excerpt-font-size: var(--mdpub-excerpt-font-size-hover-phone, var(--mdpub-excerpt-font-size-phone)); --mdpub-excerpt-spacing-top: var(--mdpub-excerpt-spacing-top-hover-phone, var(--mdpub-excerpt-spacing-top-phone)); --mdpub-excerpt-spacing-bottom: var(--mdpub-excerpt-spacing-bottom-hover-phone, var(--mdpub-excerpt-spacing-bottom-phone)); --mdpub-category-offset: var(--mdpub-category-offset-hover-phone, var(--mdpub-category-offset-phone)); --mdpub-category-bg: var(--mdpub-category-bg-hover-phone, var(--mdpub-category-bg-phone)); --mdpub-category-color: var(--mdpub-category-color-hover-phone, var(--mdpub-category-color-phone)); --mdpub-category-font-size: var(--mdpub-category-font-size-hover-phone, var(--mdpub-category-font-size-phone)); --mdpub-author-color: var(--mdpub-author-color-hover-phone, var(--mdpub-author-color-phone)); --mdpub-author-font-size: var(--mdpub-author-font-size-hover-phone, var(--mdpub-author-font-size-phone)); --mdpub-date-color: var(--mdpub-date-color-hover-phone, var(--mdpub-date-color-phone)); --mdpub-date-font-size: var(--mdpub-date-font-size-hover-phone, var(--mdpub-date-font-size-phone)); --mdpub-btn-spacing-top: var(--mdpub-btn-spacing-top-hover-phone, var(--mdpub-btn-spacing-top-phone)); --mdpub-btn-text-color: var(--mdpub-btn-text-color-hover-phone, var(--mdpub-btn-text-color-phone)); --mdpub-btn-bg-color: var(--mdpub-btn-bg-color-hover-phone, var(--mdpub-btn-bg-color-phone)); --mdpub-btn-font-size: var(--mdpub-btn-font-size-hover-phone, var(--mdpub-btn-font-size-phone)); --mdpub-btn-padding-y: var(--mdpub-btn-padding-y-hover-phone, var(--mdpub-btn-padding-y-phone)); --mdpub-btn-padding-x: var(--mdpub-btn-padding-x-hover-phone, var(--mdpub-btn-padding-x-phone)); --mdpub-btn-border-radius: var(--mdpub-btn-border-radius-hover-phone, var(--mdpub-btn-border-radius-phone)); --mdpub-btn-hover-text-color: var(--mdpub-btn-hover-text-color-hover-phone, var(--mdpub-btn-hover-text-color-phone)); --mdpub-btn-hover-bg-color: var(--mdpub-btn-hover-bg-color-hover-phone, var(--mdpub-btn-hover-bg-color-phone)); --mdpub-pagination-alignment: var(--mdpub-pagination-alignment-hover-phone, var(--mdpub-pagination-alignment-phone)); --mdpub-pagination-color: var(--mdpub-pagination-color-hover-phone, var(--mdpub-pagination-color-phone)); --mdpub-pagination-bg-color: var(--mdpub-pagination-bg-color-hover-phone, var(--mdpub-pagination-bg-color-phone)); --mdpub-pagination-active-color: var(--mdpub-pagination-active-color-hover-phone, var(--mdpub-pagination-active-color-phone)); --mdpub-pagination-active-bg-color: var(--mdpub-pagination-active-bg-color-hover-phone, var(--mdpub-pagination-active-bg-color-phone)); --mdpub-center-padding: var(--mdpub-center-padding-hover-phone, var(--mdpub-center-padding-phone)); --mdpub-arrow-size: var(--mdpub-arrow-size-hover-phone, var(--mdpub-arrow-size-phone)); --mdpub-arrow-color: var(--mdpub-arrow-color-hover-phone, var(--mdpub-arrow-color-phone)); --mdpub-arrow-bg-color: var(--mdpub-arrow-bg-color-hover-phone, var(--mdpub-arrow-bg-color-phone)); --mdpub-dot-size: var(--mdpub-dot-size-hover-phone, var(--mdpub-dot-size-phone)); --mdpub-dot-color: var(--mdpub-dot-color-hover-phone, var(--mdpub-dot-color-phone)); --mdpub-dot-active-color: var(--mdpub-dot-active-color-hover-phone, var(--mdpub-dot-active-color-phone)); --mdpub-item-spacing: var(--mdpub-item-spacing-hover-phone, var(--mdpub-item-spacing-phone)); --mdpub-image-spacing: var(--mdpub-image-spacing-hover-phone, var(--mdpub-image-spacing-phone)); --mdpub-ticker-height: var(--mdpub-ticker-height-hover-phone, var(--mdpub-ticker-height-phone)); --mdpub-title-right-color: var(--mdpub-title-right-color-hover-phone, var(--mdpub-title-right-color-phone)); --mdpub-title-padding: var(--mdpub-title-padding-hover-phone, var(--mdpub-title-padding-phone)); --mdpub-title-spacing: var(--mdpub-title-spacing-hover-phone, var(--mdpub-title-spacing-phone)); --mdpub-date-padding: var(--mdpub-date-padding-hover-phone, var(--mdpub-date-padding-phone)); --mdpub-date-spacing: var(--mdpub-date-spacing-hover-phone, var(--mdpub-date-spacing-phone)); --mdpub-control-size: var(--mdpub-control-size-hover-phone, var(--mdpub-control-size-phone)); --mdpub-spacing-between: var(--mdpub-spacing-between-hover-phone, var(--mdpub-spacing-between-phone)); --mdpub-control-bg-color: var(--mdpub-control-bg-color-hover-phone, var(--mdpub-control-bg-color-phone)); --mdpub-avatar-size: var(--mdpub-avatar-size-hover-phone, var(--mdpub-avatar-size-phone)); --mdpub-figure-spacing: var(--mdpub-figure-spacing-hover-phone, var(--mdpub-figure-spacing-phone)); --mdpub-category-radius: var(--mdpub-category-radius-hover-phone, var(--mdpub-category-radius-phone)); --mdpub-category-padding: var(--mdpub-category-padding-hover-phone, var(--mdpub-category-padding-phone)); --mdpub-title-lines: var(--mdpub-title-lines-hover-phone, var(--mdpub-title-lines-phone)); --mdpub-tile-height: var(--mdpub-tile-height-hover-phone, var(--mdpub-tile-height-phone)); --mdpub-tile-main-title-size: var(--mdpub-tile-main-title-size-hover-phone, var(--mdpub-tile-main-title-size-phone)); --mdpub-tile-side-title-size: var(--mdpub-tile-side-title-size-hover-phone, var(--mdpub-tile-side-title-size-phone)); --mdpub-overlay-strength: var(--mdpub-overlay-strength-hover-phone, var(--mdpub-overlay-strength-phone)); } }

.mdpub-author-list .mdpub-author-directory { display: grid; grid-template-columns: repeat(var(--mdpub-columns), minmax(0, 1fr)); gap: var(--mdpub-item-spacing, 20px); }
.mdpub-author-list[data-author-layout="list"] .mdpub-author-directory { grid-template-columns: minmax(0, 1fr); }
.mdpub-author-list .mdpub-author-link { display: flex; flex-direction: column; align-items: center; gap: var(--mdpub-figure-spacing, 15px); padding: var(--mdpub-padding); color: inherit; text-decoration: none; }
.mdpub-author-list[data-author-layout="list"] .mdpub-author-link { flex-direction: row; }
.mdpub-author-list .mdpub-avatar { display: grid; place-items: center; inline-size: var(--mdpub-avatar-size, 80px); block-size: var(--mdpub-avatar-size, 80px); max-inline-size: 100%; flex: none; border-radius: 50%; color: var(--mdpub-accent); background: color-mix(in srgb, var(--mdpub-accent) 10%, var(--mdpub-surface)); font-size: calc(var(--mdpub-avatar-size, 80px) / 2.5); }
.mdpub-author-list[data-avatar-shape="rounded"] .mdpub-avatar { border-radius: var(--mdpub-radius); }
.mdpub-author-list[data-avatar-shape="square"] .mdpub-avatar { border-radius: 0; }
.mdpub-author-list .mdpub-author-content { display: flex; flex-direction: column; gap: 8px; min-inline-size: 0; }
.mdpub-author-list .mdpub-author-count { color: var(--mdpub-secondary); font-size: 0.85rem; }
.mdpub-author-list .mdpub-author-bio { font-size: 0.9rem; }
.mdpub-author-list .mdpub-author-email { display: block; padding: 12px var(--mdpub-padding); color: var(--mdpub-accent); overflow-wrap: anywhere; }

.mdpub-news-hero { border-radius: var(--mdpub-radius); overflow: clip; background: var(--mdpub-surface); }
.mdpub-news-hero .mdpub-hero-stage { display: grid; grid-template-columns: minmax(0, 1fr); }
.mdpub-news-hero .mdpub-hero-story .mdpub-card-link { position: relative; display: grid; isolation: isolate; }
.mdpub-news-hero .mdpub-media, .mdpub-news-hero .mdpub-hero-content { grid-area: 1 / 1; }
.mdpub-news-hero .mdpub-hero-media { background: var(--mdpub-primary); }
.mdpub-news-hero .mdpub-hero-media > .mdpub-image { inline-size: 100%; position: relative; z-index: 1; }
.mdpub-news-hero .mdpub-backdrop { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; object-fit: cover; filter: blur(24px) brightness(0.42); transform: scale(1.12); pointer-events: none; }
.mdpub-news-hero[data-hero-mode-desktop="cover"] .mdpub-backdrop, .mdpub-news-hero[data-hero-mode-desktop="original"] .mdpub-backdrop { display: none; }
.mdpub-news-hero .mdpub-hero-content { align-self: end; color: var(--mdpub-hero-text, #fff); padding: clamp(24px, 4vw, 56px); padding-block-start: 84px; z-index: 2; }
.mdpub-news-hero .mdpub-gradient { background: linear-gradient(transparent, rgb(0 0 0 / calc(var(--mdpub-overlay-strength, 85) * 1%))); }
.mdpub-news-hero .mdpub-meta { color: inherit; margin-block-start: 12px; }
.mdpub-news-hero .mdpub-title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: var(--mdpub-title-lines, 3); overflow: hidden; max-inline-size: 28em; }
.mdpub-news-hero .mdpub-no-image .mdpub-card-link { min-block-size: clamp(280px, 35vw, 560px); background: linear-gradient(135deg, var(--mdpub-primary), var(--mdpub-secondary)); }
.mdpub-news-hero .mdpub-no-image .mdpub-hero-content { background: none; }
.mdpub-news-hero .mdpub-hero-navigation { padding: 0 12px; background: var(--mdpub-surface); }
.mdpub-news-hero .mdpub-previews { --mdpub-preview-count: min(var(--mdpub-previews), var(--mdpub-story-count, 9)); display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - (var(--mdpub-preview-count) - 1) * 12px) / var(--mdpub-preview-count)); gap: 12px; overflow-x: auto; padding: 16px 0; scroll-snap-type: x proximity; }
.mdpub-news-hero .mdpub-preview { display: grid; grid-template-rows: auto 1fr; align-content: start; gap: 10px; padding: 8px; min-inline-size: 0; text-align: start; border: 1px solid color-mix(in srgb, var(--mdpub-secondary) 15%, transparent); border-block-end: 3px solid transparent; scroll-snap-align: start; }
.mdpub-news-hero .mdpub-preview[aria-pressed="true"] { border-block-end-color: var(--mdpub-accent); background: color-mix(in srgb, var(--mdpub-accent) 5%, var(--mdpub-surface)); }
.mdpub-news-hero .mdpub-preview-media { display: grid; place-items: center; inline-size: 100%; block-size: clamp(80px, 8vw, 120px); overflow: hidden; border-radius: max(0px, calc(var(--mdpub-radius) - 4px)); background: color-mix(in srgb, var(--mdpub-secondary) 10%, var(--mdpub-surface)); }
.mdpub-news-hero .mdpub-preview-image { display: block; inline-size: 100%; block-size: 100%; min-block-size: 0; object-fit: cover; }
.mdpub-news-hero .mdpub-preview-title { font-size: 0.85rem; line-height: 1.35; min-block-size: 4.05em; font-weight: 600; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; overflow-wrap: anywhere; }
.mdpub-news-hero .mdpub-preview-placeholder { color: var(--mdpub-secondary); }
@media (max-width: 980px) {
 .mdpub-news-hero[data-hero-mode-tablet="editorial"] .mdpub-backdrop { display: block; }
 .mdpub-news-hero[data-hero-mode-tablet="cover"] .mdpub-backdrop, .mdpub-news-hero[data-hero-mode-tablet="original"] .mdpub-backdrop { display: none; }
}
@media (max-width: 767px) {
 .mdpub-news-hero[data-hero-mode-phone="editorial"] .mdpub-backdrop { display: block; }
 .mdpub-news-hero[data-hero-mode-phone="cover"] .mdpub-backdrop, .mdpub-news-hero[data-hero-mode-phone="original"] .mdpub-backdrop { display: none; }
 .mdpub-news-hero[data-hero-mode-phone="original"] .mdpub-media, .mdpub-news-hero[data-hero-mode-phone="original"] .mdpub-hero-content { grid-area: auto; }
 .mdpub-news-hero[data-hero-mode-phone="original"] .mdpub-hero-content { color: var(--mdpub-primary); background: var(--mdpub-surface); padding: var(--mdpub-padding); }
 .mdpub-news-hero[data-hero-mode-phone="original"] .mdpub-no-image .mdpub-card-link { min-block-size: 0; }
}

.mdpub-news-hero .mdpub-preview-media { position: relative; }
.mdpub-news-hero[data-badge-position^="top"] .mdpub-hero-content > .mdpub-badge, .mdpub-news-hero[data-badge-position^="bottom"] .mdpub-hero-content > .mdpub-badge { position: absolute; inset-inline-start: var(--mdpub-category-offset); inset-block-start: var(--mdpub-category-offset); }
.mdpub-news-hero[data-badge-position$="right"] .mdpub-hero-content > .mdpub-badge { inset-inline-start: auto; inset-inline-end: var(--mdpub-category-offset); }
.mdpub-news-hero[data-badge-position^="bottom"] .mdpub-hero-content > .mdpub-badge { inset-block-start: auto; inset-block-end: var(--mdpub-category-offset); }
.mdpub-news-hero[data-badge-position^="bottom"] .mdpub-hero-content { padding-block-end: calc(var(--mdpub-padding) + 44px); }

.mdpub-news-ticker .mdpub-ticker-shell { display: flex; align-items: stretch; min-block-size: max(44px, var(--mdpub-ticker-height, 48px)); gap: var(--mdpub-spacing-between, 8px); background: var(--mdpub-surface); border: 1px solid color-mix(in srgb, var(--mdpub-secondary) 20%, transparent); border-radius: var(--mdpub-radius); overflow: clip; }
.mdpub-news-ticker .mdpub-ticker-label { display: flex; align-items: center; position: relative; padding: var(--mdpub-title-padding, 10px 16px); margin-inline-end: var(--mdpub-title-spacing, 16px); background: var(--mdpub-accent); color: var(--mdpub-surface); font-weight: 700; flex: none; max-inline-size: 35%; overflow-wrap: anywhere; }
.mdpub-news-ticker[data-ticker-design="design_2"] .mdpub-ticker-label { border-radius: 0 24px 24px 0; }
.mdpub-news-ticker[data-ticker-design="design_3"] .mdpub-ticker-label::after { content: ''; position: absolute; inset-inline-start: 100%; inset-block-start: 0; border-block: 24px solid transparent; border-inline-start: 12px solid var(--mdpub-title-right-color, var(--mdpub-accent)); }
.mdpub-news-ticker[data-ticker-design="design_4"] .mdpub-ticker-label { background: transparent; color: var(--mdpub-accent); border-inline-end: 4px solid var(--mdpub-title-right-color, var(--mdpub-accent)); }
.mdpub-news-ticker .mdpub-ticker-stories { flex: 1; min-inline-size: 0; display: flex; align-items: center; }
.mdpub-news-ticker .mdpub-ticker-story { inline-size: 100%; background: transparent; }
.mdpub-news-ticker .mdpub-card-link { display: flex; align-items: center; gap: var(--mdpub-date-spacing, 12px); min-block-size: 44px; padding: 6px 0; }
.mdpub-news-ticker .mdpub-title { font-size: var(--mdpub-title-size); margin: 0; }
.mdpub-news-ticker .mdpub-ticker-date { font-size: 0.75rem; flex: none; padding: var(--mdpub-date-padding, 8px); color: var(--mdpub-secondary); }
.mdpub-news-ticker .mdpub-controls { padding: 4px; flex: none; }
.mdpub-news-ticker .mdpub-control { background: var(--mdpub-control-bg-color, var(--mdpub-primary)); color: var(--mdpub-arrow-color, var(--mdpub-surface)); }
.mdpub-news-ticker .mdpub-counter, .mdpub-news-ticker .mdpub-progress { display: none; }
.mdpub-news-ticker[data-controls-hover="true"] .mdpub-controls { opacity: 0; }
.mdpub-news-ticker[data-controls-hover="true"]:hover .mdpub-controls, .mdpub-news-ticker[data-controls-hover="true"]:focus-within .mdpub-controls { opacity: 1; }
@media (max-width: 767px) {
 .mdpub-news-ticker .mdpub-ticker-shell { display: grid; grid-template-columns: minmax(0, 1fr) auto; }
 .mdpub-news-ticker .mdpub-ticker-label { grid-column: 1; grid-row: 1; max-inline-size: none; margin-inline-end: 0; }
 .mdpub-news-ticker .mdpub-controls { grid-column: 2; grid-row: 1; }
 .mdpub-news-ticker .mdpub-ticker-stories { grid-column: 1 / -1; grid-row: 2; padding: 0 var(--mdpub-padding, 20px) var(--mdpub-spacing-between, 8px); }
 .mdpub-news-ticker .mdpub-card-link { flex-wrap: wrap; }
 .mdpub-news-ticker[data-mobile-hide-title="true"] .mdpub-ticker-label, .mdpub-news-ticker[data-mobile-hide-date="true"] .mdpub-ticker-date { display: none; }
 .mdpub-news-ticker[data-mobile-hide-controls="true"] .mdpub-controls .mdpub-control:not([data-action="pause"]) { display: none; }
 .mdpub-news-ticker[data-controls-hover="true"] .mdpub-controls { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
 .mdpub-news-ticker .mdpub-ticker-stories { display: grid; gap: var(--mdpub-spacing-between); }
 .mdpub-news-ticker .mdpub-ticker-shell { align-items: start; }
}

.mdpub-post-carousel .mdpub-carousel-track { display: flex; gap: var(--mdpub-gap); overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-inline: contain; scrollbar-width: thin; align-items: flex-start; }
.mdpub-post-carousel .mdpub-carousel-slide { flex: 0 0 calc((100% - (var(--mdpub-columns) - 1) * var(--mdpub-gap)) / var(--mdpub-columns)); scroll-snap-align: start; }
.mdpub-post-carousel[data-center="true"] .mdpub-carousel-track { padding-inline: var(--mdpub-center-padding, 50px); scroll-padding-inline: var(--mdpub-center-padding, 50px); }
.mdpub-post-carousel[data-center="true"] .mdpub-carousel-slide { scroll-snap-align: center; }
.mdpub-post-carousel[data-slide-direction="rtl"] .mdpub-carousel-track { direction: rtl; }
.mdpub-post-carousel[data-slide-direction="ltr"] .mdpub-carousel-track { direction: ltr; }
.mdpub-post-carousel[data-equal-height="true"] .mdpub-carousel-track { align-items: stretch; }
.mdpub-post-carousel[data-equal-height="true"] .mdpub-carousel-slide > article, .mdpub-post-carousel[data-equal-height="true"] .mdpub-card-link, .mdpub-post-carousel[data-equal-height="true"] .mdpub-card-body { block-size: 100%; }
.mdpub-post-carousel[data-layout="layout3"] .mdpub-card:not(.mdpub-no-image) .mdpub-content { position: absolute; inset-inline: 0; inset-block-end: 0; color: var(--mdpub-hero-text); background: linear-gradient(transparent, rgb(0 0 0 / 90%)); }
.mdpub-post-carousel[data-layout="layout3"] .mdpub-meta { color: inherit; }
.mdpub-post-carousel[data-layout="layout4"] .mdpub-inline-avatar { inline-size: 48px; block-size: 48px; }
.mdpub-post-carousel[data-layout="layout4"] .mdpub-author { flex-direction: column; }
.mdpub-post-carousel[data-layout="layout5"] .mdpub-content { border-inline-start: 4px solid var(--mdpub-accent); }

.mdpub-post-carousel[data-layout="layout3"] .mdpub-card:not(.mdpub-no-image) .mdpub-content { position: relative; align-self: end; }

.mdpub-post-grid .mdpub-grid-layout { display: grid; grid-template-columns: repeat(var(--mdpub-columns), minmax(0, 1fr)); column-gap: var(--mdpub-gap); row-gap: var(--mdpub-row-gap); align-items: start; }
.mdpub-post-grid[data-equal-height="true"] .mdpub-grid-layout { align-items: stretch; }
.mdpub-post-grid[data-equal-height="true"] .mdpub-card-link, .mdpub-post-grid[data-equal-height="true"] .mdpub-card-body { block-size: 100%; display: flex; flex-direction: column; }
.mdpub-post-grid[data-equal-height="true"] .mdpub-content { flex: 1; }
.mdpub-post-grid[data-layout="layout3"] .mdpub-card:not(.mdpub-no-image) .mdpub-content { position: absolute; inset-inline: 0; inset-block-end: 0; color: var(--mdpub-hero-text); background: linear-gradient(transparent, rgb(0 0 0 / 90%)); }
.mdpub-post-grid[data-layout="layout3"] .mdpub-meta { color: inherit; }
.mdpub-post-grid[data-layout="layout4"] .mdpub-inline-avatar { inline-size: 48px; block-size: 48px; font-size: 1.25rem; }
.mdpub-post-grid[data-layout="layout4"] .mdpub-author { flex-direction: column; }
.mdpub-post-grid[data-layout="layout5"] .mdpub-grid-card { border: 1px solid color-mix(in srgb, var(--mdpub-secondary) 20%, transparent); }
.mdpub-post-grid[data-layout="layout5"] .mdpub-content { border-inline-start: 4px solid var(--mdpub-accent); }

.mdpub-post-grid[data-layout="layout3"] .mdpub-card:not(.mdpub-no-image) .mdpub-content { position: relative; align-self: end; }

.mdpub-post-list .mdpub-list-items { display: grid; gap: var(--mdpub-item-spacing, var(--mdpub-row-gap)); grid-template-columns: minmax(0, 1fr); }
.mdpub-post-list[data-list-type="grid"] .mdpub-list-items { grid-template-columns: repeat(var(--mdpub-columns), minmax(0, 1fr)); }
.mdpub-post-list .mdpub-card-link, .mdpub-post-list .mdpub-card-body { display: grid; grid-template-columns: minmax(0, var(--mdpub-image-width, 34%)) minmax(0, 1fr); gap: var(--mdpub-image-spacing, 20px); align-items: center; }
.mdpub-post-list .mdpub-content { padding: var(--mdpub-padding); }
.mdpub-post-list .mdpub-image { inline-size: 100%; }
.mdpub-post-list .mdpub-list-item.mdpub-no-image .mdpub-card-link, .mdpub-post-list .mdpub-list-item.mdpub-no-image .mdpub-card-body { grid-template-columns: minmax(0, 1fr); }
.mdpub-post-list .mdpub-list-icon { position: absolute; inset-inline-end: 12px; inset-block-end: 12px; color: var(--mdpub-accent); }
.mdpub-post-list[data-list-desktop="right"] .mdpub-media { order: 2; }
.mdpub-post-list[data-list-desktop="right"] .mdpub-card-link, .mdpub-post-list[data-list-desktop="right"] .mdpub-card-body { grid-template-columns: minmax(0, 1fr) minmax(0, var(--mdpub-image-width, 34%)); }
.mdpub-post-list[data-list-desktop="top"] .mdpub-card-link, .mdpub-post-list[data-list-desktop="top"] .mdpub-card-body { display: block; }
@media (max-width: 980px) {
 .mdpub-post-list[data-list-tablet="left"] .mdpub-card-link, .mdpub-post-list[data-list-tablet="left"] .mdpub-card-body { display: grid; grid-template-columns: minmax(0, var(--mdpub-image-width, 34%)) minmax(0, 1fr); }
 .mdpub-post-list[data-list-tablet="right"] .mdpub-card-link, .mdpub-post-list[data-list-tablet="right"] .mdpub-card-body { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, var(--mdpub-image-width, 34%)); }
 .mdpub-post-list[data-list-tablet="left"] .mdpub-media { order: 0; }
 .mdpub-post-list[data-list-tablet="right"] .mdpub-media { order: 2; }
 .mdpub-post-list[data-list-tablet="top"] .mdpub-card-link, .mdpub-post-list[data-list-tablet="top"] .mdpub-card-body { display: block; }
}
@media (max-width: 767px) {
 .mdpub-post-list[data-list-phone="left"] .mdpub-card-link, .mdpub-post-list[data-list-phone="left"] .mdpub-card-body { display: grid; grid-template-columns: minmax(0, var(--mdpub-image-width, 34%)) minmax(0, 1fr); }
 .mdpub-post-list[data-list-phone="right"] .mdpub-card-link, .mdpub-post-list[data-list-phone="right"] .mdpub-card-body { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, var(--mdpub-image-width, 34%)); }
 .mdpub-post-list[data-list-phone="left"] .mdpub-media { order: 0; }
 .mdpub-post-list[data-list-phone="right"] .mdpub-media { order: 2; }
 .mdpub-post-list[data-list-phone="top"] .mdpub-card-link, .mdpub-post-list[data-list-phone="top"] .mdpub-card-body { display: block; }
}

.mdpub-post-masonry .mdpub-masonry-columns { display: block; columns: var(--mdpub-columns); column-gap: var(--mdpub-gap); }
.mdpub-post-masonry .mdpub-masonry-item { break-inside: avoid; margin-block-end: var(--mdpub-row-gap); }
.mdpub-post-masonry[data-equal-height="true"] .mdpub-masonry-columns { display: grid; columns: auto; grid-template-columns: repeat(var(--mdpub-columns), minmax(0, 1fr)); gap: var(--mdpub-row-gap) var(--mdpub-gap); }
.mdpub-post-masonry[data-equal-height="true"] .mdpub-masonry-item { margin: 0; }
.mdpub-post-masonry[data-equal-height="true"] .mdpub-card-link, .mdpub-post-masonry[data-equal-height="true"] .mdpub-card-body { block-size: 100%; }
.mdpub-post-masonry[data-layout="layout3"] .mdpub-card:not(.mdpub-no-image) .mdpub-content { position: absolute; inset-inline: 0; inset-block-end: 0; color: var(--mdpub-hero-text); background: linear-gradient(transparent, rgb(0 0 0 / 90%)); }
.mdpub-post-masonry[data-layout="layout3"] .mdpub-meta { color: inherit; }
.mdpub-post-masonry[data-layout="layout4"] .mdpub-inline-avatar { inline-size: 48px; block-size: 48px; }
.mdpub-post-masonry[data-layout="layout4"] .mdpub-author { flex-direction: column; }
.mdpub-post-masonry[data-layout="layout5"] .mdpub-content { border-inline-start: 4px solid var(--mdpub-accent); }

.mdpub-post-masonry[data-layout="layout3"] .mdpub-card:not(.mdpub-no-image) .mdpub-content { position: relative; align-self: end; }

.mdpub-post-tiles .mdpub-tiles-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: max(180px, calc((var(--mdpub-tile-height, 520px) - var(--mdpub-row-gap)) / 2)); gap: var(--mdpub-row-gap) var(--mdpub-gap); }
.mdpub-post-tiles[data-tiles="magazine"] .mdpub-tile-lead { grid-column: 1 / span 2; grid-row: 1 / span 2; }
.mdpub-post-tiles[data-tiles="equal"] .mdpub-tiles-grid { grid-template-columns: repeat(var(--mdpub-columns), minmax(0, 1fr)); grid-auto-rows: auto; }
.mdpub-post-tiles[data-tiles="equal"] .mdpub-tile { min-block-size: var(--mdpub-image-height); aspect-ratio: var(--mdpub-image-ratio); }
.mdpub-post-tiles .mdpub-tile .mdpub-card-link { block-size: 100%; display: flex; flex-direction: column; justify-content: flex-end; position: relative; isolation: isolate; color: var(--mdpub-hero-text, #fff); }
.mdpub-post-tiles .mdpub-tile-media { position: absolute; inset: 0; z-index: -2; }
.mdpub-post-tiles .mdpub-tile-media .mdpub-image { inline-size: 100%; block-size: 100%; max-block-size: none; min-block-size: 0; aspect-ratio: auto; }
.mdpub-post-tiles .mdpub-tile-shade { position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgb(0 0 0 / 4%) 10%, rgb(0 0 0 / calc(var(--mdpub-overlay-strength, 85) * 1%)) 100%); }
.mdpub-post-tiles .mdpub-tile-content { padding: var(--mdpub-padding); }
.mdpub-post-tiles .mdpub-title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: var(--mdpub-title-lines, 3); overflow: hidden; }
.mdpub-post-tiles .mdpub-lead-title { font-size: var(--mdpub-tile-main-title-size, 2rem); }
.mdpub-post-tiles .mdpub-secondary-title { font-size: var(--mdpub-tile-side-title-size, 1.15rem); }
.mdpub-post-tiles .mdpub-meta { color: inherit; font-size: 0.75rem; }
.mdpub-post-tiles .mdpub-tile-text .mdpub-card-link { color: var(--mdpub-primary); background: linear-gradient(135deg, var(--mdpub-surface), color-mix(in srgb, var(--mdpub-accent) 8%, var(--mdpub-surface))); border: 1px solid color-mix(in srgb, var(--mdpub-secondary) 20%, transparent); border-radius: inherit; }
.mdpub-post-tiles .mdpub-tile .mdpub-badge { position: absolute; inset-block-start: var(--mdpub-category-offset, 15px); inset-inline-start: var(--mdpub-category-offset, 15px); }
.mdpub-post-tiles[data-badge-position="top_right"] .mdpub-tile .mdpub-badge, .mdpub-post-tiles[data-badge-position="bottom_right"] .mdpub-tile .mdpub-badge { inset-inline-start: auto; inset-inline-end: var(--mdpub-category-offset, 15px); }
.mdpub-post-tiles[data-badge-position="bottom_left"] .mdpub-tile .mdpub-badge, .mdpub-post-tiles[data-badge-position="bottom_right"] .mdpub-tile .mdpub-badge { inset-block-start: auto; inset-block-end: var(--mdpub-category-offset, 15px); }
.mdpub-post-tiles[data-badge-position^="bottom"] .mdpub-tile-content { padding-block-end: calc(var(--mdpub-padding) + 40px); }
.mdpub-post-tiles[data-badge-position="inline"] .mdpub-tile .mdpub-badge { position: static; align-self: flex-start; margin-inline: var(--mdpub-padding); }
@media (max-width: 980px) {
 .mdpub-post-tiles .mdpub-tiles-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: minmax(240px, auto); }
 .mdpub-post-tiles[data-tiles="magazine"] .mdpub-tile-lead { grid-column: 1 / -1; grid-row: auto; min-block-size: var(--mdpub-tile-height, 360px); }
}
@media (max-width: 767px) {
 .mdpub-post-tiles .mdpub-tiles-grid, .mdpub-post-tiles[data-tiles="equal"] .mdpub-tiles-grid { grid-template-columns: minmax(0, 1fr); grid-auto-rows: minmax(var(--mdpub-image-height, 280px), auto); }
 .mdpub-post-tiles[data-tiles="magazine"] .mdpub-tile-lead { grid-column: auto; min-block-size: var(--mdpub-tile-height, 320px); }
 .mdpub-post-tiles .mdpub-tile-text { min-block-size: 180px; }
 .mdpub-post-tiles .mdpub-lead-title, .mdpub-post-tiles .mdpub-secondary-title { font-size: var(--mdpub-title-size); }
}