.ew-discover-feed {
  max-width: 1120px;
  margin: 40px auto 0;
  padding: 22px 18px 70px;
  font-family: inherit;
}

.ew-discover-shell {
  display: grid;
  grid-template-columns: minmax(0, 760px) 260px;
  gap: 42px;
  align-items: start;
  justify-content: center;
}

.ew-discover-main {
  min-width: 0;
  width: 100%;
}

.ew-discover-rail {
  position: sticky;
  top: 90px;
  align-self: start;
}

.ew-discover-rail:empty {
  display: none;
}

.ew-feed-block {
  margin-bottom: 34px;
}

.ew-feed-block h2 {
  /* font-size: 24px; */
  font-size: clamp(36px, 5.5vw, 32px);

  letter-spacing: -0.055em;


  line-height: 1.15;
  margin: 0 0 18px;
  font-weight: 700;
}

/* Decision Hub - lighter */

.ew-decision-hub {
  padding: 0;
  margin-bottom: 38px;
  background: transparent;
}

.ew-decision-hub h2 {
  font-size: 30px;
  line-height: 1.1;
  margin-bottom: 18px;
}

.ew-decision-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.ew-decision-tile {
  min-height: 76px;
  border: 1px solid #eee;
  border-radius: 16px;
  background: #fafafa;
  color:#111;
  padding: 14px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.15;
  text-align: left;
  cursor: pointer;
}

.ew-decision-tile:hover {
  background: #f3f3f3;
}


.ew-decision-tile.is-active {
  border-color: #111;
  background: #111;
  color: #fff;
}

@media (max-width: 700px) {
  .ew-decision-hub h2 {
    font-size: 26px;
    line-height: 1.1;
  }

  .ew-decision-subtitle {
    font-size: 14px;
    line-height: 1.35;
    margin: -6px 0 16px;
  }

  .ew-decision-grid {
    gap: 9px;
  }

  .ew-decision-tile {
    min-height: 74px;
    padding: 13px;
    border-radius: 14px;
  }

  .ew-decision-label {
    display: block;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.15;
  }

  .ew-decision-helper {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.25;
    color: #444;
  }
}



.ew-decision-hub--rail {
  border: 1px solid #eee;
  border-radius: 18px;
  background: #fff;
  padding: 18px;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .04);
}

.ew-decision-hub--rail h2 {
  font-size: 22px;
  line-height: 1.15;
  margin-bottom: 10px;
}

.ew-decision-hub--rail .ew-decision-subtitle {
  margin: 0 0 14px;
  font-size: 13px;
}

.ew-decision-hub--rail .ew-decision-grid {
  grid-template-columns: 1fr;
  gap: 8px;
}

.ew-decision-hub--rail .ew-decision-tile {
  min-height: 0;
  border-radius: 999px;
  padding: 11px 13px;
  font-size: 14px;
  line-height: 1.15;
}

/* Decision chips */

.ew-decision-block {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding: 22px 0;
}

.ew-decision-buttons {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 4px;
}

.ew-decision-buttons button {
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 999px;
  padding: 9px 14px;
  font-size: 14px;
  white-space: nowrap;
  cursor: pointer;
  color:#111;
}

/* Vertical TopBuzz-style feed */

.ew-vertical-list {
  display: block;
}

.ew-vertical-card {
  display: block;
  color: inherit;
  text-decoration: none;
  padding: 0 0 28px;
  margin-top: 28px;
  margin-bottom: 28px;
  border-bottom: 1px solid #eee;
}

.ew-vertical-image {
  aspect-ratio: 16 / 9;
  border-radius: 8px;
  overflow: hidden;
  background: #f2f2f2;
  margin-bottom: 12px;
}

.ew-vertical-card.is-large .ew-vertical-image {
  aspect-ratio: 16 / 9;
}

.ew-vertical-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ew-vertical-content {
  padding: 0;
}

.ew-vertical-content span {
  display: block;
  font-size: 14px;
  color: #aaa;
  text-transform: none;
  letter-spacing: 0;
  margin-bottom: 6px;
}

.ew-vertical-content h3 {
  font-size: 28px;
  line-height: 1.12;
  font-weight: 500;
  margin: 0;
}

.ew-vertical-card.is-large .ew-vertical-content h3 {
  font-size: 30px;
  max-width: none;
}


/* Compact TopBuzz-style feed item */

.ew-compact-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 150px;
  gap: 18px;
  align-items: center;
  color: inherit;
  text-decoration: none;
  padding: 24px 0;
  border-bottom: 1px solid #eee;
}

.ew-compact-content h3 {
  font-size: 26px;
  line-height: 1.12;
  font-weight: 700;
  margin: 0 0 18px;
}

.ew-compact-content span,
.ew-card-meta {
  display: block;
  font-size: 17px;
  color: #aaa;
  line-height: 1;
}

.ew-compact-image {
  aspect-ratio: 1 / 1;
  border-radius: 10px;
  overflow: hidden;
  background: #f3f3f3;
}

.ew-compact-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Large feed item */

.ew-vertical-card.is-large {
  display: block;
  padding: 0 0 28px;
  margin-bottom: 8px;
  border-bottom: 1px solid #eee;
}

.ew-vertical-card.is-large .ew-vertical-content {
  padding: 0 0 14px;
}

.ew-vertical-card.is-large .ew-vertical-content h3 {
  font-size: 32px;
  line-height: 1.12;
  font-weight: 700;
  margin: 0;
}

.ew-card-meta {
  margin-top: 12px;
}

/* Horizontal shelf becomes quieter */

.ew-recipe-shelf {
  border-bottom: 1px solid #eee;
  padding-bottom: 28px;
}

.ew-recipe-scroll {
  display: flex;
  gap: 14px;
  overflow-x: auto;
  padding-bottom: 8px;
}

.ew-shelf-card {
  flex: 0 0 150px;
  text-decoration: none;
  color: inherit;
}

.ew-shelf-image {
  width: 100%;
  aspect-ratio: 4 / 3;
  background: #f3f3f3;
  overflow: hidden;
  border-radius: 8px;
}

.ew-shelf-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ew-shelf-card h3 {
  font-size: 14px;
  line-height: 1.25;
  margin: 8px 0 0;
  font-weight: 600;
}



@media (max-width: 979px) {
  .ew-discover-feed {
    max-width: 760px;
    margin: 40px auto 0;
  }

  .ew-discover-shell {
    display: block;
  }

  .ew-discover-rail {
    display: none;
  }
}

/* Mobile */
@media (max-width: 700px) {
  .ew-compact-card {
    grid-template-columns: minmax(0, 1fr) 112px;
    gap: 14px;
    padding: 24px 0;
  }

  .ew-compact-content h3 {
    /* font-size: 24px; */
    font-size: 20px;
    line-height: 1.13;
    margin-bottom: 18px;
  }

  .ew-compact-content span,
  .ew-card-meta {
    font-size: 16px;
  }

  .ew-compact-image {
    border-radius: 9px;
  }

  .ew-vertical-card.is-large .ew-vertical-content h3 {
    /* font-size: 29px; */
    font-size: 22px;
    letter-spacing: -0.035em;
  }
}






/* ========================================
   IMAGE COMPOSITION
   Large featured image + 2 side thumbs
======================================== */

.ew-image-compo {
  --side-width: 34%;
  --gap: 6px;

  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--side-width);
  grid-template-rows: 1fr 1fr;
  gap: var(--gap);

  aspect-ratio: 16 / 9;

  overflow: hidden;
  border-radius: 9px;
  background: #f3f3f3;
}

.ew-compo-main {
  grid-column: 1;
  grid-row: 1 / span 2;

  position: relative;
  min-width: 0;
  min-height: 0;

  overflow: hidden;
  background: #f3f3f3;
}

.ew-compo-side {
  grid-column: 2;
  grid-row: 1 / span 2;

  display: contents;
}

.ew-compo-side > div {
  position: relative;
  min-width: 0;
  min-height: 0;

  overflow: hidden;
  background: #f3f3f3;
}

.ew-compo-side > div:first-child {
  grid-column: 2;
  grid-row: 1;
}

.ew-compo-side > div:last-child {
  grid-column: 2;
  grid-row: 2;
}

.ew-compo-main img,
.ew-compo-side > div img {
  position: absolute;
  inset: 0;

  width: 100% !important;
  height: 100% !important;

  max-width: none !important;
  max-height: none !important;

  object-fit: cover !important;
  object-position: center center;

  display: block;
}

.ew-compo-main img {
  border-radius: 9px 0 0 9px;
}

.ew-compo-side > div:first-child img {
  border-radius: 0 9px 0 0;
}

.ew-compo-side > div:last-child img {
  border-radius: 0 0 9px 0;
}

@media (max-width: 700px) {
  .ew-image-compo {
    --side-width: 34%;
    --gap: 5px;
    aspect-ratio: 16 / 9;
  }
}




/* small meta cards */
.ew-card-meta,
.ew-compact-content span {
  display: block;
  margin-top: 10px;

  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;

  color: #8a8a8a;
  letter-spacing: .01em;
}


.ew-decision-subtitle {
  margin: -8px 0 18px;

  font-size: 15px;
  line-height: 1.4;
  color: #666;

  text-align: left;
}



/* feed is loading */
.ew-discover-feed {
  transition: opacity .25s ease;
}

.ew-discover-feed.is-switching {
  opacity: .45;
  pointer-events: none;
}

.ew-feed-loader {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  padding: 34px 20px;
}

.ew-loader-spinner {
  width: 34px;
  height: 34px;

  border: 3px solid #e5e5e5;
  border-top-color: #333;
  border-radius: 50%;

  animation: ewspin .8s linear infinite;
}

.ew-loader-text {
  margin-top: 12px;
  font-size: 14px;
  color: #666;
}

@keyframes ewspin {
  to {
    transform: rotate(360deg);
  }
}






/* ========================================
   DESKTOP DISCOVER RIGHT RAIL
   Eatwell101 cooking intent panel
   Primary: #264f3e
   Secondary: #B08D57
======================================== */

