/*!
 * AI Paragraph Highlights Module - Structure Only
 *
 * Contains only structural/layout CSS with no visual styles.
 * Visual styles should use CSS variables or come from presets.
 *
 * @package Supercharger\Modules\AiParagraphHighlights
 */
.ai-highlight--structure {
  position: relative;
  display: block;
  margin-block: var(--sc-highlight-margin, var(--supercharger-widget-margin-block)) !important;
  background: var(--sc-highlight-bg, transparent);
  border-radius: var(--sc-highlight-border-radius, var(--supercharger-widget-corner));
  padding: var(--sc-highlight-padding, var(--supercharger-widget-padding-sm));
}
@media (min-width: 576px) {
  .ai-highlight--structure {
    padding: var(--sc-highlight-padding, var(--supercharger-widget-padding));
  }
}
.ai-highlight--structure[data-border=accent] {
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}
.ai-highlight--structure[data-border=accent]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: var(--sc-highlight-accent-border-width, 2px);
  height: 100%;
  background: linear-gradient(131.6deg, var(--sc-highlight-border-gradient-start) 0%, var(--sc-highlight-border-gradient-end) 47.03%);
}
[dir=rtl] .ai-highlight--structure[data-border=accent]::before {
  left: unset;
  right: 0;
}
.ai-highlight--structure[data-preset=outline], .ai-highlight--structure[data-border=border] {
  border-width: var(--sc-highlight-border-width, var(--supercharger-border-width));
  border-style: var(--supercharger-border-style);
  border-color: var(--sc-highlight-border-color);
}
.ai-highlight--structure[data-shadow=true] {
  box-shadow: var(--supercharger-shadow-h-offset) var(--supercharger-shadow-v-offset) var(--supercharger-shadow-blur) var(--supercharger-shadow-spread) var(--sc-highlight-shadow-color);
}
.ai-highlight--structure.alignwide .ai-highlight__inner {
  max-width: var(--sc-highlight-max-width, var(--supercharger-global-content-max-width, var(--supercharger-content-max-width, 100%)));
}
.ai-highlight--structure .ai-highlight__inner {
  display: block;
  max-width: var(--sc-highlight-max-width, var(--supercharger-global-content-max-width, 100%));
  margin-block: 0;
  margin-inline: auto;
  padding: 0;
  font-size: var(--sc-highlight-text-size, inherit);
  color: var(--sc-highlight-text-color, inherit);
}

@media (prefers-reduced-motion: reduce) {
  .ai-highlight--structure {
    transition: none;
  }
}


/*!
 * AI Quote Puller Module - Structure Only
 *
 * Contains only structural/layout CSS with no visual styles.
 * Visual styles should use CSS variables or come from presets.
 *
 * @package Supercharger\Modules\AiQuotePuller
 */
.ai-quote-puller--structure {
  container-type: inline-size;
  container-name: supercharger-module;
  position: relative;
  margin-block: var(--sc-quote-margin, var(--supercharger-widget-margin-block)) !important;
  padding: 0;
  background: var(--sc-quote-bg, transparent);
  border-radius: var(--sc-quote-border-radius, var(--supercharger-widget-corner));
}
.ai-quote-puller--structure[data-preset=outline], .ai-quote-puller--structure[data-border=true] {
  border-width: var(--sc-quote-border-width, var(--supercharger-border-width));
  border-style: var(--supercharger-border-style);
  border-color: var(--sc-quote-border-color);
}
.ai-quote-puller--structure[data-shadow=true] {
  box-shadow: var(--supercharger-shadow-h-offset) var(--supercharger-shadow-v-offset) var(--supercharger-shadow-blur) var(--supercharger-shadow-spread) var(--sc-quote-shadow-color);
}
.ai-quote-puller--structure.alignwide .ai-quote-puller__inner {
  margin-inline: auto;
}
.ai-quote-puller--structure.alignwide .ai-quote-puller__blockquote {
  max-width: var(--sc-quote-max-width, var(--supercharger-global-content-max-width, var(--supercharger-content-max-width, 100%)));
}
.ai-quote-puller--structure .ai-quote-puller__inner {
  display: flex;
  flex-direction: column;
  padding: var(--sc-quote-padding);
}
.ai-quote-puller--structure .ai-quote-puller__blockquote {
  display: flex;
  flex-direction: row;
  gap: var(--sc-quote-icon-gap, var(--supercharger-spacing-md, 1rem));
  width: 100%;
  max-width: var(--sc-quote-max-width, var(--supercharger-global-content-max-width, 100%));
  margin-block: 0;
  margin-inline: auto;
  border: none;
  background: none;
}
.ai-quote-puller--structure .ai-quote-puller__icon {
  display: block;
  width: var(--sc-quote-icon-size);
  height: var(--sc-quote-icon-size);
  min-width: var(--sc-quote-icon-size);
  min-height: var(--sc-quote-icon-size);
  margin-block-start: var(--supercharger-spacing-sm);
}
.ai-quote-puller--structure .ai-quote-puller__icon svg {
  display: block;
  width: 100%;
  height: 100%;
  opacity: var(--sc-quote-icon-opacity, 0.5);
}
.ai-quote-puller--structure .ai-quote-puller__text {
  display: block;
  margin: 0;
  font-size: var(--sc-quote-font-size, 1em);
  color: var(--sc-quote-text-color);
}

@media (prefers-reduced-motion: reduce) {
  .ai-quote-puller--structure {
    transition: none;
  }
}


/*!
 * AI Recommendations Module - Structure Only
 *
 * Contains only structural/layout CSS with no visual styles.
 * Visual styles should use CSS variables or come from presets.
 *
 * @package Supercharger\Modules\AiRecommendations
 */
