/*
 * Auto Farm editorial detail release: editorial-parity-20260808a
 *
 * This is deliberately isolated to `.editorial-surface`. Article and Wiki details share the
 * measured editorial reference shell, while recipes, indexes, homepages and tenant chrome keep
 * their own theme. The stronger scoped selectors are intentional: tenant base/overlay stylesheets
 * are loaded after page-specific head markup and contain legacy `!important` rules.
 */

.editorial-surface {
  --editorial-ink: #15151c;
  --editorial-body: #1a1a1a;
  --editorial-muted: #686d70;
  --editorial-accent: #855a69;
  --editorial-accent-hover: #855a69;
  --editorial-pill: #f0eff1;
  --editorial-pill-hover: #e6e5e9;
  --editorial-green: #17a34a;
  --editorial-green-ink: #0b7132;
  --editorial-note: #f2f7f4;
  --editorial-placeholder: #eef4f6;
  --editorial-border: rgba(21, 21, 28, .10);
  --editorial-border-light: rgba(21, 21, 28, .08);
  --editorial-shadow: 0 1px 3px rgba(21, 21, 28, .06);
  --editorial-reader-width: 730px;
  --editorial-main-track: 900px;
  --editorial-sidebar-width: 300px;
  --editorial-layout-gap: 40px;
  width: 100% !important;
  max-width: 1280px !important;
  margin-inline: auto !important;
  padding-inline: 20px !important;
  color: var(--editorial-ink) !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

.editorial-surface > .container__wrapper {
  width: 100% !important;
  min-width: 0 !important;
  gap: 0 !important;
}

.editorial-surface .editorial-layout {
  display: grid !important;
  grid-template-columns: minmax(0, var(--editorial-main-track)) var(--editorial-sidebar-width) !important;
  align-items: start !important;
  justify-content: start !important;
  gap: var(--editorial-layout-gap) !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.editorial-surface .editorial-main {
  width: 100% !important;
  min-width: 0 !important;
  max-width: var(--editorial-main-track) !important;
}

.editorial-surface .editorial-head {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 0 20.8px !important;
}

.editorial-surface .editorial-head .breadcrumb {
  max-width: var(--editorial-main-track) !important;
  margin: 22px 0 18px !important;
  padding: 0 !important;
  color: #6d7280 !important;
  font-size: 11.2px !important;
  line-height: 18.144px !important;
}

.editorial-surface .editorial-head .breadcrumb__item {
  min-width: 0 !important;
}

.editorial-surface .editorial-head .breadcrumb a {
  color: var(--editorial-accent) !important;
}

.editorial-surface .editorial-head .landing__title {
  width: 100% !important;
  max-width: var(--editorial-reader-width) !important;
  margin: 5.6px 0 8.8px !important;
  color: var(--editorial-ink) !important;
  font-family: Archivo, "Avenir Next", ui-sans-serif, system-ui, sans-serif !important;
  font-size: 32px !important;
  font-weight: 800 !important;
  line-height: 38.4px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-wrap: balance;
}

.editorial-surface .editorial-head .wiki-tags {
  max-width: var(--editorial-reader-width) !important;
  margin: 3.2px 0 6.4px !important;
  padding: 0 !important;
  font-size: 16px !important;
  line-height: normal !important;
}

.editorial-surface .editorial-head .wiki-tags a {
  display: inline-flex !important;
  align-items: center !important;
  margin: 2.88px 6.4px 2.88px 0 !important;
  padding: 4.8px 13.6px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--editorial-pill) !important;
  color: var(--editorial-accent) !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  font-size: 13.44px !important;
  font-weight: 600 !important;
  line-height: 15.0528px !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: color 180ms ease, background-color 180ms ease !important;
}

.editorial-surface .editorial-head .wiki-tags a:hover {
  background: var(--editorial-pill-hover) !important;
  color: var(--editorial-accent-hover) !important;
}

.editorial-surface .editorial-head .meta {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 60px !important;
  gap: 16px !important;
  margin: 8.8px 0 0 !important;
}

.editorial-surface .editorial-head .meta__img,
.editorial-surface .editorial-head .meta__img img {
  display: block !important;
  width: 60px !important;
  min-width: 60px !important;
  height: 60px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: var(--editorial-placeholder) !important;
  object-fit: cover !important;
}

.editorial-surface .editorial-head .meta__content,
.editorial-surface .editorial-head .meta__content * {
  color: var(--editorial-muted) !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  font-size: 11.2px !important;
  line-height: 18.144px !important;
}

.editorial-surface .editorial-head .meta__content a,
.editorial-surface .editorial-head .meta__content strong {
  color: var(--editorial-accent) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.editorial-surface .editorial-main > .article {
  width: 100% !important;
  max-width: var(--editorial-reader-width) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--editorial-ink) !important;
  overflow: visible !important;
}

.editorial-surface .article > figure.pin-wrapper,
.editorial-surface .article .article__wrapper > figure.pin-wrapper {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: var(--editorial-reader-width) !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  text-align: center !important;
}

.editorial-surface .article > figure.pin-wrapper > img,
.editorial-surface .article .article__wrapper > figure.pin-wrapper > img {
  order: 1 !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: var(--editorial-placeholder) !important;
  box-shadow: none !important;
  object-fit: contain !important;
}

.editorial-surface .article > figure.pin-wrapper > figcaption,
.editorial-surface .article .article__wrapper > figure.pin-wrapper > figcaption {
  order: 2 !important;
  width: 100% !important;
  margin: 4px auto 0 !important;
  padding: 4px 10px 0 !important;
  color: var(--editorial-muted) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 18.9px !important;
  text-align: center !important;
}

.editorial-surface .article > figure.pin-wrapper > .pin.icon-wrapper,
.editorial-surface .article .article__wrapper > figure.pin-wrapper > .pin.icon-wrapper {
  position: static !important;
  inset: auto !important;
  order: 3 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 48px !important;
  margin: 6px 0 0 !important;
  padding: 0 20px !important;
  border: 0 !important;
  border-radius: 5px !important;
  background: #e60023 !important;
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transform: none !important;
}

.editorial-surface .article > figure.pin-wrapper > .pin.icon-wrapper:hover,
.editorial-surface .article > figure.pin-wrapper > .pin.icon-wrapper:focus-visible,
.editorial-surface .article .article__wrapper > figure.pin-wrapper > .pin.icon-wrapper:hover,
.editorial-surface .article .article__wrapper > figure.pin-wrapper > .pin.icon-wrapper:focus-visible {
  background: #bd001d !important;
  color: #fff !important;
}

.editorial-surface .article .pin.icon-wrapper .icon {
  width: 20px !important;
  height: 20px !important;
  margin-right: 8px !important;
  color: currentColor !important;
}

.editorial-surface .article .pin.icon-wrapper span {
  color: currentColor !important;
  font-size: 18px !important;
  font-weight: 900 !important;
}

.editorial-surface .article .article__wrapper {
  width: 100% !important;
  max-width: var(--editorial-reader-width) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--editorial-body) !important;
  overflow-wrap: anywhere;
}