@media (min-width: 1024px) {

  .ew-discover-shell {
    display: grid;
    grid-template-columns: minmax(0, 760px) 300px;
    gap: 38px;
    align-items: start;
    max-width: 1120px;
    margin: 0 auto;
  }

  .ew-discover-feed {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }

  .ew-discover-rail {
    position: sticky;
    top: 90px;
    padding-top: 38px;
  }

  .ew-discover-rail .ew-feed-block {
    margin-bottom: 0;
  }

  .ew-discover-rail .ew-decision-hub {
    margin: 0;
    padding: 26px 22px 22px;

    /* background: #fffdf8; */
    border: 1px solid rgba(176, 141, 87, .28);
    border-radius: 22px;

    box-shadow: 0 8px 28px rgba(38, 79, 62, .06);
  }

  .ew-discover-rail .ew-decision-hub h2 {
    position: relative;

    margin: 0 0 14px;
    padding: 0 0 14px;

    font-family: inherit;
    font-size: 27px;
    line-height: 1.08;
    font-weight: 800;
    letter-spacing: -0.02em;
    text-transform: none;

    color: #264f3e;
  }

  .ew-discover-rail .ew-decision-hub h2::after {
    content: "";

    position: absolute;
    left: 0;
    bottom: 0;

    width: 54px;
    height: 3px;

    background: #B08D57;
    border-radius: 999px;
  }

  .ew-discover-rail .ew-decision-subtitle {
    display: block;
    margin: 0 0 22px;

    font-size: 15px;
    line-height: 1.45;
    /* color: rgba(38, 79, 62, .72); */
    color:#000;
  }

  .ew-discover-rail .ew-decision-grid {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .ew-discover-rail .ew-decision-tile {
    position: relative;

    display: grid;
    grid-template-columns: 0px minmax(0, 1fr) 16px;
    align-items: center;
    /* column-gap: 14px; */

    width: 100%;
    min-height: 72px;

    padding: 12px 16px 12px 12px;

    background: #fff;
    /* border: 1px solid rgba(38, 79, 62, .12); */
    border:none;
    border-radius: 18px;

    /* color: #264f3e; */
    text-align: left;

    cursor: pointer;

    /* box-shadow: 0 2px 10px rgba(38, 79, 62, .04); */

    transition:
      background .15s ease,
      border-color .15s ease,
      transform .15s ease,
      box-shadow .15s ease;
  }


  .ew-discover-rail .ew-decision-tile::after {
    content: "›";

    grid-column: 3;
    grid-row: 1 / span 2;

    color: rgba(38, 79, 62, .48);
    font-size: 28px;
    line-height: 1;
    font-weight: 300;
  }

  .ew-discover-rail .ew-decision-tile:hover {
    /* background: #fffdf8; */
    /* border-color: rgba(176, 141, 87, .55); */
    background: rgba(38, 79, 62, .12);
    /* border: 1px solid rgba(38, 79, 62, .12); */
    
    box-shadow: 0 6px 18px rgba(38, 79, 62, .08);

    transform: translateY(-1px);
  }

  .ew-discover-rail .ew-decision-label {
    display: block;
    grid-column: 2;
    grid-row: 1;

    font-size: 17px;
    font-weight: 800;
    line-height: 1.12;

    /* color: #264f3e; */
  }

  .ew-discover-rail .ew-decision-helper {
    display: block;
    grid-column: 2;
    grid-row: 2;

    margin-top: 4px;

    font-size: 13px;
    font-weight: 500;
    line-height: 1.25;

    /* color: rgba(38, 79, 62, .68); */
    /* color:#444; */
  }
}

.ew-decision-note {
  margin: 14px 0 0;
  font-size: 12px;
  color: #999;
}

/* ========================================
   DESKTOP FEED DENSITY TEST
   Keep feed feeling, show more recipes per scroll
   Pattern is set in JS: Large / Compact / Compact
======================================== */

@media (min-width: 1024px) {
  .ew-discover-feed {
    max-width: 1160px;
  }

  .ew-discover-shell {
    grid-template-columns: minmax(0, 820px) 280px;
    gap: 36px;
    max-width: 1160px;
  }

  .ew-feed-block {
    margin-bottom: 26px;
  }

  .ew-vertical-card {
    margin-top: 22px;
    margin-bottom: 22px;
    padding-bottom: 22px;
  }

  .ew-vertical-card.is-large {
    margin-top: 26px;
    margin-top: 36px;
    margin-bottom: 20px;
    padding-bottom: 24px;
  }

  .ew-vertical-card.is-large .ew-vertical-content {
    padding-bottom: 12px;
  }

  .ew-vertical-card.is-large .ew-vertical-content h3 {
    /* font-size: 31px;
    line-height: 1.1; */
    font-size: clamp(24px, 3vw, 27px);
    line-height: 1.04;
    letter-spacing: -0.04em;
    text-align:left;
    text-transform: capitalize;
    font-weight: 700;
  }

  .ew-compact-card {
    grid-template-columns: minmax(0, 1fr) 128px;
    gap: 18px;
    padding: 16px 0;
  }

  .ew-compact-content h3 {
    font-size: 22px;
    line-height: 1.13;
    margin: 0 0 10px;
  }

  .ew-compact-content span,
  .ew-card-meta {
    font-size: 13px;
  }

  .ew-compact-image {
    border-radius: 9px;
  }

  .ew-card-meta,
  .ew-vertical-card > span {
    margin-top: 10px;
  }

  .ew-image-compo {
    aspect-ratio: 16 / 8.9;
  }

  .ew-recipe-shelf {
    padding-bottom: 22px;
  }

  .ew-recipe-scroll {
    gap: 12px;
  }

  .ew-shelf-card {
    flex-basis: 140px;
  }

  .ew-discover-rail .ew-decision-hub {
    padding: 24px 20px 20px;
  }
}


/* ========================================
   MAGAZINE SHELVES INSIDE THE FEED
   Desktop experiment: editorial breaks + more density
======================================== */

.ew-recipe-shelf--magazine {
  margin: 34px 0;
  /* padding: 24px 0 30px;
  border-top: 1px solid rgba(38, 79, 62, .12);
  border-bottom: 1px solid rgba(38, 79, 62, .12); */
}

.ew-recipe-shelf--magazine h2 {
  margin-bottom: 16px;
  color: #264f3e;
}

.ew-recipe-shelf--magazine .ew-recipe-scroll {
  gap: 16px;
}

.ew-recipe-shelf--magazine .ew-shelf-card {
  flex: 0 0 178px;
}

.ew-recipe-shelf--magazine .ew-shelf-image {
  aspect-ratio: 1 / 1;
  border-radius: 12px;
}

.ew-recipe-shelf--magazine .ew-shelf-card h3 {
  font-size: 15px;
  line-height: 1.2;
  font-weight: 700;
  margin-top: 10px;
}

@media (min-width: 1024px) {
  .ew-recipe-shelf--magazine {
    /* background: linear-gradient(180deg, rgba(38, 79, 62, .035), rgba(176, 141, 87, .035)); */
    margin: 38px 0;
    /* padding: 24px 22px 28px;
    border: 1px solid rgba(38, 79, 62, .10);
    border-radius: 18px; */
  }

  .ew-recipe-shelf--magazine h2 {
    position: relative;
    margin: 0 0 18px;
    padding-bottom: 11px;
    /* font-size: 23px; */
    font-size: 27px;
    line-height: 1.12;
    font-weight: 800;
  }

  .ew-recipe-shelf--magazine h2::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 48px;
    height: 3px;
    background: #B08D57;
    border-radius: 999px;
  }

  .ew-recipe-shelf--magazine .ew-recipe-scroll {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    overflow: visible;
    padding-bottom: 0;
  }

  .ew-recipe-shelf--magazine .ew-shelf-card {
    min-width: 0;
  }

  .ew-recipe-shelf--magazine .ew-shelf-image {
    aspect-ratio: 4 / 3;
  }

  .ew-recipe-shelf--magazine .ew-shelf-card h3 {
    font-size: 16px;
    line-height: 1.18;
  }
}

@media (max-width: 700px) {
  .ew-recipe-shelf--magazine {
    margin: 28px 0;
    padding: 22px 0 26px;
  }

  .ew-recipe-shelf--magazine .ew-shelf-card {
    flex-basis: 150px;
  }
}


/* ========================================
   DESKTOP CENTERING FOR MAGAZINE EXPERIMENT
   Keeps the main feed visually centered while the rail remains available.
======================================== */

@media (min-width: 1200px) {
  .ew-discover-feed {
    max-width: none;
  }

  .ew-discover-shell {
    grid-template-columns: 300px minmax(0, 760px) 300px;
    gap: 38px;
    max-width: 1436px;
    margin: 0 auto;
  }

  .ew-discover-main {
    grid-column: 2;
  }

  .ew-discover-rail {
    grid-column: 3;
  }
}



/* ========================================
   DISCOVER IN-FEED ADS
   Ad blocks are inserted only after editorial units.
======================================== */
.ew-html-block--ad_slot {
  margin: 38px 0;
  padding: 18px 0 22px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  text-align: center;
  clear: both;
}

.ew-html-block--ad_slot::before {
  content: "Advertisement";
  display: block;
  margin: 0 0 10px;
  font-size: 10px;
  line-height: 1;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #aaa;
}

.ew-feed-ad-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 250px;
}

@media (max-width: 700px) {
  .ew-html-block--ad_slot {
    margin: 30px 0;
    padding: 16px 0 20px;
  }
}

/* Debug scores for admin only */
.ew-debug-score{
  display:inline-block;
  margin-bottom:8px;
  padding:4px 8px;
  border-radius:999px;
  background:#264f3e;
  color:#fff;
  font-size:11px;
  font-weight:700;
  line-height:1;
}

/* ==========================================================
   V2.1 — BRAND DISCOVERY LAYER
   Quiet editorial intent chooser.
   Food provides the color; UI provides the calm.
   ========================================================== */

#ew-discover-feed-v2 {
  --ew-v2-ink: var(--ew-ink);
  --ew-v2-muted: #6b6d67;
  --ew-v2-green: var(--ew-green);
  --ew-v2-line: var(--ew-border);
  --ew-v2-warm: var(--ew-warm-white);
}

#ew-discover-feed-v2.ew-discover-feed {
  max-width: 1180px;
  margin: 0 auto;
  padding: 42px 24px 72px;
}

#ew-discover-feed-v2 .ew-discover-shell {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

#ew-discover-feed-v2 .ew-discover-main {
  width: 100%;
  max-width: 100%;
}

#ew-discover-feed-v2 .ew-discover-rail {
  display: none;
}

/* Primary decision hub */
#ew-discover-feed-v2 .ew-decision-hub {
  margin: 0 0 42px;
  padding: 0 0 24px;
  border: 0;
  border-bottom: 1px solid var(--ew-v2-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

#ew-discover-feed-v2 .ew-decision-heading {
  margin: 0 0 22px;
}

#ew-discover-feed-v2 .ew-decision-hub h2 {
  margin: 0;
  padding: 0;
  color: var(--ew-v2-ink);
  font-family: inherit;
  font-size: clamp(25px, 2.6vw, 34px);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -0.035em;
  text-transform: none;
}

#ew-discover-feed-v2 .ew-decision-hub h2::after {
  display: none;
  content: none;
}

#ew-discover-feed-v2 .ew-decision-subtitle,
#ew-discover-feed-v2 .ew-decision-helper,
#ew-discover-feed-v2 .ew-decision-note {
  display: none;
}

#ew-discover-feed-v2 .ew-decision-grid {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 28px;
}

#ew-discover-feed-v2 .ew-decision-tile {
  position: relative;
  display: inline-flex;
  width: auto;
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 8px 0 11px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--ew-v2-muted);
  text-align: left;
  cursor: pointer;
  transform: none;
  transition: color .15s ease;
}

#ew-discover-feed-v2 .ew-decision-tile::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 3px;
  width: auto;
  height: 2px;
  background: var(--ew-v2-green);
  opacity: 0;
  transform: scaleX(.35);
  transform-origin: left center;
  transition: opacity .15s ease, transform .15s ease;
}

#ew-discover-feed-v2 .ew-decision-tile:hover {
  background: transparent;
  box-shadow: none;
  color: var(--ew-v2-ink);
  transform: none;
}

#ew-discover-feed-v2 .ew-decision-tile:hover::after {
  opacity: .35;
  transform: scaleX(1);
}

#ew-discover-feed-v2 .ew-decision-tile.is-active {
  border: 0;
  background: transparent;
  color: var(--ew-v2-green);
}

#ew-discover-feed-v2 .ew-decision-tile.is-active::after {
  opacity: 1;
  transform: scaleX(1);
}

#ew-discover-feed-v2 .ew-decision-label {
  display: block;
  color: inherit;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -.01em;
}

/* Keep the first recipe content close to the chooser. */
#ew-discover-feed-v2 .ew-decision-hub + .ew-feed-block {
  margin-top: 0;
}

@media (max-width: 700px) {
  #ew-discover-feed-v2.ew-discover-feed {
    padding: 30px 18px 60px;
  }

  #ew-discover-feed-v2 .ew-decision-hub {
    margin-bottom: 30px;
    padding-bottom: 18px;
  }

  #ew-discover-feed-v2 .ew-decision-heading {
    margin-bottom: 14px;
  }

  #ew-discover-feed-v2 .ew-decision-hub h2 {
    font-size: 25px;
    line-height: 1.12;
  }

  #ew-discover-feed-v2 .ew-decision-grid {
    flex-wrap: nowrap;
    gap: 22px;
    overflow-x: auto;
    padding: 0 0 3px;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  #ew-discover-feed-v2 .ew-decision-grid::-webkit-scrollbar {
    display: none;
  }

  #ew-discover-feed-v2 .ew-decision-tile {
    flex: 0 0 auto;
    padding: 7px 0 10px;
  }

  #ew-discover-feed-v2 .ew-decision-label {
    font-size: 14px;
    white-space: nowrap;
  }
}

/* ==========================================================
   V2.3 — ORIGINAL FEED + MY KITCHEN RAIL
   Preserve the mixed editorial feed. Use the right rail for
   a calm, persistent My Kitchen entry point.
   ========================================================== */

#ew-discover-feed-v2.ew-discover-feed {
  max-width: 1180px;
  margin: 0 auto;
  padding: 42px 24px 72px;
}

#ew-discover-feed-v2 .ew-discover-shell {
  display: grid;
  grid-template-columns: minmax(0, 800px) 300px;
  gap: 44px;
  align-items: start;
  max-width: 1144px;
  margin: 0 auto;
}

#ew-discover-feed-v2 .ew-discover-main {
  min-width: 0;
  width: 100%;
  max-width: 800px;
}

#ew-discover-feed-v2 .ew-discover-rail {
  display: block;
  position: sticky;
  top: 92px;
  align-self: start;
  min-width: 0;
}

/* Keep the intent chooser in the feed, not in the rail. */
#ew-discover-feed-v2 .ew-decision-hub {
  margin: 0 0 34px;
  padding: 0 0 22px;
}

/* Restore original mixed-feed feeling. */
#ew-discover-feed-v2 .ew-vertical-list {
  display: block;
}

#ew-discover-feed-v2 .ew-vertical-card,
#ew-discover-feed-v2 .ew-compact-card {
  border-bottom-color: #ecebe7;
}

#ew-discover-feed-v2 .ew-vertical-image,
#ew-discover-feed-v2 .ew-compact-image,
#ew-discover-feed-v2 .ew-shelf-image {
  border-radius: 6px;
}