.ai-recommendations--structure {
  container-type: inline-size;
  container-name: supercharger-module;
  position: relative;
  margin-block: var(--sc-rec-margin, var(--supercharger-widget-margin-block)) !important;
  background: var(--sc-rec-bg, transparent);
  border-radius: var(--sc-rec-border-radius);
}
.ai-recommendations--structure[data-preset=outline], .ai-recommendations--structure[data-border=true] {
  border-width: var(--sc-rec-border-width);
  border-style: var(--supercharger-border-style);
  border-color: var(--sc-rec-border-color);
}
.ai-recommendations--structure[data-shadow=true] {
  box-shadow: var(--supercharger-shadow-h-offset) var(--supercharger-shadow-v-offset) var(--supercharger-shadow-blur) var(--supercharger-shadow-spread) var(--sc-rec-shadow-color);
}
.ai-recommendations--structure.alignwide .ai-recommendations__inner {
  margin-inline: auto;
}
.ai-recommendations--structure.alignwide .ai-recommendations__header,
.ai-recommendations--structure.alignwide .ai-recommendations__grid,
.ai-recommendations--structure.alignwide .ai-recommendations__list {
  max-width: var(--sc-rec-max-width, var(--supercharger-global-content-max-width, var(--supercharger-content-max-width, 100%)));
}
.ai-recommendations--structure .ai-recommendations__inner {
  display: flex;
  flex-direction: column;
  gap: var(--sc-rec-gap, var(--supercharger-spacing-md, 1rem));
  padding: var(--sc-rec-padding);
}
.ai-recommendations--structure .ai-recommendations__header {
  display: flex;
  align-items: center;
  gap: var(--sc-rec-header-gap, 0.5em);
  width: 100%;
  max-width: var(--sc-rec-max-width, var(--supercharger-global-content-max-width, 100%));
  margin-inline: auto;
}
.ai-recommendations--structure .ai-recommendations__heading {
  font-size: var(--sc-rec-heading-size, 1.125em);
  color: var(--sc-rec-heading-color);
  margin: 0 !important;
  padding: 0 !important;
}
.editor-styles-wrapper .ai-recommendations--structure .ai-recommendations__heading {
  font-size: var(--sc-rec-heading-size, 1.125em);
}
.ai-recommendations--structure .ai-recommendations__grid {
  display: grid;
  gap: var(--sc-rec-item-gap, var(--supercharger-spacing-md));
  grid-template-columns: 1fr;
  width: 100%;
  max-width: var(--sc-rec-max-width, var(--supercharger-global-content-max-width, 100%));
  margin-inline: auto;
}
@container (min-width: 500px) {
  .ai-recommendations--structure .ai-recommendations__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@container (min-width: 900px) {
  .ai-recommendations--structure .ai-recommendations__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.ai-recommendations--structure .ai-recommendations__grid .ai-recommendations__item {
  flex-direction: column;
}
.ai-recommendations--structure .ai-recommendations__list {
  display: flex;
  flex-direction: column;
  gap: var(--sc-rec-item-gap, var(--supercharger-spacing-md, 1rem));
  width: 100%;
  max-width: var(--sc-rec-max-width, var(--supercharger-global-content-max-width, 100%));
  margin-inline: auto;
}
.ai-recommendations--structure .ai-recommendations__list .ai-recommendations__item {
  flex-direction: column;
}
@container (min-width: 500px) {
  .ai-recommendations--structure .ai-recommendations__list .ai-recommendations__item {
    flex-direction: row;
  }
}
.ai-recommendations--structure .ai-recommendations__list .ai-recommendations__item > * {
  flex: 1;
}
.ai-recommendations--structure .ai-recommendations__list .ai-recommendations__thumbnail {
  flex: 1;
}
.ai-recommendations--structure .ai-recommendations__item {
  display: flex;
  flex-direction: row;
  gap: var(--sc-rec-item-gap);
  padding: var(--sc-rec-card-padding);
  background: var(--sc-rec-card-bg, transparent);
  border: var(--sc-rec-card-border-width) solid var(--sc-rec-card-border-color);
  border-radius: var(--sc-rec-card-border-radius, var(--supercharger-card-corner));
  transition: border-color var(--supercharger-transition-base);
}
.ai-recommendations--structure .ai-recommendations__thumbnail {
  position: relative;
  display: block;
  aspect-ratio: var(--sc-rec-thumbnail-ratio);
  border-radius: var(--sc-rec-thumb-radius, var(--supercharger-thumbnail-corner));
  overflow: hidden;
}
.ai-recommendations--structure .ai-recommendations__thumbnail img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: transform var(--supercharger-transition-base);
}
.ai-recommendations--structure .ai-recommendations__item:hover .ai-recommendations__thumbnail img {
  transform: scale(1.05);
}
.ai-recommendations--structure .ai-recommendations__content {
  display: flex;
  flex-direction: column;
  gap: var(--sc-rec-content-gap, var(--supercharger-spacing-sm, 0.25rem));
  flex: 1;
  min-width: 0;
}
.ai-recommendations--structure .ai-recommendations__title {
  font-size: var(--sc-rec-title-size, 1.125em);
  color: var(--sc-rec-title-color, inherit);
  margin: 0;
  transition: color 0.2s ease;
}
.editor-styles-wrapper .ai-recommendations--structure .ai-recommendations__title {
  font-size: var(--sc-rec-title-size, 1.125em);
}
.ai-recommendations--structure .ai-recommendations__link {
  color: inherit;
  text-decoration: none;
  transition: color var(--supercharger-transition-base);
}
.ai-recommendations--structure .ai-recommendations__link:hover {
  color: var(--sc-rec-title-hover-color, currentColor);
}
.ai-recommendations--structure .ai-recommendations__excerpt {
  display: block;
  margin: 0;
  color: var(--sc-rec-text-color, inherit);
  font-size: var(--sc-rec-text-size, 0.775em);
  line-height: 1.7;
}
.ai-recommendations--structure .supercharger-post-meta__taxonomies,
.ai-recommendations--structure .supercharger-post-meta {
  margin-top: auto;
}

@media (prefers-reduced-motion: reduce) {
  .ai-recommendations--structure .ai-recommendations__item,
  .ai-recommendations--structure .ai-recommendations__thumbnail img,
  .ai-recommendations--structure .ai-recommendations__link {
    transition: none;
  }
  .ai-recommendations--structure .ai-recommendations__item:hover .ai-recommendations__thumbnail img {
    transform: none;
  }
  .ai-recommendations--structure--loading .ai-recommendations__item::after {
    animation: none;
  }
}


/*!
 * AI Content Summarizer Module - Structure Only
 *
 * Contains only structural/layout CSS with no visual styles.
 * Visual styles should use CSS variables or come from presets.
 *
 * @package Supercharger\Modules\AiContentSummarizer
 */
.ai-content-summarizer--structure {
  container-type: inline-size;
  container-name: supercharger-module;
  margin-block: var(--sc-summary-margin, var(--supercharger-widget-margin-block)) !important;
  border-radius: var(--sc-summary-border-radius);
  border-width: var(--sc-summary-border-width);
}
.ai-content-summarizer--structure[data-shadow=true] {
  box-shadow: var(--supercharger-shadow-h-offset) var(--supercharger-shadow-v-offset) var(--supercharger-shadow-blur) var(--supercharger-shadow-spread) var(--sc-summary-shadow-color);
}
.ai-content-summarizer--structure .ai-content-summarizer__wrapper {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  row-gap: 0;
  align-items: flex-start;
  padding: var(--sc-summary-border-width, 2px);
  background: var(--sc-summary-border-color, transparent);
  border-radius: var(--sc-summary-border-radius);
}
.ai-content-summarizer--structure .ai-content-summarizer__initial {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-inline: auto;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  background: transparent;
}
@container (min-width: 500px) {
  .ai-content-summarizer--structure .ai-content-summarizer__initial {
    justify-content: space-between;
  }
}
.ai-content-summarizer--structure .ai-content-summarizer__initial-text {
  flex: 1 0 50%;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 1.125em;
  color: var(--sc-summary-gradient-contrast);
  text-align: center;
}
@container (min-width: 500px) {
  .ai-content-summarizer--structure .ai-content-summarizer__initial-text {
    text-align: start;
  }
}
.editor-styles-wrapper .ai-content-summarizer--structure .ai-content-summarizer__initial-text {
  color: var(--sc-summary-gradient-contrast);
  font-size: 1.125em;
}
.ai-content-summarizer--structure .ai-content-summarizer__initial-button {
  position: relative;
  width: 100%;
  padding: 0;
  background: var(--supercharger-button-bg);
  border: none;
  border-radius: var(--supercharger-button-corner);
  transition: background var(--supercharger-transition-base);
  cursor: pointer;
  overflow: visible;
}
@container (min-width: 500px) {
  .ai-content-summarizer--structure .ai-content-summarizer__initial-button {
    width: unset;
  }
}
.ai-content-summarizer--structure .ai-content-summarizer__initial-button-inner {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-block: calc(var(--supercharger-spacing-unit) * 0.625);
  padding-inline: var(--supercharger-spacing-md);
  border-radius: inherit;
}
.ai-content-summarizer--structure .ai-content-summarizer__initial-button svg {
  width: 1.25rem;
  height: 1.25rem;
  color: var(--supercharger-button-color);
}
.ai-content-summarizer--structure .ai-content-summarizer__initial-button-text {
  position: relative;
  font-size: 1em;
  color: var(--supercharger-button-color);
  overflow: hidden;
}
.ai-content-summarizer--structure .ai-content-summarizer__initial-button-text > span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: transform var(--supercharger-transition-fast);
  pointer-events: none;
}
.ai-content-summarizer--structure .ai-content-summarizer__initial-button-text > span:nth-of-type(2) {
  position: absolute;
  left: 0;
  transform: translateY(200%) translateZ(0);
  pointer-events: none;
}
.editor-styles-wrapper .ai-content-summarizer--structure .ai-content-summarizer__initial-button-text {
  font-size: 1em;
  color: var(--supercharger-button-color);
}
.ai-content-summarizer--structure .ai-content-summarizer__initial-button:hover .ai-content-summarizer__initial-button-text > span:first-child {
  transform: translateY(-200%) translateZ(0);
}
.ai-content-summarizer--structure .ai-content-summarizer__initial-button:hover .ai-content-summarizer__initial-button-text > span:nth-of-type(2) {
  transform: translateY(0) translateZ(0);
}
.ai-content-summarizer--structure .ai-content-summarizer__loading {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -999;
  visibility: hidden;
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2px;
  background: var(--supercharger-button-bg);
  border-radius: inherit;
}
.ai-content-summarizer--structure .ai-content-summarizer__loading > span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--supercharger-button-color);
  animation: supercharger-bounce 1.4s infinite ease-in-out;
  animation-fill-mode: both;
}
.ai-content-summarizer--structure .ai-content-summarizer__loading > span.ai-content-summarizer__loading-one {
  animation-delay: -0.32s;
}
.ai-content-summarizer--structure .ai-content-summarizer__loading > span.ai-content-summarizer__loading-two {
  animation-delay: -0.16s;
}
.ai-content-summarizer--structure.collapse .ai-content-summarizer__wrapper {
  padding: var(--sc-summary-initial-padding-sm);
}
@container (min-width: 500px) {
  .ai-content-summarizer--structure.collapse .ai-content-summarizer__wrapper {
    padding: var(--sc-summary-initial-padding);
  }
}
.ai-content-summarizer--structure.collapse .ai-content-summarizer__initial {
  width: 100%;
  max-width: var(--sc-summary-max-width, var(--supercharger-global-content-max-width, 100%));
  margin-inline: auto;
  padding: 0;
}
.ai-content-summarizer--structure.collapse .ai-content-summarizer__initial-button:focus {
  outline: 2px solid var(--supercharger-accent-color);
  outline-offset: 0;
}
.ai-content-summarizer--structure.collapse .ai-content-summarizer__inner {
  visibility: hidden;
  opacity: 0;
  max-height: 0;
  padding: 0;
  overflow: hidden;
}
.ai-content-summarizer--structure.collapse[data-attention=true] .ai-content-summarizer__initial-button:focus .ai-content-summarizer__initial-button-inner::after, .ai-content-summarizer--structure.collapse[data-attention=true] .ai-content-summarizer__initial-button:hover .ai-content-summarizer__initial-button-inner::after {
  opacity: 0 !important;
  animation-play-state: paused;
}
.ai-content-summarizer--structure.collapse[data-attention=true] .ai-content-summarizer__initial-button-inner::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  transform: translateZ(0);
  will-change: opacity;
  border-radius: inherit;
  animation: supercharger-ripple 1.5s ease-out 0s infinite;
}
.ai-content-summarizer--structure.loading .ai-content-summarizer__wrapper {
  padding: var(--sc-summary-initial-padding-sm);
}
@container (min-width: 500px) {
  .ai-content-summarizer--structure.loading .ai-content-summarizer__wrapper {
    padding: var(--sc-summary-initial-padding);
  }
}
.ai-content-summarizer--structure.loading .ai-content-summarizer__initial {
  width: 100%;
  max-width: var(--sc-summary-max-width, var(--supercharger-global-content-max-width, 100%));
  margin-inline: auto;
  padding: 0;
}
.ai-content-summarizer--structure.loading .ai-content-summarizer__inner {
  visibility: hidden;
  opacity: 0;
  max-height: 0;
  padding: 0;
  overflow: hidden;
}
.ai-content-summarizer--structure.loading .ai-content-summarizer__loading {
  z-index: 100;
  visibility: visible;
  opacity: 1;
}
.ai-content-summarizer--structure.expand .ai-content-summarizer__initial {
  display: none;
}
.ai-content-summarizer--structure.expand .ai-content-summarizer__loading {
  display: none;
  z-index: 100;
  visibility: visible;
  opacity: 1;
}
.ai-content-summarizer--structure.expand .ai-content-summarizer__inner {
  visibility: visible;
  opacity: 1;
  padding: var(--sc-summary-padding-sm);
}
@container (min-width: 500px) {
  .ai-content-summarizer--structure.expand .ai-content-summarizer__inner {
    padding: var(--sc-summary-padding);
  }
}
.ai-content-summarizer--structure.alignwide.collapse .ai-content-summarizer__initial, .ai-content-summarizer--structure.alignwide.loading .ai-content-summarizer__initial,
.ai-content-summarizer--structure.alignwide .ai-content-summarizer__header,
.ai-content-summarizer--structure.alignwide .ai-content-summarizer__content {
  max-width: var(--sc-summary-max-width, var(--supercharger-global-content-max-width, var(--supercharger-content-max-width, 100%)));
}
.ai-content-summarizer--structure.alignwide .ai-content-summarizer__header,
.ai-content-summarizer--structure.alignwide .ai-content-summarizer__content {
  margin-inline: auto;
}
.ai-content-summarizer--structure .ai-content-summarizer__inner {
  flex: 1;
  background: var(--sc-summary-bg, var(--supercharger-widget-bg));
  border-radius: calc(var(--sc-summary-border-radius) - var(--sc-summary-border-width));
}
.ai-content-summarizer--structure .ai-content-summarizer__header {
  display: flex;
  align-items: center;
  gap: var(--sc-summary-header-gap, 0.5em);
  width: 100%;
  max-width: var(--sc-summary-max-width, var(--supercharger-global-content-max-width, 100%));
  margin-inline: auto;
  margin-bottom: var(--sc-summary-gap, var(--supercharger-spacing-md, 1rem));
}
.ai-content-summarizer--structure .ai-content-summarizer__header-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  background: var(--sc-summary-icon-bg);
  color: var(--sc-summary-icon-color);
  border-radius: 50%;
}
.ai-content-summarizer--structure .ai-content-summarizer__header-icon svg {
  width: 1.375rem;
  height: 1.375rem;
}
.ai-content-summarizer--structure .ai-content-summarizer__heading {
  font-size: var(--sc-summary-heading-size, 1.125em);
  color: var(--sc-summary-heading-color, currentColor);
  margin: 0 !important;
  padding: 0 !important;
}
.editor-styles-wrapper .ai-content-summarizer--structure .ai-content-summarizer__heading {
  font-size: var(--sc-summary-heading-size, 1.125em);
}
.ai-content-summarizer--structure .ai-content-summarizer__content {
  width: 100%;
  max-width: var(--sc-summary-max-width, var(--supercharger-global-content-max-width, 100%));
  margin-inline: auto;
}
.ai-content-summarizer--structure .ai-content-summarizer__text {
  display: block;
  margin: 0;
  color: var(--sc-summary-text-color, inherit);
}

