.fcwlblog-bricks-element,
.fcwlblog-bricks-element *,
.fcwlblog,
.fcwlblog * {
  box-sizing: border-box;
}

.fcwlblog-bricks-element {
  width: 100%;
  max-width: none;
  min-height: 0;
  height: auto;
  /* 6.0.736: the Bricks element itself is the outside frame.
     Keep its border flush to the FC Blog Sliders UI even when an older
     Bricks element still has saved padding from a previous build. */
  padding: 0 !important;
}

.fcwlblog {
  width: 100%;
  max-width: none;
  /* 6.0.736: zero inner shell inset is intentional. Saved legacy section
     padding values must not create a gutter between the outer frame and
     Filter / thumbnail rail / featured article. */
  padding: 0 !important;
  background: var(--fcwlblog-bg, #4f6655);
  color: var(--fcwlblog-text, #f5f3ed);
  overflow: hidden;
}

.fcwlblog-section-header {
  margin: 0 0 18px;
  color: var(--fcwlblog-section-heading, #fff);
}

.fcwlblog-section-eyebrow {
  display: block;
  margin: 0 0 6px;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  opacity: .9;
}

.fcwlblog-section-heading {
  margin: 0;
  color: inherit;
  font: inherit;
  font-size: clamp(24px, 2.2vw, 38px);
  line-height: 1.12;
  font-weight: 700;
  letter-spacing: -.025em;
}

.fcwlblog-empty {
  padding: 28px;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 8px;
  background: rgba(255,255,255,.08);
  color: var(--fcwlblog-text, #f5f3ed);
}

/* 6.0.687: e.l.f.-inspired category/filter interaction, redrawn in the
   FC green/cream design language. This is part of FC Blog Sliders only. */
.fcwlblog-filterbar {
  position: relative;
  z-index: 12;
  display: flex;
  align-items: center;
  gap: var(--fcwlblog-filter-gap, 10px);
  width: 100%;
  min-width: 0;
  margin: 0 0 var(--fcwlblog-filter-bottom-gap, 16px);
}

.fcwlblog .screen-reader-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.fcwlblog-filterbox {
  position: relative;
  flex: 0 0 auto;
}

.fcwlblog-filterbar.is-categories-expanded {
  align-items: flex-start;
}

.fcwlblog-filterbar.is-categories-expanded .fcwlblog-filterbox,
.fcwlblog-filterbar.is-categories-expanded .fcwlblog-filter-separator,
.fcwlblog-filterbar.is-categories-expanded .fcwlblog-searchbox {
  margin-top: 1px;
}

.fcwlblog-filter-button,
.fcwlblog-category-button,
.fcwlblog-sort-option {
  -webkit-appearance: none;
  appearance: none;
  font: inherit;
  box-shadow: none;
  cursor: pointer;
}

.fcwlblog-filter-button,
.fcwlblog-category-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: var(--fcwlblog-filter-button-height, 42px);
  margin: 0;
  padding: 5px var(--fcwlblog-filter-button-pad-x, 14px);
  border: var(--fcwlblog-filter-border-width, 1px) solid var(--fcwlblog-filter-button-border, #93a89b);
  border-radius: var(--fcwlblog-filter-radius, 7px);
  background: var(--fcwlblog-filter-button-bg, #f8f7f1);
  color: var(--fcwlblog-filter-button-text, #173d32);
  font-size: var(--fcwlblog-filter-font-size, 15px);
  font-weight: 600;
  line-height: 1;
  letter-spacing: .005em;
  white-space: nowrap;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}

.fcwlblog-filter-button:hover,
.fcwlblog-filter-button:focus-visible,
.fcwlblog-category-button:hover,
.fcwlblog-category-button:focus-visible {
  border-color: var(--fcwlblog-filter-hover-border, #4f6655);
  background: var(--fcwlblog-filter-hover-bg, #edf3ee);
  outline: none;
}

.fcwlblog-filter-button[aria-expanded="true"],
.fcwlblog-category-button.is-active {
  border-color: var(--fcwlblog-filter-active-border, #173d32);
  background: var(--fcwlblog-filter-active-bg, #173d32);
  color: var(--fcwlblog-filter-active-text, #fff);
}

.fcwlblog-filter-icon-bubble {
  display: inline-grid;
  flex: 0 0 var(--fcwlblog-filter-icon-bubble, 28px);
  width: var(--fcwlblog-filter-icon-bubble, 28px);
  height: var(--fcwlblog-filter-icon-bubble, 28px);
  place-items: center;
  border-radius: 50%;
  background: var(--fcwlblog-category-icon-bg, var(--fcwlblog-filter-icon-bg, #dce8df));
  color: var(--fcwlblog-category-icon-color, var(--fcwlblog-filter-icon-color, #173d32));
  transition: background-color .18s ease, color .18s ease;
}

.fcwlblog-filter-button[aria-expanded="true"] .fcwlblog-filter-icon-bubble,
.fcwlblog-category-button.is-active .fcwlblog-filter-icon-bubble {
  background: var(--fcwlblog-filter-active-icon-bg, #e7efe9);
  color: var(--fcwlblog-filter-active-icon-color, #173d32);
}

.fcwlblog-filter-icon,
.fcwlblog-filter-icon-bubble svg,
.fcwlblog-filter-icon-bubble i {
  display: block;
  width: var(--fcwlblog-filter-icon-size, 14px);
  height: var(--fcwlblog-filter-icon-size, 14px);
  font-size: var(--fcwlblog-filter-icon-size, 14px);
  line-height: 1;
  color: currentColor;
}

.fcwlblog-filter-caret {
  display: grid;
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  margin-left: 1px;
  place-items: center;
  line-height: 1;
  transform-origin: 50% 50%;
  transition: transform .18s ease;
}

.fcwlblog-filter-caret svg {
  display: block;
  width: 16px;
  height: 16px;
}

.fcwlblog-filter-button[aria-expanded="true"] .fcwlblog-filter-caret {
  transform: rotate(180deg);
}

.fcwlblog-filter-separator {
  flex: 0 0 1px;
  width: 1px;
  height: calc(var(--fcwlblog-filter-button-height, 42px) - 5px);
  margin: 0 2px;
  background: var(--fcwlblog-filter-separator, #a9b7ae);
  opacity: .7;
}

.fcwlblog-category-rail {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: var(--fcwlblog-filter-gap, 10px);
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding: 1px 1px 2px;
}

.fcwlblog-category-rail::-webkit-scrollbar {
  display: none;
}

.fcwlblog-category-rail.is-expanded {
  flex-wrap: wrap;
  align-content: flex-start;
  overflow-x: visible;
  overflow-y: visible;
  scroll-behavior: auto;
}

.fcwlblog-category-expander {
  -webkit-appearance: none;
  appearance: none;
  display: grid;
  width: var(--fcwlblog-category-expander-size, 30px);
  height: var(--fcwlblog-category-expander-size, 30px);
  margin: calc(var(--fcwlblog-filter-bottom-gap, 16px) * -.45) auto calc(var(--fcwlblog-filter-bottom-gap, 16px) * .65);
  padding: 0;
  place-items: center;
  border: var(--fcwlblog-filter-border-width, 1px) solid var(--fcwlblog-category-expander-border, #93a89b);
  border-radius: var(--fcwlblog-filter-radius, 7px);
  background: var(--fcwlblog-category-expander-bg, #f8f7f1);
  color: var(--fcwlblog-category-expander-icon, #173d32);
  box-shadow: none;
  cursor: pointer;
}

.fcwlblog-category-expander[hidden] {
  display: none !important;
}

.fcwlblog-category-expander svg {
  display: block;
  width: 17px;
  height: 17px;
  transform-origin: 50% 50%;
  transition: transform .18s ease;
}

.fcwlblog-category-expander.is-expanded svg {
  transform: rotate(180deg);
}

.fcwlblog-category-expander:hover,
.fcwlblog-category-expander:focus-visible {
  border-color: var(--fcwlblog-filter-hover-border, #4f6655);
  background: var(--fcwlblog-filter-hover-bg, #edf3ee);
  outline: none;
}

.fcwlblog-category-button {
  flex: 0 0 auto;
}

.fcwlblog-searchbox {
  position: relative;
  display: flex;
  flex: 0 1 var(--fcwlblog-search-width, 260px);
  width: min(100%, var(--fcwlblog-search-width, 260px));
  min-width: min(190px, 100%);
  height: var(--fcwlblog-search-height, 42px);
  align-items: center;
  margin-left: auto;
  border: var(--fcwlblog-filter-border-width, 1px) solid var(--fcwlblog-search-border, #93a89b);
  border-radius: var(--fcwlblog-search-radius, 7px);
  background: var(--fcwlblog-search-bg, #f8f7f1);
  color: var(--fcwlblog-search-text, #173d32);
  transition: border-color .18s ease, box-shadow .18s ease;
}

.fcwlblog-searchbox:focus-within {
  border-color: var(--fcwlblog-search-focus-border, #173d32);
  box-shadow: 0 0 0 1px var(--fcwlblog-search-focus-border, #173d32);
}

.fcwlblog-search-icon {
  display: grid;
  flex: 0 0 38px;
  width: 38px;
  height: 100%;
  place-items: center;
  color: var(--fcwlblog-search-icon, #173d32);
  pointer-events: none;
}

.fcwlblog-search-icon-svg,
.fcwlblog-search-icon svg,
.fcwlblog-search-icon i {
  display: block;
  width: 17px;
  height: 17px;
  font-size: 17px;
  line-height: 1;
  color: currentColor;
}

.fcwlblog-search-input {
  appearance: none;
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  height: 100%;
  margin: 0;
  padding: 0 36px 0 0;
  border: 0 !important;
  border-radius: inherit;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--fcwlblog-search-text, #173d32);
  font: inherit;
  font-size: var(--fcwlblog-filter-font-size, 15px);
  font-weight: 600;
}

.fcwlblog-search-input::placeholder {
  color: var(--fcwlblog-search-placeholder, #607269);
  opacity: 1;
}

.fcwlblog-search-input::-webkit-search-cancel-button {
  display: none;
}

.fcwlblog-search-clear {
  appearance: none;
  position: absolute;
  top: 50%;
  right: 7px;
  display: grid;
  width: 26px;
  height: 26px;
  margin: 0;
  padding: 0;
  transform: translateY(-50%);
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--fcwlblog-search-text, #173d32);
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
}

.fcwlblog-search-clear[hidden] {
  display: none !important;
}

.fcwlblog-search-clear:hover,
.fcwlblog-search-clear:focus-visible {
  background: var(--fcwlblog-filter-hover-bg, #edf3ee);
  outline: none;
}

.fcwlblog-sort-menu {
  position: absolute;
  z-index: 30;
  top: calc(100% + 7px);
  left: 0;
  width: max-content;
  min-width: 152px;
  padding: 6px;
  border: var(--fcwlblog-filter-border-width, 1px) solid var(--fcwlblog-filter-menu-border, #93a89b);
  border-radius: var(--fcwlblog-filter-menu-radius, 7px);
  background: var(--fcwlblog-filter-menu-bg, #f8f7f1);
  box-shadow: 0 12px 28px rgba(11, 35, 27, .16);
}

.fcwlblog-sort-menu[hidden] {
  display: none !important;
}

.fcwlblog-sort-option {
  display: flex;
  width: 100%;
  min-height: 36px;
  align-items: center;
  margin: 0;
  padding: 8px 11px;
  border: 0;
  border-radius: max(4px, calc(var(--fcwlblog-filter-menu-radius, 7px) - 2px));
  background: transparent;
  color: var(--fcwlblog-filter-menu-text, #173d32);
  font-size: 14px;
  font-weight: 600;
  text-align: left;
}

.fcwlblog-sort-option:hover,
.fcwlblog-sort-option:focus-visible,
.fcwlblog-sort-option.is-active {
  background: var(--fcwlblog-filter-menu-active-bg, #dce8df);
  outline: none;
}

.fcwlblog-filter-empty {
  margin: 0 0 14px;
  padding: 11px 14px;
  border: 1px solid rgba(255,255,255,.24);
  border-radius: var(--fcwlblog-filter-radius, 7px);
  background: rgba(255,255,255,.07);
  color: var(--fcwlblog-text, #f5f3ed);
  font-size: 14px;
}

.fcwlblog-filter-empty[hidden],
.fcwlblog-thumb[hidden],
.fcwlblog-slide[hidden] {
  display: none !important;
}

/* Top rail */
.fcwlblog-rail-shell {
  position: relative;
  width: 100%;
  min-width: 0;
}

.fcwlblog-rail {
  display: flex;
  gap: var(--fcwlblog-rail-gap, 12px);
  width: 100%;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  scroll-snap-type: x proximity;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
  cursor: grab;
  touch-action: pan-x pan-y;
  user-select: none;
}

.fcwlblog-rail::-webkit-scrollbar {
  display: none;
}

.fcwlblog-rail.is-dragging {
  cursor: grabbing;
  scroll-behavior: auto;
  scroll-snap-type: none;
}

.fcwlblog-thumb {
  appearance: none;
  position: relative;
  flex: 0 0 var(--fcwlblog-thumb-w-d, 154px);
  width: var(--fcwlblog-thumb-w-d, 154px);
  height: var(--fcwlblog-thumb-h-d, 114px);
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--fcwlblog-thumb-border, #89a097);
  border-radius: var(--fcwlblog-thumb-radius, 8px);
  background: rgba(255,255,255,.06);
  color: var(--fcwlblog-thumb-title, #fff);
  box-shadow: none;
  text-align: left;
  cursor: pointer;
  scroll-snap-align: start;
  isolation: isolate;
  transition: border-color .22s ease, transform .22s ease, opacity .22s ease;
}

.fcwlblog-thumb:hover,
.fcwlblog-thumb:focus-visible {
  border-color: var(--fcwlblog-thumb-active-border, #fff);
  outline: none;
}

.fcwlblog-thumb.is-active {
  border-color: var(--fcwlblog-thumb-active-border, #fff);
  box-shadow: inset 0 0 0 1px var(--fcwlblog-thumb-active-border, #fff);
}

.fcwlblog-thumb-image,
.fcwlblog-thumb-placeholder {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--fcwlblog-image-position, center center);
  display: block;
}

.fcwlblog-thumb-placeholder {
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.12), transparent 36%),
    linear-gradient(135deg, rgba(255,255,255,.08), rgba(0,0,0,.12));
}

.fcwlblog-thumb-shade {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: var(--fcwlblog-thumb-overlay, #17352b);
  opacity: var(--fcwlblog-thumb-overlay-opacity, .38);
  pointer-events: none;
  transition: opacity .22s ease;
}

.fcwlblog-thumb.is-active .fcwlblog-thumb-shade {
  opacity: var(--fcwlblog-thumb-active-overlay-opacity, .20);
}

.fcwlblog-thumb-title {
  position: absolute;
  z-index: 2;
  left: 10px;
  right: 8px;
  bottom: 9px;
  display: -webkit-box;
  overflow: hidden;
  color: var(--fcwlblog-thumb-title, #fff);
  font-size: var(--fcwlblog-thumb-title-size, 13px);
  font-weight: 700;
  line-height: 1.13;
  letter-spacing: -.01em;
  text-shadow: 0 1px 8px rgba(0,0,0,.38);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.fcwlblog-rail-arrow {
  appearance: none;
  position: absolute;
  z-index: 5;
  top: 50%;
  width: 34px;
  height: 34px;
  margin: 0;
  padding: 0;
  transform: translateY(-50%);
  border: 1px solid rgba(255,255,255,.65);
  border-radius: 999px;
  background: rgba(20,45,37,.78);
  color: #fff;
  display: grid;
  place-items: center;
  font-size: 27px;
  line-height: 1;
  cursor: pointer;
  backdrop-filter: blur(4px);
}

.fcwlblog-rail-arrow--prev { left: 8px; }
.fcwlblog-rail-arrow--next { right: 8px; }

.fcwlblog-rail-arrow[disabled] {
  opacity: .28;
  pointer-events: none;
}

/* Main stage */
.fcwlblog-stage {
  position: relative;
  width: 100%;
  min-width: 0;
  margin-top: 22px;
}

.fcwlblog-slide {
  display: none;
  grid-template-columns: minmax(0, var(--fcwlblog-image-fr-d, 50fr)) minmax(0, var(--fcwlblog-text-fr-d, 50fr));
  gap: var(--fcwlblog-main-gap-d, 28px);
  width: 100%;
  min-width: 0;
}

.fcwlblog-slide.is-active {
  display: grid;
  animation: fcwlblog-fade .32s ease both;
}

@keyframes fcwlblog-fade {
  from { opacity: .35; }
  to { opacity: 1; }
}

.fcwlblog-media,
.fcwlblog-copy {
  position: relative;
  min-width: 0;
  height: var(--fcwlblog-main-height-d, 636px);
  overflow: hidden;
  border-radius: var(--fcwlblog-panel-radius, 8px);
}

.fcwlblog-media {
  background: rgba(0,0,0,.08);
}

.fcwlblog-media-link {
  display: block;
  width: 100%;
  height: 100%;
  color: inherit;
  text-decoration: none;
}

.fcwlblog-main-image,
.fcwlblog-main-placeholder {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--fcwlblog-image-position, center center);
}

.fcwlblog-main-image {
  transition: transform .55s cubic-bezier(.22, 1, .36, 1);
}

.fcwlblog-media:hover .fcwlblog-main-image {
  transform: scale(1.015);
}


/* 6.0.740: article navigation lives on the reading/text card (not the image).
   The defaults mirror the homepage circular controls at 30% opacity, while
   Bricks controls expose size, offset, opacity, circle/icon/border colours and
   border thickness for both FC Blog Sliders and FC Ingredient Sliders. */
.fcwlblog-stage-arrow {
  -webkit-appearance: none;
  appearance: none;
  position: absolute;
  z-index: 7;
  top: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--fcwlblog-stage-arrow-size, 46px);
  height: var(--fcwlblog-stage-arrow-size, 46px);
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--fcwlblog-stage-arrow-icon, #173d32);
  opacity: var(--fcwlblog-stage-arrow-opacity, .30);
  cursor: pointer;
  transform: translateY(-50%);
  isolation: isolate;
}

.fcwlblog-stage-arrow::before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  width: var(--fcwlblog-stage-arrow-circle-size, 36px);
  height: var(--fcwlblog-stage-arrow-circle-size, 36px);
  border: var(--fcwlblog-stage-arrow-border-width, 0) solid var(--fcwlblog-stage-arrow-border, #f3e5ad);
  border-radius: 50%;
  background: var(--fcwlblog-stage-arrow-bg, #f3e5ad);
  box-sizing: border-box;
  transform: translate(-50%, -50%);
}

.fcwlblog-stage-arrow--prev { left: var(--fcwlblog-stage-arrow-offset, 7px); }
.fcwlblog-stage-arrow--next { right: var(--fcwlblog-stage-arrow-offset, 7px); }

.fcwlblog-stage-arrow svg {
  position: relative;
  z-index: 1;
  display: block;
  width: var(--fcwlblog-stage-arrow-icon-size, 15px);
  height: var(--fcwlblog-stage-arrow-icon-size, 15px);
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.15;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.fcwlblog-stage-arrow:hover,
.fcwlblog-stage-arrow:focus-visible,
.fcwlblog-stage-arrow:active {
  opacity: var(--fcwlblog-stage-arrow-opacity, .30);
  color: var(--fcwlblog-stage-arrow-icon, #173d32);
}

.fcwlblog-stage-arrow:focus-visible {
  outline: 1px solid currentColor;
  outline-offset: 1px;
}

.fcwlblog-stage-arrow[disabled] {
  opacity: var(--fcwlblog-stage-arrow-opacity, .30);
  pointer-events: none;
}

.fcwlblog-main-placeholder {
  display: grid;
  place-items: center;
  padding: 28px;
  background:
    radial-gradient(circle at 35% 28%, rgba(255,255,255,.13), transparent 35%),
    linear-gradient(135deg, rgba(255,255,255,.09), rgba(0,0,0,.13));
  color: rgba(255,255,255,.8);
  text-align: center;
  font-size: 18px;
}

.fcwlblog-copy {
  background: var(--fcwlblog-panel-bg, #687d6e);
  color: var(--fcwlblog-text, #f5f3ed);
}

.fcwlblog-copy-scroll {
  display: flex;
  flex-direction: column;
  width: 100%;
  /* 6.0.751: short reading-card content is vertically centered. As soon as
     it becomes taller than the available viewport, JS marks the card as
     overflowing and normal top-aligned scrolling takes over. */
  justify-content: center;
  justify-content: safe center;
  /* 6.0.749: the reading viewport itself is inset 24px from the top and
     bottom of the card. This fixed gutter remains visible while content
     scrolls, unlike ordinary padding which travels with the scroll content.
     FC Ingredient Sliders inherits this same reading-card contract. */
  height: calc(100% - 48px);
  margin-block: 24px;
  overflow-y: auto;
  overflow-x: hidden;
  /* 6.0.744: match FC Blog Reader's scroll-action contract. The reading
     card scrolls while it has content left, then wheel/touch chaining returns
     to the page at either boundary instead of trapping the visitor. */
  overscroll-behavior-y: auto;
  overscroll-behavior-x: none;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
  padding: var(--fcwlblog-panel-pad-d, 70px);
  padding-top: 57px;
  padding-right: max(var(--fcwlblog-panel-pad-d, 70px), 54px);
  /* 6.0.694: the dot rail is the visible scroll affordance. Keep the
   * native scroll viewport fully functional for wheel/trackpad/touch, but
   * never paint a second browser scrollbar beside the dots. */
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.fcwlblog-copy-scroll::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}


/* 6.0.751: once the copy actually overflows, stop centering so the first
   line/eyebrow always starts exactly 57px below the protected 24px gutter. */
.fcwlblog-copy.is-overflowing .fcwlblog-copy-scroll {
  justify-content: flex-start;
}

/* 6.0.740: compact category label. Default surface/border is white; the
   text defaults to the reading-card green so the label stands out while still
   hugging its text. Every visual part is exposed in Bricks controls. */
.fcwlblog-eyebrow {
  display: inline-flex;
  align-self: flex-start;
  width: max-content;
  max-width: 100%;
  margin: 0 0 13px;
  padding: var(--fcwlblog-eyebrow-pad, 2px);
  border: var(--fcwlblog-eyebrow-border-width, 2px) solid var(--fcwlblog-eyebrow-border, #fff);
  border-radius: var(--fcwlblog-eyebrow-radius, 2px);
  background: var(--fcwlblog-eyebrow-bg, #fff);
  color: var(--fcwlblog-eyebrow, #687d6e);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .17em;
  text-transform: uppercase;
  white-space: nowrap;
}

.fcwlblog-title {
  margin: 0;
  color: var(--fcwlblog-title, #fff);
  font: inherit;
  font-size: var(--fcwlblog-title-size-d, 38px);
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -.032em;
}

.fcwlblog-title a {
  color: inherit;
  text-decoration: none;
}

.fcwlblog-title a:hover,
.fcwlblog-title a:focus-visible {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
}

.fcwlblog-date {
  display: block;
  margin: 15px 0 0;
  color: var(--fcwlblog-text, #f5f3ed);
  font-size: 13px;
  line-height: 1.4;
  opacity: .8;
}

.fcwlblog-excerpt {
  margin: 28px 0 0;
  color: var(--fcwlblog-text, #f5f3ed);
  font-size: var(--fcwlblog-text-size-d, 18px);
  font-weight: 400;
  line-height: 1.66;
  letter-spacing: -.012em;
}


/* 6.0.753: same-page full article mode for FC Blog Sliders. The content uses
   the existing reading-card typography and scroll action instead of leaving
   /blog/ for the native WordPress single-post template. */
.fcwlblog-full-content {
  margin: 28px 0 0;
  color: var(--fcwlblog-text, #f5f3ed);
  font-size: var(--fcwlblog-text-size-d, 18px);
  font-weight: 400;
  line-height: 1.66;
  letter-spacing: -.012em;
}

.fcwlblog-full-content[hidden] {
  display: none !important;
}

/* 6.0.757: full-reader mode replaces the preview body/footer inside the
   existing reading pane. The article header stays put, matching the working
   FC Blog interaction shown in the reference video. */
.fcwlblog-slide.is-reading-full [data-fcwlblog-preview-excerpt],
.fcwlblog-slide.is-reading-full [data-fcwlblog-preview-footer] {
  display: none !important;
}

.fcwlblog-slide.is-reading-full .fcwlblog-full-content {
  display: block;
}

.fcwlblog-full-content > :first-child {
  margin-top: 0 !important;
}

.fcwlblog-full-content > :last-child {
  margin-bottom: 0 !important;
}

.fcwlblog-full-content p,
.fcwlblog-full-content ul,
.fcwlblog-full-content ol,
.fcwlblog-full-content blockquote,
.fcwlblog-full-content figure,
.fcwlblog-full-content h2,
.fcwlblog-full-content h3,
.fcwlblog-full-content h4,
.fcwlblog-full-content h5,
.fcwlblog-full-content h6 {
  color: inherit;
  max-width: 100%;
}

.fcwlblog-full-content p,
.fcwlblog-full-content ul,
.fcwlblog-full-content ol,
.fcwlblog-full-content blockquote,
.fcwlblog-full-content figure {
  margin: 0 0 1.15em;
}

.fcwlblog-full-content h2,
.fcwlblog-full-content h3,
.fcwlblog-full-content h4,
.fcwlblog-full-content h5,
.fcwlblog-full-content h6 {
  margin: 1.35em 0 .55em;
  font-family: inherit;
  font-weight: 700;
  line-height: 1.22;
}

.fcwlblog-full-content a {
  color: inherit;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.fcwlblog-full-content img,
.fcwlblog-full-content video,
.fcwlblog-full-content iframe {
  max-width: 100%;
}

.fcwlblog-full-content img {
  height: auto;
}

.fcwlblog-read-error {
  margin: 0;
}

.fcwlblog-copy.is-reading-loading::after {
  content: "";
  position: absolute;
  z-index: 8;
  top: 18px;
  right: 18px;
  width: 14px;
  height: 14px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  opacity: .45;
  animation: fcwlblog-reading-spin .7s linear infinite;
}

@keyframes fcwlblog-reading-spin {
  to { transform: rotate(360deg); }
}

/* 6.0.690: editorial footer keeps the full ingredient-card-style structure
   treatment. The links and CTA row belong to the active blog card and remain
   inside its own scroll viewport. */
.fcwlblog-article-footer {
  margin-top: auto;
  padding-top: var(--fcwlblog-footer-top-gap, 30px);
}

.fcwlblog-found-in-heading {
  display: block;
  margin: 0 0 12px;
  color: var(--fcwlblog-footer-heading, #fff);
  font-size: var(--fcwlblog-footer-heading-size, 12px);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.fcwlblog-found-in-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--fcwlblog-footer-link-gap, 8px);
}

.fcwlblog-found-in-link {
  color: var(--fcwlblog-footer-link, #fff);
  font-size: var(--fcwlblog-footer-link-size, 16px);
  font-weight: 500;
  line-height: 1.35;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  transition: color .18s ease, opacity .18s ease;
}

.fcwlblog-found-in-link:hover,
.fcwlblog-found-in-link:focus-visible {
  color: var(--fcwlblog-footer-link-hover, #dfe8e1);
  outline: none;
}

.fcwlblog-cta-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--fcwlblog-cta-gap, 12px);
  margin-top: var(--fcwlblog-cta-top-gap, 34px);
}

.fcwlblog-cta-row.has-single-button {
  grid-template-columns: minmax(0, 1fr);
}

.fcwlblog-cta {
  -webkit-appearance: none;
  appearance: none;
  display: inline-flex;
  min-width: 0;
  min-height: var(--fcwlblog-cta-height, 50px);
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  border: var(--fcwlblog-cta-border-width, 1px) solid transparent;
  border-radius: var(--fcwlblog-cta-radius, 7px);
  font-family: inherit;
  font-size: var(--fcwlblog-cta-font-size, 12px);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: .13em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color .18s ease, color .18s ease, border-color .18s ease, transform .18s ease;
}

.fcwlblog-cta--shop {
  background: var(--fcwlblog-shop-bg, #101111);
  color: var(--fcwlblog-shop-text, #fff);
  border-color: var(--fcwlblog-shop-border, #101111);
}

.fcwlblog-cta--shop:hover,
.fcwlblog-cta--shop:focus-visible {
  background: var(--fcwlblog-shop-hover-bg, #173d32);
  color: var(--fcwlblog-shop-hover-text, #fff);
  border-color: var(--fcwlblog-shop-hover-border, #173d32);
  transform: translateY(-1px);
  outline: none;
}

.fcwlblog-cta--learn {
  background: var(--fcwlblog-learn-bg, transparent);
  color: var(--fcwlblog-learn-text, #fff);
  border-color: var(--fcwlblog-learn-border, #fff);
}

.fcwlblog-cta--learn:hover,
.fcwlblog-cta--learn:focus-visible {
  background: var(--fcwlblog-learn-hover-bg, #fff);
  color: var(--fcwlblog-learn-hover-text, #173d32);
  border-color: var(--fcwlblog-learn-hover-border, #fff);
  transform: translateY(-1px);
  outline: none;
}

.fcwlblog-dots {
  position: absolute;
  z-index: 6;
  top: 50%;
  right: 9px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  transform: translateY(-50%);
}

/* 6.0.686: these dots belong to the scroll position inside the active text
   card. Article selection belongs exclusively to the top thumbnail rail. */
.fcwlblog-dots[data-has-overflow="0"] .fcwlblog-dot:not(.is-active) {
  opacity: .34;
}

.fcwlblog-dot:disabled {
  cursor: default;
}

.fcwlblog-dot {
  appearance: none;
  width: 8px;
  height: 8px;
  margin: 0;
  padding: 0;
  border: 1px solid var(--fcwlblog-dot, #cdd8d1);
  border-radius: 999px;
  background: transparent;
  opacity: .82;
  cursor: pointer;
  transition: background-color .2s ease, transform .2s ease, opacity .2s ease;
}

.fcwlblog-dot.is-active {
  background: var(--fcwlblog-dot-active, #fff);
  border-color: var(--fcwlblog-dot-active, #fff);
  transform: scale(1.1);
  opacity: 1;
}

.fcwlblog.is-paused .fcwlblog-dot.is-active {
  transform: scale(1.1);
}

@media (max-width: 991px) {
  .fcwlblog-filterbar {
    flex-wrap: wrap;
  }

  .fcwlblog-category-rail {
    flex: 1 1 420px;
  }

  .fcwlblog-searchbox {
    flex: 1 1 min(100%, var(--fcwlblog-search-width, 260px));
  }

  .fcwlblog {
    padding: 0 !important;
  }

  .fcwlblog-thumb {
    flex-basis: var(--fcwlblog-thumb-w-t, 136px);
    width: var(--fcwlblog-thumb-w-t, 136px);
    height: var(--fcwlblog-thumb-h-t, 102px);
  }

  .fcwlblog-slide {
    grid-template-columns: minmax(0, var(--fcwlblog-image-fr-t, 48fr)) minmax(0, var(--fcwlblog-text-fr-t, 52fr));
    gap: var(--fcwlblog-main-gap-t, 20px);
  }

  .fcwlblog-media,
  .fcwlblog-copy {
    height: var(--fcwlblog-main-height-t, 520px);
  }

  .fcwlblog-copy-scroll {
    padding: var(--fcwlblog-panel-pad-t, 42px);
    padding-top: 57px;
    padding-right: max(var(--fcwlblog-panel-pad-t, 42px), 46px);
  }

  .fcwlblog-title {
    font-size: var(--fcwlblog-title-size-t, 32px);
  }

  .fcwlblog-excerpt,
  .fcwlblog-full-content {
    font-size: var(--fcwlblog-text-size-t, 17px);
  }
}

@media (max-width: 767px) {
  /* 6.0.737: On phones the Filter trigger follows the FC Blog image-card
     contract: it lives inside the featured image at the same 14px top/left
     inset and the same 30% idle opacity. The real button is moved into the
     stage by blog-sliders.js, so no duplicate filter state is created. */
  .fcwlblog-filterbar {
    display: none;
    margin: 0;
  }

  .fcwlblog-stage > .fcwlblog-filterbox--image-overlay {
    position: absolute;
    z-index: 18;
    top: 14px;
    left: 14px;
    width: max-content !important;
    max-width: calc(100% - 28px);
    margin: 0 !important;
  }

  /* 6.0.738: keep the mobile image-overlay Filter trigger content-sized.
     Some theme/mobile button rules can stretch the moved trigger after it
     leaves the normal filter bar; FC Blog's image control is a compact pill,
     not a wide translucent strip. Preserve the existing height, typography,
     opacity and 14px image position controls. */
  .fcwlblog-stage > .fcwlblog-filterbox--image-overlay .fcwlblog-filter-button {
    width: max-content !important;
    min-width: 0 !important;
    max-width: 100%;
    flex: 0 0 auto;
    opacity: .30;
    transition: opacity .16s ease, transform .16s ease, background-color .18s ease, border-color .18s ease, color .18s ease;
  }

  .fcwlblog-stage > .fcwlblog-filterbox--image-overlay .fcwlblog-filter-button:hover,
  .fcwlblog-stage > .fcwlblog-filterbox--image-overlay .fcwlblog-filter-button:focus-visible,
  .fcwlblog-stage > .fcwlblog-filterbox--image-overlay .fcwlblog-filter-button:active,
  .fcwlblog-stage > .fcwlblog-filterbox--image-overlay .fcwlblog-filter-button[aria-expanded="true"] {
    opacity: 1;
  }

  .fcwlblog-filterbox,
  .fcwlblog-filter-separator {
    align-self: center;
  }

  .fcwlblog-category-rail {
    flex: 1 1 calc(100% - 120px);
  }

  .fcwlblog-searchbox {
    flex: 1 1 100%;
    width: 100%;
    max-width: none;
    margin-left: 0;
  }

  .fcwlblog {
    padding: 0 !important;
  }

  .fcwlblog-thumb {
    flex-basis: var(--fcwlblog-thumb-w-m, 118px);
    width: var(--fcwlblog-thumb-w-m, 118px);
    height: var(--fcwlblog-thumb-h-m, 92px);
  }

  .fcwlblog-stage {
    margin-top: 14px;
  }

  .fcwlblog-slide,
  .fcwlblog-slide.is-active {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--fcwlblog-main-gap-m, 14px);
  }

  /* 6.0.737: hard mobile contract. Existing Bricks instances may still
     contain the old saved 300px control value, so the live phone image must
     not inherit that stale custom property. */
  .fcwlblog-media {
    height: 474px !important;
    min-height: 474px;
    max-height: 474px;
  }

  .fcwlblog-copy {
    height: auto;
    min-height: 280px;
    overflow: visible;
  }

  .fcwlblog-copy-scroll {
    height: auto;
    max-height: none;
    margin-block: 24px;
    overflow: visible;
    padding: var(--fcwlblog-panel-pad-m, 24px);
    padding-top: 57px;
    padding-right: var(--fcwlblog-panel-pad-m, 24px);
  }

  /* 6.0.757: preview cards may remain naturally tall on phones, but once
     Learn More opens the same card becomes an internal reading viewport. Keep
     the 24px protected top/bottom gutters and allow scroll chaining back to
     the page at the reader boundaries. */
  .fcwlblog-slide.is-reading-full .fcwlblog-copy {
    height: var(--fcwlblog-mobile-image-height, 474px);
    min-height: var(--fcwlblog-mobile-image-height, 474px);
    overflow: hidden;
  }

  .fcwlblog-slide.is-reading-full .fcwlblog-copy-scroll {
    height: calc(100% - 48px);
    max-height: calc(100% - 48px);
    margin-block: 24px;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior-y: auto;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
  }

  .fcwlblog-title {
    font-size: var(--fcwlblog-title-size-m, 28px);
  }

  .fcwlblog-excerpt,
  .fcwlblog-full-content {
    margin-top: 20px;
    font-size: var(--fcwlblog-text-size-m, 16px);
    line-height: 1.58;
  }

  .fcwlblog-article-footer {
    margin-top: 0;
    padding-top: max(22px, var(--fcwlblog-footer-top-gap, 30px));
  }

  .fcwlblog-cta-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .fcwlblog-cta {
    padding-inline: 10px;
    letter-spacing: .09em;
  }

  .fcwlblog-dots {
    top: auto;
    right: 50%;
    bottom: 10px;
    flex-direction: row;
    transform: translateX(50%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .fcwlblog *,
  .fcwlblog *::before,
  .fcwlblog *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}


/* FC Ecom Suite 6.0.728 — FC Blog compact filter drawer.
 * Reference: FC Shop Grid responsive filter drawer. Shop Grid itself is untouched.
 * Laptop, tablet, and mobile keep one Filter trigger; category/search/sort controls live in this
 * full-height drawer and are the same DOM controls used on desktop. */
.fcwlblog-tablet-filter-drawer {
  display: none;
}

body.fcwlblog-filter-drawer-open {
  overflow: hidden !important;
  overscroll-behavior: none !important;
}

@media (max-width: 1440px) {
  .fcwlblog-filterbar {
    flex-wrap: nowrap;
    align-items: center;
  }

  .fcwlblog-filterbar > .fcwlblog-filter-separator,
  .fcwlblog-filterbar > .fcwlblog-category-rail,
  .fcwlblog-filterbar > .fcwlblog-searchbox,
  .fcwlblog-category-expander {
    display: none !important;
  }

  .fcwlblog-filterbox {
    flex: 0 0 auto;
    margin: 0 !important;
  }

  .fcwlblog-filter-button {
    min-width: 118px;
    justify-content: flex-start;
  }

  .fcwlblog-tablet-filter-drawer:not([hidden]) {
    position: fixed !important;
    inset: 0 !important;
    z-index: 1000002 !important;
    display: block !important;
    width: 100vw !important;
    height: 100dvh !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    color: #172431 !important;
  }

  .fcwlblog-tablet-filter-backdrop {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: rgba(0,0,0,.45);
    cursor: pointer;
  }

  .fcwlblog-tablet-filter-panel {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    width: min(90vw, 320px);
    max-width: 320px;
    height: 100dvh;
    max-height: 100dvh;
    min-height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: #fff;
    color: #172431;
    box-shadow: 14px 0 34px rgba(0,0,0,.22);
  }

  .fcwlblog-tablet-filter-header {
    display: flex;
    flex: 0 0 60px;
    min-height: 60px;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 0 20px;
    border-bottom: 1px solid #d9dee3;
    background: #fff;
    color: #172431;
    font-size: 17px;
    line-height: 1.2;
  }

  .fcwlblog-tablet-filter-close {
    appearance: none;
    display: grid;
    width: 38px;
    height: 38px;
    margin: 0 -9px 0 0;
    padding: 0;
    place-items: center;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #36424e;
    font: inherit;
    font-size: 28px;
    font-weight: 300;
    line-height: 1;
    cursor: pointer;
  }

  .fcwlblog-tablet-filter-close:hover,
  .fcwlblog-tablet-filter-close:focus-visible {
    background: #f2f4f5;
    outline: none;
  }

  .fcwlblog-tablet-filter-body {
    flex: 1 1 auto;
    min-height: 0;
    padding: 20px 20px calc(36px + env(safe-area-inset-bottom, 0px));
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-y: contain;
    background: #fff;
    scrollbar-width: thin;
  }

  .fcwlblog-tablet-filter-section {
    margin: 0;
    padding: 18px 0;
    border-bottom: 1px solid #e3e7ea;
  }

  .fcwlblog-tablet-filter-section:first-child {
    padding-top: 0;
  }

  .fcwlblog-tablet-filter-section:last-child {
    border-bottom: 0;
  }

  .fcwlblog-tablet-filter-section h3 {
    margin: 0 0 10px;
    color: #172431;
    font: inherit;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.25;
  }

  .fcwlblog-tablet-filter-section--search {
    padding-bottom: 18px;
  }

  .fcwlblog-tablet-filter-drawer .fcwlblog-searchbox {
    display: flex !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 40px;
    margin: 0 !important;
    border: 1px solid #d3dae2;
    border-radius: 7px;
    background: #fff;
    color: #344454;
  }

  .fcwlblog-tablet-filter-drawer .fcwlblog-searchbox:focus-within {
    border-color: #7c8995;
    box-shadow: none;
  }

  .fcwlblog-tablet-filter-drawer .fcwlblog-search-input {
    color: #344454;
    font-size: 14px;
    font-weight: 400;
  }

  .fcwlblog-tablet-filter-drawer .fcwlblog-search-input::placeholder {
    color: #8b949d;
  }

  .fcwlblog-tablet-filter-drawer .fcwlblog-sort-menu {
    position: static !important;
    z-index: auto !important;
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .fcwlblog-tablet-filter-drawer .fcwlblog-sort-menu[hidden] {
    display: grid !important;
  }

  .fcwlblog-tablet-filter-drawer .fcwlblog-sort-option {
    position: relative;
    min-height: 38px;
    padding: 8px 8px 8px 30px;
    border-radius: 6px;
    background: transparent;
    color: #344454;
    font-size: 14px;
    font-weight: 500;
  }

  .fcwlblog-tablet-filter-drawer .fcwlblog-sort-option::before {
    content: '';
    position: absolute;
    left: 4px;
    top: 50%;
    width: 14px;
    height: 14px;
    transform: translateY(-50%);
    border: 1px solid #cbd3db;
    border-radius: 50%;
    background: #fff;
  }

  .fcwlblog-tablet-filter-drawer .fcwlblog-sort-option.is-active::before {
    border-color: #405163;
    box-shadow: inset 0 0 0 4px #405163;
  }

  .fcwlblog-tablet-filter-drawer .fcwlblog-sort-option:hover,
  .fcwlblog-tablet-filter-drawer .fcwlblog-sort-option:focus-visible,
  .fcwlblog-tablet-filter-drawer .fcwlblog-sort-option.is-active {
    background: #f5f7f8;
    color: #172431;
  }

  .fcwlblog-tablet-filter-drawer .fcwlblog-category-rail {
    display: flex !important;
    flex: none !important;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  .fcwlblog-tablet-filter-drawer .fcwlblog-category-button {
    position: relative;
    display: flex !important;
    width: 100%;
    min-height: 38px;
    justify-content: flex-start;
    gap: 8px;
    padding: 7px 8px 7px 30px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #344454;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
  }

  .fcwlblog-tablet-filter-drawer .fcwlblog-category-button .fcwlblog-filter-icon-bubble {
    display: none !important;
  }

  .fcwlblog-tablet-filter-drawer .fcwlblog-category-button::before {
    content: '';
    position: absolute;
    left: 4px;
    top: 50%;
    display: grid;
    width: 14px;
    height: 14px;
    transform: translateY(-50%);
    place-items: center;
    border: 1px solid #cbd3db;
    border-radius: 4px;
    background: #fff;
    color: #fff;
    font-size: 11px;
    line-height: 1;
  }

  .fcwlblog-tablet-filter-drawer .fcwlblog-category-button.is-active::before {
    content: '✓';
    border-color: #405163;
    background: #405163;
  }

  .fcwlblog-tablet-filter-drawer .fcwlblog-category-button:hover,
  .fcwlblog-tablet-filter-drawer .fcwlblog-category-button:focus-visible,
  .fcwlblog-tablet-filter-drawer .fcwlblog-category-button.is-active {
    border-color: transparent;
    background: #f5f7f8;
    color: #172431;
    outline: none;
  }

  @supports not (height: 100dvh) {
    .fcwlblog-tablet-filter-drawer:not([hidden]),
    .fcwlblog-tablet-filter-panel {
      height: 100vh !important;
      max-height: 100vh !important;
    }
  }
}

/* FC Ecom Suite 6.0.728 — compact drawer live article search.
 * Functional extension only: the established drawer shell/geometry is unchanged. */
@media (max-width: 1440px) {
  .fcwlblog-tablet-live-results {
    display: grid;
    gap: 4px;
    width: 100%;
    margin-top: 10px;
  }

  .fcwlblog-tablet-live-results[hidden] {
    display: none !important;
  }

  .fcwlblog-tablet-live-result {
    appearance: none;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 48px;
    margin: 0;
    padding: 4px 8px 4px 4px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #344454;
    font: inherit;
    text-align: left;
    cursor: pointer;
  }

  .fcwlblog-tablet-live-result:hover,
  .fcwlblog-tablet-live-result:focus-visible {
    background: #f5f7f8;
    color: #172431;
    outline: none;
  }

  .fcwlblog-tablet-live-result-image {
    display: block;
    width: 42px;
    height: 42px;
    border-radius: 6px;
    object-fit: cover;
  }

  .fcwlblog-tablet-live-result-title {
    min-width: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.28;
  }

  .fcwlblog-tablet-live-empty {
    padding: 8px 4px 2px;
    color: #66727d;
    font-size: 13px;
    line-height: 1.4;
  }
}