#ew-discover-feed-v2 .ew-vertical-card.is-large .ew-vertical-content h3 {
  color: var(--ew-v2-ink);
  font-size: clamp(25px, 2.5vw, 29px);
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -.035em;
}

#ew-discover-feed-v2 .ew-compact-content h3 {
  color: var(--ew-v2-ink);
  font-size: 21px;
  line-height: 1.16;
  letter-spacing: -.02em;
  margin-bottom: 9px;
}

#ew-discover-feed-v2 .ew-compact-content span,
#ew-discover-feed-v2 .ew-card-meta,
#ew-discover-feed-v2 .ew-vertical-content span {
  color: #8a8c86;
  font-size: 13px;
  line-height: 1.35;
}

/* My Kitchen sidebar */
#ew-discover-feed-v2 .ew-kitchen-rail {
  display: grid;
  gap: 16px;
}

#ew-discover-feed-v2 .ew-kitchen-card {
  box-sizing: border-box;
  color: var(--ew-v2-ink);
  text-decoration: none;
}

#ew-discover-feed-v2 .ew-kitchen-card--primary {
  padding: 25px 24px 24px;
  border: 1px solid var(--ew-v2-line);
  border-radius: 8px;
  background: var(--ew-v2-warm);
}

#ew-discover-feed-v2 .ew-kitchen-eyebrow {
  margin: 0 0 14px;
  color: var(--ew-v2-green);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .12em;
  text-transform: uppercase;
}

#ew-discover-feed-v2 .ew-kitchen-card--primary h2 {
  margin: 0;
  max-width: 9ch;
  color: var(--ew-v2-ink);
  font-family: var(--ew-font-serif);
  font-size: 31px;
  font-weight: 400;
  line-height: 1.03;
  letter-spacing: -.03em;
}

#ew-discover-feed-v2 .ew-kitchen-copy {
  margin: 16px 0 20px;
  color: #62655f;
  font-size: 14px;
  line-height: 1.55;
}

#ew-discover-feed-v2 .ew-kitchen-week {
  margin: 0 0 20px;
  border-top: 1px solid var(--ew-v2-line);
  border-bottom: 1px solid var(--ew-v2-line);
}

#ew-discover-feed-v2 .ew-kitchen-day {
  display: grid;
  grid-template-columns: 34px 24px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  min-height: 42px;
  border-bottom: 1px solid #eceae4;
}

#ew-discover-feed-v2 .ew-kitchen-day:last-child {
  border-bottom: 0;
}

#ew-discover-feed-v2 .ew-kitchen-day span {
  color: #777a74;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .06em;
}

#ew-discover-feed-v2 .ew-kitchen-day strong {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border: 1px solid #d7d5cf;
  border-radius: 50%;
  color: var(--ew-v2-green);
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
}

#ew-discover-feed-v2 .ew-kitchen-day em {
  color: #555852;
  font-size: 12px;
  font-style: normal;
}

#ew-discover-feed-v2 .ew-kitchen-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 18px;
  border: 1px solid var(--ew-v2-green);
  border-radius: 5px;
  background: var(--ew-v2-green);
  color: #fff !important;
  text-decoration: none !important;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}

#ew-discover-feed-v2 .ew-kitchen-cta:hover {
  background: var(--ew-green-hover);
  border-color: var(--ew-green-hover);
}

#ew-discover-feed-v2 .ew-kitchen-card--secondary {
  position: relative;
  display: block;
  padding: 18px 44px 18px 18px;
  border: 1px solid var(--ew-v2-line);
  border-radius: 8px;
  background: #fff;
}

#ew-discover-feed-v2 .ew-kitchen-card--secondary:hover {
  border-color: #c7c5be;
}

#ew-discover-feed-v2 .ew-kitchen-secondary-label {
  margin-bottom: 5px;
  color: var(--ew-v2-ink);
  font-size: 14px;
  font-weight: 750;
  line-height: 1.25;
}

#ew-discover-feed-v2 .ew-kitchen-secondary-copy {
  color: #747770;
  font-size: 12px;
  line-height: 1.45;
}

#ew-discover-feed-v2 .ew-kitchen-arrow {
  position: absolute;
  right: 17px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--ew-v2-green);
  font-size: 20px;
  line-height: 1;
}

/* Don't let the old 3-column magazine centering rule take over. */
@media (min-width: 1200px) {
  #ew-discover-feed-v2 .ew-discover-shell {
    grid-template-columns: minmax(0, 800px) 300px;
    gap: 44px;
    max-width: 1144px;
  }

  #ew-discover-feed-v2 .ew-discover-main {
    grid-column: auto;
  }

  #ew-discover-feed-v2 .ew-discover-rail {
    grid-column: auto;
  }
}

@media (max-width: 979px) {
  #ew-discover-feed-v2.ew-discover-feed {
    max-width: 760px;
  }

  #ew-discover-feed-v2 .ew-discover-shell {
    display: block;
    max-width: 760px;
  }

  #ew-discover-feed-v2 .ew-discover-main {
    max-width: 760px;
  }

  #ew-discover-feed-v2 .ew-discover-rail {
    display: none;
  }
}

/* ==========================================================
   V2.4 — EDITORIAL TYPE + META REFINEMENT
   Keeps the mixed Discover rhythm, but makes the food and
   titles feel calmer, cleaner, and more timeless.
   ========================================================== */

#ew-discover-feed-v2 .ew-feed-block > h2,
#ew-discover-feed-v2 .ew-recipe-shelf h2 {
  margin: 0 0 18px;
  color: var(--ew-v2-ink);
  font-family: inherit;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -.025em;
  text-transform: none;
}

#ew-discover-feed-v2 .ew-vertical-card.is-large {
  margin-top: 30px;
  margin-bottom: 26px;
  padding-bottom: 26px;
}

#ew-discover-feed-v2 .ew-vertical-card.is-large .ew-vertical-image {
  margin-bottom: 14px;
  border-radius: 5px;
}

#ew-discover-feed-v2 .ew-vertical-card.is-large .ew-vertical-content {
  padding-bottom: 0;
}

#ew-discover-feed-v2 .ew-vertical-card.is-large .ew-vertical-content h3 {
  max-width: 92%;
  margin: 0;
  color: var(--ew-v2-ink);
  font-family: inherit;
  font-size: 26px;
  font-weight: 650;
  line-height: 1.12;
  letter-spacing: -.025em;
  text-transform: none;
}

#ew-discover-feed-v2 .ew-card-meta,
#ew-discover-feed-v2 .ew-vertical-content span,
#ew-discover-feed-v2 .ew-compact-content span {
  margin-top: 8px;
  color: #7f827c;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: .01em;
  text-transform: none;
}

#ew-discover-feed-v2 .ew-compact-card {
  grid-template-columns: minmax(0, 1fr) 124px;
  gap: 18px;
  padding: 18px 0;
}

#ew-discover-feed-v2 .ew-compact-content h3 {
  margin: 0;
  color: var(--ew-v2-ink);
  font-family: inherit;
  font-size: 19px;
  font-weight: 650;
  line-height: 1.18;
  letter-spacing: -.018em;
}

#ew-discover-feed-v2 .ew-compact-image {
  border-radius: 5px;
}

#ew-discover-feed-v2 .ew-recipe-shelf {
  padding-bottom: 24px;
}

#ew-discover-feed-v2 .ew-recipe-scroll {
  gap: 14px;
}

#ew-discover-feed-v2 .ew-shelf-image {
  border-radius: 5px;
}

#ew-discover-feed-v2 .ew-shelf-card h3 {
  margin: 9px 0 0;
  color: var(--ew-v2-ink);
  font-size: 14px;
  font-weight: 650;
  line-height: 1.24;
  letter-spacing: -.01em;
}

#ew-discover-feed-v2 .ew-recipe-shelf--magazine h2 {
  margin: 0 0 16px;
  padding: 0;
  color: var(--ew-v2-ink);
  font-size: 23px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -.025em;
}

#ew-discover-feed-v2 .ew-recipe-shelf--magazine h2::after {
  display: none;
  content: none;
}

#ew-discover-feed-v2 .ew-recipe-shelf--magazine .ew-shelf-card h3 {
  font-size: 15px;
  font-weight: 650;
  line-height: 1.22;
}

#ew-discover-feed-v2 .ew-vertical-card,
#ew-discover-feed-v2 .ew-compact-card,
#ew-discover-feed-v2 .ew-recipe-shelf {
  border-color: var(--ew-border-soft);
}

#ew-discover-feed-v2 .ew-vertical-card,
#ew-discover-feed-v2 .ew-compact-card,
#ew-discover-feed-v2 .ew-shelf-card {
  color: inherit;
  text-decoration: none;
}

#ew-discover-feed-v2 .ew-vertical-card:hover h3,
#ew-discover-feed-v2 .ew-compact-card:hover h3,
#ew-discover-feed-v2 .ew-shelf-card:hover h3 {
  color: var(--ew-v2-green);
}

@media (max-width: 700px) {
  #ew-discover-feed-v2 .ew-feed-block > h2,
  #ew-discover-feed-v2 .ew-recipe-shelf h2 {
    font-size: 21px;
    margin-bottom: 14px;
  }

  #ew-discover-feed-v2 .ew-vertical-card.is-large {
    margin-top: 24px;
    margin-bottom: 22px;
    padding-bottom: 22px;
  }

  #ew-discover-feed-v2 .ew-vertical-card.is-large .ew-vertical-content h3 {
    max-width: 100%;
    font-size: 21px;
    line-height: 1.16;
  }

  #ew-discover-feed-v2 .ew-compact-card {
    grid-template-columns: minmax(0, 1fr) 108px;
    gap: 14px;
    padding: 16px 0;
  }

  #ew-discover-feed-v2 .ew-compact-content h3 {
    font-size: 18px;
    line-height: 1.18;
  }

  #ew-discover-feed-v2 .ew-card-meta,
  #ew-discover-feed-v2 .ew-vertical-content span,
  #ew-discover-feed-v2 .ew-compact-content span {
    font-size: 12px;
  }
}

/* ==========================================================
   V2.5 — EATWELL101 BRAND SYSTEM
   Natural · Reassuring · Simple · Human · Desirable

   Rules:
   - Food supplies the color.
   - Serif is reserved for brand/emotional moments.
   - Recipe discovery stays clean, modern sans-serif.
   - No card chrome, badges, shadows or decorative UI.
   - Metadata reassures; it never competes with the recipe.
   ========================================================== */

#ew-discover-feed-v2 {
  --ew-brand-ink: var(--ew-ink);
  --ew-brand-muted: var(--ew-muted);
  --ew-brand-soft: var(--ew-soft);
  --ew-brand-green: var(--ew-green);
  --ew-brand-green-hover: var(--ew-green-hover);
  --ew-brand-warm: var(--ew-warm-white);
  --ew-brand-stone: var(--ew-stone);
  --ew-brand-line: #e5e3dd;
  --ew-brand-serif: var(--ew-font-serif);
  --ew-brand-sans: inherit;
  color: var(--ew-brand-ink);
}

/* ---------- Overall rhythm ---------- */

#ew-discover-feed-v2.ew-discover-feed {
  padding-top: 38px;
  padding-bottom: 84px;
}

#ew-discover-feed-v2 .ew-discover-shell {
  gap: 48px;
}

#ew-discover-feed-v2 .ew-feed-block {
  margin-bottom: 44px;
}

/* ---------- Decision hub: question, not a widget ---------- */

#ew-discover-feed-v2 .ew-decision-hub {
  margin: 0 0 38px;
  padding: 0 0 23px;
  border: 0;
  border-bottom: 1px solid var(--ew-brand-line);
  background: transparent;
}

#ew-discover-feed-v2 .ew-decision-heading {
  margin-bottom: 17px;
}

#ew-discover-feed-v2 .ew-decision-hub h2 {
  margin: 0;
  color: var(--ew-brand-ink);
  font-family: var(--ew-brand-sans);
  font-size: 25px;
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -.025em;
}

#ew-discover-feed-v2 .ew-decision-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 27px;
}

#ew-discover-feed-v2 .ew-decision-tile {
  padding: 7px 0 10px;
  color: var(--ew-brand-muted);
}

#ew-discover-feed-v2 .ew-decision-label {
  font-size: 14px;
  font-weight: 650;
  letter-spacing: -.005em;
}

#ew-discover-feed-v2 .ew-decision-tile::after {
  bottom: 2px;
  height: 1px;
  background: var(--ew-brand-green);
}

#ew-discover-feed-v2 .ew-decision-tile.is-active {
  color: var(--ew-brand-green);
}

/* ---------- Section language ---------- */

#ew-discover-feed-v2 .ew-feed-block > h2,
#ew-discover-feed-v2 .ew-recipe-shelf h2,
#ew-discover-feed-v2 .ew-recipe-shelf--magazine h2 {
  margin: 0 0 17px;
  padding: 0;
  color: var(--ew-brand-ink);
  font-family: var(--ew-brand-sans);
  font-size: 20px;
  font-weight: 750;
  line-height: 1.18;
  letter-spacing: -.018em;
  text-transform: none;
}