.editorial-surface .article .article__wrapper > p,
.editorial-surface .article .wiki-intro,
.editorial-surface .article .wiki-intro p {
  margin: 0 0 18px !important;
  color: var(--editorial-body) !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 30.6px !important;
}

.editorial-surface .article .article__wrapper > h2:not(.wiki-card__title) {
  margin: 40px 0 17px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--editorial-ink) !important;
  font-family: Archivo, "Avenir Next", ui-sans-serif, system-ui, sans-serif !important;
  font-size: 30px !important;
  font-weight: 800 !important;
  line-height: 36px !important;
  text-align: left !important;
  box-shadow: none !important;
}

.editorial-surface .article .article__wrapper > h2:not(.wiki-card__title)::before {
  content: none !important;
}

.editorial-surface .article .article__wrapper > h3 {
  margin: 30px 0 14px !important;
  color: var(--editorial-ink) !important;
  font-family: Archivo, "Avenir Next", ui-sans-serif, system-ui, sans-serif !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  line-height: 27px !important;
}

.editorial-surface .article .article__wrapper > figure:not(.wiki-step__media) {
  width: 100% !important;
  margin: 32px 0 !important;
}

.editorial-surface .article .article__wrapper > figure:not(.wiki-step__media) img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  border: 0 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

.editorial-surface .article .article__wrapper a:not(.pin) {
  color: var(--editorial-accent) !important;
  font-weight: 700 !important;
  text-decoration-color: currentColor !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: .18em !important;
}

