/* =========================
   INNER PAGE LAYOUT
========================= */

.page-shell {
  max-width: 1180px;
  margin: 0 auto;
  padding: 24px 20px 6px;
  width: 100%;
}

.recipe-hero {
  display: flex;
  gap: 28px;
  align-items: flex-start;
  margin-bottom: 28px;
}

.recipe-hero-image {
  flex: 0 0 430px;
}

.recipe-hero-image img {
  display: block;
  width: 100%;
  max-width: 430px;
  border-radius: 10px;
}

.recipe-hero-content {
  flex: 1;
  min-width: 0;
}

.recipe-title {
  margin: 0 0 10px;
  color: #fff;
  font-size: 2rem;
}

.recipe-subtitle {
  margin: 0 0 14px;
  color: var(--muted);
  font-size: 1.05rem;
}

.recipe-description,
.recipe-story,
.recipe-notes,
.recipe-source,
.recipe-nutrition {
  margin-top: 18px;
  color: #e8e3db;
  line-height: 1.6;
}

/* =========================
   META TABLE
========================= */

.recipe-meta-table {
  display: grid;
  grid-template-columns: repeat(3, minmax(160px, 1fr));
  margin-top: 22px;
  max-width: 720px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 10px;
}

.meta-cell {
  padding: 16px 14px;
  text-align: center;
  background: rgba(255, 255, 255, 0.03);
  border-right: 1px solid rgba(255, 255, 255, 0.05);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  transition: background 0.15s ease;
}

.meta-cell:hover {
  background: rgba(255, 255, 255, 0.06);
}

.meta-cell:nth-child(3n) {
  border-right: none;
}

.meta-cell:nth-last-child(-n + 3) {
  border-bottom: none;
}

.meta-label {
  margin-bottom: 6px;
  color: var(--accent-light);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  opacity: 0.7;
  text-transform: uppercase;
}

.meta-value {
  color: #fff;
  font-size: 1.2rem;
  font-weight: 600;
}

/* =========================
   RECIPE CONTENT SECTIONS
========================= */

.recipe-sections {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  gap: 24px;
  margin-top: 20px;
}

.site-breadcrumbs {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  padding: 16px 20px 0;
  color: var(--muted-text, var(--muted));
  font-size: 0.9rem;
}

.site-breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-breadcrumbs li:not(:last-child)::after {
  content: '/';
  margin-left: 0.35rem;
  color: var(--muted-text, var(--muted));
}

.site-breadcrumbs a {
  color: var(--accent-light);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.18em;
}

.site-breadcrumbs [aria-current='page'] {
  color: var(--text);
}

.recipe-section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 8px;
}

.recipe-section-heading h2 {
  margin-bottom: 0;
}

.recipe-instructions-scroll-toggle {
  display: inline-grid;
  flex: 0 0 auto;
  width: 2.25rem;
  height: 2.25rem;
  padding: 0.45rem;
  place-items: center;
  border-radius: 50%;
}

.recipe-instructions-pin-icon {
  width: 1.15rem;
  height: 1.15rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 0.15s ease;
}

.recipe-instructions-scroll-toggle[aria-pressed="false"] .recipe-instructions-pin-icon {
  transform: rotate(-45deg);
}

@media (min-width: 761px) {
  .recipe-sections.is-instructions-scroll-unlocked {
    align-items: start;
  }

  .recipe-sections.is-instructions-scroll-unlocked .recipe-instructions-scroll-region {
    max-height: min(68vh, 44rem);
    padding-right: 0.65rem;
    overflow-y: auto;
    scrollbar-gutter: stable;
  }
}

.section-block {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 10px;
  padding: 18px;
  line-height: 1.45;
}

.page-shell > .section-block {
  margin-top: 14px;
}

.page-shell > .section-block:first-of-type {
  margin-top: 0;
}

.section-block h2 {
  margin: 0 0 8px;
  color: var(--accent-light);
}

.section-block p {
  margin: 0;
  line-height: 1.45;
}

.section-block ul,
.section-block ol {
  margin: 0;
  padding-left: 22px;
}

.section-block li {
  margin-bottom: 6px;
  line-height: 1.45;
}

.section-block li:last-child {
  margin-bottom: 0;
}

.notes-block {
  margin-top: 16px;
}

.recipe-step-image {
  --step-image-default-width: 640px;
  --step-image-scale: 1;
  display: block;
  width: min(100%, calc(var(--step-image-default-width) * var(--step-image-scale)));
  height: auto;
  margin: 12px auto 6px;
  border-radius: 10px;
}

/* =========================
   RECIPE ACTIONS
========================= */

.recipe-action-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin: 0.6rem 0 1rem;
}

.recipe-action-row .recipe-favorite-wrap {
  margin: 0;
}

.recipe-personal-action-row {
  margin-bottom: 0.35rem;
}

.recipe-utility-action-row {
  margin-top: 0;
  margin-bottom: 0.35rem;
}

.recipe-print-link,
.recipe-email-link,
.recipe-export-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.05rem;
  padding: 0.35rem 0.75rem;
  border-radius: 999px;
  line-height: 1;
}

/* =========================
   RECIPE FAVORITES
========================= */

.recipe-favorite-wrap {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  margin: 0.6rem 0 1rem;
}

.recipe-favorite-button {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.35rem 0.7rem;
  border-radius: 999px;
  font-weight: 700;
  line-height: 1;
}

.recipe-favorite-button:disabled {
  opacity: 0.7;
  cursor: wait;
}

.recipe-favorite-link {
  text-decoration: none;
}

.recipe-favorite-heart {
  font-size: 1.25rem;
  line-height: 1;
}

.recipe-favorite-count {
  min-width: 1.3em;
  text-align: center;
}

.recipe-favorite-help {
  color: var(--muted);
  font-size: 0.9rem;
}

.recipe-favorite-button.is-favorited-by-user .recipe-favorite-heart {
  color: #ff5a66;
}

.recipe-favorite-button.is-favorited-by-others .recipe-favorite-heart {
  color: var(--accent-light);
}

.recipe-favorite-button.is-not-favorited .recipe-favorite-heart {
  color: var(--muted);
}