#ew-discover-feed-v2 .ew-recipe-shelf--magazine h2::after {
  display: none;
}

/* ---------- Popular / horizontal shelf ---------- */

#ew-discover-feed-v2 .ew-recipe-shelf {
  margin-bottom: 42px;
  padding: 0;
  border: 0;
}

#ew-discover-feed-v2 .ew-recipe-scroll {
  gap: 16px;
}

#ew-discover-feed-v2 .ew-shelf-card {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

#ew-discover-feed-v2 .ew-shelf-image {
  overflow: hidden;
  border-radius: 4px;
  background: #f3f1ec;
}

#ew-discover-feed-v2 .ew-shelf-card h3,
#ew-discover-feed-v2 .ew-recipe-shelf--magazine .ew-shelf-card h3 {
  margin: 10px 0 0;
  color: var(--ew-brand-ink);
  font-family: var(--ew-brand-sans);
  font-size: 14px;
  font-weight: 650;
  line-height: 1.25;
  letter-spacing: -.012em;
}

/* ---------- Large recipe: desire first ---------- */

#ew-discover-feed-v2 .ew-vertical-card.is-large {
  margin: 0 0 34px;
  padding: 0 0 32px;
  border: 0;
  border-bottom: 1px solid var(--ew-brand-line);
  background: transparent;
  box-shadow: none;
}

#ew-discover-feed-v2 .ew-vertical-card.is-large .ew-vertical-image {
  margin: 0 0 15px;
  overflow: hidden;
  border-radius: 4px;
  background: #f3f1ec;
}

#ew-discover-feed-v2 .ew-vertical-card.is-large .ew-vertical-content {
  padding: 0;
}

#ew-discover-feed-v2 .ew-vertical-card.is-large .ew-vertical-content h3 {
  max-width: 94%;
  margin: 0;
  color: var(--ew-brand-ink);
  font-family: var(--ew-brand-sans);
  font-size: 25px;
  font-weight: 650;
  line-height: 1.13;
  letter-spacing: -.026em;
}

/* ---------- Compact recipe: editorial list, not mini-card ---------- */

#ew-discover-feed-v2 .ew-compact-card {
  grid-template-columns: minmax(0, 1fr) 132px;
  gap: 22px;
  align-items: center;
  margin: 0;
  padding: 20px 0;
  border: 0;
  border-bottom: 1px solid var(--ew-brand-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

#ew-discover-feed-v2 .ew-compact-content {
  padding: 0;
}

#ew-discover-feed-v2 .ew-compact-content h3 {
  margin: 0;
  color: var(--ew-brand-ink);
  font-family: var(--ew-brand-sans);
  font-size: 19px;
  font-weight: 650;
  line-height: 1.18;
  letter-spacing: -.018em;
}

#ew-discover-feed-v2 .ew-compact-image {
  overflow: hidden;
  border-radius: 4px;
  background: #f3f1ec;
}

/* ---------- Metadata: reassurance, not taxonomy ---------- */

#ew-discover-feed-v2 .ew-card-meta,
#ew-discover-feed-v2 .ew-vertical-content span,
#ew-discover-feed-v2 .ew-compact-content span {
  display: block;
  margin-top: 8px;
  color: var(--ew-brand-soft);
  font-family: var(--ew-brand-sans);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: .005em;
  text-transform: none;
}

/* ---------- Links: food stays visually dominant ---------- */

#ew-discover-feed-v2 .ew-vertical-card,
#ew-discover-feed-v2 .ew-compact-card,
#ew-discover-feed-v2 .ew-shelf-card {
  text-decoration: none;
}

#ew-discover-feed-v2 .ew-vertical-card h3,
#ew-discover-feed-v2 .ew-compact-card h3,
#ew-discover-feed-v2 .ew-shelf-card h3 {
  transition: color .15s ease;
}

#ew-discover-feed-v2 .ew-vertical-card:hover h3,
#ew-discover-feed-v2 .ew-compact-card:hover h3,
#ew-discover-feed-v2 .ew-shelf-card:hover h3 {
  color: var(--ew-brand-green);
}

/* ---------- My Kitchen: the emotional/product moment ---------- */

#ew-discover-feed-v2 .ew-kitchen-rail {
  gap: 14px;
}

#ew-discover-feed-v2 .ew-kitchen-card--primary {
  padding: 27px 24px 24px;
  border: 1px solid var(--ew-brand-stone);
  border-radius: 6px;
  background: var(--ew-brand-warm);
  box-shadow: none;
}

#ew-discover-feed-v2 .ew-kitchen-eyebrow {
  margin-bottom: 13px;
  color: var(--ew-brand-green);
  font-family: var(--ew-brand-sans);
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .12em;
}

#ew-discover-feed-v2 .ew-kitchen-card--primary h2 {
  max-width: 9ch;
  margin: 0;
  color: var(--ew-brand-ink);
  font-family: var(--ew-brand-serif);
  font-size: 31px;
  font-weight: 400;
  line-height: 1.04;
  letter-spacing: -.03em;
}

#ew-discover-feed-v2 .ew-kitchen-copy {
  margin: 15px 0 21px;
  color: var(--ew-brand-muted);
  font-size: 13px;
  line-height: 1.55;
}

#ew-discover-feed-v2 .ew-kitchen-week {
  margin-bottom: 20px;
  border-color: var(--ew-brand-stone);
}

#ew-discover-feed-v2 .ew-kitchen-day {
  min-height: 40px;
  border-color: #ebe9e3;
}

#ew-discover-feed-v2 .ew-kitchen-day span {
  color: var(--ew-brand-soft);
  font-size: 9px;
}

#ew-discover-feed-v2 .ew-kitchen-day strong {
  border-color: #d8d6cf;
  color: var(--ew-brand-green);
}

#ew-discover-feed-v2 .ew-kitchen-day em {
  color: var(--ew-brand-muted);
  font-size: 11px;
}

#ew-discover-feed-v2 .ew-kitchen-cta {
  min-height: 43px;
  border-radius: 4px;
  background: var(--ew-brand-green);
  border-color: var(--ew-brand-green);
  font-size: 13px;
  font-weight: 700;
}

#ew-discover-feed-v2 .ew-kitchen-cta:hover {
  background: var(--ew-brand-green-hover);
  border-color: var(--ew-brand-green-hover);
}

#ew-discover-feed-v2 .ew-kitchen-card--secondary {
  padding: 18px 42px 18px 18px;
  border: 1px solid var(--ew-brand-stone);
  border-radius: 6px;
  background: #fff;
  box-shadow: none;
}

#ew-discover-feed-v2 .ew-kitchen-secondary-label {
  color: var(--ew-brand-ink);
  font-size: 13px;
  font-weight: 700;
}

#ew-discover-feed-v2 .ew-kitchen-secondary-copy {
  color: var(--ew-brand-muted);
  font-size: 11px;
  line-height: 1.45;
}

#ew-discover-feed-v2 .ew-kitchen-arrow {
  color: var(--ew-brand-green);
}

/* ---------- Remove legacy visual chrome that conflicts with brand ---------- */

#ew-discover-feed-v2 .ew-feed-block,
#ew-discover-feed-v2 .ew-vertical-card,
#ew-discover-feed-v2 .ew-compact-card,
#ew-discover-feed-v2 .ew-shelf-card {
  box-shadow: none !important;
}

#ew-discover-feed-v2 .ew-card-badge,
#ew-discover-feed-v2 .ew-intent-badge,
#ew-discover-feed-v2 .ew-recipe-badge {
  display: none !important;
}

/* ---------- Responsive ---------- */

@media (max-width: 979px) {
  #ew-discover-feed-v2.ew-discover-feed {
    padding-top: 32px;
  }
}

@media (max-width: 700px) {
  #ew-discover-feed-v2.ew-discover-feed {
    padding: 28px 18px 64px;
  }

  #ew-discover-feed-v2 .ew-feed-block {
    margin-bottom: 36px;
  }

  #ew-discover-feed-v2 .ew-decision-hub {
    margin-bottom: 30px;
    padding-bottom: 17px;
  }

  #ew-discover-feed-v2 .ew-decision-hub h2 {
    font-size: 23px;
  }

  #ew-discover-feed-v2 .ew-feed-block > h2,
  #ew-discover-feed-v2 .ew-recipe-shelf h2,
  #ew-discover-feed-v2 .ew-recipe-shelf--magazine h2 {
    font-size: 19px;
  }

  #ew-discover-feed-v2 .ew-vertical-card.is-large {
    margin-bottom: 26px;
    padding-bottom: 25px;
  }

  #ew-discover-feed-v2 .ew-vertical-card.is-large .ew-vertical-content h3 {
    max-width: 100%;
    font-size: 21px;
    line-height: 1.16;
  }

  #ew-discover-feed-v2 .ew-compact-card {
    grid-template-columns: minmax(0, 1fr) 108px;
    gap: 15px;
    padding: 17px 0;
  }

  #ew-discover-feed-v2 .ew-compact-content h3 {
    font-size: 17px;
    line-height: 1.2;
  }

  #ew-discover-feed-v2 .ew-card-meta,
  #ew-discover-feed-v2 .ew-vertical-content span,
  #ew-discover-feed-v2 .ew-compact-content span {
    margin-top: 6px;
    font-size: 11px;
  }
}

/* ==========================================================
   V2.6 — CSS-ONLY RECIPE COMPOSITION REFINEMENT
   Built on clean V2.5. discover.js is unchanged.
   Goal: visually achieve image -> title -> meta
   without touching feed/pagination/render logic.
   ========================================================== */

/* ----------------------------------------------------------
   LARGE RECIPE
   Existing DOM order stays intact.
   We visually reorder with CSS only.
   ---------------------------------------------------------- */

#ew-discover-feed-v2 .ew-vertical-card.is-large {
  display: grid;
  grid-template-columns: 1fr;
  margin: 0 0 44px;
  padding: 0 0 36px;
  border-bottom: 1px solid var(--ew-brand-line);
}

#ew-discover-feed-v2 .ew-vertical-card.is-large .ew-vertical-image {
  grid-row: 1;
  margin: 0 0 20px;
  border-radius: 4px;
}

#ew-discover-feed-v2 .ew-vertical-card.is-large .ew-vertical-content {
  display: contents;
}

/* V2.5 markup puts title/meta inside .ew-vertical-content.
   display: contents lets us place them in visual rows. */
#ew-discover-feed-v2 .ew-vertical-card.is-large .ew-vertical-content h3 {
  grid-row: 2;
  max-width: 760px;
  margin: 0;
  color: var(--ew-brand-ink);
  font-family: var(--ew-brand-sans);
  font-size: 25px;
  font-weight: 650;
  line-height: 1.16;
  letter-spacing: -.022em;
  text-transform: none;
}

#ew-discover-feed-v2 .ew-vertical-card.is-large .ew-card-meta,
#ew-discover-feed-v2 .ew-vertical-card.is-large .ew-vertical-content > span:not(.ew-debug-score) {
  grid-row: 3;
  margin-top: 11px;
  color: #7b7e78;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: .005em;
}

/* Debug badge stays out of normal flow when enabled. */
#ew-discover-feed-v2 .ew-vertical-card.is-large .ew-debug-score {
  grid-row: 2;
  justify-self: start;
  margin-bottom: 8px;
}

/* ----------------------------------------------------------
   COMPACT RECIPES
   Preserve original markup and rhythm; improve balance only.
   ---------------------------------------------------------- */

#ew-discover-feed-v2 .ew-compact-card {
  grid-template-columns: minmax(0, 1fr) 138px;
  gap: 24px;
  min-height: 126px;
  padding: 22px 0;
}

#ew-discover-feed-v2 .ew-compact-content {
  align-self: center;
}

#ew-discover-feed-v2 .ew-compact-content h3 {
  max-width: 34ch;
  margin: 0;
  font-size: 19px;
  font-weight: 650;
  line-height: 1.20;
  letter-spacing: -.016em;
}

#ew-discover-feed-v2 .ew-compact-content span {
  margin-top: 9px;
  color: #858781;
  font-size: 12px;
  line-height: 1.35;
}

#ew-discover-feed-v2 .ew-compact-image {
  align-self: center;
  aspect-ratio: 1 / 1;
  border-radius: 4px;
}

/* ----------------------------------------------------------
   SHELVES
   More breathing room without changing markup.
   ---------------------------------------------------------- */

#ew-discover-feed-v2 .ew-shelf-card h3,
#ew-discover-feed-v2 .ew-recipe-shelf--magazine .ew-shelf-card h3 {
  margin-top: 11px;
  line-height: 1.28;
}

#ew-discover-feed-v2 .ew-recipe-shelf {
  margin-bottom: 48px;
}