@media (prefers-reduced-motion: reduce) {
  .ai-content-summarizer--structure {
    transition: none;
  }
  .ai-content-summarizer__initial-button-inner::after {
    animation: none !important;
  }
  .ai-content-summarizer__loading > span {
    animation: none !important;
  }
}


/*!
 * AI Continue Reading Chips Module - Structure Only
 *
 * Contains only structural/layout CSS with no visual styles.
 * Visual styles should use CSS variables or come from presets.
 *
 * @package Supercharger\Modules\AiContinueReadingChips
 */
.ai-continue-reading-chips--structure {
  container-type: inline-size;
  container-name: supercharger-module;
  position: relative;
  margin-block: var(--sc-chips-margin, var(--supercharger-widget-margin-block)) !important;
  background: var(--sc-chips-bg, transparent);
  border-radius: var(--sc-chips-border-radius);
}
.ai-continue-reading-chips--structure[data-border=true] {
  border-width: var(--sc-chips-border-width);
  border-style: var(--supercharger-border-style);
  border-color: var(--sc-chips-border-color);
}
.ai-continue-reading-chips--structure[data-shadow=true] {
  box-shadow: var(--supercharger-shadow-h-offset) var(--supercharger-shadow-v-offset) var(--supercharger-shadow-blur) var(--supercharger-shadow-spread) var(--sc-chips-shadow-color);
}
.ai-continue-reading-chips--structure.alignwide .ai-continue-reading-chips__inner {
  margin-inline: auto;
}
.ai-continue-reading-chips--structure.alignwide .ai-continue-reading-chips__header,
.ai-continue-reading-chips--structure.alignwide .ai-continue-reading-chips__list {
  max-width: var(--sc-chips-max-width, var(--supercharger-global-content-max-width, var(--supercharger-content-max-width, 100%)));
}
.ai-continue-reading-chips--structure .ai-continue-reading-chips__inner {
  display: flex;
  flex-direction: column;
  gap: var(--sc-chips-gap, var(--supercharger-spacing-md, 1rem));
  padding: var(--sc-chips-padding);
}
.ai-continue-reading-chips--structure .ai-continue-reading-chips__header {
  display: flex;
  align-items: center;
  gap: var(--sc-chips-header-gap, 0.5em);
  width: 100%;
  max-width: var(--sc-chips-max-width, var(--supercharger-global-content-max-width, 100%));
  margin-inline: auto;
}
.ai-continue-reading-chips--structure .ai-continue-reading-chips__heading {
  font-size: var(--sc-chips-heading-size, 1.125em);
  color: var(--sc-chips-heading-color, currentColor);
  margin: 0 !important;
  padding: 0 !important;
}
.editor-styles-wrapper .ai-continue-reading-chips--structure .ai-continue-reading-chips__heading {
  font-size: var(--sc-chips-heading-size, 1.125em);
}
.ai-continue-reading-chips--structure .ai-continue-reading-chips__list {
  display: flex;
  flex-direction: column;
  gap: var(--sc-chips-item-gap);
  width: 100%;
  max-width: var(--sc-chips-max-width, var(--supercharger-global-content-max-width, 100%));
  margin-inline: auto;
}
@container (min-width: 500px) {
  .ai-continue-reading-chips--structure .ai-continue-reading-chips__list {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.ai-continue-reading-chips--structure .ai-continue-reading-chips__item {
  position: relative;
  display: inline-flex;
  margin: 0 !important;
  padding: 0 !important;
}
.ai-continue-reading-chips--structure .ai-continue-reading-chips__chip {
  display: inline-flex;
  align-items: center;
  gap: 0;
  width: 100%;
  padding: var(--sc-chips-chip-padding);
  background: var(--sc-chips-chip-bg, transparent);
  border-radius: var(--sc-chips-chip-radius);
  text-decoration: none;
}
@container (min-width: 500px) {
  .ai-continue-reading-chips--structure .ai-continue-reading-chips__chip {
    width: unset;
  }
}
.ai-continue-reading-chips--structure .ai-continue-reading-chips__chip:hover:not(:has(a:hover)) .ai-continue-reading-chips__text {
  color: var(--sc-chips-chip-hover-color, inherit);
}
.ai-continue-reading-chips--structure .ai-continue-reading-chips__thumbnail {
  flex-shrink: 0;
  width: var(--sc-chips-thumb-width, 48px);
  height: var(--sc-chips-thumb-height, 48px);
  border-radius: var(--sc-chips-thumb-radius);
  overflow: hidden;
}
.ai-continue-reading-chips--structure .ai-continue-reading-chips__thumbnail img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.ai-continue-reading-chips--structure .ai-continue-reading-chips__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--sc-chips-content-gap, 0.125rem);
  min-width: 0;
  padding: var(--sc-chips-chip-content-padding);
}
.ai-continue-reading-chips--structure .ai-continue-reading-chips__text {
  font-size: var(--sc-chips-chip-size, 0.889em);
  line-height: 1.1;
  font-weight: 700;
  color: var(--sc-chips-chip-color, inherit);
  overflow: hidden;
  transition: all var(--supercharger-transition-base);
}
@container (min-width: 500px) {
  .ai-continue-reading-chips--structure .ai-continue-reading-chips__text {
    line-height: inherit;
    white-space: nowrap;
  }
}
.editor-styles-wrapper .ai-continue-reading-chips--structure .ai-continue-reading-chips__text {
  font-size: var(--sc-chips-chip-size, 0.889em);
}
.ai-continue-reading-chips--structure .ai-continue-reading-chips__excerpt {
  font-size: var(--sc-chips-excerpt-size, 0.75em);
  line-height: 1.4;
  color: var(--sc-chips-excerpt-color, inherit);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ai-continue-reading-chips--structure .supercharger-post-meta {
  margin-top: auto;
}
.ai-continue-reading-chips--structure .supercharger-post-meta:empty {
  display: none;
}

@media (prefers-reduced-motion: reduce) {
  .ai-continue-reading-chips--structure .ai-continue-reading-chips__chip {
    transition: none;
  }
}


/*!
 * AI Excerpts Module - Structure Only
 *
 * Contains only structural/layout CSS with no visual styles.
 * Visual styles should use CSS variables or come from presets.
 *
 * @package Supercharger\Modules\AiExcerpts
 */
.ai-excerpt--structure {
  container-type: inline-size;
  container-name: supercharger-module;
  display: inline-block;
  width: 100%;
  margin-block: var(--sc-excerpts-spacing-block, var(--supercharger-spacing-md, 1rem));
  color: var(--sc-excerpts-text-color, inherit);
}

.ai-excerpt--show-badge::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  margin-right: 0.35em;
  mask-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.13095 2.57875C7.73995 2.57875 8.23363 2.08506 8.23363 1.47607H8.74256C8.74256 2.08506 9.23624 2.57875 9.84524 2.57875V3.08768C9.23624 3.08768 8.74256 3.58137 8.74256 4.19036H8.23363C8.23363 3.58137 7.73995 3.08768 7.13095 3.08768V2.57875ZM1.25 5.5475C2.74906 5.5475 3.96429 4.33228 3.96429 2.83322L4.86905 2.83322C4.86905 4.33228 6.08428 5.5475 7.58333 5.5475V6.45226C6.08428 6.45226 4.86905 7.6675 4.86905 9.16655H3.96429C3.96429 7.6675 2.74906 6.45226 1.25 6.45226L1.25 5.5475ZM3.00343 5.99988C3.59658 6.32904 4.08753 6.81996 4.41667 7.41312C4.74581 6.81996 5.23676 6.32904 5.8299 5.99988C5.23676 5.67073 4.74581 5.17981 4.41667 4.58665C4.08753 5.17981 3.59658 5.67073 3.00343 5.99988ZM8.60119 6.90465C8.60119 7.71662 7.94293 8.37488 7.13095 8.37488V9.05346C7.94293 9.05346 8.60119 9.71171 8.60119 10.5237H9.27976C9.27976 9.71171 9.93802 9.05346 10.75 9.05346V8.37488C9.93802 8.37488 9.27976 7.71662 9.27976 6.90465H8.60119Z' fill='currentColor'/%3E%3C/svg%3E%0A");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.13095 2.57875C7.73995 2.57875 8.23363 2.08506 8.23363 1.47607H8.74256C8.74256 2.08506 9.23624 2.57875 9.84524 2.57875V3.08768C9.23624 3.08768 8.74256 3.58137 8.74256 4.19036H8.23363C8.23363 3.58137 7.73995 3.08768 7.13095 3.08768V2.57875ZM1.25 5.5475C2.74906 5.5475 3.96429 4.33228 3.96429 2.83322L4.86905 2.83322C4.86905 4.33228 6.08428 5.5475 7.58333 5.5475V6.45226C6.08428 6.45226 4.86905 7.6675 4.86905 9.16655H3.96429C3.96429 7.6675 2.74906 6.45226 1.25 6.45226L1.25 5.5475ZM3.00343 5.99988C3.59658 6.32904 4.08753 6.81996 4.41667 7.41312C4.74581 6.81996 5.23676 6.32904 5.8299 5.99988C5.23676 5.67073 4.74581 5.17981 4.41667 4.58665C4.08753 5.17981 3.59658 5.67073 3.00343 5.99988ZM8.60119 6.90465C8.60119 7.71662 7.94293 8.37488 7.13095 8.37488V9.05346C7.94293 9.05346 8.60119 9.71171 8.60119 10.5237H9.27976C9.27976 9.71171 9.93802 9.05346 10.75 9.05346V8.37488C9.93802 8.37488 9.27976 7.71662 9.27976 6.90465H8.60119Z' fill='currentColor'/%3E%3C/svg%3E%0A");
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background: var(--sc-excerpt-icon-color, currentColor);
}