/* =========================
   TOP RECIPES
========================= */

.top-recipes-block h1 {
  margin: 0 0 0.4rem;
  color: var(--accent-light);
}

.top-recipes-intro {
  color: var(--muted);
  margin-bottom: 0.75rem;
}

.top-recipes-sort {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin: 0 0 1rem;
}

.top-recipes-sort-link {
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  padding: 0.35rem 0.75rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  color: var(--text);
  font-weight: 700;
  text-decoration: none;
}

.top-recipes-sort-link:hover,
.top-recipes-sort-link:focus {
  border-color: var(--accent-light);
  background: rgba(215, 166, 106, 0.12);
}

.top-recipes-sort-link.is-active {
  border-color: var(--accent);
  background: var(--accent);
  color: #1f1308;
}

.top-recipes-list {
  display: grid;
  gap: 0.9rem;
  margin: 0;
  padding-left: 1.5rem;
}

.top-recipe-item::marker {
  color: var(--accent-light);
  font-weight: 700;
}

.top-recipe-link {
  display: grid;
  grid-template-columns: 72px 1fr auto;
  gap: 0.9rem;
  align-items: center;
  color: var(--text);
  text-decoration: none;
}

.top-recipe-link:hover .top-recipe-title {
  text-decoration: underline;
}

.top-recipe-image {
  width: 72px;
  height: 54px;
  object-fit: cover;
  border-radius: 8px;
}

.top-recipe-title {
  font-weight: 700;
}

.top-recipe-metrics {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.9rem;
  min-width: 12rem;
  white-space: nowrap;
}

.top-recipe-rating {
  color: var(--accent-light);
  font-weight: 700;
}

.top-recipe-rating.is-external {
  color: var(--muted);
}

.top-recipe-rating-detail,
.top-recipe-rating-none {
  color: var(--muted);
  font-size: 0.82rem;
  font-weight: 400;
}

.top-recipe-favorite-count {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  color: #ff5a66;
  font-weight: 700;
}

@media (max-width: 680px) {
  .top-recipe-link {
    grid-template-columns: 64px 1fr;
  }

  .top-recipe-image {
    width: 64px;
    height: 48px;
  }

  .top-recipe-metrics {
    grid-column: 2;
    justify-content: flex-start;
    min-width: 0;
  }
}

/* =========================
   RECIPE SCALING
========================= */

.recipe-scale-control {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin: 0.5rem 0 1rem;
  color: var(--muted);
}

.recipe-scale-label {
  color: var(--accent-light);
  font-weight: 700;
}

.recipe-scale-buttons {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  flex-wrap: wrap;
}

.recipe-scale-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.4rem;
  min-height: 1.85rem;
  padding: 0.28rem 0.55rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.04);
  color: var(--text);
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
}

.recipe-scale-button:hover,
.recipe-scale-button:focus {
  background: rgba(215, 166, 106, 0.16);
  border-color: var(--accent-light);
  outline: none;
}

.recipe-scale-button.is-active {
  background: var(--accent);
  border-color: var(--accent);
  color: #1f1308;
}

.recipe-scale-note {
  font-size: 0.85rem;
}

/* =========================
   RELATED RECIPES
========================= */

.related-recipes-block {
  margin-top: 22px;
}

.related-recipes-list {
  display: grid;
  gap: 0.55rem;
  margin: 0;
  padding-left: 1.25rem;
}

.related-recipes-list a {
  color: var(--accent-light);
  font-weight: 700;
  text-decoration: none;
}

.related-recipes-list a:hover,
.related-recipes-list a:focus {
  color: #efbf84;
  text-decoration: underline;
}

/* Recipe export dialog */
.recipe-export-link {
  cursor: pointer;
}

.recipe-export-dialog {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: center;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.62);
}

.recipe-export-dialog.hidden {
  display: none;
}

.recipe-export-dialog-panel {
  width: min(560px, 100%);
  padding: 1.25rem;
  border-radius: 1rem;
  border: 1px solid rgba(166, 106, 50, 0.45);
  background: var(--card-bg, #231b16);
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.38);
}

.recipe-export-dialog-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}

.recipe-export-dialog-header h2 {
  margin: 0;
}

.recipe-export-dialog-close {
  min-width: 0;
  padding: 0.2rem 0.55rem;
  font-size: 1.35rem;
  line-height: 1;
}

.recipe-export-form {
  display: grid;
  gap: 1rem;
}

.recipe-export-destination {
  padding: 0.85rem 1rem;
  border: 1px solid rgba(166, 106, 50, 0.35);
  border-radius: 0.75rem;
}

.recipe-export-destination legend {
  color: var(--accent-light, #e1aa68);
  font-weight: 700;
  padding: 0 0.35rem;
}

.recipe-export-destination label {
  display: block;
  margin: 0.45rem 0;
}

.recipe-export-destination .disabled-option {
  opacity: 0.55;
}

.recipe-export-dialog-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: flex-end;
  align-items: center;
}

@media (max-width: 560px) {
  .recipe-export-dialog-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .recipe-export-dialog-actions button,
  .recipe-export-dialog-actions .button-link {
    width: 100%;
  }
}

/* Keep the whole action row using natural pill widths */
.recipe-actions .button-link {
  min-width: 0;
  width: auto;
}

/* Extra recipe sections rendered as readable text lines. */
.recipe-extra-text {
  margin: 0 0 0.75rem;
}

.recipe-extra-text:last-child {
  margin-bottom: 0;
}

.recipe-extra-line {
  display: block;
}

.recipe-extra-indent {
  padding-left: 2rem;
}

.instruction-section-title {
  margin: 1rem 0 0.35rem;
  color: #fff;
  font-size: 1.1rem;
}


/* =========================
   HERO IMAGE CREDIT
========================= */

.recipe-hero-image-credit {
  margin-top: 0.35rem;
  color: var(--muted);
  font-size: 0.78rem;
  line-height: 1.35;
  text-align: center;
}

/* Extra recipe sections may contain intentional line breaks stored as spans. */
.recipe-extra-text .recipe-extra-line {
    display: block;
}