#ew-discover-feed-v2 .ew-recipe-shelf--magazine {
  margin-top: 44px;
  margin-bottom: 46px;
}

/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media (max-width: 700px) {
  #ew-discover-feed-v2 .ew-vertical-card.is-large {
    margin-bottom: 34px;
    padding-bottom: 28px;
  }

  #ew-discover-feed-v2 .ew-vertical-card.is-large .ew-vertical-image {
    margin-bottom: 16px;
  }

  #ew-discover-feed-v2 .ew-vertical-card.is-large .ew-vertical-content h3 {
    max-width: 100%;
    font-size: 21px;
    line-height: 1.18;
  }

  #ew-discover-feed-v2 .ew-vertical-card.is-large .ew-card-meta,
  #ew-discover-feed-v2 .ew-vertical-card.is-large .ew-vertical-content > span:not(.ew-debug-score) {
    margin-top: 8px;
    font-size: 11px;
  }

  #ew-discover-feed-v2 .ew-compact-card {
    grid-template-columns: minmax(0, 1fr) 112px;
    gap: 16px;
    min-height: 108px;
    padding: 18px 0;
  }

  #ew-discover-feed-v2 .ew-compact-content h3 {
    max-width: none;
    font-size: 17px;
    line-height: 1.20;
  }

  #ew-discover-feed-v2 .ew-compact-content span {
    margin-top: 7px;
    font-size: 11px;
  }
}

/* ==========================================================
   V2.7 — RECIPE TYPOGRAPHY + RHYTHM REFINEMENT
   CSS only. Keeps V2.6 structure and untouched discover.js.
   ========================================================== */

/* -----------------------------
   LARGE RECIPE
   ----------------------------- */

#ew-discover-feed-v2 .ew-vertical-card.is-large {
  margin-bottom: 38px;
  padding-bottom: 30px;
}

#ew-discover-feed-v2 .ew-vertical-card.is-large .ew-vertical-image {
  margin-bottom: 17px;
}

/* Give the copy its own visual zone instead of hugging the image. */
#ew-discover-feed-v2 .ew-vertical-card.is-large .ew-vertical-content h3 {
  max-width: 82%;
  font-size: 23px;
  font-weight: 625;
  /* line-height: 1.17; */
  line-height: 2;
  letter-spacing: -.018em;
}

/* Meta becomes an aside, not a second headline. */
#ew-discover-feed-v2 .ew-vertical-card.is-large .ew-card-meta,
#ew-discover-feed-v2 .ew-vertical-card.is-large .ew-vertical-content > span:not(.ew-debug-score) {
  margin-top: 9px;
  color: #858781;
  font-size: 11.5px;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: .01em;
}

/* -----------------------------
   COMPACT RECIPES
   ----------------------------- */

#ew-discover-feed-v2 .ew-compact-card {
  grid-template-columns: minmax(0, 1fr) 128px;
  gap: 21px;
  min-height: 118px;
  padding: 19px 0;
}

#ew-discover-feed-v2 .ew-compact-content h3 {
  max-width: 30ch;
  font-size: 18px;
  font-weight: 625;
  line-height: 1.22;
  letter-spacing: -.014em;
}

#ew-discover-feed-v2 .ew-compact-content span {
  margin-top: 8px;
  color: var(--ew-soft);
  font-size: 11.5px;
  line-height: 1.35;
}

#ew-discover-feed-v2 .ew-compact-image {
  border-radius: 4px;
}

/* -----------------------------
   SHELVES
   ----------------------------- */

#ew-discover-feed-v2 .ew-recipe-shelf {
  margin-bottom: 44px;
}

#ew-discover-feed-v2 .ew-recipe-scroll {
  gap: 15px;
}

#ew-discover-feed-v2 .ew-shelf-card h3,
#ew-discover-feed-v2 .ew-recipe-shelf--magazine .ew-shelf-card h3 {
  margin-top: 9px;
  font-size: 13.5px;
  font-weight: 625;
  line-height: 1.25;
  letter-spacing: -.008em;
}

/* Keep section labels confident but not louder than recipe titles. */
#ew-discover-feed-v2 .ew-feed-block > h2,
#ew-discover-feed-v2 .ew-recipe-shelf h2,
#ew-discover-feed-v2 .ew-recipe-shelf--magazine h2 {
  margin-bottom: 15px;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -.014em;
}

/* -----------------------------
   DECISION HUB
   ----------------------------- */

#ew-discover-feed-v2 .ew-decision-hub {
  margin-bottom: 34px;
  padding-bottom: 20px;
}

#ew-discover-feed-v2 .ew-decision-hub h2 {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.14;
  letter-spacing: -.02em;
}

#ew-discover-feed-v2 .ew-decision-grid {
  gap: 2px 25px;
}

#ew-discover-feed-v2 .ew-decision-label {
  font-size: 13.5px;
  font-weight: 625;
}

/* -----------------------------
   MY KITCHEN
   Slightly calmer so the food remains primary.
   ----------------------------- */

#ew-discover-feed-v2 .ew-kitchen-card--primary {
  padding: 25px 23px 23px;
}

#ew-discover-feed-v2 .ew-kitchen-card--primary h2 {
  font-size: 29px;
  line-height: 1.05;
}

#ew-discover-feed-v2 .ew-kitchen-copy {
  margin: 14px 0 19px;
  font-size: 12.5px;
  line-height: 1.55;
}

/* -----------------------------
   MOBILE
   ----------------------------- */

@media (max-width: 700px) {
  #ew-discover-feed-v2 .ew-vertical-card.is-large {
    margin-bottom: 30px;
    padding-bottom: 25px;
  }

  #ew-discover-feed-v2 .ew-vertical-card.is-large .ew-vertical-image {
    margin-bottom: 14px;
  }

  #ew-discover-feed-v2 .ew-vertical-card.is-large .ew-vertical-content h3 {
    max-width: 100%;
    font-size: 20px;
    font-weight: 625;
    line-height: 1.19;
  }

  #ew-discover-feed-v2 .ew-vertical-card.is-large .ew-card-meta,
  #ew-discover-feed-v2 .ew-vertical-card.is-large .ew-vertical-content > span:not(.ew-debug-score) {
    margin-top: 7px;
    font-size: 11px;
  }

  #ew-discover-feed-v2 .ew-compact-card {
    grid-template-columns: minmax(0, 1fr) 104px;
    gap: 14px;
    min-height: 102px;
    padding: 16px 0;
  }

  #ew-discover-feed-v2 .ew-compact-content h3 {
    max-width: none;
    font-size: 16.5px;
    line-height: 1.22;
  }

  #ew-discover-feed-v2 .ew-compact-content span {
    margin-top: 6px;
    font-size: 10.5px;
  }

  #ew-discover-feed-v2 .ew-shelf-card h3,
  #ew-discover-feed-v2 .ew-recipe-shelf--magazine .ew-shelf-card h3 {
    font-size: 13px;
  }
}

/* ==========================================================
   V2.7.1 — EW101 BRAND SYSTEM BRIDGE
   Shared visual values come from the ew101-brand plugin.
   Feed mechanics, layout and JavaScript are unchanged.
   ========================================================== */

#ew-discover-feed-v2 {
  --ew-brand-ink: var(--ew-ink);
  --ew-brand-muted: var(--ew-muted);
  --ew-brand-soft: var(--ew-soft);
  --ew-brand-green: var(--ew-green);
  --ew-brand-green-hover: var(--ew-green-hover);
  --ew-brand-warm: var(--ew-warm-white);
  --ew-brand-stone: var(--ew-stone);
  --ew-brand-line: var(--ew-border-soft);
  --ew-brand-serif: var(--ew-font-serif);
  --ew-brand-sans: var(--ew-font-sans);
}

/* ==========================================================
   V2.8.1 — FULL-WIDTH BRAND MOMENTS
   ========================================================== */

#ew-discover-feed-v2 .ew-html-block--better_every_day,
#ew-discover-feed-v2 .ew-html-block--saved_recipes,
#ew-discover-feed-v2 .ew-html-block--newsletter {
  width: 100vw;
  max-width: none;
  margin: 64px calc(50% - 50vw);
  padding: 0;
}

#ew-discover-feed-v2 .ew-brand-band {
  width: 100%;
  background: #f7f5f0;
  border-top: 1px solid #e8e5de;
  border-bottom: 1px solid #e8e5de;
}

#ew-discover-feed-v2 .ew-brand-band__inner {
  box-sizing: border-box;
  width: min(1180px, calc(100% - 56px));
  min-height: 290px;
  margin: 0 auto;
  padding: 52px 0;
  display: grid;
  grid-template-columns: minmax(0, 650px) minmax(200px, 1fr);
  align-items: center;
  gap: 70px;
}

#ew-discover-feed-v2 .ew-brand-band__content {
  max-width: 650px;
}

#ew-discover-feed-v2 .ew-brand-band__eyebrow {
  margin-bottom: 14px;
  color: var(--ew-green, #183a2a);
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .13em;
  text-transform: uppercase;
}

#ew-discover-feed-v2 .ew-brand-band h2 {
  max-width: 620px;
  margin: 0 0 16px;
  color: var(--ew-ink, #242521);
  font-family: var(--ew-font-serif, Georgia, "Times New Roman", serif);
  font-size: clamp(36px, 3vw, 50px);
  font-weight: 400;
  line-height: 1;
  letter-spacing: -.035em;
}

#ew-discover-feed-v2 .ew-brand-band p {
  max-width: 590px;
  margin: 0 0 24px;
  color: var(--ew-muted, #6f726c);
  font-size: 16px;
  line-height: 1.55;
}

#ew-discover-feed-v2 .ew-brand-band__action,
#ew-discover-feed-v2 .ew-brand-band__text-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 750;
  text-decoration: none !important;
}

#ew-discover-feed-v2 .ew-brand-band__action {
  min-height: 46px;
  padding: 0 18px;
  border-radius: var(--ew-radius, 5px);
  background: var(--ew-green, #183a2a);
  color: #fff !important;
}

#ew-discover-feed-v2 .ew-brand-band__text-link {
  padding-bottom: 4px;
  border-bottom: 1px solid #c8c7c0;
  color: var(--ew-green, #183a2a) !important;
}

#ew-discover-feed-v2 .ew-brand-band--planner {
  background:
    radial-gradient(circle at 78% 45%, rgba(218,225,211,.7), transparent 27%),
    #f7f5f0;
}

#ew-discover-feed-v2 .ew-brand-band__visual,
#ew-discover-feed-v2 .ew-brand-band__bookmark {
  display: flex;
  align-items: center;
  justify-content: center;
}

#ew-discover-feed-v2 .ew-brand-week {
  width: 230px;
  padding: 22px;
  border: 1px solid #dedbd2;
  border-radius: 18px;
  background: rgba(255,255,255,.88);
  box-shadow: 0 16px 38px rgba(27,38,31,.08);
  transform: rotate(2deg);
}

#ew-discover-feed-v2 .ew-brand-week__top {
  margin-bottom: 14px;
  color: var(--ew-green, #183a2a);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .12em;
}

#ew-discover-feed-v2 .ew-brand-week__row {
  display: grid;
  grid-template-columns: 32px 30px 1fr;
  gap: 9px;
  align-items: center;
  min-height: 46px;
  border-top: 1px solid #e7e4dc;
}

#ew-discover-feed-v2 .ew-brand-week__row span {
  color: #7b7d77;
  font-size: 9px;
  font-weight: 800;
}

#ew-discover-feed-v2 .ew-brand-week__row i {
  width: 27px;
  height: 27px;
  border-radius: 50%;
  background: #e4eadf;
}

#ew-discover-feed-v2 .ew-brand-week__row b {
  color: #444741;
  font-size: 12px;
  font-weight: 600;
}

#ew-discover-feed-v2 .ew-brand-band--saved {
  background: #fff;
}

#ew-discover-feed-v2 .ew-brand-band--saved .ew-brand-band__inner,
#ew-discover-feed-v2 .ew-brand-band--newsletter .ew-brand-band__inner {
  min-height: 245px;
}

#ew-discover-feed-v2 .ew-brand-band__bookmark {
  color: #dfe5dc;
}

#ew-discover-feed-v2 .ew-brand-band__bookmark svg {
  width: 115px;
  height: 115px;
  fill: none;
  stroke: currentColor;
  stroke-width: .8;
  stroke-linejoin: round;
}

#ew-discover-feed-v2 .ew-brand-band--newsletter {
  background: #eef1e9;
}

#ew-discover-feed-v2 .ew-brand-band--newsletter .ew-brand-band__inner {
  grid-template-columns: minmax(0, 720px);
}