@media (prefers-reduced-motion: reduce) {
  .ai-excerpt {
    transition: none;
  }
}


/*!
 * AI Exit-Intent Recirculation Module - Structure Only
 *
 * Contains only structural/layout CSS with no visual styles.
 * Visual styles should use CSS variables or come from presets.
 *
 * @package Supercharger\Modules\AiExitIntentRecirculation
 */
.ai-exit-intent-recirculation--structure {
  --sc-exit-bar-height: 100%;
  container-type: inline-size;
  container-name: supercharger-module;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: var(--sc-exit-z-index, 999999);
  background: linear-gradient(82.69deg, var(--sc-exit-gradient-start) 2.96%, var(--sc-exit-gradient-end) 100.26%);
  transform: translateY(-100%);
  transition: transform 0.3s ease;
}
.ai-exit-intent-recirculation--structure[data-visible=true] {
  transform: translateY(0);
}
.ai-exit-intent-recirculation--structure[data-minimized=true] {
  transform: translateY(-100%);
}
.ai-exit-intent-recirculation--structure[data-minimized=true] .ai-exit-intent-recirculation__container {
  opacity: 0;
  pointer-events: none;
}
.ai-exit-intent-recirculation--structure[data-minimized=true] .ai-exit-intent-recirculation__pill {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0);
  top: 150px;
}
.ai-exit-intent-recirculation--structure[data-push-content=true] {
  position: sticky;
}
.ai-exit-intent-recirculation--structure[data-push-content=true][data-minimized=false] .ai-exit-intent-recirculation__container {
  margin-block-start: 0;
}
.ai-exit-intent-recirculation--structure[data-push-content=true][data-minimized=true] .ai-exit-intent-recirculation__container {
  margin-block-start: calc(var(--sc-exit-bar-height) * -1);
}
.ai-exit-intent-recirculation--structure.alignwide .ai-exit-intent-recirculation__container {
  max-width: var(--sc-exit-max-width, 100%);
}
.supercharger-preview-mode .ai-exit-intent-recirculation--structure {
  display: block !important;
  position: relative;
  transform: translateY(0);
}
.supercharger-preview-mode .ai-exit-intent-recirculation--structure .ai-exit-intent-recirculation__container {
  opacity: 1;
  pointer-events: none;
}
.supercharger-preview-mode .ai-exit-intent-recirculation--structure .ai-exit-intent-recirculation__pill {
  opacity: 0;
  pointer-events: none;
}
.ai-exit-intent-recirculation--structure .ai-exit-intent-recirculation__container {
  max-width: var(--sc-exit-max-width, var(--supercharger-global-content-max-width, 100%));
  padding: var(--sc-exit-padding);
  margin-inline-start: var(--supercharger-spacing-xl);
  display: flex;
  align-items: center;
  gap: var(--sc-exit-gap);
  opacity: 1;
  transition: 0.3s ease;
}
.ai-exit-intent-recirculation--structure .ai-exit-intent-recirculation__content {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ai-exit-intent-recirculation--structure .ai-exit-intent-recirculation__content-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--sc-exit-content-gap, 0.25rem 0.75rem);
}
.ai-exit-intent-recirculation--structure .ai-exit-intent-recirculation__label {
  font-size: var(--sc-exit-label-size, 0.889em);
  color: var(--sc-exit-label-color, inherit);
  flex-shrink: 0;
  display: none;
}
@container (min-width: 500px) {
  .ai-exit-intent-recirculation--structure .ai-exit-intent-recirculation__label {
    display: inline;
  }
}
.ai-exit-intent-recirculation--structure .ai-exit-intent-recirculation__thumbnail {
  flex-shrink: 0;
  width: var(--sc-exit-thumb-width, 48px);
  height: var(--sc-exit-thumb-height, 48px);
  border-radius: var(--sc-exit-thumb-radius, 0.375rem);
  overflow: hidden;
}
.ai-exit-intent-recirculation--structure .ai-exit-intent-recirculation__thumbnail img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.ai-exit-intent-recirculation--structure .ai-exit-intent-recirculation__text-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--sc-exit-text-gap, var(--supercharger-spacing-xs));
  min-width: 0;
}
.ai-exit-intent-recirculation--structure .ai-exit-intent-recirculation__link {
  font-size: var(--sc-exit-link-size, 0.889em);
  color: var(--sc-exit-link-color, inherit);
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 0.2s ease;
}
.ai-exit-intent-recirculation--structure .ai-exit-intent-recirculation__link:hover {
  color: var(--sc-exit-link-hover-color, inherit);
}
.ai-exit-intent-recirculation--structure .ai-exit-intent-recirculation__excerpt {
  font-size: var(--sc-exit-excerpt-size, 0.889em);
  line-height: 1.4;
  color: var(--sc-exit-excerpt-color, inherit);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ai-exit-intent-recirculation--structure .supercharger-post-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--sc-exit-meta-gap, var(--supercharger-spacing-sm));
}
.ai-exit-intent-recirculation--structure .supercharger-post-meta:empty {
  display: none;
}
.ai-exit-intent-recirculation--structure .supercharger-post-meta .supercharger-post-meta__link:hover {
  color: var(--supercharger-gradient-contrast, inherit);
}
.ai-exit-intent-recirculation--structure .ai-exit-intent-recirculation__close {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  flex-shrink: 0;
  width: var(--supercharger-spacing-xl);
  height: var(--supercharger-spacing-xl);
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--sc-exit-close-color, currentColor);
  transition: color 0.2s ease;
}
[dir=rtl] .ai-exit-intent-recirculation--structure .ai-exit-intent-recirculation__close {
  left: 0;
  right: unset;
}
.ai-exit-intent-recirculation--structure .ai-exit-intent-recirculation__close:hover {
  color: var(--sc-exit-close-hover-color, currentColor);
}
.ai-exit-intent-recirculation--structure .ai-exit-intent-recirculation__close svg {
  width: var(--supercharger-spacing-md);
  height: var(--supercharger-spacing-md);
}
.ai-exit-intent-recirculation--structure .ai-exit-intent-recirculation__pill {
  position: fixed;
  top: 50%;
  right: 0;
  transform: translate(100%, -50%);
  z-index: var(--sc-exit-z-index, 999999);
  padding-block: 4px;
  padding-inline: 12px;
  background: linear-gradient(352.69deg, var(--sc-exit-gradient-start) 2.96%, var(--sc-exit-gradient-end) 100.26%);
  border: none;
  border-radius: var(--sc-exit-pill-radius);
  border-end-start-radius: 0;
  border-end-end-radius: 0;
  box-shadow: var(--sc-exit-pill-shadow, -2px 2px 8px rgba(0, 0, 0, 0.2));
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: var(--supercharger-spacing-sm);
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s ease;
  color: var(--sc-exit-pill-color, inherit);
  font-size: var(--sc-exit-pill-font-size, 0.889em);
  writing-mode: sideways-lr;
  text-orientation: mixed;
}
[dir=rtl] .ai-exit-intent-recirculation--structure .ai-exit-intent-recirculation__pill {
  left: 0;
  right: unset;
  writing-mode: sideways-rl;
}
.ai-exit-intent-recirculation--structure .ai-exit-intent-recirculation__pill:hover svg {
  transform: translateY(-5px);
}
.ai-exit-intent-recirculation--structure .ai-exit-intent-recirculation__pill svg {
  width: calc(var(--supercharger-spacing-unit) * 1.25);
  height: calc(var(--supercharger-spacing-unit) * 1.25);
  transition: all 0.3s ease;
}
.ai-exit-intent-recirculation--structure .ai-exit-intent-recirculation__pill .ai-exit-intent-recirculation__pill-text {
  white-space: nowrap;
  font-size: 1.125em;
  line-height: 1.7;
}
.ai-exit-intent-recirculation--structure .supercharger-ai-badge {
  position: relative;
  top: unset;
  bottom: unset;
  left: unset;
  right: unset;
  transform: unset;
}
.ai-exit-intent-recirculation--structure .supercharger-ai-badge-header {
  background: transparent;
  color: var(--sc-exit-link-color, inherit);
  aspect-ratio: 1/1;
}
@container (min-width: 500px) {
  .ai-exit-intent-recirculation--structure .supercharger-ai-badge-header {
    aspect-ratio: auto;
  }
}
.ai-exit-intent-recirculation--structure .supercharger-ai-badge-header::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: var(--supercharger-ai-badge-bg);
  opacity: 0.2;
  border-radius: var(--supercharger-ai-badge-corner);
}
.ai-exit-intent-recirculation--structure .supercharger-ai-badge-inside {
  color: var(--sc-exit-link-color, inherit);
}
.ai-exit-intent-recirculation--structure .supercharger-ai-badge .supercharger-ai-badge__text {
  display: none;
}
@container (min-width: 500px) {
  .ai-exit-intent-recirculation--structure .supercharger-ai-badge .supercharger-ai-badge__text {
    display: inline;
  }
}