.recipe-extra-text .recipe-extra-line + .recipe-extra-line {
    margin-top: 0.65rem;
}

/* Preserve intended list marker style inside notes and extra recipe sections. */
.recipe-note-list-bullets {
    list-style-type: disc;
}

.recipe-note-list-numbers {
    list-style-type: decimal;
}

.recipe-note-list {
    padding-left: 1.5rem;
}

.recipe-note-list li + li {
    margin-top: 0.45rem;
}

/* =========================
   TIPS / GUIDES / TECHNIQUES
========================= */
.content-type-badge {
  display: inline-block;
  margin: 0 0 0.6rem;
  padding: 0.2rem 0.55rem;
  border: 1px solid currentColor;
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.tips-guides-group + .tips-guides-group {
  margin-top: 2rem;
}

.tips-guides-list {
  display: grid;
  gap: 0.9rem;
}

.tips-guides-item {
  padding: 0.85rem 0;
  border-bottom: 1px solid var(--border-color, #ccc);
}

.tips-guides-title {
  font-weight: 700;
}

.tips-guides-subtitle,
.tips-guides-categories {
  margin-top: 0.25rem;
}

.tips-guides-categories {
  font-size: 0.9rem;
  opacity: 0.78;
}

.recipe-audio-player {
  width: 100%;
  max-width: 44rem;
}

.recipe-audio-download {
  margin-bottom: 0;
}

.recipe-video-caption {
  margin-top: 0;
}

.recipe-video-frame {
  position: relative;
  width: 100%;
  max-width: 36rem;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #000;
  border-radius: 0.45rem;
}

.recipe-video-frame iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

.recipe-video-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  margin-top: 0.8rem;
}




.recipe-meal-plan-wrap {
  position: relative;
}

.recipe-meal-plan-details {
  position: relative;
}

.recipe-meal-plan-summary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.05rem;
  padding: 0.35rem 0.75rem;
  color: #fff;
  background: var(--accent);
  border: 1px solid var(--accent-dark);
  border-radius: 999px;
  cursor: pointer;
  font-size: 0.95rem;
  font-weight: 400;
  line-height: 1;
  list-style: none;
  user-select: none;
}

.recipe-meal-plan-summary::-webkit-details-marker {
  display: none;
}

.recipe-meal-plan-summary:hover,
.recipe-meal-plan-details[open] .recipe-meal-plan-summary {
  background: var(--accent-dark);
}

.recipe-meal-plan-menu {
  position: absolute;
  z-index: 50;
  top: calc(100% + 0.45rem);
  right: 0;
  width: min(290px, calc(100vw - 2rem));
  padding: 0.85rem;
  color: var(--text);
  background: var(--sidebar);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 10px;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.35);
}

.recipe-meal-plan-form {
  display: grid;
  gap: 0.55rem;
  margin-top: 0.65rem;
}

.recipe-meal-plan-form label {
  margin: 0;
  color: var(--accent-light);
  font-size: 0.82rem;
}

.recipe-meal-plan-form select {
  margin: 0;
}

.recipe-meal-plan-kitchen-link {
  display: inline-block;
  margin-top: 0.7rem;
  color: var(--accent-light);
  font-size: 0.84rem;
}

.recipe-meal-plan-notice {
  margin: 0 0 1rem;
  padding: 0.7rem 0.9rem;
  color: var(--success-text);
  background: var(--success-bg);
  border: 1px solid var(--success-border);
  border-radius: 8px;
}


/* Recipe-page personal action controls. */
.recipe-want-to-try-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.15rem;
  height: 1.15rem;
  flex: 0 0 auto;
}

.recipe-want-to-try-icon svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: currentColor;
}


.recipe-want-to-try-shape {
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linejoin: round;
}

.recipe-want-to-try-button.is-favorited-by-user .recipe-want-to-try-shape {
  fill: currentColor;
}

.want-to-try-page .want-to-try-bookmark {
  color: #ff5a66;
}

.recipe-share-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.05rem;
  min-width: 2.05rem;
  height: 2.05rem;
  padding: 0.3rem;
  border-radius: 999px;
  cursor: pointer;
}

.recipe-share-button svg {
  width: 1.15rem;
  height: 1.15rem;
  fill: currentColor;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
}

.recipe-share-button.is-copied::after {
  content: 'Copied';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, 0.4rem);
  padding: 0.25rem 0.48rem;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 0.4rem;
  background: #111;
  color: #fff;
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.35);
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  pointer-events: none;
  z-index: 100;
}