@media (max-width: 979px) {
  #ew-discover-feed-v2 .ew-html-block--better_every_day,
  #ew-discover-feed-v2 .ew-html-block--saved_recipes,
  #ew-discover-feed-v2 .ew-html-block--newsletter {
    margin-top: 48px;
    margin-bottom: 48px;
  }

  #ew-discover-feed-v2 .ew-brand-band__inner {
    width: min(760px, calc(100% - 48px));
    min-height: 0;
    padding: 46px 0;
    grid-template-columns: 1fr;
    gap: 0;
  }

  #ew-discover-feed-v2 .ew-brand-band__visual,
  #ew-discover-feed-v2 .ew-brand-band__bookmark {
    display: none;
  }
}

@media (max-width: 700px) {
  #ew-discover-feed-v2 .ew-html-block--better_every_day,
  #ew-discover-feed-v2 .ew-html-block--saved_recipes,
  #ew-discover-feed-v2 .ew-html-block--newsletter {
    margin-top: 42px;
    margin-bottom: 42px;
  }

  #ew-discover-feed-v2 .ew-brand-band__inner {
    width: calc(100% - 48px);
    padding: 40px 0 42px;
  }

  #ew-discover-feed-v2 .ew-brand-band h2 {
    font-size: 36px;
    line-height: 1.02;
  }

  #ew-discover-feed-v2 .ew-brand-band p {
    font-size: 15px;
  }
}

/* ==========================================================
   V2.8.2 — EARLIER BRAND GUIDANCE + CTA VISUAL REFINEMENT
   ========================================================== */

/* The first brand moment now appears on page 1, after the first feed ad.
   Keep it close enough to feel connected to the opening experience. */
#ew-discover-feed-v2 .ew-html-block--better_every_day {
  margin-top: 46px;
  margin-bottom: 58px;
}

/* Saved Recipes should feel like a distinct editorial pause, not plain feed. */
#ew-discover-feed-v2 .ew-brand-band--saved {
  background: #f3f0e9;
}

#ew-discover-feed-v2 .ew-brand-band--saved .ew-brand-band__bookmark {
  color: #cfd6cc;
}

/* Newsletter gets its own quiet CSS illustration, mirroring the My Kitchen
   mini-interface without looking like another product screenshot. */
#ew-discover-feed-v2 .ew-brand-band--newsletter {
  background:
    radial-gradient(circle at 80% 46%, rgba(207,219,202,.62), transparent 26%),
    #eef1e9;
}

#ew-discover-feed-v2 .ew-brand-band--newsletter .ew-brand-band__inner {
  min-height: 285px;
  grid-template-columns: minmax(0, 650px) minmax(230px, 1fr);
}

#ew-discover-feed-v2 .ew-brand-band__visual--newsletter {
  display: flex;
  align-items: center;
  justify-content: center;
}

#ew-discover-feed-v2 .ew-newsletter-card {
  box-sizing: border-box;
  width: 250px;
  padding: 20px;
  border: 1px solid #d8ddd3;
  border-radius: 16px;
  background: rgba(255,255,255,.90);
  box-shadow: 0 16px 38px rgba(27,38,31,.08);
  transform: rotate(-1.5deg);
}

#ew-discover-feed-v2 .ew-newsletter-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 11px;
  border-bottom: 1px solid #e7e9e3;
}

#ew-discover-feed-v2 .ew-newsletter-card__top span {
  color: var(--ew-green, #183a2a);
  font-family: var(--ew-font-serif, Georgia, "Times New Roman", serif);
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -.02em;
}

#ew-discover-feed-v2 .ew-newsletter-card__top i {
  position: relative;
  width: 24px;
  height: 17px;
  border: 1px solid #9da69a;
  border-radius: 2px;
}

#ew-discover-feed-v2 .ew-newsletter-card__top i::before,
#ew-discover-feed-v2 .ew-newsletter-card__top i::after {
  content: "";
  position: absolute;
  top: 4px;
  width: 13px;
  height: 1px;
  background: #9da69a;
}

#ew-discover-feed-v2 .ew-newsletter-card__top i::before {
  left: 1px;
  transform: rotate(32deg);
}

#ew-discover-feed-v2 .ew-newsletter-card__top i::after {
  right: 1px;
  transform: rotate(-32deg);
}

#ew-discover-feed-v2 .ew-newsletter-card__subject {
  margin: 15px 0 8px;
  color: #3f443e;
  font-size: 12px;
  font-weight: 750;
}

#ew-discover-feed-v2 .ew-newsletter-card__row {
  display: grid;
  grid-template-columns: 38px 1fr;
  gap: 10px;
  align-items: center;
  padding: 9px 0;
  border-top: 1px solid #eceee9;
}

#ew-discover-feed-v2 .ew-newsletter-card__row:first-of-type {
  border-top: 0;
}

#ew-discover-feed-v2 .ew-newsletter-card__thumb {
  display: block;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #dfe5d9;
}

#ew-discover-feed-v2 .ew-newsletter-card__thumb--one {
  background:
    radial-gradient(circle at 62% 35%, #d18c42 0 15%, transparent 16%),
    radial-gradient(circle at 40% 60%, #6d8b53 0 16%, transparent 17%),
    #ead8b9;
}

#ew-discover-feed-v2 .ew-newsletter-card__thumb--two {
  background:
    radial-gradient(circle at 58% 45%, #d8b67d 0 18%, transparent 19%),
    radial-gradient(circle at 35% 62%, #78946a 0 18%, transparent 19%),
    #e8eadf;
}

#ew-discover-feed-v2 .ew-newsletter-card__thumb--three {
  background:
    radial-gradient(circle at 58% 42%, #bd6e4f 0 16%, transparent 17%),
    radial-gradient(circle at 38% 62%, #4f7959 0 18%, transparent 19%),
    #e3d4bf;
}

#ew-discover-feed-v2 .ew-newsletter-card__row span {
  display: grid;
  gap: 2px;
}

#ew-discover-feed-v2 .ew-newsletter-card__row strong {
  color: #444741;
  font-size: 10.5px;
  font-weight: 700;
  line-height: 1.2;
}

#ew-discover-feed-v2 .ew-newsletter-card__row small {
  color: #8a8d86;
  font-size: 9px;
  line-height: 1.25;
}

@media (max-width: 979px) {
  #ew-discover-feed-v2 .ew-brand-band--newsletter .ew-brand-band__inner {
    grid-template-columns: 1fr;
  }

  #ew-discover-feed-v2 .ew-brand-band__visual--newsletter {
    display: none;
  }
}

@media (max-width: 700px) {
  #ew-discover-feed-v2 .ew-html-block--better_every_day {
    margin-top: 36px;
    margin-bottom: 46px;
  }

  #ew-discover-feed-v2 .ew-brand-band--saved {
    background: #f3f0e9;
  }
}

/* ==========================================================
   V2.8.3 — DISCOVER CHAPTER HEADINGS + OPENING FLOW
   No feed/infinite-scroll logic changes.
   ========================================================== */

/*
 * Discover section titles should read as chapter markers rather than
 * recipe titles. We target the existing V2 section-heading containers
 * and their direct h2s without changing generated markup.
 */
#ew-discover-feed-v2 .ew-section-heading,
#ew-discover-feed-v2 .ew-feed-heading,
#ew-discover-feed-v2 .ew-vertical-feed__heading,
#ew-discover-feed-v2 .ew-magazine-shelf__heading {
  margin-top: 54px;
  margin-bottom: 30px;
}

#ew-discover-feed-v2 .ew-section-heading > h2,
#ew-discover-feed-v2 .ew-feed-heading > h2,
#ew-discover-feed-v2 .ew-vertical-feed__heading > h2,
#ew-discover-feed-v2 .ew-magazine-shelf__heading > h2 {
  position: relative;
  margin: 0;
  padding-bottom: 15px;
  color: var(--ew-ink, #242521);
  font-family: var(--ew-font-serif, Georgia, "Times New Roman", serif);
  font-size: 30px;
  font-weight: 400;
  line-height: 1.08;
  letter-spacing: -.025em;
}

/* Short asymmetric Eatwell101 chapter marker. */
#ew-discover-feed-v2 .ew-section-heading > h2::after,
#ew-discover-feed-v2 .ew-feed-heading > h2::after,
#ew-discover-feed-v2 .ew-vertical-feed__heading > h2::after,
#ew-discover-feed-v2 .ew-magazine-shelf__heading > h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 38px;
  height: 2px;
  border-radius: 2px;
  background: var(--ew-green, #183a2a);
}

/*
 * Existing markup in some V2 blocks places the h2 directly inside the
 * block rather than a heading wrapper. Cover those known block types too.
 */
#ew-discover-feed-v2 .ew-vertical-feed > h2,
#ew-discover-feed-v2 .ew-magazine-shelf > h2 {
  position: relative;
  margin: 54px 0 30px;
  padding-bottom: 15px;
  color: var(--ew-ink, #242521);
  font-family: var(--ew-font-serif, Georgia, "Times New Roman", serif);
  font-size: 30px;
  font-weight: 400;
  line-height: 1.08;
  letter-spacing: -.025em;
}

#ew-discover-feed-v2 .ew-vertical-feed > h2::after,
#ew-discover-feed-v2 .ew-magazine-shelf > h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 38px;
  height: 2px;
  border-radius: 2px;
  background: var(--ew-green, #183a2a);
}

/* ----------------------------------------------------------
   OPENING SEQUENCE
   Hero hands off to decision -> popularity -> first chapter.
   Keep the first Discover modules closer and calmer than later chapters.
   ---------------------------------------------------------- */

#ew-discover-feed-v2 .ew-decision-hub {
  margin-top: 34px;
  margin-bottom: 34px;
}

#ew-discover-feed-v2 .ew-decision-hub h2 {
  margin-bottom: 18px;
}

/* Popular is supporting evidence, not another giant chapter. */
#ew-discover-feed-v2 .ew-popular-shelf,
#ew-discover-feed-v2 .ew-popular-now {
  margin-top: 26px;
  margin-bottom: 42px;
}

/* If Popular's heading uses an h2, keep it smaller and sans-serif;
   chapter underline is reserved for the main recipe-feed sections. */
#ew-discover-feed-v2 .ew-popular-shelf h2,
#ew-discover-feed-v2 .ew-popular-now h2 {
  margin: 0 0 18px;
  padding: 0;
  color: var(--ew-ink, #242521);
  font-family: var(--ew-font-sans, Arial, sans-serif);
  font-size: 14px;
  font-weight: 750;
  line-height: 1.2;
  letter-spacing: .06em;
  text-transform: uppercase;
}

#ew-discover-feed-v2 .ew-popular-shelf h2::after,
#ew-discover-feed-v2 .ew-popular-now h2::after {
  content: none;
}

/* The first true feed chapter gets a little extra separation from Popular,
   while later headings retain the regular chapter rhythm above. */
#ew-discover-feed-v2 .ew-popular-shelf + .ew-vertical-feed > h2,
#ew-discover-feed-v2 .ew-popular-now + .ew-vertical-feed > h2,
#ew-discover-feed-v2 .ew-popular-shelf + .ew-vertical-feed .ew-vertical-feed__heading,
#ew-discover-feed-v2 .ew-popular-now + .ew-vertical-feed .ew-vertical-feed__heading {
  margin-top: 48px;
}

@media (max-width: 700px) {
  #ew-discover-feed-v2 .ew-section-heading,
  #ew-discover-feed-v2 .ew-feed-heading,
  #ew-discover-feed-v2 .ew-vertical-feed__heading,
  #ew-discover-feed-v2 .ew-magazine-shelf__heading {
    margin-top: 44px;
    margin-bottom: 25px;
  }

  #ew-discover-feed-v2 .ew-section-heading > h2,
  #ew-discover-feed-v2 .ew-feed-heading > h2,
  #ew-discover-feed-v2 .ew-vertical-feed__heading > h2,
  #ew-discover-feed-v2 .ew-magazine-shelf__heading > h2,
  #ew-discover-feed-v2 .ew-vertical-feed > h2,
  #ew-discover-feed-v2 .ew-magazine-shelf > h2 {
    font-size: 27px;
    line-height: 1.08;
    padding-bottom: 13px;
  }

  #ew-discover-feed-v2 .ew-vertical-feed > h2,
  #ew-discover-feed-v2 .ew-magazine-shelf > h2 {
    margin-top: 44px;
    margin-bottom: 25px;
  }

  #ew-discover-feed-v2 .ew-section-heading > h2::after,
  #ew-discover-feed-v2 .ew-feed-heading > h2::after,
  #ew-discover-feed-v2 .ew-vertical-feed__heading > h2::after,
  #ew-discover-feed-v2 .ew-magazine-shelf__heading > h2::after,
  #ew-discover-feed-v2 .ew-vertical-feed > h2::after,
  #ew-discover-feed-v2 .ew-magazine-shelf > h2::after {
    width: 34px;
  }

  #ew-discover-feed-v2 .ew-decision-hub {
    margin-top: 26px;
    margin-bottom: 28px;
  }

  #ew-discover-feed-v2 .ew-popular-shelf,
  #ew-discover-feed-v2 .ew-popular-now {
    margin-top: 22px;
    margin-bottom: 34px;
  }

  #ew-discover-feed-v2 .ew-popular-shelf h2,
  #ew-discover-feed-v2 .ew-popular-now h2 {
    margin-bottom: 15px;
    font-size: 12px;
  }
}