.ai-exit-intent-recirculation-center .ai-exit-intent-recirculation__container {
  flex-wrap: wrap;
  justify-content: center;
}
.ai-exit-intent-recirculation-center .ai-exit-intent-recirculation__container:has(.supercharger-ai-badge-wrapper) {
  width: 100%;
  margin: 0;
}
.ai-exit-intent-recirculation-center .ai-exit-intent-recirculation__container:has(.supercharger-ai-badge-wrapper) .supercharger-ai-badge-wrapper {
  display: flex;
  justify-content: flex-start;
  flex: 1;
}
.ai-exit-intent-recirculation-center .ai-exit-intent-recirculation__container:has(.supercharger-ai-badge-wrapper) .ai-exit-intent-recirculation__content {
  flex: 10;
}
.ai-exit-intent-recirculation-center .ai-exit-intent-recirculation__container:has(.supercharger-ai-badge-wrapper)::after {
  flex: 1;
  content: "";
  display: block;
}

@media (prefers-reduced-motion: reduce) {
  .ai-exit-intent-recirculation {
    transition: none;
  }
  .ai-exit-intent-recirculation .ai-exit-intent-recirculation__container,
  .ai-exit-intent-recirculation .ai-exit-intent-recirculation__link,
  .ai-exit-intent-recirculation .ai-exit-intent-recirculation__close,
  .ai-exit-intent-recirculation .ai-exit-intent-recirculation__pill {
    transition: none;
  }
}


/*!
 * AI Footer Recirculation Module - Structure Only
 *
 * Ticker/Marquee style horizontal scrolling strip.
 * Full width layout with continuous scrolling effect.
 *
 * @package Supercharger\Modules\AiFooterRecirculation
 */