.editorial-surface .wiki-steps {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.editorial-surface .wiki-step {
  width: 100% !important;
  margin: 0 0 25.6px !important;
  padding: 0 !important;
  border: 1px solid var(--editorial-border) !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: var(--editorial-shadow) !important;
  overflow: hidden !important;
}

.editorial-surface .article figure.wiki-step__media {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
}

.editorial-surface .article figure.wiki-step__media > .wiki-step__img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 3 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--editorial-placeholder) !important;
  box-shadow: none !important;
  object-fit: cover !important;
  object-position: center !important;
}

.editorial-surface .wiki-step__body {
  padding: 18.4px 25.6px 24px !important;
}

.editorial-surface .wiki-step__head {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 9.6px !important;
  margin: 0 0 8.8px !important;
}

.editorial-surface .wiki-step__num {
  flex: 0 0 auto !important;
  color: #52525b !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 32px !important;
  font-weight: 800 !important;
  line-height: 32px !important;
}

.editorial-surface .wiki-step__title {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--editorial-ink) !important;
  font-family: Archivo, "Avenir Next", ui-sans-serif, system-ui, sans-serif !important;
  font-size: 19.52px !important;
  font-weight: 800 !important;
  line-height: 21.8624px !important;
  text-align: left !important;
}

/* Ad optimizers can append a placement beside the two intended heading children. Keep that
 * placement on its own row so the step title never collapses into a vertical word column. */
.editorial-surface .wiki-step__head > :not(.wiki-step__num):not(.wiki-step__title) {
  flex: 1 0 100% !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

.editorial-surface [id^="ezoic-pub-ad-placeholder-"],
.editorial-surface [id^="ezoic-pub-ad-placeholder-"] * {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.editorial-surface [id^="ezoic-pub-ad-placeholder-"] iframe {
  max-width: 100% !important;
}

.editorial-surface .wiki-step__text,
.editorial-surface .wiki-step__text p,
.editorial-surface .wiki-step__text li {
  color: var(--editorial-body) !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 28.8px !important;
}

.editorial-surface .wiki-step__text p {
  margin: 0 0 11.2px !important;
}

.editorial-surface .wiki-step__text p:last-child {
  margin-bottom: 0 !important;
}

.editorial-surface .wiki-step__text ul,
.editorial-surface .wiki-step__text ol {
  margin: 8.8px 0 4.8px !important;
  padding-left: 24px !important;
  list-style-position: outside !important;
  counter-reset: none !important;
}

.editorial-surface .wiki-step__text ul { list-style-type: disc !important; }
.editorial-surface .wiki-step__text ol { list-style-type: decimal !important; }

.editorial-surface .wiki-step__text li {
  display: list-item !important;
  position: static !important;
  margin: 4.8px 0 !important;
  padding: 0 !important;
}

.editorial-surface .wiki-step__text li::before {
  content: none !important;
}

.editorial-surface .wiki-note {
  display: block !important;
  margin: 13.6px 0 0 !important;
  padding: 11.2px 15.2px !important;
  border: 0 !important;
  border-inline-start: 3px solid var(--editorial-green) !important;
  border-radius: 0 6px 6px 0 !important;
  outline: 0 !important;
  background: var(--editorial-note) !important;
  color: var(--editorial-body) !important;
  font-size: 15.36px !important;
  line-height: 28.8px !important;
  box-shadow: none !important;
}

[dir="rtl"] .editorial-surface .wiki-note {
  border-radius: 6px 0 0 6px !important;
}

.editorial-surface .wiki-note__label {
  font-weight: 800 !important;
}

.editorial-surface .wiki-step__ad {
  padding: 0 25.6px 20.8px !important;
}

.editorial-surface .wiki-card {
  width: 100% !important;
  margin: 0 0 25.6px !important;
  padding: 22.4px 25.6px 24px !important;
  border: 1px solid var(--editorial-border) !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: var(--editorial-shadow) !important;
}

.editorial-surface .wiki-card > :first-child { margin-top: 0 !important; }
.editorial-surface .wiki-card > :last-child { margin-bottom: 0 !important; }

.editorial-surface .wiki-card .wiki-card__title,
.editorial-surface .wiki-card .wiki-card__title#faqs {
  display: block !important;
  margin: 0 0 14.4px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--editorial-ink) !important;
  font-family: Archivo, "Avenir Next", ui-sans-serif, system-ui, sans-serif !important;
  font-size: 20.8px !important;
  font-weight: 900 !important;
  line-height: 24.96px !important;
  text-align: left !important;
  box-shadow: none !important;
}