/* ==========================================================
   V2.8.4 — MAGAZINE SHELF HIERARCHY
   Thematic 6-card shelves use the same chapter language,
   but at a deliberately quieter level than main feed sections.
   ========================================================== */

/* Shelf section itself: more intentional separation from surrounding feed. */
#ew-discover-feed-v2 .ew-recipe-shelf--magazine {
  margin-top: 46px;
  margin-bottom: 50px;
}

/* Thematic shelf heading: smaller than main Discover chapter heading. */
#ew-discover-feed-v2 .ew-recipe-shelf--magazine > h2 {
  position: relative;
  margin: 0 0 24px;
  padding-bottom: 12px;
  color: var(--ew-ink, #242521);
  font-family: var(--ew-font-serif, Georgia, "Times New Roman", serif);
  font-size: 25px;
  font-weight: 400;
  line-height: 1.08;
  letter-spacing: -.022em;
}

/* Shorter marker = secondary chapter level. */
#ew-discover-feed-v2 .ew-recipe-shelf--magazine > h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 28px;
  height: 2px;
  border-radius: 2px;
  background: var(--ew-green, #183a2a);
}

/* Give the 6-card row a little more breathing room. */
#ew-discover-feed-v2 .ew-recipe-shelf--magazine .ew-recipe-scroll {
  gap: 17px;
}

/* Shelf recipe titles should not compete with large feed titles. */
#ew-discover-feed-v2 .ew-recipe-shelf--magazine .ew-shelf-card h3 {
  margin-top: 10px;
  color: var(--ew-ink, #242521);
  font-family: var(--ew-font-sans, Arial, sans-serif);
  font-size: 13.5px;
  font-weight: 625;
  line-height: 1.27;
  letter-spacing: -.008em;
}

/* Keep food imagery strong and visually consistent. */
#ew-discover-feed-v2 .ew-recipe-shelf--magazine .ew-shelf-image {
  overflow: hidden;
  border-radius: 4px;
}

/* Slightly softer hover: image remains the focus, not UI decoration. */
#ew-discover-feed-v2 .ew-recipe-shelf--magazine .ew-shelf-card:hover h3 {
  color: var(--ew-green, #183a2a);
}

/* Prevent the shelf heading from inheriting the larger V2.8.3
   main-chapter treatment if selector order overlaps. */
#ew-discover-feed-v2 .ew-magazine-shelf > h2,
#ew-discover-feed-v2 .ew-recipe-shelf--magazine > h2 {
  font-size: 25px;
  margin-top: 0;
  margin-bottom: 24px;
  padding-bottom: 12px;
}

#ew-discover-feed-v2 .ew-magazine-shelf > h2::after,
#ew-discover-feed-v2 .ew-recipe-shelf--magazine > h2::after {
  width: 28px;
}

@media (max-width: 700px) {
  #ew-discover-feed-v2 .ew-recipe-shelf--magazine {
    margin-top: 38px;
    margin-bottom: 42px;
  }

  #ew-discover-feed-v2 .ew-recipe-shelf--magazine > h2,
  #ew-discover-feed-v2 .ew-magazine-shelf > h2 {
    margin-bottom: 21px;
    padding-bottom: 11px;
    font-size: 23px;
    line-height: 1.1;
  }

  #ew-discover-feed-v2 .ew-recipe-shelf--magazine > h2::after,
  #ew-discover-feed-v2 .ew-magazine-shelf > h2::after {
    width: 26px;
  }

  #ew-discover-feed-v2 .ew-recipe-shelf--magazine .ew-recipe-scroll {
    gap: 14px;
  }

  #ew-discover-feed-v2 .ew-recipe-shelf--magazine .ew-shelf-card h3 {
    margin-top: 9px;
    font-size: 13px;
    line-height: 1.25;
  }
}

/* ==========================================================
   V2.8.5 — MAGAZINE SHELF FIX + POLISH
   Explicitly restores the chapter marker hidden by legacy CSS.
   ========================================================== */

#ew-discover-feed-v2 section.ew-recipe-shelf.ew-recipe-shelf--magazine > h2 {
  position: relative;
  margin: 0 0 25px;
  padding: 0 0 13px;
  color: var(--ew-ink, #242521);
  font-family: var(--ew-font-serif, Georgia, "Times New Roman", serif);
  font-size: 25px;
  font-weight: 400;
  line-height: 1.08;
  letter-spacing: -.022em;
}

/* Important fix: older V2 CSS explicitly set display:none on this pseudo-element. */
#ew-discover-feed-v2 section.ew-recipe-shelf.ew-recipe-shelf--magazine > h2::after {
  content: "" !important;
  display: block !important;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 30px;
  height: 2px;
  border-radius: 999px;
  background: var(--ew-green, #183a2a);
}

/* Give the shelf its own clear but secondary chapter rhythm. */
#ew-discover-feed-v2 section.ew-recipe-shelf.ew-recipe-shelf--magazine {
  margin-top: 48px;
  margin-bottom: 52px;
}

/* Cards: quiet editorial treatment. */
#ew-discover-feed-v2 .ew-recipe-shelf--magazine .ew-shelf-card {
  text-decoration: none;
}

#ew-discover-feed-v2 .ew-recipe-shelf--magazine .ew-shelf-image {
  overflow: hidden;
  border-radius: 4px;
  background: #f3f1ec;
}

#ew-discover-feed-v2 .ew-recipe-shelf--magazine .ew-shelf-image img {
  display: block;
  transition: opacity .18s ease, transform .22s ease;
}

#ew-discover-feed-v2 .ew-recipe-shelf--magazine .ew-shelf-card h3 {
  margin: 10px 0 0;
  color: var(--ew-ink, #242521);
  font-family: var(--ew-font-sans, Arial, sans-serif);
  font-size: 13.5px;
  font-weight: 625;
  line-height: 1.27;
  letter-spacing: -.008em;
  transition: color .18s ease;
}

/* Visible enough to register, restrained enough not to feel like UI chrome. */
@media (hover: hover) and (pointer: fine) {
  #ew-discover-feed-v2 .ew-recipe-shelf--magazine .ew-shelf-card:hover h3 {
    color: var(--ew-green, #183a2a);
  }

  #ew-discover-feed-v2 .ew-recipe-shelf--magazine .ew-shelf-card:hover .ew-shelf-image img {
    opacity: .92;
    transform: scale(1.012);
  }
}

@media (max-width: 700px) {
  #ew-discover-feed-v2 section.ew-recipe-shelf.ew-recipe-shelf--magazine {
    margin-top: 40px;
    margin-bottom: 44px;
  }

  #ew-discover-feed-v2 section.ew-recipe-shelf.ew-recipe-shelf--magazine > h2 {
    margin-bottom: 22px;
    padding-bottom: 12px;
    font-size: 23px;
    line-height: 1.1;
  }

  #ew-discover-feed-v2 section.ew-recipe-shelf.ew-recipe-shelf--magazine > h2::after {
    display: block !important;
    width: 27px;
  }

  #ew-discover-feed-v2 .ew-recipe-shelf--magazine .ew-shelf-card h3 {
    margin-top: 9px;
    font-size: 13px;
    line-height: 1.25;
  }
}

/* ==========================================================
   V2.8.6 — USEFUL RECIPE META
   Time + meaningful saves, or time + useful intent.
   Roundups: collection identity + contextual intent.
   ========================================================== */

#ew-discover-feed-v2 .ew-recipe-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  margin-top: 9px;
  color: #777a74;
  font-family: var(--ew-font-sans, var(--ew-brand-sans, Arial, sans-serif));
  font-size: 12.5px;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: .002em;
}

/* Large-card grid placement: image -> title -> useful meta. */
#ew-discover-feed-v2 .ew-vertical-card.is-large > .ew-recipe-meta {
  grid-row: 3;
  justify-self: start;
  margin-top: 10px;
}

/* Compact cards keep the same small editorial rhythm. */
#ew-discover-feed-v2 .ew-compact-content > .ew-recipe-meta {
  margin-top: 8px;
}

/*
 * Older Discover CSS targets every span inside .ew-compact-content.
 * Explicitly neutralize those legacy rules for the new component.
 */
#ew-discover-feed-v2 .ew-recipe-meta .ew-meta-item,
#ew-discover-feed-v2 .ew-compact-content .ew-recipe-meta .ew-meta-item,
#ew-discover-feed-v2 .ew-recipe-meta .ew-meta-text,
#ew-discover-feed-v2 .ew-compact-content .ew-recipe-meta .ew-meta-text {
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 0;
  color: inherit;
  font: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-transform: none;
}

#ew-discover-feed-v2 .ew-recipe-meta .ew-meta-item {
  gap: 5px;
  white-space: nowrap;
}

/* Separator is structural, not another visible UI element. */
#ew-discover-feed-v2 .ew-recipe-meta .ew-meta-item + .ew-meta-item::before {
  content: "";
  display: block;
  width: 1px;
  height: 12px;
  margin: 0 10px;
  background: rgba(35, 42, 37, .16);
}

/* Thin custom SVGs rather than platform emoji. */
#ew-discover-feed-v2 .ew-recipe-meta .ew-meta-icon {
  display: block;
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.55;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Bookmark gets just enough brand identity to read as Saved/My Kitchen. */
#ew-discover-feed-v2 .ew-recipe-meta .ew-meta-item--saved {
  color: var(--ew-green, var(--ew-brand-green, #234b3a));
}

/* Intent is contextual copy, so keep it quieter than objective signals. */
#ew-discover-feed-v2 .ew-recipe-meta .ew-meta-item--intent {
  color: #858780;
}

/* Roundups are recognizably different without becoming badges/chips. */
#ew-discover-feed-v2 .ew-recipe-meta--roundup .ew-meta-item--collection {
  color: var(--ew-green, var(--ew-brand-green, #234b3a));
  font-weight: 600;
}

#ew-discover-feed-v2 .ew-recipe-meta--roundup .ew-meta-icon {
  width: 13px;
  height: 13px;
  flex-basis: 13px;
}

/* Subtle hover: metadata participates, but title/image remain dominant. */
@media (hover: hover) and (pointer: fine) {
  #ew-discover-feed-v2 .ew-vertical-card:hover .ew-meta-item--time,
  #ew-discover-feed-v2 .ew-compact-card:hover .ew-meta-item--time {
    color: #585b56;
  }

  #ew-discover-feed-v2 .ew-vertical-card:hover .ew-meta-item--saved,
  #ew-discover-feed-v2 .ew-compact-card:hover .ew-meta-item--saved {
    color: var(--ew-green, var(--ew-brand-green, #183a2a));
  }
}

@media (max-width: 700px) {
  #ew-discover-feed-v2 .ew-recipe-meta {
    margin-top: 7px;
    font-size: 11.5px;
  }

  #ew-discover-feed-v2 .ew-recipe-meta .ew-meta-icon {
    width: 13px;
    height: 13px;
    flex-basis: 13px;
  }

  #ew-discover-feed-v2 .ew-recipe-meta .ew-meta-item {
    gap: 4px;
  }

  #ew-discover-feed-v2 .ew-recipe-meta .ew-meta-item + .ew-meta-item::before {
    height: 11px;
    margin: 0 8px;
  }

  #ew-discover-feed-v2 .ew-vertical-card.is-large > .ew-recipe-meta {
    margin-top: 8px;
  }

  #ew-discover-feed-v2 .ew-compact-content > .ew-recipe-meta {
    margin-top: 6px;
  }
}

/* ==========================================================
   V2.8.7 — OPENING DISCOVERY FLOW
   Hero -> decision -> popular proof -> Fresh Dinner Ideas.
   ========================================================== */

@media (min-width: 981px) {
  #ew-discover-feed-v2 {
    margin-top: 0;
  }

  #ew-discover-feed-v2 .ew-decision-hub {
    margin-top: 24px;
  }
}

#ew-discover-feed-v2 .ew-decision-hub {
  margin-bottom: 24px;
}

#ew-discover-feed-v2 .ew-decision-hub h2 {
  margin: 0 0 18px;
  color: var(--ew-ink, var(--ew-brand-ink, #242521));
  font-family: var(--ew-font-sans, var(--ew-brand-sans, Arial, sans-serif));
  font-size: 25px;
  font-weight: 750;
  line-height: 1.16;
  letter-spacing: -.025em;
}

#ew-discover-feed-v2 .ew-intent-buttons,
#ew-discover-feed-v2 .ew-intent-list,
#ew-discover-feed-v2 .ew-decision-options {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 28px;
  row-gap: 12px;
}