/* SECURITY_UI_DYNAMIC_VALUE_CLASSES */
.recipe-step-image[data-step-image-scale="10"] { --step-image-scale: 0.1; }
.recipe-step-image[data-step-image-scale="11"] { --step-image-scale: 0.11; }
.recipe-step-image[data-step-image-scale="12"] { --step-image-scale: 0.12; }
.recipe-step-image[data-step-image-scale="13"] { --step-image-scale: 0.13; }
.recipe-step-image[data-step-image-scale="14"] { --step-image-scale: 0.14; }
.recipe-step-image[data-step-image-scale="15"] { --step-image-scale: 0.15; }
.recipe-step-image[data-step-image-scale="16"] { --step-image-scale: 0.16; }
.recipe-step-image[data-step-image-scale="17"] { --step-image-scale: 0.17; }
.recipe-step-image[data-step-image-scale="18"] { --step-image-scale: 0.18; }
.recipe-step-image[data-step-image-scale="19"] { --step-image-scale: 0.19; }
.recipe-step-image[data-step-image-scale="20"] { --step-image-scale: 0.2; }
.recipe-step-image[data-step-image-scale="21"] { --step-image-scale: 0.21; }
.recipe-step-image[data-step-image-scale="22"] { --step-image-scale: 0.22; }
.recipe-step-image[data-step-image-scale="23"] { --step-image-scale: 0.23; }
.recipe-step-image[data-step-image-scale="24"] { --step-image-scale: 0.24; }
.recipe-step-image[data-step-image-scale="25"] { --step-image-scale: 0.25; }
.recipe-step-image[data-step-image-scale="26"] { --step-image-scale: 0.26; }
.recipe-step-image[data-step-image-scale="27"] { --step-image-scale: 0.27; }
.recipe-step-image[data-step-image-scale="28"] { --step-image-scale: 0.28; }
.recipe-step-image[data-step-image-scale="29"] { --step-image-scale: 0.29; }
.recipe-step-image[data-step-image-scale="30"] { --step-image-scale: 0.3; }
.recipe-step-image[data-step-image-scale="31"] { --step-image-scale: 0.31; }
.recipe-step-image[data-step-image-scale="32"] { --step-image-scale: 0.32; }
.recipe-step-image[data-step-image-scale="33"] { --step-image-scale: 0.33; }
.recipe-step-image[data-step-image-scale="34"] { --step-image-scale: 0.34; }
.recipe-step-image[data-step-image-scale="35"] { --step-image-scale: 0.35; }
.recipe-step-image[data-step-image-scale="36"] { --step-image-scale: 0.36; }
.recipe-step-image[data-step-image-scale="37"] { --step-image-scale: 0.37; }
.recipe-step-image[data-step-image-scale="38"] { --step-image-scale: 0.38; }
.recipe-step-image[data-step-image-scale="39"] { --step-image-scale: 0.39; }
.recipe-step-image[data-step-image-scale="40"] { --step-image-scale: 0.4; }
.recipe-step-image[data-step-image-scale="41"] { --step-image-scale: 0.41; }
.recipe-step-image[data-step-image-scale="42"] { --step-image-scale: 0.42; }
.recipe-step-image[data-step-image-scale="43"] { --step-image-scale: 0.43; }
.recipe-step-image[data-step-image-scale="44"] { --step-image-scale: 0.44; }
.recipe-step-image[data-step-image-scale="45"] { --step-image-scale: 0.45; }
.recipe-step-image[data-step-image-scale="46"] { --step-image-scale: 0.46; }
.recipe-step-image[data-step-image-scale="47"] { --step-image-scale: 0.47; }
.recipe-step-image[data-step-image-scale="48"] { --step-image-scale: 0.48; }
.recipe-step-image[data-step-image-scale="49"] { --step-image-scale: 0.49; }
.recipe-step-image[data-step-image-scale="50"] { --step-image-scale: 0.5; }
.recipe-step-image[data-step-image-scale="51"] { --step-image-scale: 0.51; }
.recipe-step-image[data-step-image-scale="52"] { --step-image-scale: 0.52; }
.recipe-step-image[data-step-image-scale="53"] { --step-image-scale: 0.53; }
.recipe-step-image[data-step-image-scale="54"] { --step-image-scale: 0.54; }
.recipe-step-image[data-step-image-scale="55"] { --step-image-scale: 0.55; }
.recipe-step-image[data-step-image-scale="56"] { --step-image-scale: 0.56; }
.recipe-step-image[data-step-image-scale="57"] { --step-image-scale: 0.57; }
.recipe-step-image[data-step-image-scale="58"] { --step-image-scale: 0.58; }
.recipe-step-image[data-step-image-scale="59"] { --step-image-scale: 0.59; }
.recipe-step-image[data-step-image-scale="60"] { --step-image-scale: 0.6; }
.recipe-step-image[data-step-image-scale="61"] { --step-image-scale: 0.61; }
.recipe-step-image[data-step-image-scale="62"] { --step-image-scale: 0.62; }
.recipe-step-image[data-step-image-scale="63"] { --step-image-scale: 0.63; }
.recipe-step-image[data-step-image-scale="64"] { --step-image-scale: 0.64; }
.recipe-step-image[data-step-image-scale="65"] { --step-image-scale: 0.65; }
.recipe-step-image[data-step-image-scale="66"] { --step-image-scale: 0.66; }
.recipe-step-image[data-step-image-scale="67"] { --step-image-scale: 0.67; }
.recipe-step-image[data-step-image-scale="68"] { --step-image-scale: 0.68; }
.recipe-step-image[data-step-image-scale="69"] { --step-image-scale: 0.69; }
.recipe-step-image[data-step-image-scale="70"] { --step-image-scale: 0.7; }
.recipe-step-image[data-step-image-scale="71"] { --step-image-scale: 0.71; }
.recipe-step-image[data-step-image-scale="72"] { --step-image-scale: 0.72; }
.recipe-step-image[data-step-image-scale="73"] { --step-image-scale: 0.73; }
.recipe-step-image[data-step-image-scale="74"] { --step-image-scale: 0.74; }
.recipe-step-image[data-step-image-scale="75"] { --step-image-scale: 0.75; }
.recipe-step-image[data-step-image-scale="76"] { --step-image-scale: 0.76; }
.recipe-step-image[data-step-image-scale="77"] { --step-image-scale: 0.77; }
.recipe-step-image[data-step-image-scale="78"] { --step-image-scale: 0.78; }
.recipe-step-image[data-step-image-scale="79"] { --step-image-scale: 0.79; }
.recipe-step-image[data-step-image-scale="80"] { --step-image-scale: 0.8; }
.recipe-step-image[data-step-image-scale="81"] { --step-image-scale: 0.81; }
.recipe-step-image[data-step-image-scale="82"] { --step-image-scale: 0.82; }
.recipe-step-image[data-step-image-scale="83"] { --step-image-scale: 0.83; }
.recipe-step-image[data-step-image-scale="84"] { --step-image-scale: 0.84; }
.recipe-step-image[data-step-image-scale="85"] { --step-image-scale: 0.85; }
.recipe-step-image[data-step-image-scale="86"] { --step-image-scale: 0.86; }
.recipe-step-image[data-step-image-scale="87"] { --step-image-scale: 0.87; }
.recipe-step-image[data-step-image-scale="88"] { --step-image-scale: 0.88; }
.recipe-step-image[data-step-image-scale="89"] { --step-image-scale: 0.89; }
.recipe-step-image[data-step-image-scale="90"] { --step-image-scale: 0.9; }
.recipe-step-image[data-step-image-scale="91"] { --step-image-scale: 0.91; }
.recipe-step-image[data-step-image-scale="92"] { --step-image-scale: 0.92; }
.recipe-step-image[data-step-image-scale="93"] { --step-image-scale: 0.93; }
.recipe-step-image[data-step-image-scale="94"] { --step-image-scale: 0.94; }
.recipe-step-image[data-step-image-scale="95"] { --step-image-scale: 0.95; }
.recipe-step-image[data-step-image-scale="96"] { --step-image-scale: 0.96; }
.recipe-step-image[data-step-image-scale="97"] { --step-image-scale: 0.97; }
.recipe-step-image[data-step-image-scale="98"] { --step-image-scale: 0.98; }
.recipe-step-image[data-step-image-scale="99"] { --step-image-scale: 0.99; }
.recipe-step-image[data-step-image-scale="100"] { --step-image-scale: 1; }
.recipe-step-image[data-step-image-scale="101"] { --step-image-scale: 1.01; }
.recipe-step-image[data-step-image-scale="102"] { --step-image-scale: 1.02; }
.recipe-step-image[data-step-image-scale="103"] { --step-image-scale: 1.03; }
.recipe-step-image[data-step-image-scale="104"] { --step-image-scale: 1.04; }
.recipe-step-image[data-step-image-scale="105"] { --step-image-scale: 1.05; }
.recipe-step-image[data-step-image-scale="106"] { --step-image-scale: 1.06; }
.recipe-step-image[data-step-image-scale="107"] { --step-image-scale: 1.07; }
.recipe-step-image[data-step-image-scale="108"] { --step-image-scale: 1.08; }
.recipe-step-image[data-step-image-scale="109"] { --step-image-scale: 1.09; }
.recipe-step-image[data-step-image-scale="110"] { --step-image-scale: 1.1; }
.recipe-step-image[data-step-image-scale="111"] { --step-image-scale: 1.11; }
.recipe-step-image[data-step-image-scale="112"] { --step-image-scale: 1.12; }
.recipe-step-image[data-step-image-scale="113"] { --step-image-scale: 1.13; }
.recipe-step-image[data-step-image-scale="114"] { --step-image-scale: 1.14; }
.recipe-step-image[data-step-image-scale="115"] { --step-image-scale: 1.15; }
.recipe-step-image[data-step-image-scale="116"] { --step-image-scale: 1.16; }
.recipe-step-image[data-step-image-scale="117"] { --step-image-scale: 1.17; }
.recipe-step-image[data-step-image-scale="118"] { --step-image-scale: 1.18; }
.recipe-step-image[data-step-image-scale="119"] { --step-image-scale: 1.19; }
.recipe-step-image[data-step-image-scale="120"] { --step-image-scale: 1.2; }
.recipe-step-image[data-step-image-scale="121"] { --step-image-scale: 1.21; }
.recipe-step-image[data-step-image-scale="122"] { --step-image-scale: 1.22; }
.recipe-step-image[data-step-image-scale="123"] { --step-image-scale: 1.23; }
.recipe-step-image[data-step-image-scale="124"] { --step-image-scale: 1.24; }
.recipe-step-image[data-step-image-scale="125"] { --step-image-scale: 1.25; }
.recipe-step-image[data-step-image-scale="126"] { --step-image-scale: 1.26; }
.recipe-step-image[data-step-image-scale="127"] { --step-image-scale: 1.27; }
.recipe-step-image[data-step-image-scale="128"] { --step-image-scale: 1.28; }
.recipe-step-image[data-step-image-scale="129"] { --step-image-scale: 1.29; }
.recipe-step-image[data-step-image-scale="130"] { --step-image-scale: 1.3; }
.recipe-step-image[data-step-image-scale="131"] { --step-image-scale: 1.31; }
.recipe-step-image[data-step-image-scale="132"] { --step-image-scale: 1.32; }
.recipe-step-image[data-step-image-scale="133"] { --step-image-scale: 1.33; }
.recipe-step-image[data-step-image-scale="134"] { --step-image-scale: 1.34; }
.recipe-step-image[data-step-image-scale="135"] { --step-image-scale: 1.35; }
.recipe-step-image[data-step-image-scale="136"] { --step-image-scale: 1.36; }
.recipe-step-image[data-step-image-scale="137"] { --step-image-scale: 1.37; }
.recipe-step-image[data-step-image-scale="138"] { --step-image-scale: 1.38; }
.recipe-step-image[data-step-image-scale="139"] { --step-image-scale: 1.39; }
.recipe-step-image[data-step-image-scale="140"] { --step-image-scale: 1.4; }
.recipe-step-image[data-step-image-scale="141"] { --step-image-scale: 1.41; }
.recipe-step-image[data-step-image-scale="142"] { --step-image-scale: 1.42; }
.recipe-step-image[data-step-image-scale="143"] { --step-image-scale: 1.43; }
.recipe-step-image[data-step-image-scale="144"] { --step-image-scale: 1.44; }
.recipe-step-image[data-step-image-scale="145"] { --step-image-scale: 1.45; }
.recipe-step-image[data-step-image-scale="146"] { --step-image-scale: 1.46; }
.recipe-step-image[data-step-image-scale="147"] { --step-image-scale: 1.47; }
.recipe-step-image[data-step-image-scale="148"] { --step-image-scale: 1.48; }
.recipe-step-image[data-step-image-scale="149"] { --step-image-scale: 1.49; }
.recipe-step-image[data-step-image-scale="150"] { --step-image-scale: 1.5; }
.recipe-step-image[data-step-image-scale="151"] { --step-image-scale: 1.51; }
.recipe-step-image[data-step-image-scale="152"] { --step-image-scale: 1.52; }
.recipe-step-image[data-step-image-scale="153"] { --step-image-scale: 1.53; }
.recipe-step-image[data-step-image-scale="154"] { --step-image-scale: 1.54; }
.recipe-step-image[data-step-image-scale="155"] { --step-image-scale: 1.55; }
.recipe-step-image[data-step-image-scale="156"] { --step-image-scale: 1.56; }
.recipe-step-image[data-step-image-scale="157"] { --step-image-scale: 1.57; }
.recipe-step-image[data-step-image-scale="158"] { --step-image-scale: 1.58; }
.recipe-step-image[data-step-image-scale="159"] { --step-image-scale: 1.59; }
.recipe-step-image[data-step-image-scale="160"] { --step-image-scale: 1.6; }
.recipe-step-image[data-step-image-scale="161"] { --step-image-scale: 1.61; }
.recipe-step-image[data-step-image-scale="162"] { --step-image-scale: 1.62; }
.recipe-step-image[data-step-image-scale="163"] { --step-image-scale: 1.63; }
.recipe-step-image[data-step-image-scale="164"] { --step-image-scale: 1.64; }
.recipe-step-image[data-step-image-scale="165"] { --step-image-scale: 1.65; }
.recipe-step-image[data-step-image-scale="166"] { --step-image-scale: 1.66; }
.recipe-step-image[data-step-image-scale="167"] { --step-image-scale: 1.67; }
.recipe-step-image[data-step-image-scale="168"] { --step-image-scale: 1.68; }
.recipe-step-image[data-step-image-scale="169"] { --step-image-scale: 1.69; }
.recipe-step-image[data-step-image-scale="170"] { --step-image-scale: 1.7; }
.recipe-step-image[data-step-image-scale="171"] { --step-image-scale: 1.71; }
.recipe-step-image[data-step-image-scale="172"] { --step-image-scale: 1.72; }
.recipe-step-image[data-step-image-scale="173"] { --step-image-scale: 1.73; }
.recipe-step-image[data-step-image-scale="174"] { --step-image-scale: 1.74; }
.recipe-step-image[data-step-image-scale="175"] { --step-image-scale: 1.75; }
.recipe-step-image[data-step-image-scale="176"] { --step-image-scale: 1.76; }
.recipe-step-image[data-step-image-scale="177"] { --step-image-scale: 1.77; }
.recipe-step-image[data-step-image-scale="178"] { --step-image-scale: 1.78; }
.recipe-step-image[data-step-image-scale="179"] { --step-image-scale: 1.79; }
.recipe-step-image[data-step-image-scale="180"] { --step-image-scale: 1.8; }
.recipe-step-image[data-step-image-scale="181"] { --step-image-scale: 1.81; }
.recipe-step-image[data-step-image-scale="182"] { --step-image-scale: 1.82; }
.recipe-step-image[data-step-image-scale="183"] { --step-image-scale: 1.83; }
.recipe-step-image[data-step-image-scale="184"] { --step-image-scale: 1.84; }
.recipe-step-image[data-step-image-scale="185"] { --step-image-scale: 1.85; }
.recipe-step-image[data-step-image-scale="186"] { --step-image-scale: 1.86; }
.recipe-step-image[data-step-image-scale="187"] { --step-image-scale: 1.87; }
.recipe-step-image[data-step-image-scale="188"] { --step-image-scale: 1.88; }
.recipe-step-image[data-step-image-scale="189"] { --step-image-scale: 1.89; }
.recipe-step-image[data-step-image-scale="190"] { --step-image-scale: 1.9; }
.recipe-step-image[data-step-image-scale="191"] { --step-image-scale: 1.91; }
.recipe-step-image[data-step-image-scale="192"] { --step-image-scale: 1.92; }
.recipe-step-image[data-step-image-scale="193"] { --step-image-scale: 1.93; }
.recipe-step-image[data-step-image-scale="194"] { --step-image-scale: 1.94; }
.recipe-step-image[data-step-image-scale="195"] { --step-image-scale: 1.95; }
.recipe-step-image[data-step-image-scale="196"] { --step-image-scale: 1.96; }
.recipe-step-image[data-step-image-scale="197"] { --step-image-scale: 1.97; }
.recipe-step-image[data-step-image-scale="198"] { --step-image-scale: 1.98; }
.recipe-step-image[data-step-image-scale="199"] { --step-image-scale: 1.99; }
.recipe-step-image[data-step-image-scale="200"] { --step-image-scale: 2; }
.recipe-rating-fill[data-fill-percent="0"] { width: 0%; }
.recipe-rating-fill[data-fill-percent="1"] { width: 1%; }
.recipe-rating-fill[data-fill-percent="2"] { width: 2%; }
.recipe-rating-fill[data-fill-percent="3"] { width: 3%; }
.recipe-rating-fill[data-fill-percent="4"] { width: 4%; }
.recipe-rating-fill[data-fill-percent="5"] { width: 5%; }
.recipe-rating-fill[data-fill-percent="6"] { width: 6%; }
.recipe-rating-fill[data-fill-percent="7"] { width: 7%; }
.recipe-rating-fill[data-fill-percent="8"] { width: 8%; }
.recipe-rating-fill[data-fill-percent="9"] { width: 9%; }
.recipe-rating-fill[data-fill-percent="10"] { width: 10%; }
.recipe-rating-fill[data-fill-percent="11"] { width: 11%; }
.recipe-rating-fill[data-fill-percent="12"] { width: 12%; }
.recipe-rating-fill[data-fill-percent="13"] { width: 13%; }
.recipe-rating-fill[data-fill-percent="14"] { width: 14%; }
.recipe-rating-fill[data-fill-percent="15"] { width: 15%; }
.recipe-rating-fill[data-fill-percent="16"] { width: 16%; }
.recipe-rating-fill[data-fill-percent="17"] { width: 17%; }
.recipe-rating-fill[data-fill-percent="18"] { width: 18%; }
.recipe-rating-fill[data-fill-percent="19"] { width: 19%; }
.recipe-rating-fill[data-fill-percent="20"] { width: 20%; }
.recipe-rating-fill[data-fill-percent="21"] { width: 21%; }
.recipe-rating-fill[data-fill-percent="22"] { width: 22%; }
.recipe-rating-fill[data-fill-percent="23"] { width: 23%; }
.recipe-rating-fill[data-fill-percent="24"] { width: 24%; }
.recipe-rating-fill[data-fill-percent="25"] { width: 25%; }
.recipe-rating-fill[data-fill-percent="26"] { width: 26%; }
.recipe-rating-fill[data-fill-percent="27"] { width: 27%; }
.recipe-rating-fill[data-fill-percent="28"] { width: 28%; }
.recipe-rating-fill[data-fill-percent="29"] { width: 29%; }
.recipe-rating-fill[data-fill-percent="30"] { width: 30%; }
.recipe-rating-fill[data-fill-percent="31"] { width: 31%; }
.recipe-rating-fill[data-fill-percent="32"] { width: 32%; }
.recipe-rating-fill[data-fill-percent="33"] { width: 33%; }
.recipe-rating-fill[data-fill-percent="34"] { width: 34%; }
.recipe-rating-fill[data-fill-percent="35"] { width: 35%; }
.recipe-rating-fill[data-fill-percent="36"] { width: 36%; }
.recipe-rating-fill[data-fill-percent="37"] { width: 37%; }
.recipe-rating-fill[data-fill-percent="38"] { width: 38%; }
.recipe-rating-fill[data-fill-percent="39"] { width: 39%; }
.recipe-rating-fill[data-fill-percent="40"] { width: 40%; }
.recipe-rating-fill[data-fill-percent="41"] { width: 41%; }
.recipe-rating-fill[data-fill-percent="42"] { width: 42%; }
.recipe-rating-fill[data-fill-percent="43"] { width: 43%; }
.recipe-rating-fill[data-fill-percent="44"] { width: 44%; }
.recipe-rating-fill[data-fill-percent="45"] { width: 45%; }
.recipe-rating-fill[data-fill-percent="46"] { width: 46%; }
.recipe-rating-fill[data-fill-percent="47"] { width: 47%; }
.recipe-rating-fill[data-fill-percent="48"] { width: 48%; }
.recipe-rating-fill[data-fill-percent="49"] { width: 49%; }
.recipe-rating-fill[data-fill-percent="50"] { width: 50%; }
.recipe-rating-fill[data-fill-percent="51"] { width: 51%; }
.recipe-rating-fill[data-fill-percent="52"] { width: 52%; }
.recipe-rating-fill[data-fill-percent="53"] { width: 53%; }
.recipe-rating-fill[data-fill-percent="54"] { width: 54%; }
.recipe-rating-fill[data-fill-percent="55"] { width: 55%; }
.recipe-rating-fill[data-fill-percent="56"] { width: 56%; }
.recipe-rating-fill[data-fill-percent="57"] { width: 57%; }
.recipe-rating-fill[data-fill-percent="58"] { width: 58%; }
.recipe-rating-fill[data-fill-percent="59"] { width: 59%; }
.recipe-rating-fill[data-fill-percent="60"] { width: 60%; }
.recipe-rating-fill[data-fill-percent="61"] { width: 61%; }
.recipe-rating-fill[data-fill-percent="62"] { width: 62%; }
.recipe-rating-fill[data-fill-percent="63"] { width: 63%; }
.recipe-rating-fill[data-fill-percent="64"] { width: 64%; }
.recipe-rating-fill[data-fill-percent="65"] { width: 65%; }
.recipe-rating-fill[data-fill-percent="66"] { width: 66%; }
.recipe-rating-fill[data-fill-percent="67"] { width: 67%; }
.recipe-rating-fill[data-fill-percent="68"] { width: 68%; }
.recipe-rating-fill[data-fill-percent="69"] { width: 69%; }
.recipe-rating-fill[data-fill-percent="70"] { width: 70%; }
.recipe-rating-fill[data-fill-percent="71"] { width: 71%; }
.recipe-rating-fill[data-fill-percent="72"] { width: 72%; }
.recipe-rating-fill[data-fill-percent="73"] { width: 73%; }
.recipe-rating-fill[data-fill-percent="74"] { width: 74%; }
.recipe-rating-fill[data-fill-percent="75"] { width: 75%; }
.recipe-rating-fill[data-fill-percent="76"] { width: 76%; }
.recipe-rating-fill[data-fill-percent="77"] { width: 77%; }
.recipe-rating-fill[data-fill-percent="78"] { width: 78%; }
.recipe-rating-fill[data-fill-percent="79"] { width: 79%; }
.recipe-rating-fill[data-fill-percent="80"] { width: 80%; }
.recipe-rating-fill[data-fill-percent="81"] { width: 81%; }
.recipe-rating-fill[data-fill-percent="82"] { width: 82%; }
.recipe-rating-fill[data-fill-percent="83"] { width: 83%; }
.recipe-rating-fill[data-fill-percent="84"] { width: 84%; }
.recipe-rating-fill[data-fill-percent="85"] { width: 85%; }
.recipe-rating-fill[data-fill-percent="86"] { width: 86%; }
.recipe-rating-fill[data-fill-percent="87"] { width: 87%; }
.recipe-rating-fill[data-fill-percent="88"] { width: 88%; }
.recipe-rating-fill[data-fill-percent="89"] { width: 89%; }
.recipe-rating-fill[data-fill-percent="90"] { width: 90%; }
.recipe-rating-fill[data-fill-percent="91"] { width: 91%; }
.recipe-rating-fill[data-fill-percent="92"] { width: 92%; }
.recipe-rating-fill[data-fill-percent="93"] { width: 93%; }
.recipe-rating-fill[data-fill-percent="94"] { width: 94%; }
.recipe-rating-fill[data-fill-percent="95"] { width: 95%; }
.recipe-rating-fill[data-fill-percent="96"] { width: 96%; }
.recipe-rating-fill[data-fill-percent="97"] { width: 97%; }
.recipe-rating-fill[data-fill-percent="98"] { width: 98%; }
.recipe-rating-fill[data-fill-percent="99"] { width: 99%; }
.recipe-rating-fill[data-fill-percent="100"] { width: 100%; }
.recipe-rating-fill { z-index: 2; }
.recipe-rating-fill.is-front { z-index: 3; }

