/* Explicit source-hero preview allowlist only; visual acceptance remains OPEN. */


.tsh-complete-recipe-v2 .hero.container[data-source-hero-layout="measured-source-v1"] {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 23px 0 15px;
}
.tsh-complete-recipe-v2 .hero.container[data-source-hero-layout="measured-source-v1"] > .hero-copy {
  box-sizing: border-box;
  flex: 0 0 auto;
  width: min(960px, calc(100% - 24px));
  max-width: 960px;
  margin: 0 0 0 max(12px, calc((100% - 1180px) / 2));
  padding: 0;
}
.tsh-complete-recipe-v2 .hero.container[data-source-hero-layout="measured-source-v1"] .source-hero-kicker {
  margin: 0 0 10px;
  color: var(--recipe-muted, #6f7772);
  font: 800 10.5px/1.2 "Barlow", Arial, Helvetica, sans-serif;
  letter-spacing: .15em;
  text-transform: uppercase;
}
.tsh-complete-recipe-v2 .hero.container[data-source-hero-layout="measured-source-v1"] h1 {
  box-sizing: border-box;
  width: 100%;
  max-width: 960px;
  margin: 0 0 16px;
  font-family: "Barlow", Arial, Helvetica, sans-serif;
  font-weight: 720;
  font-size: 66px;
  line-height: 1.01;
  letter-spacing: -.035em;
  text-wrap: balance;
}
.tsh-complete-recipe-v2 .hero.container[data-source-hero-layout="measured-source-v1"] .hero-deck {
  box-sizing: border-box;
  width: min(830px, 100%);
  max-width: 830px;
  margin: 0;
  font-family: "Barlow", Arial, Helvetica, sans-serif;
  font-size: 20px;
  text-wrap: pretty;
  font-weight: 400;
  line-height: 1.58;
}
.tsh-complete-recipe-v2 .hero.container[data-source-hero-layout="measured-source-v1"] .source-hero-micro {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 12px;
  row-gap: 8px;
  width: 100%;
  margin-top: 18px;
  font: 400 12px/19.2px "Barlow", Arial, Helvetica, sans-serif;
}
.tsh-complete-recipe-v2 .hero.container[data-source-hero-layout="measured-source-v1"] .recipe-author-share[data-source-hero-share="true"] {
  box-sizing: border-box;
  align-self: stretch;
  flex: 0 0 auto;
  width: min(960px, calc(100% - 24px));
  max-width: 960px;
  min-height: 68.67px;
  margin: 23px 0 0 max(12px, calc((100% - 1180px) / 2));
  padding: 20px 0 0;
}
.tsh-complete-recipe-v2 .hero.container[data-source-hero-layout="measured-source-v1"] > .hero-art {
  box-sizing: border-box;
  flex: 0 0 auto;
  height: auto;
  aspect-ratio: 16 / 9;
  margin: 25px auto 0;
  overflow: hidden;
  border: 0;
  border-radius: 12px;
  box-shadow: 0 16px 44px rgba(21, 31, 27, .07);
}
.tsh-complete-recipe-v2 .hero.container[data-source-hero-layout="measured-source-v1"] > .hero-art img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  border-radius: 0;
}
.tsh-complete-recipe-v2 .hero.container[data-source-hero-layout="measured-source-v1"][data-source-hero-variant="full-bleed"] > .hero-art {
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}
.tsh-complete-recipe-v2 .hero.container[data-source-hero-layout="measured-source-v1"][data-source-hero-variant="contained"] > .hero-art {
  width: min(1180px, calc(100% - 24px));
}
@media (max-width: 760px) {
  .tsh-complete-recipe-v2 .hero.container[data-source-hero-layout="measured-source-v1"] { padding-top: 13px; padding-bottom: 15px; }
  .tsh-complete-recipe-v2 .hero.container[data-source-hero-layout="measured-source-v1"] h1 { font-size: 42px; line-height: 1.01; }
  .tsh-complete-recipe-v2 .hero.container[data-source-hero-layout="measured-source-v1"] .source-hero-micro { column-gap: 10px; }
  .tsh-complete-recipe-v2 .hero.container[data-source-hero-layout="measured-source-v1"] .recipe-author-share[data-source-hero-share="true"] { min-height: 118.67px; }
}

.tsh-complete-recipe-v2 .hero.container[data-source-hero-layout="measured-source-v1"] .recipe-author-avatar { width:48px; height:48px; flex:0 0 48px; }
.tsh-complete-recipe-v2 .hero.container[data-source-hero-layout="measured-source-v1"] .recipe-share-btn { width:36px; min-width:36px; height:36px; flex:0 0 36px; }
@media (max-width:760px) {
 .tsh-complete-recipe-v2 .hero.container[data-source-hero-layout="measured-source-v1"] .hero-deck { font-size:17px; }
 .tsh-complete-recipe-v2 .hero.container[data-source-hero-layout="measured-source-v1"] > .hero-art { border-radius:8px; }
 .tsh-complete-recipe-v2 .hero.container[data-source-hero-layout="measured-source-v1"] .recipe-author-share { gap:15px; }
 .tsh-complete-recipe-v2 .hero.container[data-source-hero-layout="measured-source-v1"] .recipe-share-btn { width:35px; min-width:35px; height:35px; flex-basis:35px; }
}