#ew-discover-feed-v2 .ew-intent-button,
#ew-discover-feed-v2 .ew-intent-btn,
#ew-discover-feed-v2 .ew-decision-hub button,
#ew-discover-feed-v2 .ew-decision-hub [data-intent] {
  position: relative;
  margin: 0;
  padding: 0 0 7px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #72756f;
  font-family: var(--ew-font-sans, var(--ew-brand-sans, Arial, sans-serif));
  font-size: 13.5px;
  font-weight: 650;
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer;
  transition: color .16s ease;
}

#ew-discover-feed-v2 .ew-intent-button::after,
#ew-discover-feed-v2 .ew-intent-btn::after,
#ew-discover-feed-v2 .ew-decision-hub button::after,
#ew-discover-feed-v2 .ew-decision-hub [data-intent]::after {
  content: "";
  position: absolute;
  left: 0;
  right: 100%;
  bottom: 0;
  height: 2px;
  border-radius: 999px;
  background: var(--ew-green, var(--ew-brand-green, #183a2a));
  transition: right .16s ease;
}

@media (hover: hover) and (pointer: fine) {
  #ew-discover-feed-v2 .ew-intent-button:hover,
  #ew-discover-feed-v2 .ew-intent-btn:hover,
  #ew-discover-feed-v2 .ew-decision-hub button:hover,
  #ew-discover-feed-v2 .ew-decision-hub [data-intent]:hover {
    color: var(--ew-green, var(--ew-brand-green, #183a2a));
  }

  #ew-discover-feed-v2 .ew-intent-button:hover::after,
  #ew-discover-feed-v2 .ew-intent-btn:hover::after,
  #ew-discover-feed-v2 .ew-decision-hub button:hover::after,
  #ew-discover-feed-v2 .ew-decision-hub [data-intent]:hover::after {
    right: 0;
  }
}

#ew-discover-feed-v2 .ew-intent-button.is-active,
#ew-discover-feed-v2 .ew-intent-button.active,
#ew-discover-feed-v2 .ew-intent-btn.is-active,
#ew-discover-feed-v2 .ew-intent-btn.active,
#ew-discover-feed-v2 .ew-decision-hub [aria-pressed="true"],
#ew-discover-feed-v2 .ew-decision-hub [data-active="true"] {
  color: var(--ew-green, var(--ew-brand-green, #183a2a));
}

#ew-discover-feed-v2 .ew-intent-button.is-active::after,
#ew-discover-feed-v2 .ew-intent-button.active::after,
#ew-discover-feed-v2 .ew-intent-btn.is-active::after,
#ew-discover-feed-v2 .ew-intent-btn.active::after,
#ew-discover-feed-v2 .ew-decision-hub [aria-pressed="true"]::after,
#ew-discover-feed-v2 .ew-decision-hub [data-active="true"]::after {
  right: 0;
}

#ew-discover-feed-v2 .ew-decision-hub + hr,
#ew-discover-feed-v2 .ew-decision-hub ~ hr:first-of-type {
  display: none;
}

#ew-discover-feed-v2 .ew-popular-shelf,
#ew-discover-feed-v2 .ew-popular-now,
#ew-discover-feed-v2 .ew-recipe-shelf--popular {
  margin-top: 16px;
  margin-bottom: 44px;
  padding-top: 0;
  border-top: 0;
}

#ew-discover-feed-v2 .ew-popular-shelf > h2,
#ew-discover-feed-v2 .ew-popular-now > h2,
#ew-discover-feed-v2 .ew-recipe-shelf--popular > h2 {
  position: static;
  margin: 0 0 17px;
  padding: 0;
  color: var(--ew-green, var(--ew-brand-green, #234b3a));
  font-family: var(--ew-font-sans, var(--ew-brand-sans, Arial, sans-serif));
  font-size: 12px;
  font-weight: 750;
  line-height: 1.2;
  letter-spacing: .095em;
  text-transform: uppercase;
}

#ew-discover-feed-v2 .ew-popular-shelf > h2::after,
#ew-discover-feed-v2 .ew-popular-now > h2::after,
#ew-discover-feed-v2 .ew-recipe-shelf--popular > h2::after {
  content: none !important;
  display: none !important;
}

#ew-discover-feed-v2 .ew-popular-shelf .ew-recipe-scroll,
#ew-discover-feed-v2 .ew-popular-now .ew-recipe-scroll,
#ew-discover-feed-v2 .ew-recipe-shelf--popular .ew-recipe-scroll {
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding-bottom: 2px;
}

#ew-discover-feed-v2 .ew-popular-shelf .ew-recipe-scroll::-webkit-scrollbar,
#ew-discover-feed-v2 .ew-popular-now .ew-recipe-scroll::-webkit-scrollbar,
#ew-discover-feed-v2 .ew-recipe-shelf--popular .ew-recipe-scroll::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

#ew-discover-feed-v2 .ew-popular-shelf + .ew-vertical-feed > h2,
#ew-discover-feed-v2 .ew-popular-now + .ew-vertical-feed > h2,
#ew-discover-feed-v2 .ew-recipe-shelf--popular + .ew-vertical-feed > h2,
#ew-discover-feed-v2 .ew-popular-shelf + .ew-vertical-feed .ew-vertical-feed__heading,
#ew-discover-feed-v2 .ew-popular-now + .ew-vertical-feed .ew-vertical-feed__heading,
#ew-discover-feed-v2 .ew-recipe-shelf--popular + .ew-vertical-feed .ew-vertical-feed__heading {
  margin-top: 46px;
}

@media (max-width: 700px) {
  #ew-discover-feed-v2 .ew-decision-hub {
    margin-top: 22px;
    margin-bottom: 20px;
  }

  #ew-discover-feed-v2 .ew-decision-hub h2 {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 1.14;
  }

  #ew-discover-feed-v2 .ew-intent-buttons,
  #ew-discover-feed-v2 .ew-intent-list,
  #ew-discover-feed-v2 .ew-decision-options {
    column-gap: 25px;
    row-gap: 15px;
  }

  #ew-discover-feed-v2 .ew-intent-button,
  #ew-discover-feed-v2 .ew-intent-btn,
  #ew-discover-feed-v2 .ew-decision-hub button,
  #ew-discover-feed-v2 .ew-decision-hub [data-intent] {
    padding-bottom: 6px;
    font-size: 13px;
  }

  #ew-discover-feed-v2 .ew-popular-shelf,
  #ew-discover-feed-v2 .ew-popular-now,
  #ew-discover-feed-v2 .ew-recipe-shelf--popular {
    margin-top: 12px;
    margin-bottom: 38px;
  }

  #ew-discover-feed-v2 .ew-popular-shelf > h2,
  #ew-discover-feed-v2 .ew-popular-now > h2,
  #ew-discover-feed-v2 .ew-recipe-shelf--popular > h2 {
    margin-bottom: 16px;
    font-size: 11px;
    letter-spacing: .09em;
  }

  #ew-discover-feed-v2 .ew-popular-shelf + .ew-vertical-feed > h2,
  #ew-discover-feed-v2 .ew-popular-now + .ew-vertical-feed > h2,
  #ew-discover-feed-v2 .ew-recipe-shelf--popular + .ew-vertical-feed > h2,
  #ew-discover-feed-v2 .ew-popular-shelf + .ew-vertical-feed .ew-vertical-feed__heading,
  #ew-discover-feed-v2 .ew-popular-now + .ew-vertical-feed .ew-vertical-feed__heading,
  #ew-discover-feed-v2 .ew-recipe-shelf--popular + .ew-vertical-feed .ew-vertical-feed__heading {
    margin-top: 42px;
  }
}



/* ==========================================================
   V2.8.9 — HOMEPAGE ORCHESTRATION
   Rhythm only: decision unit, chapter break, continuation.
   ========================================================== */

/* Decision Hub + Popular Today read as one decision unit. */
#ew-discover-feed-v2 .ew-decision-hub {
  margin-bottom: 16px;
}

#ew-discover-feed-v2 .ew-recipe-shelf--popular {
  margin-bottom: 64px;
}

/* Popular is supporting proof, not a full editorial chapter. */
#ew-discover-feed-v2 .ew-recipe-shelf--popular > h2 {
  margin-bottom: 14px;
}

/* The first true chapter gets a clear visual reset after decision-making. */
#ew-discover-feed-v2 .ew-vertical-feed:has(> h2:first-child) {
  scroll-margin-top: 110px;
}

/* Existing page-2 title becomes the quiet transition after My Kitchen. */
#ew-discover-feed-v2 .ew-vertical-feed--continuation > h2 {
  margin-top: 18px;
  margin-bottom: 22px;
}

/* Keep mobile rhythm tighter; no structural mobile redesign. */
@media (max-width: 700px) {
  #ew-discover-feed-v2 .ew-decision-hub {
    margin-bottom: 14px;
  }

  #ew-discover-feed-v2 .ew-recipe-shelf--popular {
    margin-bottom: 46px;
  }

  #ew-discover-feed-v2 .ew-vertical-feed--continuation > h2 {
    margin-top: 8px;
  }
}

/* ==========================================================
   V2.8.9a — MEDIUM EDITORIAL CARD TEST
   ========================================================== */
@media (min-width: 981px) {
  #ew-discover-feed-v2 .ew-medium-card {
    display:grid;
    grid-template-columns:minmax(0,42%) minmax(0,58%);
    gap:30px;
    align-items:center;
    margin:0;
    padding:24px 0;
    border:0;
    border-bottom:1px solid var(--ew-brand-line);
    background:transparent;
    color:inherit;
    text-decoration:none;
  }
  #ew-discover-feed-v2 .ew-medium-image {
    aspect-ratio:4 / 3;
    overflow:hidden;
    border-radius:4px;
    background:#f3f1ec;
  }
  #ew-discover-feed-v2 .ew-medium-image img {
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .28s ease;
  }
  #ew-discover-feed-v2 .ew-medium-content {
    min-width:0;
    padding-right:10px;
  }
  #ew-discover-feed-v2 .ew-medium-content h3 {
    max-width:95%;
    margin:0;
    color:var(--ew-brand-ink);
    font-family:var(--ew-brand-sans);
    font-size:22px;
    font-weight:650;
    line-height:1.16;
    letter-spacing:-.022em;
  }
  #ew-discover-feed-v2 .ew-medium-content .ew-recipe-meta { margin-top:11px; }
}
@media (min-width:981px) and (hover:hover) and (pointer:fine) {
  #ew-discover-feed-v2 .ew-medium-card:hover .ew-medium-image img { transform:scale(1.015); }
  #ew-discover-feed-v2 .ew-medium-card:hover h3 {
    text-decoration:underline;
    text-decoration-thickness:1px;
    text-underline-offset:3px;
  }
}


/* ==========================================================
   V2.8.9b — MAGAZINE SHELF BREATHING ROOM
   Group-level editorial treatment only.
   ========================================================== */

@media (min-width: 981px) {
  #ew-discover-feed-v2 .ew-recipe-shelf--magazine {
    margin: 8px 0 50px;
    padding: 28px 26px 30px;
    border: 0;
    border-radius: 0;
    background: #f6f4ef;
  }

  #ew-discover-feed-v2 .ew-recipe-shelf--magazine > h2 {
    position: relative;
    margin: 0 0 22px;
    padding: 0 0 10px;
    font-family: var(--ew-brand-sans);
    font-size: 20px;
    font-weight: 750;
    line-height: 1.18;
    letter-spacing: -.018em;
  }

  #ew-discover-feed-v2 .ew-recipe-shelf--magazine > h2::after {
    content: "";
    display: block;
    width: 34px;
    height: 2px;
    margin-top: 10px;
    background: var(--ew-green, var(--ew-brand-green, #183a2a));
    border-radius: 999px;
  }

  #ew-discover-feed-v2 .ew-recipe-shelf--magazine .ew-recipe-scroll {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px 18px;
    overflow: visible;
    padding: 0;
  }

  #ew-discover-feed-v2 .ew-recipe-shelf--magazine .ew-shelf-card {
    min-width: 0;
    flex: none;
  }

  #ew-discover-feed-v2 .ew-recipe-shelf--magazine .ew-shelf-image {
    aspect-ratio: 4 / 3;
    border-radius: 4px;
    background: #ece9e2;
  }

  #ew-discover-feed-v2 .ew-recipe-shelf--magazine .ew-shelf-card h3 {
    margin-top: 11px;
    font-size: 14.5px;
    line-height: 1.28;
    font-weight: 650;
  }
}

/* Keep the mobile shelf compact and horizontally browsable. */
@media (max-width: 980px) {
  #ew-discover-feed-v2 .ew-recipe-shelf--magazine {
    background: transparent;
    padding-left: 0;
    padding-right: 0;
  }
}