.ai-footer-recirculation--structure {
  container-type: inline-size;
  container-name: supercharger-module;
  position: relative;
  width: 100%;
  margin-block: var(--sc-footer-rec-margin, 0) !important;
  background-color: var(--sc-footer-rec-bg);
  overflow: hidden;
}
.ai-footer-recirculation--structure.alignwide .ai-footer-recirculation__header {
  max-width: var(--sc-footer-max-width, var(--supercharger-global-content-max-width, var(--supercharger-content-max-width, 100%)));
}
.ai-footer-recirculation--structure .ai-footer-recirculation__inner {
  display: flex;
  flex-direction: column;
  gap: var(--sc-footer-rec-gap, var(--supercharger-spacing-md, 1rem));
  width: 100%;
  padding: var(--sc-footer-rec-padding);
}
.ai-footer-recirculation--structure .ai-footer-recirculation__header {
  display: flex;
  align-items: center;
  gap: var(--sc-footer-rec-header-gap, 0.5em);
  width: 100%;
  max-width: var(--sc-footer-max-width, var(--supercharger-global-content-max-width, 100%));
}
.ai-footer-recirculation--structure .ai-footer-recirculation__heading {
  font-size: var(--sc-footer-rec-heading-size, 1.125em);
  color: var(--sc-footer-rec-heading-color);
  margin: 0 !important;
  padding: 0 !important;
}
.ai-footer-recirculation--structure .ai-footer-recirculation__slider {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.ai-footer-recirculation--structure .ai-footer-recirculation__track {
  display: flex;
  gap: var(--sc-footer-rec-slide-gap, 2.5rem);
  will-change: transform;
}
.ai-footer-recirculation__slider:not(.ticker-initialized) .ai-footer-recirculation--structure .ai-footer-recirculation__track {
  padding-inline: var(--sc-footer-rec-padding-x, 1.5rem);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.ai-footer-recirculation__slider:not(.ticker-initialized) .ai-footer-recirculation--structure .ai-footer-recirculation__track::-webkit-scrollbar {
  display: none;
}
.ai-footer-recirculation--structure .ai-footer-recirculation__slider:not(.ticker-initialized) .ai-footer-recirculation__slide {
  flex: 0 0 auto;
  scroll-snap-align: start;
}
.ai-footer-recirculation--structure .ai-footer-recirculation__slide {
  width: auto;
  max-width: var(--sc-footer-rec-slide-max-width, 350px);
}
.ai-footer-recirculation--structure .ai-footer-recirculation__item {
  display: flex;
  align-items: center;
  gap: var(--sc-footer-rec-item-gap, 0.75rem);
  text-decoration: none;
  color: inherit;
  padding: var(--sc-footer-rec-item-padding, 0);
  border-radius: var(--sc-footer-rec-item-radius, 0.5rem);
  background: var(--sc-footer-rec-item-bg, transparent);
  transition: background-color var(--supercharger-transition-base);
}
.ai-footer-recirculation--structure .ai-footer-recirculation__item:hover:not(:has(a:hover)) .ai-footer-recirculation__title {
  color: var(--sc-footer-rec-title-hover-color);
}
.ai-footer-recirculation--structure .ai-footer-recirculation__thumb {
  flex-shrink: 0;
  width: var(--sc-footer-rec-thumb-width, 64px);
  height: var(--sc-footer-rec-thumb-height, 64px);
  border-radius: var(--sc-footer-rec-thumb-radius, var(--supercharger-thumbnail-corner));
  overflow: hidden;
}
.ai-footer-recirculation--structure .ai-footer-recirculation__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.ai-footer-recirculation--structure .ai-footer-recirculation__content {
  display: flex;
  flex-direction: column;
  gap: var(--supercharger-spacing-sm);
  min-width: var(--sc-footer-rec-content-min-width, 200px);
}
.ai-footer-recirculation--structure .ai-footer-recirculation__title {
  font-size: var(--sc-footer-rec-title-size, 1em);
  color: var(--sc-footer-rec-title-color, inherit);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: color var(--supercharger-transition-base);
  margin: 0 !important;
  padding: 0 !important;
}
.ai-footer-recirculation--structure .ai-footer-recirculation__item:hover .ai-footer-recirculation__title {
  color: var(--sc-footer-rec-link-hover-color, currentColor);
}
.ai-footer-recirculation--structure .ai-footer-recirculation__excerpt {
  font-size: var(--sc-footer-rec-excerpt-size, 0.75em);
  line-height: 1.4;
  color: var(--sc-footer-rec-excerpt-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}
.ai-footer-recirculation--structure .supercharger-post-meta__taxonomies,
.ai-footer-recirculation--structure .supercharger-post-meta {
  margin-top: auto;
}
.ai-footer-recirculation--structure.ai-footer-recirculation--edge-fade .ai-footer-recirculation__slider::before,
.ai-footer-recirculation--structure.ai-footer-recirculation--edge-fade .ai-footer-recirculation__slider::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: var(--sc-footer-rec-fade-width, 48px);
  z-index: 2;
  pointer-events: none;
}
@container (min-width: 500px) {
  .ai-footer-recirculation--structure.ai-footer-recirculation--edge-fade .ai-footer-recirculation__slider::before,
  .ai-footer-recirculation--structure.ai-footer-recirculation--edge-fade .ai-footer-recirculation__slider::after {
    width: var(--sc-footer-rec-fade-width, 80px);
  }
}
.ai-footer-recirculation--structure.ai-footer-recirculation--edge-fade .ai-footer-recirculation__slider::before {
  left: 0;
  background: linear-gradient(to right, var(--sc-footer-rec-bg, #f8fafc) 0%, transparent 100%);
}
.ai-footer-recirculation--structure.ai-footer-recirculation--edge-fade .ai-footer-recirculation__slider::after {
  right: 0;
  background: linear-gradient(to left, var(--sc-footer-rec-bg, #f8fafc) 0%, transparent 100%);
}
.ai-footer-recirculation--structure .supercharger-ai-badge-outside {
  left: 0;
}
[dir=rtl] .ai-footer-recirculation--structure .supercharger-ai-badge-outside {
  left: unset;
  right: 0;
}

@media (prefers-reduced-motion: reduce) {
  .ai-footer-recirculation .ai-footer-recirculation__title,
  .ai-footer-recirculation .ai-footer-recirculation__item {
    transition: none;
  }
  .ai-footer-recirculation .ai-footer-recirculation__track {
    animation: none !important;
    transform: none !important;
  }
}


/*!
 * AI Inline Recommendations Module - Structure Only
 *
 * Contains only structural/layout CSS with no visual styles.
 * Visual styles should use CSS variables or come from presets.
 *
 * @package Supercharger\Modules\AiInlineRecommendations
 */
.ai-inline-recommendations--structure {
  container-type: inline-size;
  container-name: supercharger-module;
  position: relative;
  margin-block: var(--sc-inline-rec-margin, var(--supercharger-widget-margin-block)) !important;
  background: var(--sc-inline-rec-bg, transparent);
  border-radius: var(--sc-inline-rec-border-radius);
}
.ai-inline-recommendations--structure[data-preset=outline], .ai-inline-recommendations--structure[data-border=true] {
  border-width: var(--sc-inline-rec-border-width);
  border-style: var(--supercharger-border-style);
  border-color: var(--sc-inline-rec-border-color);
}
.ai-inline-recommendations--structure[data-shadow=true] {
  box-shadow: var(--supercharger-shadow-h-offset) var(--supercharger-shadow-v-offset) var(--supercharger-shadow-blur) var(--supercharger-shadow-spread) var(--sc-inline-rec-shadow-color);
}
.ai-inline-recommendations--structure.alignwide .ai-inline-recommendations__inner {
  margin-inline: auto;
}
.ai-inline-recommendations--structure.alignwide .ai-inline-recommendations__header,
.ai-inline-recommendations--structure.alignwide .ai-inline-recommendations__grid,
.ai-inline-recommendations--structure.alignwide .ai-inline-recommendations__list {
  max-width: var(--sc-inline-rec-max-width, var(--supercharger-global-content-max-width, var(--supercharger-content-max-width, 100%)));
}
.ai-inline-recommendations--structure .ai-inline-recommendations__inner {
  display: flex;
  flex-direction: column;
  gap: var(--sc-inline-rec-gap, var(--supercharger-spacing-md, 1rem));
  padding: var(--sc-inline-rec-padding);
}
.ai-inline-recommendations--structure .ai-inline-recommendations__header {
  display: flex;
  align-items: center;
  gap: var(--sc-inline-rec-header-gap, 0.5em);
  width: 100%;
  max-width: var(--sc-inline-rec-max-width, var(--supercharger-global-content-max-width, 100%));
  margin-inline: auto;
}
.ai-inline-recommendations--structure .ai-inline-recommendations__heading {
  font-size: var(--sc-inline-rec-heading-size, 1.125em);
  color: var(--sc-inline-rec-heading-color);
  margin: 0 !important;
  padding: 0 !important;
}
.editor-styles-wrapper .ai-inline-recommendations--structure .ai-inline-recommendations__heading {
  font-size: var(--sc-inline-rec-heading-size, 1.125em);
}
.ai-inline-recommendations--structure .ai-inline-recommendations__grid {
  display: grid;
  gap: var(--sc-inline-rec-item-gap, var(--supercharger-spacing-md, 1rem));
  grid-template-columns: 1fr;
  width: 100%;
  max-width: var(--sc-inline-rec-max-width, var(--supercharger-global-content-max-width, 100%));
  margin-inline: auto;
}
@container (min-width: 500px) {
  .ai-inline-recommendations--structure .ai-inline-recommendations__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@container (min-width: 900px) {
  .ai-inline-recommendations--structure .ai-inline-recommendations__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.ai-inline-recommendations--structure .ai-inline-recommendations__grid .ai-inline-recommendations__item {
  flex-direction: column;
}
.ai-inline-recommendations--structure .ai-inline-recommendations__list {
  display: flex;
  flex-direction: column;
  gap: var(--sc-inline-rec-item-gap, var(--supercharger-spacing-md, 1rem));
  width: 100%;
  max-width: var(--sc-inline-rec-max-width, var(--supercharger-global-content-max-width, 100%));
  margin-inline: auto;
}
.ai-inline-recommendations--structure .ai-inline-recommendations__list .ai-recommendations__item {
  flex-direction: column;
}
@container (min-width: 500px) {
  .ai-inline-recommendations--structure .ai-inline-recommendations__list .ai-recommendations__item {
    flex-direction: row;
  }
}
.ai-inline-recommendations--structure .ai-inline-recommendations__item {
  position: relative;
}
.ai-inline-recommendations--structure .ai-inline-recommendations__link {
  display: flex;
  align-items: center;
  gap: var(--sc-inline-rec-link-gap, 1rem);
  text-decoration: none;
  color: inherit;
  transition: color 0.2s ease;
}
.ai-inline-recommendations--structure .ai-inline-recommendations__link:hover:not(:has(a:hover)) .ai-inline-recommendations__title {
  color: var(--sc-inline-rec-title-hover-color);
}
.ai-inline-recommendations--structure .ai-inline-recommendations__thumbnail {
  flex-shrink: 0;
  width: var(--sc-inline-rec-thumb-width, 64px);
  height: var(--sc-inline-rec-thumb-height, 64px);
  border-radius: var(--sc-inline-rec-thumb-radius, var(--supercharger-thumbnail-corner));
  overflow: hidden;
}
.ai-inline-recommendations--structure .ai-inline-recommendations__thumbnail img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.ai-inline-recommendations--structure .ai-inline-recommendations__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--supercharger-spacing-sm);
  min-width: 0;
}
.ai-inline-recommendations--structure .ai-inline-recommendations__title {
  font-size: var(--sc-inline-rec-title-size, 0.889em);
  color: var(--sc-inline-rec-title-color, inherit);
  margin: 0;
  transition: color 0.2s ease;
}
.editor-styles-wrapper .ai-inline-recommendations--structure .ai-inline-recommendations__title {
  font-size: var(--sc-inline-rec-title-size, 0.889em);
}
.ai-inline-recommendations--structure .ai-inline-recommendations__excerpt {
  font-size: var(--sc-inline-rec-excerpt-size, 0.75em);
  line-height: 1.4;
  color: var(--sc-inline-rec-excerpt-color);
}
.ai-inline-recommendations--structure .supercharger-post-meta__taxonomies,
.ai-inline-recommendations--structure .supercharger-post-meta {
  margin-top: auto;
}

@media (prefers-reduced-motion: reduce) {
  .ai-inline-recommendations--structure .ai-inline-recommendations__link,
  .ai-inline-recommendations--structure .ai-inline-recommendations__title {
    transition: none;
  }
}


/*!
 * AI Key Moments Module - Structure Only
 *
 * Contains only structural/layout CSS with no visual styles.
 * Visual styles should use CSS variables or come from presets.
 *
 * @package Supercharger\Modules\AiKeyMoments
 */
.ai-key-moments--structure {
  container-type: inline-size;
  container-name: supercharger-module;
  position: relative;
  margin-block: var(--sc-moments-margin, var(--supercharger-widget-margin-block)) !important;
  background: var(--sc-moments-bg, transparent);
  border-radius: var(--sc-moments-border-radius);
}
.ai-key-moments--structure[data-border=true] {
  border-width: var(--sc-moments-border-width);
  border-style: var(--supercharger-border-style);
  border-color: var(--sc-moments-border-color);
}
.ai-key-moments--structure[data-shadow=true] {
  box-shadow: var(--supercharger-shadow-h-offset) var(--supercharger-shadow-v-offset) var(--supercharger-shadow-blur) var(--supercharger-shadow-spread) var(--sc-moments-shadow-color);
}
.ai-key-moments--structure.alignwide .ai-key-moments__inner {
  margin-inline: auto;
}
.ai-key-moments--structure.alignwide .ai-key-moments__header,
.ai-key-moments--structure.alignwide .ai-key-moments__list {
  max-width: var(--sc-moments-max-width, var(--supercharger-global-content-max-width, var(--supercharger-content-max-width, 100%)));
}
.ai-key-moments--structure .ai-key-moments__inner {
  display: flex;
  flex-direction: column;
  gap: var(--sc-moments-gap, var(--supercharger-spacing-md, 1rem));
  padding: var(--sc-moments-padding);
}
.ai-key-moments--structure .ai-key-moments__header {
  display: flex;
  align-items: center;
  gap: var(--sc-moments-header-gap, 0.5em);
  width: 100%;
  max-width: var(--sc-moments-max-width, var(--supercharger-global-content-max-width, 100%));
  margin-inline: auto;
}
.ai-key-moments--structure .ai-key-moments__heading {
  font-size: var(--sc-moments-heading-size, 1.125em);
  color: var(--sc-moments-heading-color, currentColor);
  margin: 0 !important;
  padding: 0 !important;
}
.editor-styles-wrapper .ai-key-moments--structure .ai-key-moments__heading {
  font-size: var(--sc-moments-heading-size, 1.125em);
}
.ai-key-moments--structure .ai-key-moments__list {
  display: flex;
  flex-direction: column;
  gap: var(--sc-moments-item-gap, 0);
  width: 100%;
  max-width: var(--sc-moments-max-width, var(--supercharger-global-content-max-width, 100%));
  margin-inline: auto;
}
.ai-key-moments--structure .ai-key-moments__item {
  display: flex;
  align-items: flex-start;
  gap: calc(var(--supercharger-spacing-unit) * 0.75);
  margin-inline: calc(var(--supercharger-spacing-unit) * -1.125);
  padding-block: var(--supercharger-spacing-unit);
  padding-inline: calc(var(--supercharger-spacing-unit) * 1.125);
  background: transparent;
  border-radius: var(--sc-moments-border-radius);
  transition: background var(--supercharger-transition-base);
  cursor: default;
}
.ai-key-moments--structure .ai-key-moments__item:last-child {
  margin-block-end: calc(var(--supercharger-spacing-unit) * -1);
}
.ai-key-moments--structure .ai-key-moments__item[data-target] {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.ai-key-moments--structure .ai-key-moments__item[data-target]:hover {
  background: var(--sc-moments-item-bg-hover, currentColor);
}
.ai-key-moments--structure .ai-key-moments__item[data-target]:hover .ai-key-moments__number {
  background: var(--sc-moments-number-bg-hover, currentColor);
}
.ai-key-moments--structure .ai-key-moments__item[data-target]:hover .ai-key-moments__arrow {
  color: var(--sc-moments-arrow-color-hover, currentColor);
}
.ai-key-moments--structure .ai-key-moments__item[data-target]:focus {
  outline: var(--supercharger-outline-width) solid var(--supercharger-outline-color, currentColor);
  outline-offset: var(--supercharger-outline-offset);
}
.ai-key-moments--structure .ai-key-moments__item[data-target]:focus .ai-key-moments__arrow {
  color: var(--sc-moments-arrow-color-hover, currentColor);
}
.ai-key-moments--structure .ai-key-moments__number {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: var(--sc-moments-number-size, 1.5rem);
  height: var(--sc-moments-number-size, 1.5rem);
  margin-top: 0.3em;
  font-size: var(--sc-moments-number-font-size, 0.75em);
  color: var(--sc-moments-number-color, #fff);
  background: var(--sc-moments-number-bg, currentColor);
  border-radius: var(--sc-moments-number-radius, 50%);
  transition: background var(--supercharger-transition-base);
}
.ai-key-moments--structure .ai-key-moments__content {
  flex: 1;
  min-width: 0;
}
.ai-key-moments--structure .ai-key-moments__title {
  margin: 0;
  font-size: var(--sc-moments-question-size, 1em);
  color: var(--sc-moments-title-color);
  transition: color var(--supercharger-transition-base);
}
.editor-styles-wrapper .ai-key-moments--structure .ai-key-moments__title {
  font-size: var(--sc-moments-question-size, 1em);
}
.ai-key-moments--structure .ai-key-moments__description {
  display: block;
  margin: 0.25rem 0 0 0;
  font-size: var(--sc-moments-preview-size, 0.889em);
  color: var(--sc-moments-text-color);
}
.ai-key-moments--structure .ai-key-moments__arrow {
  display: none;
  width: calc(var(--supercharger-spacing-unit) * 1.5);
  height: calc(var(--supercharger-spacing-unit) * 1.5);
  margin-inline-start: calc(var(--supercharger-spacing-unit) * 1.75);
  color: var(--supercharger-accent-color-light);
  align-self: center;
  transition: color var(--supercharger-transition-base);
}
@container (min-width: 500px) {
  .ai-key-moments--structure .ai-key-moments__arrow {
    display: flex;
  }
}
[dir=rtl] .ai-key-moments--structure .ai-key-moments__arrow {
  transform: rotate(180deg);
}

@media (prefers-reduced-motion: reduce) {
  .ai-key-moments--structure .ai-key-moments__item,
  .ai-key-moments--structure .ai-key-moments__title {
    transition: none;
  }
}


/*!
 * AI Key Questions Module - Structure Only
 *
 * Contains only structural/layout CSS with no visual styles.
 * Visual styles should use CSS variables or come from presets.
 *
 * @package Supercharger\Modules\AiKeyQuestionsJump
 */
.ai-key-questions--structure {
  container-type: inline-size;
  container-name: supercharger-module;
  position: relative;
  margin-block: var(--sc-questions-margin, var(--supercharger-widget-margin-block)) !important;
  background: var(--sc-questions-bg, transparent);
  border-radius: var(--sc-questions-border-radius);
}
.ai-key-questions--structure[data-border=true] {
  border-width: var(--sc-questions-border-width);
  border-style: var(--supercharger-border-style);
  border-color: var(--sc-questions-border-color);
}
.ai-key-questions--structure[data-shadow=true] {
  box-shadow: var(--supercharger-shadow-h-offset) var(--supercharger-shadow-v-offset) var(--supercharger-shadow-blur) var(--supercharger-shadow-spread) var(--sc-questions-shadow-color);
}
.ai-key-questions--structure.alignwide .ai-key-questions__inner {
  margin-inline: auto;
}
.ai-key-questions--structure.alignwide .ai-key-questions__header,
.ai-key-questions--structure.alignwide .ai-key-questions__list {
  max-width: var(--sc-questions-max-width, var(--supercharger-global-content-max-width, var(--supercharger-content-max-width, 100%)));
}
.ai-key-questions--structure .ai-key-questions__inner {
  display: flex;
  flex-direction: column;
  gap: var(--sc-questions-gap, var(--supercharger-spacing-md, 1rem));
  padding: var(--sc-questions-padding);
}
.ai-key-questions--structure .ai-key-questions__header {
  display: flex;
  align-items: center;
  gap: var(--sc-questions-header-gap, 0.5em);
  width: 100%;
  max-width: var(--sc-questions-max-width, var(--supercharger-global-content-max-width, 100%));
  margin-inline: auto;
}
.ai-key-questions--structure .ai-key-questions__heading {
  font-size: var(--sc-questions-heading-size, 1.125em);
  color: var(--sc-questions-heading-color);
  margin: 0 !important;
  padding: 0 !important;
}
.editor-styles-wrapper .ai-key-questions--structure .ai-key-questions__heading {
  font-size: var(--sc-questions-heading-size, 1.125em);
}
.ai-key-questions--structure .ai-key-questions__list {
  display: flex;
  flex-direction: column;
  gap: var(--sc-questions-item-gap, 0);
  width: 100%;
  max-width: var(--sc-questions-max-width, var(--supercharger-global-content-max-width, 100%));
  margin-inline: auto;
}
.ai-key-questions--structure .ai-key-questions__item {
  display: flex;
  align-items: flex-start;
  gap: calc(var(--supercharger-spacing-unit) * 0.75);
  margin-inline: calc(var(--supercharger-spacing-unit) * -1.125);
  padding-block: var(--supercharger-spacing-unit);
  padding-inline: calc(var(--supercharger-spacing-unit) * 1.125);
  background: transparent;
  border-radius: var(--sc-questions-border-radius);
  transition: background var(--supercharger-transition-base);
  cursor: default;
}
.ai-key-questions--structure .ai-key-questions__item:last-child {
  margin-block-end: calc(var(--supercharger-spacing-unit) * -1);
}
.ai-key-questions--structure .ai-key-questions__item[data-target] {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.ai-key-questions--structure .ai-key-questions__item[data-target]:hover {
  background: var(--sc-questions-item-bg-hover, currentColor);
}
.ai-key-questions--structure .ai-key-questions__item[data-target]:hover .ai-key-questions__arrow {
  color: var(--sc-questions-arrow-color-hover, currentColor);
}
.ai-key-questions--structure .ai-key-questions__item[data-target]:focus {
  outline: var(--supercharger-outline-width) solid var(--supercharger-outline-color, currentColor);
  outline-offset: var(--supercharger-outline-offset);
}
.ai-key-questions--structure .ai-key-questions__item[data-target]:focus .ai-key-questions__arrow {
  color: var(--sc-questions-arrow-color-hover, currentColor);
}
.ai-key-questions--structure .ai-key-questions__bullet {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 0.5em;
  height: 0.5em;
  margin-top: 0.35em;
  background: var(--sc-questions-bullet-color, currentColor);
  border-radius: 50%;
}
.ai-key-questions--structure .ai-key-questions__content {
  flex: 1;
  min-width: 0;
}
.ai-key-questions--structure .ai-key-questions__question {
  margin: 0;
  font-size: var(--sc-questions-question-size, 1em);
  color: var(--sc-questions-question-color);
  transition: color var(--supercharger-transition-base);
}
.editor-styles-wrapper .ai-key-questions--structure .ai-key-questions__question {
  font-size: var(--sc-questions-question-size, 1em);
}
.ai-key-questions--structure .ai-key-questions__preview {
  display: block;
  margin: 0.25rem 0 0;
  font-size: var(--sc-questions-preview-size, 0.889em);
  color: var(--sc-questions-preview-color);
}
.ai-key-questions--structure .ai-key-questions__arrow {
  display: none;
  width: calc(var(--supercharger-spacing-unit) * 1.5);
  height: calc(var(--supercharger-spacing-unit) * 1.5);
  margin-inline-start: calc(var(--supercharger-spacing-unit) * 1.75);
  color: var(--supercharger-accent-color-light);
  align-self: center;
  transition: color var(--supercharger-transition-base);
}
@container (min-width: 500px) {
  .ai-key-questions--structure .ai-key-questions__arrow {
    display: flex;
  }
}
[dir=rtl] .ai-key-questions--structure .ai-key-questions__arrow {
  transform: rotate(180deg);
}

@media (prefers-reduced-motion: reduce) {
  .ai-key-questions--structure .ai-key-questions__item,
  .ai-key-questions--structure .ai-key-questions__question {
    transition: none;
  }
}


/*!
 * AI Smart Up-Next Module - Structure Only
 *
 * Contains only structural/layout CSS with no visual styles.
 * Visual styles should use CSS variables or come from presets.
 *
 * @package Supercharger\Modules\AiSmartUpNext
 */
.ai-smart-up-next--structure {
  --sc-up-next-bottom: var(--supercharger-spacing-lg);
  --sc-up-next-left: var(--supercharger-spacing-lg);
  --sc-up-next-z-index: 1000;
  --sc-up-next-max-width: 310px;
  --sc-up-next-thumb-ratio: 16 / 9;
  position: fixed;
  bottom: var(--sc-up-next-bottom, var(--supercharger-spacing-lg));
  left: var(--sc-up-next-left, var(--supercharger-spacing-lg));
  z-index: var(--sc-up-next-z-index, 1000);
  max-width: var(--sc-up-next-max-width, 310px);
  transform: translateY(100%);
  border: none;
  opacity: 0;
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.ai-smart-up-next--structure[data-visible=true] {
  transform: translateY(0);
  opacity: 1;
}
.supercharger-preview-mode .ai-smart-up-next--structure {
  display: block !important;
  position: relative;
  bottom: auto;
  left: auto;
  transform: translateY(0);
  opacity: 1;
  margin: 0;
}
.ai-smart-up-next--structure .ai-smart-up-next__close {
  position: absolute;
  top: var(--supercharger-spacing-sm);
  right: var(--supercharger-spacing-sm);
  width: var(--supercharger-spacing-lg);
  height: var(--supercharger-spacing-lg);
  padding: 0;
  border: none;
  background: var(--sc-up-next-close-bg);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--sc-up-next-close-color);
  transition: background-color var(--supercharger-transition-base);
  z-index: 2;
}
.ai-smart-up-next--structure .ai-smart-up-next__close:hover {
  background: var(--sc-up-next-close-bg-hover);
}
.ai-smart-up-next--structure .ai-smart-up-next__close svg {
  width: 0.875rem;
  height: 0.875rem;
}
.ai-smart-up-next--structure .ai-smart-up-next__link {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
  background-color: var(--sc-up-next-bg);
  border-width: var(--sc-up-next-border-width);
  border-style: var(--supercharger-border-style);
  border-color: var(--sc-up-next-border-color);
  border-radius: var(--sc-up-next-border-radius);
  box-shadow: var(--supercharger-shadow-h-offset) var(--supercharger-shadow-v-offset) var(--supercharger-shadow-blur) var(--supercharger-shadow-spread) var(--sc-up-next-shadow-color);
  overflow: hidden;
}
.ai-smart-up-next--structure .ai-smart-up-next__link:hover:not(:has(a:hover)) .ai-smart-up-next__title {
  color: var(--sc-up-next-title-hover-color);
}
.ai-smart-up-next--structure .ai-smart-up-next__thumbnail {
  width: 100%;
  border-radius: var(--sc-up-next-thumb-radius);
  overflow: hidden;
}
.ai-smart-up-next--structure .ai-smart-up-next__thumbnail img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  aspect-ratio: var(--sc-up-next-thumb-ratio, 21/10);
}
.ai-smart-up-next--structure .ai-smart-up-next__content {
  padding: var(--sc-up-next-content-padding);
  display: flex;
  flex-direction: column;
  gap: var(--supercharger-spacing-sm);
}
.ai-smart-up-next--structure .ai-smart-up-next__header {
  display: flex;
  align-items: center;
  gap: var(--sc-up-next-header-gap, 0.5em);
}
.ai-smart-up-next--structure .ai-smart-up-next__label {
  font-size: var(--sc-up-next-label-size, 0.75em);
  color: var(--sc-up-next-label-color, inherit);
  margin: 0 !important;
}
.ai-smart-up-next--structure .ai-smart-up-next__title {
  font-size: var(--sc-up-next-title-size, 1.125em);
  color: var(--sc-up-next-title-color, inherit);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 0;
  transition: color 0.2s ease;
  overflow: hidden;
}
.ai-smart-up-next--structure .ai-smart-up-next__excerpt {
  font-size: var(--sc-up-next-excerpt-size, 0.75em);
  line-height: 1.4;
  color: var(--sc-up-next-excerpt-color, inherit);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ai-smart-up-next--structure .supercharger-post-meta,
.ai-smart-up-next--structure .supercharger-post-meta__taxonomies {
  margin-top: auto;
}
.ai-smart-up-next--structure .supercharger-post-meta:last-child,
.ai-smart-up-next--structure .supercharger-post-meta__taxonomies:last-child {
  padding-top: var(--supercharger-spacing-sm);
}
.ai-smart-up-next--structure .supercharger-ai-badge-header {
  padding: 0;
  background: transparent;
  opacity: var(--supercharger-ai-badge-opacity);
}

@media (prefers-reduced-motion: reduce) {
  .ai-smart-up-next {
    transition: none;
  }
  .ai-smart-up-next .ai-smart-up-next__close {
    transition: none;
  }
}


/*# sourceMappingURL=modules-structure.css.map */