/* Made It cooking history on recipe pages. */
.recipe-made-it-section {
  margin-top: 1rem;
}

.recipe-made-it-details {
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 0.45rem;
  overflow: hidden;
}

.recipe-made-it-summary {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 0.8rem;
  min-height: 2.9rem;
  padding: 0.65rem 0.8rem;
}

.recipe-made-it-summary {
  list-style: none;
}

.recipe-made-it-summary::-webkit-details-marker {
  display: none;
}

.recipe-made-it-summary::before {
  color: var(--muted-text, #bdb5aa);
  content: "\25B8";
  flex: 0 0 auto;
  font-size: 1.05rem;
  line-height: 1;
}

.recipe-made-it-details[open] > .recipe-made-it-summary::before {
  content: "\25BE";
}

.recipe-made-it-summary-title {
  flex: 0 0 auto;
  font-size: 1.05rem;
  font-weight: 700;
}

.recipe-made-it-summary-preview {
  align-items: baseline;
  display: flex;
  gap: 0.55rem;
  min-width: 0;
}

.recipe-made-it-summary-date {
  color: var(--muted-text, #bdb5aa);
  flex: 0 0 auto;
  font-size: 0.9rem;
}

.recipe-made-it-summary-note {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.recipe-made-it-body {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: 0.8rem;
}

.recipe-made-it-heading {
  align-items: flex-start;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
}

.recipe-made-it-heading h2,
.recipe-made-it-public-history h2 {
  margin: 0 0 0.25rem;
}

.recipe-made-it-private,
.recipe-made-it-no-notes,
.recipe-made-it-permission-note,
.recipe-made-it-public-date {
  color: var(--muted-text, #bdb5aa);
}

.recipe-made-it-private,
.recipe-made-it-permission-note {
  margin: 0;
}

.recipe-made-it-count,
.recipe-made-it-visibility {
  border-radius: 999px;
  font-size: 0.82rem;
  padding: 0.22rem 0.5rem;
  white-space: nowrap;
}

.recipe-made-it-count,
.recipe-made-it-visibility.is-private {
  background: rgba(255, 255, 255, 0.08);
}

.recipe-made-it-visibility.is-public {
  background: rgba(109, 154, 74, 0.2);
  border: 1px solid rgba(146, 190, 104, 0.45);
}

.recipe-made-it-notice {
  background: rgba(109, 154, 74, 0.18);
  border: 1px solid rgba(146, 190, 104, 0.55);
  border-radius: 0.35rem;
  margin: 0 0 0.75rem;
  padding: 0.55rem 0.7rem;
}

.recipe-made-it-form {
  margin-top: 0.9rem;
}

.recipe-made-it-form-row {
  align-items: start;
  display: grid;
  gap: 0.55rem 0.75rem;
  grid-template-columns: minmax(11rem, 12rem) minmax(18rem, 1fr);
  grid-template-areas:
    "date notes"
    ". actions";
  max-width: 54rem;
}

.recipe-made-it-date-field { grid-area: date; }
.recipe-made-it-notes-field { grid-area: notes; }

.recipe-made-it-form-actions {
  align-items: center;
  display: flex;
  gap: 0.75rem;
  grid-area: actions;
  justify-content: space-between;
}

.recipe-made-it-form label,
.recipe-made-it-edit-form label {
  display: grid;
  gap: 0.3rem;
}

.recipe-made-it-form label > span,
.recipe-made-it-edit-form label > span {
  color: var(--text-color, inherit);
  font-weight: 600;
}

.recipe-made-it-form input[type="date"],
.recipe-made-it-form textarea,
.recipe-made-it-edit-form input[type="date"],
.recipe-made-it-edit-form textarea {
  background: #171b1f;
  border: 1px solid #62584e;
  border-radius: 0.3rem;
  color: inherit;
  font: inherit;
  padding: 0.5rem 0.55rem;
  width: 100%;
}

.recipe-made-it-form textarea,
.recipe-made-it-edit-form textarea {
  resize: vertical;
}

.recipe-made-it-form button,
.recipe-made-it-edit-actions button {
  background: #7a4e29;
  border: 1px solid #aa7a4a;
  border-radius: 0.35rem;
  color: #fff;
  cursor: pointer;
  font: inherit;
  font-weight: 700;
  padding: 0.55rem 0.8rem;
}

.recipe-made-it-public-toggle {
  align-items: center;
  color: var(--muted-text, #bdb5aa);
  cursor: pointer;
  display: flex !important;
  gap: 0.45rem;
  margin: 0;
}

.recipe-made-it-public-toggle > span {
  color: inherit !important;
  font-weight: 500 !important;
}

.recipe-made-it-public-toggle input {
  flex: 0 0 auto;
  width: auto;
}

.recipe-made-it-list {
  display: grid;
  gap: 0.65rem;
  margin-top: 1rem;
}

.recipe-made-it-entry {
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 0.4rem;
  padding: 0.7rem 0.8rem;
}

.recipe-made-it-entry-heading {
  align-items: baseline;
  display: flex;
  gap: 0.55rem;
  justify-content: space-between;
}

.recipe-made-it-entry-notes {
  margin-top: 0.35rem;
  white-space: normal;
}

.recipe-made-it-edit {
  margin-top: 0.55rem;
}

.recipe-made-it-edit summary {
  cursor: pointer;
  font-weight: 700;
  width: fit-content;
}

.recipe-made-it-edit-form {
  display: grid;
  gap: 0.65rem;
  margin-top: 0.65rem;
}

.recipe-made-it-edit-actions {
  display: flex;
  gap: 0.55rem;
}

.recipe-made-it-edit-actions .recipe-made-it-delete {
  background: #642d29;
  border-color: #a35c54;
}

.recipe-made-it-public-history {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin-top: 1rem;
  padding-top: 1rem;
}

.recipe-made-it-public-entry .recipe-made-it-entry-heading {
  justify-content: flex-start;
}

@media (max-width: 720px) {
  .recipe-made-it-summary {
    align-items: flex-start;
    flex-direction: column;
    gap: 0.2rem;
  }

  .recipe-made-it-summary-preview {
    max-width: 100%;
  }

  .recipe-made-it-form-row {
    align-items: stretch;
    grid-template-columns: 1fr;
    grid-template-areas:
      "date"
      "notes"
      "actions";
    max-width: none;
  }

  .recipe-made-it-form-actions {
    align-items: flex-start;
    flex-direction: column;
  }

  .recipe-made-it-form button {
    align-self: flex-start;
  }
}