.editorial-surface .wiki-card .wiki-card__title::before {
  content: none !important;
}

.editorial-surface .wiki-card,
.editorial-surface .wiki-card p,
.editorial-surface .wiki-faqs__question,
.editorial-surface .wiki-faqs__answer,
.editorial-surface .wiki-refs,
.editorial-surface .wiki-refs li {
  color: var(--editorial-body) !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  font-size: 16px !important;
  line-height: 28.8px !important;
}

.editorial-surface .wiki-faqs {
  margin: 0 !important;
}

.editorial-surface .wiki-faqs__item {
  margin: 16.8px 0 0 !important;
}

.editorial-surface .wiki-faqs__item:first-child {
  margin-top: 0 !important;
}

.editorial-surface .wiki-faqs__question {
  display: block !important;
  margin: 0 0 4px !important;
  padding: 0 !important;
  font-weight: 800 !important;
  text-transform: none !important;
}

.editorial-surface .wiki-faqs__answer {
  margin: 0 0 16px !important;
}

.editorial-surface .wiki-faqs__answer > :first-child { margin-top: 0 !important; }
.editorial-surface .wiki-faqs__answer > :last-child { margin-bottom: 0 !important; }

.editorial-surface .wiki-refs__intro {
  margin: 0 0 9.6px !important;
  color: #6d7280 !important;
}

.editorial-surface ol.wiki-refs {
  margin: 0 !important;
  padding-left: 22.4px !important;
  list-style: decimal outside !important;
  counter-reset: none !important;
}

.editorial-surface ol.wiki-refs > .wiki-refs__item {
  display: list-item !important;
  position: static !important;
  margin: 0 0 5.6px !important;
  padding: 0 !important;
  list-style: decimal outside !important;
  word-break: break-word !important;
}

.editorial-surface ol.wiki-refs > .wiki-refs__item::before {
  content: none !important;
}

.editorial-surface .editorial-sidebar {
  position: sticky !important;
  top: 20px !important;
  align-self: start !important;
  display: flex !important;
  flex-direction: column !important;
  width: var(--editorial-sidebar-width) !important;
  min-width: 0 !important;
  max-width: var(--editorial-sidebar-width) !important;
  gap: 28px !important;
  margin: 41.6px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.editorial-surface .wiki-side-card {
  width: 100% !important;
  margin: 0 !important;
  padding: 17.6px 18.4px !important;
  border: 1px solid var(--editorial-border) !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 1px 3px rgba(21, 21, 28, .05) !important;
}

.editorial-surface .wiki-side-card__title {
  margin: 0 0 13.6px !important;
  padding: 0 0 8px !important;
  border: 0 !important;
  border-bottom: 3px solid var(--editorial-green) !important;
  color: var(--editorial-ink) !important;
  font-family: Archivo, "Avenir Next", ui-sans-serif, system-ui, sans-serif !important;
  font-size: 16.32px !important;
  font-weight: 800 !important;
  line-height: 18.2784px !important;
  text-align: left !important;
  white-space: normal !important;
}

.editorial-surface .wiki-related {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.editorial-surface .wiki-related__item {
  display: block !important;
  position: static !important;
  margin: 0 0 14.4px !important;
  padding: 0 !important;
}

.editorial-surface .wiki-related__item:last-child { margin-bottom: 0 !important; }
.editorial-surface .wiki-related__item::before { content: none !important; }

.editorial-surface .wiki-related__link {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 57px !important;
  gap: 12px !important;
  color: var(--editorial-accent) !important;
  text-decoration: none !important;
}

.editorial-surface .wiki-related__thumb {
  display: block !important;
  flex: 0 0 76px !important;
  width: 76px !important;
  min-width: 76px !important;
  height: 57px !important;
  border: 1px solid var(--editorial-border-light) !important;
  border-radius: 9px !important;
  background: var(--editorial-placeholder) !important;
  object-fit: cover !important;
}

.editorial-surface .wiki-related__thumb--ph {
  background: linear-gradient(135deg, var(--editorial-green), #7fce9e) !important;
}

.editorial-surface .wiki-related__title {
  min-width: 0 !important;
  color: var(--editorial-accent) !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  font-size: 11.2px !important;
  font-weight: 600 !important;
  line-height: 14.784px !important;
  overflow-wrap: anywhere;
}

.editorial-surface .wiki-related__link:hover .wiki-related__title {
  color: var(--editorial-green-ink) !important;
  text-decoration: underline !important;
  text-underline-offset: .18em !important;
}

.editorial-surface a:focus-visible {
  outline: 3px solid #3157ff !important;
  outline-offset: 3px !important;
  border-radius: 4px;
}

@media (min-width: 992px) {
  .editorial-surface .wiki-card .wiki-card__title,
  .editorial-surface .wiki-card .wiki-card__title#faqs {
    font-size: 27.2px !important;
    line-height: 32.64px !important;
  }
}

@media (min-width: 1200px) {
  .editorial-surface {
    --editorial-reader-width: 820px;
    --editorial-main-track: 820px;
    --editorial-sidebar-width: 360px;
    --editorial-layout-gap: 32px;
  }

  .editorial-surface .editorial-layout {
    justify-content: center !important;
  }

  .editorial-surface .wiki-card .wiki-card__title,
  .editorial-surface .wiki-card .wiki-card__title#faqs {
    font-size: 30.4px !important;
    line-height: 36.48px !important;
  }
}

@media (max-width: 1000px) {
  .editorial-surface .editorial-layout {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 28px !important;
  }

  .editorial-surface .editorial-main {
    max-width: 900px !important;
  }

  .editorial-surface .editorial-sidebar {
    position: static !important;
    width: 100% !important;
    max-width: 520px !important;
    margin-top: 0 !important;
  }

  .editorial-surface .wiki-related__title {
    font-size: 9.6px !important;
    line-height: 12.672px !important;
  }
}

@media (max-width: 728px) {
  .editorial-surface.container {
    max-width: 100% !important;
    padding-inline: 0 !important;
  }
}

@media (max-width: 700px) {
  .editorial-surface .editorial-head .landing__title {
    font-size: 30px !important;
    line-height: 36px !important;
  }

  .editorial-surface .article .article__wrapper > h2:not(.wiki-card__title) {
    font-size: 26px !important;
    line-height: 31.2px !important;
  }
}

@media (max-width: 640px) {
  .editorial-surface .article .article__wrapper > p,
  .editorial-surface .article .wiki-intro,
  .editorial-surface .article .wiki-intro p {
    font-size: 16px !important;
    line-height: 25.92px !important;
  }
}

@media (max-width: 600px) {
  .editorial-surface .wiki-step__body {
    padding: 16.8px 18.4px 19.2px !important;
  }

  .editorial-surface .wiki-step__num {
    font-size: 31.2px !important;
    line-height: 31.2px !important;
  }

  .editorial-surface .wiki-step__title {
    font-size: 17.92px !important;
    line-height: 20.0704px !important;
  }
}

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