@import url("https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800;900&family=Newsreader:opsz,wght@6..72,500;6..72,700&display=swap");

:root {
  --rx-canvas: #f4f6fb;
  --rx-paper: #ffffff;
  --rx-paper-2: #eef1f7;
  --rx-ink: #15151c;
  --rx-ink-2: #373744;
  --rx-muted: #6d7280;
  --rx-line: #d7dbe5;
  --rx-line-strong: #111118;
  --rx-tomato: #ff4b2f;
  --rx-tomato-2: #d9311d;
  --rx-cobalt: #3157ff;
  --rx-cobalt-2: #1731a8;
  --rx-sun: #ffd84d;
  --rx-plum: #3a243f;
  --rx-shadow: 0 18px 0 rgba(21, 21, 28, 0.08);
  --rx-shadow-soft: 0 8px 26px rgba(21, 21, 28, 0.08);
  --rx-radius: 8px;
  --rx-font: Archivo, Avenir Next, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --rx-display: Archivo, Avenir Next, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --rx-serif: Newsreader, Georgia, "Times New Roman", serif;

  --mo-body: var(--rx-canvas);
  --mo-on-body: var(--rx-ink);
  --mo-header: #101016;
  --mo-on-header: #ffffff;
  --mo-header-accent: var(--rx-sun);
  --mo-on-header-accent: var(--rx-ink);
  --mo-offcanvas: #101016;
  --mo-on-offcanvas: #ffffff;
  --mo-on-offcanvas-accent: var(--rx-sun);
  --mo-border-offcanvas: rgba(255,255,255,.16);
  --mo-footer: #101016;
  --mo-outline-footer: var(--rx-tomato);
  --mo-on-footer: #ffffff;
  --mo-on-footer-accent: var(--rx-sun);
  --mo-search: var(--rx-paper);
  --mo-on-search: var(--rx-ink);
  --mo-outline-search: var(--rx-line-strong);
  --mo-pagination-enabled: var(--rx-ink);
  --mo-on-pagination-enabled: #ffffff;
  --mo-pagination-disabled: var(--rx-paper-2);
  --mo-on-pagination-disabled: var(--rx-muted);
  --mo-pagination-accent: var(--rx-tomato);
  --mo-on-pagination-accent: #ffffff;
  --mo-separator: var(--rx-paper);
  --mo-outline-separator: var(--rx-line-strong);
  --mo-on-separator: var(--rx-ink);
  --mo-separator-link: var(--rx-cobalt);
  --mo-on-separator-link: #ffffff;
  --mo-social-item: rgba(255,255,255,.12);
  --mo-on-social-item: #ffffff;
  --mo-hero: var(--rx-paper);
  --mo-on-hero: var(--rx-muted);
  --mo-on-hero-title: var(--rx-ink);
  --mo-on-hero-link: var(--rx-tomato);
  --mo-on-hero-link-accent: var(--rx-cobalt);
  --mo-landing: var(--rx-paper);
  --mo-on-landing: var(--rx-muted);
  --mo-on-landing-title: var(--rx-ink);
  --mo-on-landing-link: var(--rx-cobalt);
  --mo-on-landing-link-accent: var(--rx-tomato);
  --mo-category: var(--rx-paper);
  --mo-on-category: var(--rx-ink);
  --mo-entry: var(--rx-paper);
  --mo-on-entry: var(--rx-muted);
  --mo-entry-title: var(--rx-ink);
  --mo-on-entry-title: var(--rx-ink);
  --mo-on-entry-link: var(--rx-cobalt);
  --mo-on-entry-link-accent: var(--rx-tomato);
  --mo-preview: var(--rx-paper);
  --mo-on-preview: var(--rx-ink);
  --mo-on-preview-title: var(--rx-ink);
  --mo-on-preview-title-accent: var(--rx-tomato);
  --mo-faq: var(--rx-paper);
  --mo-on-faq: var(--rx-ink);
  --mo-on-action: var(--rx-ink);
  --mo-action-accent: var(--rx-tomato);
  --mo-on-action-accent: #ffffff;
  --mo-article: transparent;
  --mo-on-article: var(--rx-ink);
  --mo-article-heading: var(--rx-paper);
  --mo-on-article-heading: var(--rx-ink);
  --mo-outline-article-heading: var(--rx-line-strong);
  --mo-on-article-link: var(--rx-cobalt);
  --mo-on-article-link-accent: var(--rx-tomato);
  --mo-article-note: #fff2b8;
  --mo-on-article-note: var(--rx-ink);
  --mo-outline-article-note: var(--rx-line-strong);
  --mo-article-recommendations: var(--rx-paper);
  --mo-on-article-recommendations: var(--rx-ink);
  --mo-outline-article-recommendations: var(--rx-line-strong);
  --mo-author: var(--rx-paper);
  --mo-on-author: var(--rx-ink);
  --mo-outline-author: var(--rx-cobalt);
  --mo-recipe: var(--rx-paper);
  --mo-outline-recipe: var(--rx-line-strong);
  --mo-on-recipe: var(--rx-ink);
  --mo-on-recipe-title: var(--rx-ink);
  --mo-on-recipe-highlight: var(--rx-tomato);
  --mo-on-recipe-link: var(--rx-cobalt);
  --mo-on-recipe-link-accent: var(--rx-tomato);
  --mo-recipe-separator: var(--rx-line-strong);
  --mo-on-recipe-separator: var(--rx-muted);
  --mo-recipe-number: var(--rx-tomato);
  --mo-on-recipe-number: #ffffff;
  --mo-related-entry: var(--rx-paper);
  --mo-on-related-entry: var(--rx-ink);
  --mo-on-related-entry-accent: var(--rx-tomato);
  --mo-contact: var(--rx-paper);
  --mo-on-contact: var(--rx-ink);
  --mo-keypoints-card: var(--rx-paper);
  --mo-on-keypoints-card: var(--rx-ink);
  --mo-chip: var(--rx-sun);
  --mo-on-chip: var(--rx-ink);
  --mo-font-family: var(--rx-font);
  --mo-font-size: 1rem;
  --mo-line-height: 1.58;
  --mo-space: 4.75rem;
  --mo-gap: 1.5rem;
  --mo-spacing: 1rem;
  --mo-breadcrumb-delimiter: " / ";
}

* { letter-spacing: 0 !important; }
html { background: var(--rx-canvas); scroll-behavior: smooth; }
body {
  min-height: 100vh;
  background:
    linear-gradient(90deg, rgba(49,87,255,.09) 0 1px, transparent 1px 100%) 0 0 / 72px 72px,
    linear-gradient(180deg, #f8f9fc 0, var(--rx-canvas) 360px);
  color: var(--rx-ink);
  font-family: var(--rx-font);
  text-rendering: optimizeLegibility;
}
::selection { background: var(--rx-sun); color: var(--rx-ink); }
a { color: var(--rx-cobalt); text-decoration-thickness: 2px; text-underline-offset: .2em; }
a, button, input, textarea, select, summary { transition: color .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, summary:focus-visible { outline: 3px solid var(--rx-sun); outline-offset: 3px; }
h1,h2,h3,h4,h5,.hero__title,.landing__title,.entry__title,.category__title,.author__title,.separator__title,.preview__title { color: var(--rx-ink); font-family: var(--rx-display); font-weight: 900; line-height: 1.02; text-wrap: balance; }
.txt-xl,h1,.hero__title { font-size: 3.2rem; }
.txt-l,h2,.landing__title { font-size: 2rem; }
.txt-m,body { font-size: 1rem; }
.container { padding-inline: 1.25rem; }
@media (min-width: 1400px) { .container { max-width: 1220px; } }

.header {
  position: sticky;
  top: 0;
  overflow: visible;
  background: var(--rx-ink) !important;
  border-bottom: 3px solid var(--rx-sun);
  box-shadow: 0 12px 0 rgba(21,21,28,.1);
}
.header .header__wrapper { min-height: 84px; gap: 1rem; }
.header .header__brand { display: inline-flex; align-items: center; min-width: 0; padding: .6rem .75rem; background: var(--rx-paper); border: 2px solid var(--rx-line-strong); border-radius: var(--rx-radius); box-shadow: 6px 6px 0 var(--rx-tomato); }
.logo { max-height: 46px; object-fit: contain; filter: saturate(.92) contrast(1.05); }
.header .header__wrapper .header__menu { gap: .35rem; align-items: center; }
.header .header__wrapper .header__menu .header__menu-item a,
.header .header__wrapper .header__menu .header__menu-item button { color: #fff; border: 1px solid rgba(255,255,255,.18); border-radius: var(--rx-radius); padding: .65rem .85rem; font-size: .9rem; font-weight: 800; background: rgba(255,255,255,.04); }
.header .header__wrapper .header__menu .header__menu-item a:hover,
.header .header__wrapper .header__menu .header__menu-item a.selected,
.header .header__wrapper .header__menu .header__menu-item button:hover,
.header .header__wrapper .header__menu .header__menu-item button.selected { background: var(--rx-sun); color: var(--rx-ink); border-color: var(--rx-sun); transform: translateY(-1px); }
.offcanvas { background: var(--rx-ink); color: #fff; }
.offcanvas .offcanvas__menu { padding: 1rem; }
.offcanvas .offcanvas__menu .offcanvas__menu-item { border-bottom: 1px solid rgba(255,255,255,.12); }
.offcanvas .offcanvas__menu .offcanvas__menu-item a { color: #fff; margin-block: .3rem; padding: 1rem; border-radius: var(--rx-radius); font-weight: 800; }
.offcanvas .offcanvas__menu .offcanvas__menu-item.selected a,
.offcanvas .offcanvas__menu .offcanvas__menu-item a:hover { background: var(--rx-sun); color: var(--rx-ink); }

.hero { padding-block: 5.25rem 3.75rem; background: transparent; filter: none; }
.hero::before,.hero::after { display: none; }
.hero .hero__wrapper { max-width: 980px; gap: 1.15rem; }
.hero .hero__title { display: inline; text-transform: uppercase; font-size: 4.25rem; background: linear-gradient(180deg, transparent 58%, var(--rx-sun) 58%); box-decoration-break: clone; padding-inline: .08em; }
.hero .hero__wrapper p,.landing .landing__content p,.entry .entry__body,.article .article__wrapper,.recipe,.faq .faq__answer { color: var(--rx-muted); }
.breadcrumb { color: var(--rx-muted); margin-block: 1.25rem; }
.breadcrumb .breadcrumb__item { font-size: .9rem; font-weight: 800; }
.separator { margin-block: .25rem 1.25rem; }
.separator .separator__title { text-transform: uppercase; }
.separator .separator__title::before,
.separator .separator__title::after { height: 3px !important; background: var(--rx-ink) !important; border: 0 !important; outline: 0 !important; }
.separator .separator__link { background: var(--rx-cobalt); color: #fff; border-radius: var(--rx-radius); }

.landing { border-block: 3px solid var(--rx-line-strong); background: var(--rx-paper); }
.landing::before { display: none; }
.landing .landing__wrapper { align-items: center; padding-block: 4rem; }
.landing .landing__wrapper .landing__media img { border: 2px solid var(--rx-line-strong); border-radius: var(--rx-radius); outline: 0; box-shadow: 12px 12px 0 var(--rx-cobalt); }
.landing .landing__content { position: relative; }
.landing .landing__content::before { content: "FEATURE"; display: inline-flex; width: max-content; margin-bottom: .5rem; padding: .35rem .55rem; background: var(--rx-tomato); color: #fff; border-radius: var(--rx-radius); font-size: .72rem; font-weight: 900; }

.entries .entries__wrapper,.categories .categories__wrapper,.authors .authors__wrapper,.contacts .contacts__wrapper { gap: 1.25rem; }
.entry,.category .category__body,.author::after,.faq,.contact,.keypoints .keypoints__wrapper .keypoints__card,.article .article__wrapper > h2,.article .article__wrapper > aside,.recipe,.preview,.search,table {
  border: 2px solid var(--rx-line-strong);
  border-radius: var(--rx-radius);
  background: var(--rx-paper);
  box-shadow: var(--rx-shadow-soft);
}
.entry { position: relative; overflow: hidden; transform: translateZ(0); }
.entry::before { content: ""; display: block; height: 8px; background: linear-gradient(90deg, var(--rx-tomato) 0 34%, var(--rx-cobalt) 34% 68%, var(--rx-sun) 68% 100%); }
.entry:hover,.category .category__body:hover,.keypoints .keypoints__wrapper .keypoints__card:hover,.preview:hover { box-shadow: 10px 10px 0 var(--rx-ink); transform: translate(-2px,-2px); }
.entry .entry__img { height: 240px; border-bottom: 2px solid var(--rx-line-strong); }
.entry .entry__img img,.category .category__body .category__img,.preview .preview__img img { border-radius: 0; filter: saturate(1.04) contrast(1.04); }
.entry .entry__body { gap: .8rem; padding: 1rem 1.1rem; }
.entry .entry__title { font-size: 1.25rem; }
.entry .entry__footer { padding: 0 1.1rem 1.1rem; }
.entry .entry__footer .entry__footer-link { display: inline-flex; padding: .35rem .5rem; border: 1px solid var(--rx-line-strong); border-radius: var(--rx-radius); color: var(--rx-ink); background: var(--rx-sun); font-weight: 900; }
.entry .entry__footer .entry__footer-link:hover { background: var(--rx-tomato); color: #fff; }

.category .category__body { height: 178px; isolation: isolate; }
.category .category__body::after { content: ""; position: absolute; inset: auto 0 0 0; height: 58%; background: linear-gradient(180deg, transparent, rgba(21,21,28,.82)); z-index: 1; }
.category .category__body .category__title { z-index: 2; left: 1rem; right: 1rem; bottom: .85rem; color: #fff; text-shadow: none; font-size: 1.35rem; }
.chips .chips__wrapper { gap: .65rem; }
.chip { border: 2px solid var(--rx-line-strong); border-radius: var(--rx-radius); background: var(--rx-sun); color: var(--rx-ink); box-shadow: 4px 4px 0 var(--rx-ink); padding: .55rem .75rem; font-weight: 900; }
.chip:nth-child(3n+2) { background: #dce3ff; }
.chip:nth-child(3n+3) { background: #ffdcd4; }
.chip:hover { transform: translate(-1px,-1px); box-shadow: 7px 7px 0 var(--rx-ink); }
.chip .chip-img { border: 2px solid var(--rx-line-strong); }

.author { --mo-diameter-img: 148px; }
.author::after { top: 54px; height: calc(100% - 54px); box-shadow: 8px 8px 0 var(--rx-cobalt); }
.author .author__img { border-radius: var(--rx-radius); outline: 0; border: 2px solid var(--rx-line-strong); box-shadow: 8px 8px 0 var(--rx-tomato); }
.author .author__img img { border-radius: 0; }
.author .author__body { gap: .6rem; padding: 1.25rem; }
.author .author__title { font-size: 1.35rem; }

.template-main-sidebar { align-items: start; }
.template-main-sidebar .template-main-sidebar__sidebar { position: sticky; top: 102px; padding: 1rem; background: var(--rx-ink); border: 2px solid var(--rx-line-strong); border-radius: var(--rx-radius); box-shadow: 10px 10px 0 var(--rx-tomato); color: #fff; }
.template-main-sidebar .template-main-sidebar__sidebar :where(h2,h3,h4,.preview__title,.author__title) { color: #fff; }
.template-main-sidebar .template-main-sidebar__sidebar .preview,
.template-main-sidebar .template-main-sidebar__sidebar .author::after,
.template-main-sidebar .template-main-sidebar__sidebar .contact,
.template-main-sidebar .template-main-sidebar__sidebar .faq { background: #1f2029; color: #fff; border-color: rgba(255,255,255,.28); box-shadow: none; }
.template-main-sidebar .template-main-sidebar__main { gap: 2rem; }
.preview { padding: .75rem; }
.preview .preview__img { border-radius: var(--rx-radius); border: 2px solid var(--rx-line-strong); overflow: hidden; }

.actions { gap: .65rem; }
.actions a,.pagination a,.pagination span,.pin,button,input[type="button"],input[type="submit"],input[type="reset"] { border: 2px solid var(--rx-line-strong) !important; border-radius: var(--rx-radius) !important; box-shadow: 5px 5px 0 var(--rx-ink) !important; font-family: var(--rx-font) !important; font-weight: 900 !important; }
.actions a,.pin,button[type="submit"],input[type="submit"] { background: var(--rx-tomato) !important; color: #fff !important; }
.actions a:hover,.pin:hover,button[type="submit"]:hover,input[type="submit"]:hover { background: var(--rx-cobalt) !important; color: #fff !important; transform: translate(-1px,-1px); }
.pagination a:hover { background: var(--rx-tomato); }

.article { box-shadow: none; }
.article .article__wrapper { background: transparent; padding: 0; }
.article .article__wrapper > h2 { padding: 1rem 1.15rem; box-shadow: 7px 7px 0 var(--rx-sun); }
.article .article__wrapper > aside { padding: 1.15rem; box-shadow: 7px 7px 0 var(--rx-cobalt); }
.article .article__wrapper .note { background: #fff2b8; border: 2px solid var(--rx-line-strong); }
.article .article__wrapper .recommendations { background: var(--rx-paper); }
.article .article__wrapper p { font-family: var(--rx-serif); font-size: 1.08rem; line-height: 1.65; color: var(--rx-ink-2); }
.article figure img { border-radius: var(--rx-radius); border: 2px solid var(--rx-line-strong); }
.recipe { padding: 1.4rem; overflow: hidden; box-shadow: 10px 10px 0 var(--rx-sun); }
.recipe :where(h1,h2,h3) { color: var(--rx-ink); }
.recipe .recipe__title { text-shadow: none; }
.recipe [class*="number"],.recipe [class*="time"],.recipe [class*="yield"],.recipe [class*="difficulty"] { color: var(--rx-tomato); }

.contact,.faq,.keypoints .keypoints__wrapper .keypoints__card { padding: 1.2rem; }
.contact .contact__title,.faq .faq__question { color: var(--rx-ink); }
.search { padding: 1rem; box-shadow: 8px 8px 0 var(--rx-cobalt); }
input,textarea,select { width: 100%; min-height: 48px; border: 2px solid var(--rx-line-strong); border-radius: var(--rx-radius); background: var(--rx-paper); color: var(--rx-ink); font-family: var(--rx-font); padding: .85rem 1rem; box-shadow: 4px 4px 0 var(--rx-paper-2); }
input:focus,textarea:focus,select:focus { border-color: var(--rx-cobalt); box-shadow: 5px 5px 0 var(--rx-sun); outline: 0; }
table { width: 100%; border-collapse: separate; border-spacing: 0; overflow: hidden; box-shadow: 8px 8px 0 var(--rx-ink); }
th,td { border-bottom: 2px solid var(--rx-line); padding: .9rem 1rem; text-align: start; }
th { background: var(--rx-ink); color: #fff; font-weight: 900; }
tr:last-child td { border-bottom: 0; }

.footer { margin-block: 4rem 0; padding-block: 3rem 1.5rem; background: var(--rx-ink); color: #fff; border-top: 8px solid var(--rx-tomato); }
.footer .footer__body { background: transparent; box-shadow: none; padding: 0; }
.footer .footer__body .footer__nav { gap: .45rem; }
.footer .footer__body .footer__nav .footer__nav-item > * { color: rgba(255,255,255,.82); border: 1px solid rgba(255,255,255,.18); border-radius: var(--rx-radius); padding: .5rem .75rem; font-weight: 800; }
.footer .footer__body .footer__nav .footer__nav-item > *:hover,.footer .footer__body .footer__nav .footer__nav-item > *.selected { background: var(--rx-sun); color: var(--rx-ink); }
.footer .footer__copyright { color: rgba(255,255,255,.66); }
.social .social__item { border-radius: var(--rx-radius); background: rgba(255,255,255,.12); }

@media (max-width: 1024px) {
  :root { --mo-space: 3.25rem; }
  .header .header__wrapper { min-height: 72px; }
  .hero { padding-block: 4rem 3rem; }
  .hero .hero__title,.txt-xl,h1 { font-size: 2.55rem; }
  .template-main-sidebar .template-main-sidebar__sidebar { position: static; }
}
@media (max-width: 640px) {
  .container { padding-inline: 1rem; }
  .header .header__brand { box-shadow: 4px 4px 0 var(--rx-tomato); }
  .hero .hero__title,.txt-xl,h1 { font-size: 2rem; }
  .txt-l,h2,.landing__title { font-size: 1.55rem; }
  .entry .entry__img { height: 205px; }
  .recipe,.contact,.faq,.article .article__wrapper > aside { padding: 1rem; }
  .entry:hover,.category .category__body:hover,.keypoints .keypoints__wrapper .keypoints__card:hover,.preview:hover { transform: none; }
}

/* 2026-06-02 Signal Kitchen polish: keep the approved direction, remove the bug-causing noise. */
:root {
  --rx-canvas: #f5f3ed;
  --rx-paper-2: #ebe7dc;
  --rx-line: rgba(21, 21, 28, 0.12);
  --rx-line-strong: rgba(21, 21, 28, 0.18);
  --rx-shadow: 0 16px 34px rgba(21, 21, 28, 0.08);
  --rx-shadow-soft: 0 10px 24px rgba(21, 21, 28, 0.07);
  --mo-body: var(--rx-canvas);
  --mo-header: var(--rx-canvas);
  --mo-on-header: var(--rx-ink);
  --mo-footer: var(--rx-canvas);
  --mo-outline-footer: transparent;
  --mo-on-footer: var(--rx-ink);
  --mo-on-footer-accent: var(--rx-tomato);
  --mo-font-size: 1rem;
  --mo-line-height: 1.62;
  --mo-space: 4rem;
}

html,
body {
  background: var(--rx-canvas) !important;
  background-color: var(--rx-canvas) !important;
  background-image: none !important;
}

body {
  color: var(--rx-ink);
  font-size: 16px;
  line-height: 1.62;
}

.header {
  z-index: 10000 !important;
  isolation: isolate;
  min-height: 88px;
  background: var(--rx-canvas) !important;
  color: var(--rx-ink) !important;
  border: 0 !important;
  box-shadow: 0 10px 26px rgba(21, 21, 28, 0.1) !important;
  backdrop-filter: none !important;
}

.header .header__wrapper {
  min-height: 88px;
}

.header .header__brand {
  background: var(--rx-paper);
  border: 1px solid var(--rx-line);
  box-shadow: 0 8px 18px rgba(21, 21, 28, 0.08);
}

.header .header__wrapper .header__menu .header__menu-item a,
.header .header__wrapper .header__menu .header__menu-item button {
  color: var(--rx-ink);
  background: transparent;
  border: 0;
  border-radius: 8px;
  box-shadow: none;
  font-size: 0.92rem;
  padding: 0.55rem 0.7rem;
}

.header .header__wrapper .header__menu .header__menu-item a:hover,
.header .header__wrapper .header__menu .header__menu-item a.selected,
.header .header__wrapper .header__menu .header__menu-item button:hover,
.header .header__wrapper .header__menu .header__menu-item button.selected {
  background: var(--rx-paper);
  color: var(--rx-tomato);
  border-color: transparent;
  transform: none;
  box-shadow: inset 0 0 0 1px var(--rx-line);
}

.hero,
.landing,
.categories,
.entries,
.previews,
.authors,
.contacts,
.article,
.recipe,
.search,
.footer {
  background: transparent !important;
  border: 0 !important;
  background-image: none !important;
}

.hero {
  padding-block: 4rem 2.75rem;
}

.hero .hero__title {
  display: block;
  max-width: 920px;
  background: none !important;
  padding-inline: 0;
  font-size: clamp(2.15rem, 4vw, 3.35rem);
  line-height: 1.04;
  text-transform: none;
}

.txt-xl,
h1 {
  font-size: clamp(2rem, 3vw, 2.65rem);
  line-height: 1.08;
}

.txt-l,
h2,
.landing__title,
.separator__title {
  font-size: clamp(1.35rem, 2vw, 1.85rem);
  line-height: 1.12;
}

.txt-m,
body,
.article .article__wrapper,
.recipe,
.entry .entry__body,
.contact,
.faq {
  font-size: 1rem;
}

.separator {
  margin-block: 0 1.15rem;
}

.separator .separator__title {
  text-transform: none;
}

.separator .separator__title::before,
.separator .separator__title::after,
.entry::before,
.landing .landing__content::before,
.category .category__body::after {
  display: none !important;
  content: none !important;
}

.separator .separator__link {
  width: 38px;
  height: 38px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--rx-ink);
  background: var(--rx-paper);
  border: 1px solid var(--rx-line);
  box-shadow: none;
}

.entry,
.category .category__body,
.author::after,
.faq,
.contact,
.keypoints .keypoints__wrapper .keypoints__card,
.article .article__wrapper > h2,
.article .article__wrapper > aside,
.recipe,
.preview,
.search,
table {
  border: 1px solid var(--rx-line);
  background: var(--rx-paper);
  box-shadow: var(--rx-shadow-soft);
}

.entry:hover,
.category .category__body:hover,
.keypoints .keypoints__wrapper .keypoints__card:hover,
.preview:hover {
  box-shadow: var(--rx-shadow);
  transform: translateY(-2px);
}

.entry .entry__img,
.preview .preview__img {
  border-bottom: 0;
}

.entry .entry__body {
  padding: 1rem 1.1rem 0.7rem;
}

.entry .entry__footer .entry__footer-link,
.chip,
.actions a,
.pagination a,
.pagination span,
.pin,
button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
  border: 1px solid var(--rx-line) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

.entry .entry__footer .entry__footer-link,
.chip {
  background: var(--rx-paper);
  color: var(--rx-ink);
  font-weight: 700;
}

.chip:nth-child(3n+2),
.chip:nth-child(3n+3) {
  background: var(--rx-paper);
}

.chip:hover,
.entry .entry__footer .entry__footer-link:hover {
  background: var(--rx-tomato);
  color: #fff;
  transform: none;
  box-shadow: none;
}

.category .category__body .category__title {
  color: #fff;
  font-size: 1.08rem;
  line-height: 1.15;
}

.author::after {
  box-shadow: var(--rx-shadow-soft);
}

.author .author__img {
  border: 1px solid var(--rx-line);
  border-radius: 8px;
  box-shadow: 0 8px 18px rgba(21, 21, 28, 0.08);
}

.template-main-sidebar {
  align-items: start;
}

.template-main-sidebar .template-main-sidebar__sidebar {
  position: sticky !important;
  top: 108px;
  max-height: calc(100vh - 128px);
  overflow: auto;
  align-self: start;
  z-index: 2;
  padding: 1rem;
  background: var(--rx-paper);
  color: var(--rx-ink);
  border: 1px solid var(--rx-line);
  box-shadow: var(--rx-shadow-soft);
}

.template-main-sidebar .template-main-sidebar__sidebar :where(h2,h3,h4,.preview__title,.author__title) {
  color: var(--rx-ink);
}

.template-main-sidebar .template-main-sidebar__sidebar .preview,
.template-main-sidebar .template-main-sidebar__sidebar .author::after,
.template-main-sidebar .template-main-sidebar__sidebar .contact,
.template-main-sidebar .template-main-sidebar__sidebar .faq {
  background: var(--rx-paper);
  color: var(--rx-ink);
  border-color: var(--rx-line);
  box-shadow: none;
}

.article .article__wrapper {
  color: var(--rx-ink-2);
}

.article .article__wrapper p,
.article .article__wrapper li,
.article .article__wrapper summary,
.recipe,
.recipe li,
.recipe p {
  font-size: 1rem;
  line-height: 1.65;
  color: var(--rx-ink-2);
}

.article .article__wrapper > h2 {
  padding: 0.9rem 1rem;
  box-shadow: var(--rx-shadow-soft);
}

.article .article__wrapper > aside,
.recipe {
  box-shadow: var(--rx-shadow-soft);
}

.article .article__wrapper .note {
  background: var(--rx-paper);
  border: 1px solid var(--rx-line);
}

input,
textarea,
select {
  border: 1px solid var(--rx-line);
  box-shadow: none;
}

input:focus,
textarea:focus,
select:focus {
  border-color: var(--rx-tomato);
  box-shadow: 0 0 0 3px rgba(255, 75, 47, 0.14);
}

table {
  box-shadow: var(--rx-shadow-soft);
}

th,
td {
  border-bottom: 1px solid var(--rx-line);
}

.footer {
  margin-block: 4rem 0;
  padding-block: 2.25rem 1.5rem;
  color: var(--rx-ink);
}

.footer .footer__body {
  padding: 0;
}

.footer .footer__body .footer__nav {
  gap: 0.35rem 0.9rem;
}

.footer .footer__body .footer__nav .footer__nav-item > * {
  color: var(--rx-muted);
  border: 0;
  background: transparent;
  border-radius: 0;
  padding: 0.15rem 0;
  font-size: 0.88rem;
  line-height: 1.4;
  font-weight: 600;
}

.footer .footer__body .footer__nav .footer__nav-item > *:hover,
.footer .footer__body .footer__nav .footer__nav-item > *.selected {
  color: var(--rx-tomato);
  background: transparent;
}

.footer .footer__copyright {
  color: var(--rx-muted);
  font-size: 0.84rem;
}

.social .social__item {
  background: var(--rx-paper);
  color: var(--rx-ink);
  border: 1px solid var(--rx-line);
  box-shadow: none;
}

@media (max-width: 1024px) {
  .template-main-sidebar .template-main-sidebar__sidebar {
    position: static !important;
    max-height: none;
  }
}

/* 2026-06-02 article header scale correction. */
.article__header p,
.article__header .txt-l,
.article__header a.txt-l,
.article__header .meta,
.article__header .meta * {
  font-size: 1.02rem !important;
  line-height: 1.55 !important;
}

.article__header .actions a,
.article__header .pin {
  font-size: 0.9rem !important;
  line-height: 1.2 !important;
}

.article__header .meta img,
.article__header .meta__img {
  width: 54px;
  height: 54px;
}

/* 2026-06-02 recipe landing text scale correction. */
.landing .landing__content p,
.landing .landing__content .txt-l,
.landing .landing__content a.txt-l,
.landing .landing__tldr,
.landing .landing__tldr * {
  font-size: 1.05rem !important;
  line-height: 1.6 !important;
}

.landing .landing__content p:first-of-type,
.landing .landing__content p:first-of-type a {
  font-weight: 700;
}

/* 2026-06-02 sidebar clean-simple correction. */
.template-main-sidebar .template-main-sidebar__sidebar *,
.template-main-sidebar .template-main-sidebar__sidebar *::before,
.template-main-sidebar .template-main-sidebar__sidebar *::after {
  border-style: solid !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .separator__title,
.template-main-sidebar .template-main-sidebar__sidebar h2,
.template-main-sidebar .template-main-sidebar__sidebar .txt-xxl {
  font-size: 1.35rem !important;
  line-height: 1.15 !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .author::after,
.template-main-sidebar .template-main-sidebar__sidebar .related_entries__item,
.template-main-sidebar .template-main-sidebar__sidebar .preview,
.template-main-sidebar .template-main-sidebar__sidebar .social__item {
  border: 1px solid var(--rx-line) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .related_entries__item,
.template-main-sidebar .template-main-sidebar__sidebar .preview {
  background: var(--rx-paper) !important;
  padding: 0.7rem !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .related_entries__item :where(h2,h3,h4,a,.txt-l,.txt-xl),
.template-main-sidebar .template-main-sidebar__sidebar .preview :where(h2,h3,h4,a,.txt-l,.txt-xl) {
  font-size: 1.05rem !important;
  line-height: 1.22 !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .author__title {
  font-size: 1.15rem !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .author__body,
.template-main-sidebar .template-main-sidebar__sidebar .author__body p {
  font-size: 0.92rem !important;
  line-height: 1.45 !important;
}

/* 2026-06-02 final sidebar simplification. */
.template-main-sidebar .template-main-sidebar__sidebar *,
.template-main-sidebar .template-main-sidebar__sidebar *::before,
.template-main-sidebar .template-main-sidebar__sidebar *::after {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .author::after,
.template-main-sidebar .template-main-sidebar__sidebar .related_entries,
.template-main-sidebar .template-main-sidebar__sidebar .related_entries__item,
.template-main-sidebar .template-main-sidebar__sidebar .preview,
.template-main-sidebar .template-main-sidebar__sidebar .contact,
.template-main-sidebar .template-main-sidebar__sidebar .faq,
.template-main-sidebar .template-main-sidebar__sidebar .social__item {
  border: 1px solid var(--rx-line) !important;
  border-radius: 8px !important;
  background: var(--rx-paper) !important;
  box-shadow: none !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .related_entries,
.template-main-sidebar .template-main-sidebar__sidebar .author::after {
  padding: 0.85rem !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .related_entries__item,
.template-main-sidebar .template-main-sidebar__sidebar .preview {
  padding: 0.65rem !important;
}

.template-main-sidebar .template-main-sidebar__sidebar img {
  border: 0 !important;
  border-radius: 7px !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .separator__title,
.template-main-sidebar .template-main-sidebar__sidebar h2,
.template-main-sidebar .template-main-sidebar__sidebar .txt-xxl,
.template-main-sidebar .template-main-sidebar__sidebar .txt-xl {
  font-size: 1.22rem !important;
  line-height: 1.18 !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .related_entries__item :where(a,h2,h3,h4,.txt-l,.txt-xl),
.template-main-sidebar .template-main-sidebar__sidebar .preview :where(a,h2,h3,h4,.txt-l,.txt-xl) {
  font-size: 1rem !important;
  line-height: 1.25 !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .author__title {
  display: block;
  width: max-content;
  max-width: 100%;
  margin-inline: auto;
  font-size: 1.08rem !important;
  line-height: 1.2 !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .author__body,
.template-main-sidebar .template-main-sidebar__sidebar .author__body p,
.template-main-sidebar .template-main-sidebar__sidebar .social {
  font-size: 0.9rem !important;
  line-height: 1.45 !important;
}

/* 2026-06-02 final contact and author scale simplification. */
.contact .contact__title {
  font-size: 1.25rem !important;
  line-height: 1.2 !important;
}

.contact p,
.contact .txt-l,
.contact .contact__subtitle,
.contact strong,
.contact a,
.contact li {
  font-size: 1rem !important;
  line-height: 1.45 !important;
}

.contact .contact__body {
  gap: 0.8rem !important;
}

.author .social,
.author .social *,
.template-main-sidebar .template-main-sidebar__sidebar .social,
.template-main-sidebar .template-main-sidebar__sidebar .social * {
  font-size: 0.95rem !important;
  line-height: 1.35 !important;
}

.author .social__title,
.author :where(h2,h3,h4).social__title,
.author .social :where(h2,h3,h4),
.template-main-sidebar .template-main-sidebar__sidebar .social :where(h2,h3,h4) {
  font-size: 1.15rem !important;
  line-height: 1.2 !important;
}
/* 2026-06-02 Jo Cooks first surface: recipe and preview cards. */
:root {
  --jc-accent: #8d6271;
  --jc-accent-hover: #60434e;
  --jc-ink: #1a1a1a;
  --jc-muted: #5f5f5f;
  --jc-border: #ececec;
  --jc-card-shadow: 0 10px 24px rgba(26, 26, 26, 0.08);
  --jc-card-shadow-hover: 0 14px 30px rgba(26, 26, 26, 0.12);
}

.entry,
.preview {
  overflow: hidden !important;
  border: 1px solid var(--jc-border) !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: var(--jc-card-shadow) !important;
  color: var(--jc-ink) !important;
  cursor: pointer;
  transform: none !important;
}

.entry:hover,
.preview:hover {
  border-color: #e2d7dc !important;
  box-shadow: var(--jc-card-shadow-hover) !important;
  transform: translateY(-2px) !important;
}

.entry::before {
  display: none !important;
  content: none !important;
}

.entry .entry__img,
.preview .preview__img {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 16 / 10;
  height: auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #f6f6f6 !important;
}

.entry .entry__img img,
.preview .preview__img img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  object-fit: cover !important;
  filter: none !important;
}

.preview .preview__img:empty,
.preview .preview__img > .preview__img {
  min-height: 180px !important;
  border: 0 !important;
  background:
    linear-gradient(135deg, rgba(141, 98, 113, 0.1), rgba(236, 236, 236, 0.55)),
    #f7f4f5 !important;
}

.entry .entry__body,
.preview {
  gap: 0.55rem !important;
}

.entry .entry__body {
  padding: 0.95rem 1rem 0.45rem !important;
  color: var(--jc-muted) !important;
}

.entry .entry__body p,
.preview .preview__content {
  margin: 0 !important;
  color: var(--jc-muted) !important;
  font-size: 0.96rem !important;
  line-height: 1.45 !important;
}

.entry .entry__title,
.preview .preview__title {
  display: block !important;
  color: var(--jc-ink) !important;
  font-family: var(--rx-font) !important;
  font-size: 1.08rem !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

.entry a:hover .entry__title,
.preview a:hover .preview__title {
  color: var(--jc-accent) !important;
}

.entry .entry__footer {
  display: flex !important;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 0.1rem 1rem 1rem !important;
}

.entry .entry__footer .entry__footer-link {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--jc-accent) !important;
  box-shadow: none !important;
  padding: 0 !important;
  font-size: 0.88rem !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

.entry .entry__footer .entry__footer-link:hover {
  background: transparent !important;
  color: var(--jc-accent-hover) !important;
  text-decoration: underline !important;
  text-underline-offset: 0.22em;
}

.previews__wrapper {
  align-items: stretch;
}

.entries__wrapper {
  align-items: start;
}

@media (max-width: 640px) {
  .entry:hover,
  .preview:hover {
    transform: none !important;
  }

  .entry .entry__img,
  .preview .preview__img {
    aspect-ratio: 4 / 3;
  }
}
/* 2026-06-02 Jo Cooks recipe-detail hooks: ingredients and sticky sidebar. */
:root {
  --jc-pinterest: #b2367e;
}

.template-main-sidebar .template-main-sidebar__sidebar {
  position: sticky !important;
  top: 108px !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  align-self: start !important;
}

#recipe-ingredients.recipe__interact-list {
  gap: 0.55rem !important;
}

#recipe-ingredients .recipe__ingredient {
  display: grid !important;
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: start;
  gap: 0.65rem;
  padding-block: 0.35rem;
}

#recipe-ingredients .recipe__ingredient-check {
  appearance: none;
  -webkit-appearance: none;
  display: inline-grid !important;
  place-content: center;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  margin: 0.18em 0 0 !important;
  padding: 0 !important;
  border: 1.5px solid #c9bdc3 !important;
  border-radius: 3px !important;
  background: #ffffff !important;
  box-shadow: none !important;
  cursor: pointer;
}

#recipe-ingredients .recipe__ingredient-check::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 1px;
  background: var(--jc-accent);
  transform: scale(0);
  transition: transform 150ms ease;
}

#recipe-ingredients .recipe__ingredient-check:checked {
  border-color: var(--jc-accent) !important;
  background: #ffffff !important;
}

#recipe-ingredients .recipe__ingredient-check:checked::before {
  transform: scale(1);
}

#recipe-ingredients .recipe__ingredient-check:focus-visible {
  outline: 3px solid rgba(141, 98, 113, 0.24) !important;
  outline-offset: 2px;
}

#recipe-ingredients .recipe__ingredient-text {
  color: var(--jc-ink) !important;
  font-size: 1rem !important;
  line-height: 1.48 !important;
  cursor: pointer;
}

#recipe-ingredients .recipe__ingredient-check:checked + .recipe__ingredient-text {
  color: #7a7477 !important;
  text-decoration: line-through;
  text-decoration-color: var(--jc-accent);
  text-decoration-thickness: 2px;
}
/* 2026-06-02 Jo Cooks accents and recipe author card. */
:root {
  --jc-bg: #ffffff;
  --jc-soft-bg: #f8f6f7;
  --jc-author-border: #e6e6e6;
  --jc-facebook: #1877f2;
  --jc-action-dark: #242424;
  --mo-on-hero-link: var(--jc-accent);
  --mo-on-hero-link-accent: var(--jc-accent-hover);
  --mo-on-landing-link: var(--jc-accent);
  --mo-on-landing-link-accent: var(--jc-accent-hover);
  --mo-on-entry-link: var(--jc-accent);
  --mo-on-entry-link-accent: var(--jc-accent-hover);
  --mo-on-preview-title-accent: var(--jc-accent);
  --mo-action-accent: var(--jc-accent);
  --mo-on-action-accent: #ffffff;
  --mo-on-article-link: var(--jc-accent);
  --mo-on-article-link-accent: var(--jc-accent-hover);
  --mo-on-footer-accent: var(--jc-accent);
}

html,
body {
  background: var(--jc-bg) !important;
  background-color: var(--jc-bg) !important;
}

body,
.landing .landing__content,
.article .article__wrapper,
.recipe {
  color: var(--jc-ink) !important;
}

a:not(.icon-wrapper):not(.entry__footer-link):not(.author-card__more):not(.footer__other-site) {
  color: var(--jc-accent);
}

a:not(.icon-wrapper):not(.entry__footer-link):not(.author-card__more):not(.footer__other-site):hover {
  color: var(--jc-accent-hover);
}

.header .header__wrapper .header__menu .header__menu-item a:hover,
.header .header__wrapper .header__menu .header__menu-item a.selected,
.header .header__wrapper .header__menu .header__menu-item button:hover,
.header .header__wrapper .header__menu .header__menu-item button.selected,
.footer .footer__body .footer__nav .footer__nav-item > *:hover,
.footer .footer__body .footer__nav .footer__nav-item > *.selected,
.footer__col-list a:hover,
.footer__col-list a.selected {
  color: var(--jc-accent) !important;
}

.actions a,
.pin,
button[type="submit"],
input[type="submit"] {
  border: 0 !important;
  border-radius: 4px !important;
  background: var(--jc-accent) !important;
  color: #ffffff !important;
  box-shadow: none !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  cursor: pointer;
  transform: none !important;
  transition: background-color 180ms ease, color 180ms ease, opacity 180ms ease, border-color 180ms ease !important;
}

.actions a:hover,
.pin:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
  background: var(--jc-accent-hover) !important;
  color: #ffffff !important;
  opacity: 0.96;
  transform: none !important;
}

.actions a[href*="pinterest.com"],
.pin {
  background: var(--jc-pinterest) !important;
}

.actions a[href*="pinterest.com"]:hover,
.pin:hover {
  background: #8f285f !important;
}

.actions a[href^="mailto:"],
.actions a[href*="/print"] {
  background: var(--jc-action-dark) !important;
}

.actions a[href^="mailto:"]:hover,
.actions a[href*="/print"]:hover {
  background: #000000 !important;
}

input:focus,
textarea:focus,
select:focus {
  border-color: var(--jc-accent) !important;
  box-shadow: 0 0 0 3px rgba(141, 98, 113, 0.18) !important;
}

.pagination a:hover,
.chip:hover,
.entry .entry__footer .entry__footer-link:hover {
  color: #ffffff !important;
  background: var(--jc-accent) !important;
}

.recipe .recipe__highlight,
.recipe [class*="time"],
.recipe [class*="yield"],
.recipe [class*="difficulty"] {
  color: var(--jc-accent) !important;
}

.author-card {
  display: grid !important;
  grid-template-columns: 110px minmax(0, 1fr);
  align-items: center;
  gap: 2rem;
  width: 100%;
  max-width: 760px;
  margin-block: 1.35rem 0;
  padding: 1.45rem 1.65rem;
  border: 1px solid var(--jc-author-border) !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: none !important;
  color: var(--jc-ink) !important;
}

.author-card__avatar-link {
  display: block;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  overflow: hidden;
  background: var(--jc-soft-bg);
  text-decoration: none;
  flex: 0 0 auto;
}

.author-card__avatar {
  display: block !important;
  width: 110px !important;
  height: 110px !important;
  border: 0 !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  box-shadow: none !important;
  background: var(--jc-soft-bg);
}

.author-card__body {
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.55rem;
  min-width: 0;
}

.author-card__byline,
.author-card__updated {
  display: none !important;
}

.author-card__name {
  display: inline-flex !important;
  width: fit-content;
  color: var(--jc-ink) !important;
  font-family: var(--rx-font) !important;
  font-size: clamp(1.55rem, 2.3vw, 2rem) !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
  text-decoration: none !important;
}

.author-card__name:hover {
  color: var(--jc-accent) !important;
}

.author-card__bio {
  max-width: 58ch;
  margin: 0 !important;
  color: #2f2f2f !important;
  font-size: clamp(1rem, 1.5vw, 1.18rem) !important;
  line-height: 1.58 !important;
}

.author-card__more {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  margin-top: 0.35rem;
  padding: 0.72rem 1rem;
  border: 0 !important;
  border-radius: 4px !important;
  background: var(--jc-accent) !important;
  color: #ffffff !important;
  box-shadow: none !important;
  font-size: 1rem !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  text-decoration: none !important;
  cursor: pointer;
  transition: background-color 180ms ease, color 180ms ease !important;
}

.author-card__more:hover,
.author-card__more:focus-visible,
.footer__other-site:hover,
.footer__other-site:focus-visible {
  background: var(--jc-accent-hover) !important;
  color: #ffffff !important;
}

.author-card__name:focus-visible,
.author-card__more:focus-visible,
.actions a:focus-visible,
.footer__other-site:focus-visible {
  outline: 3px solid rgba(141, 98, 113, 0.28) !important;
  outline-offset: 3px;
}

.footer__other-site {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0.8rem 1.4rem !important;
  border-radius: 999px !important;
  background: var(--jc-accent) !important;
  color: #ffffff !important;
  box-shadow: none !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

@media (max-width: 700px) {
  .author-card {
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 1rem;
    padding: 1.25rem;
    text-align: center;
  }

  .author-card__body {
    align-items: center;
  }

  .author-card__bio {
    max-width: 100%;
  }
}
/* 2026-06-02 Round-2 Jo Cooks redesign fixes. */
:root {
  --jc-canvas-warm: #f5f3ed;
  --jc-paper: #ffffff;
  --jc-border-strong: #e6e1dd;
  --jc-border-soft: #efebe7;
  --jc-ink-soft: #2a2928;
  --jc-muted-2: #6f6a68;
  --jc-cream: #fbfaf7;
  --jc-shadow-clean: 0 14px 34px rgba(26, 26, 26, 0.08);
}

.header {
  position: sticky;
  top: 0;
  min-height: 0 !important;
  background: var(--jc-canvas-warm) !important;
  border-bottom: 1px solid rgba(26, 26, 26, 0.07) !important;
  box-shadow: 0 10px 28px rgba(26, 26, 26, 0.08) !important;
}

.header .container {
  max-width: 1360px;
}

.header .header__wrapper {
  min-height: 86px !important;
  gap: clamp(1.2rem, 4vw, 3rem) !important;
}

.header .header__brand {
  width: clamp(150px, 14vw, 188px);
  min-width: 0 !important;
  padding: 0.42rem 0.7rem !important;
  border: 1px solid var(--jc-border-strong) !important;
  border-radius: 8px !important;
  background: var(--jc-paper) !important;
  box-shadow: 0 10px 22px rgba(26, 26, 26, 0.08) !important;
}

.header .header__brand .logo {
  display: block;
  width: 100%;
  height: auto;
  max-height: 58px;
  object-fit: contain;
}

.header .header__wrapper .header__menu {
  gap: 0.5rem !important;
}

.header .header__wrapper .header__menu .header__menu-item a,
.header .header__wrapper .header__menu .header__menu-item button {
  min-height: 44px;
  padding: 0.6rem 0.72rem !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  color: var(--jc-ink) !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 0.98rem !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  cursor: pointer;
  transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease !important;
}

.header .header__wrapper .header__menu .header__menu-item a:hover,
.header .header__wrapper .header__menu .header__menu-item a.selected,
.header .header__wrapper .header__menu .header__menu-item button:hover,
.header .header__wrapper .header__menu .header__menu-item button.selected {
  color: var(--jc-accent) !important;
  background: rgba(255, 255, 255, 0.7) !important;
  border-color: var(--jc-border-strong) !important;
  transform: none !important;
}

.landing {
  padding-block: 3.8rem 1.75rem;
}

.landing .landing__wrapper {
  display: block !important;
  padding-block: 0 !important;
}

.landing .landing__content {
  max-width: 760px;
}

.landing .landing__content > .author-card {
  display: none !important;
}

.article figure img {
  border-radius: 8px;
  box-shadow: none !important;
}

.article figure figcaption {
  color: var(--jc-muted-2) !important;
}

.template-main-sidebar {
  gap: clamp(2rem, 4vw, 3.25rem) !important;
}

@media (min-width: 1025px) {
  .template-main-sidebar {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 360px) !important;
  }
}

.template-main-sidebar .template-main-sidebar__sidebar {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  top: 112px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .author {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding: 1.4rem;
  border: 1px solid var(--jc-border-strong) !important;
  border-radius: 8px;
  background: var(--jc-paper);
  text-align: center;
}

.template-main-sidebar .template-main-sidebar__sidebar .author::after {
  display: none !important;
  content: none !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .author__img {
  width: 148px !important;
  height: 148px !important;
  margin: 0 auto !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: var(--jc-cream) !important;
  box-shadow: none !important;
  overflow: hidden;
}

.template-main-sidebar .template-main-sidebar__sidebar .author__img img {
  width: 100% !important;
  height: 100% !important;
  border-radius: 8px !important;
  object-fit: cover !important;
  transform: none !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .author__body {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  gap: 0.7rem !important;
  padding: 0 !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .author__title {
  color: var(--jc-accent) !important;
  font-size: 1.3rem !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-decoration: none !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .author__title:hover {
  color: var(--jc-accent-hover) !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .author__body p {
  margin: 0 !important;
  color: var(--jc-ink-soft) !important;
  font-size: 1rem !important;
  line-height: 1.48 !important;
}

.social__items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.65rem;
}

.social__item {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px;
  min-height: 44px;
  border: 1px solid var(--jc-border-strong) !important;
  border-radius: 8px !important;
  background: var(--jc-paper) !important;
  color: var(--jc-accent) !important;
  box-shadow: none !important;
  transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease !important;
}

.social__item:hover,
.social__item:focus-visible {
  border-color: var(--jc-accent) !important;
  background: var(--jc-accent) !important;
  color: #ffffff !important;
}

.social__item svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
  stroke: currentColor;
}

.social__item use {
  fill: currentColor;
  stroke: currentColor;
}

.article .article__wrapper > h2 {
  display: block !important;
  margin-block: 2.55rem 1.05rem !important;
  padding: 0 0 0.72rem !important;
  border: 0 !important;
  border-bottom: 1px solid var(--jc-border-strong) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--jc-ink) !important;
  font-size: clamp(1.85rem, 3vw, 2.6rem) !important;
  line-height: 1.1 !important;
}

.article .article__wrapper > aside {
  border: 1px solid var(--jc-border-strong) !important;
  border-radius: 8px !important;
  background: var(--jc-cream) !important;
  box-shadow: none !important;
}

.recipe__separator {
  display: flex !important;
  align-items: center;
  gap: 1rem;
  margin-block: 2.25rem 1rem !important;
  color: var(--jc-muted-2) !important;
  font-size: clamp(1.45rem, 2.4vw, 2rem) !important;
}

.recipe__separator::after {
  content: "";
  flex: 1 1 auto;
  height: 3px;
  border-radius: 999px;
  background: var(--jc-border-strong);
}

#recipe-instructions.recipe__interact-list {
  counter-reset: recipe-step;
  gap: 0 !important;
}

#recipe-instructions.recipe__interact-list > div {
  counter-increment: recipe-step;
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  column-gap: 1rem;
  row-gap: 0.4rem;
  align-items: start;
  margin-block: 0 1.45rem;
}

#recipe-instructions br {
  display: none !important;
}

#recipe-instructions .recipe__interact-list-number {
  display: inline-flex !important;
  grid-column: 1;
  grid-row: 1;
  align-items: center;
  justify-content: center;
  width: 54px !important;
  height: 54px !important;
  margin: 0 !important;
  border: 1px solid #d8cfd4 !important;
  border-radius: 50% !important;
  background: #f8f6f7 !important;
  box-shadow: none !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 1 !important;
  cursor: pointer;
  transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease !important;
}

#recipe-instructions .recipe__interact-list-number::before {
  content: counter(recipe-step, decimal-leading-zero);
  color: var(--jc-accent);
  font-size: 0.95rem;
  font-weight: 900;
}

#recipe-instructions .recipe__interact-list-number.selected,
#recipe-instructions .recipe__interact-list-number:hover {
  border-color: var(--jc-accent) !important;
  background: var(--jc-accent) !important;
}

#recipe-instructions .recipe__interact-list-number.selected::before,
#recipe-instructions .recipe__interact-list-number:hover::before {
  color: #ffffff;
}

#recipe-instructions .recipe__interact-list-number:focus-visible {
  outline: 3px solid rgba(141, 98, 113, 0.28) !important;
  outline-offset: 3px;
}

#recipe-instructions .recipe__interact-list-content {
  grid-column: 2;
  grid-row: 1;
  margin: 0 !important;
  padding-top: 0.25rem;
}

.category .category__body {
  box-shadow: none !important;
}

.category .category__body::after {
  display: none !important;
  content: none !important;
  background: none !important;
}

.category .category__body .category__title {
  display: inline-flex;
  width: fit-content;
  max-width: calc(100% - 2rem);
  padding: 0.38rem 0.55rem;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.94);
  color: var(--jc-ink) !important;
  text-shadow: none !important;
}

.related_entries {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem !important;
  border: 1px solid var(--jc-border-strong) !important;
  border-radius: 8px !important;
  background: var(--jc-paper) !important;
}

.related_entries__title {
  margin: 0 0 0.25rem !important;
  color: var(--jc-ink) !important;
  font-size: 1.25rem !important;
  line-height: 1.16 !important;
  text-align: center;
}

.related_entries__item {
  display: grid !important;
  grid-template-columns: 82px minmax(0, 1fr);
  align-items: center;
  gap: 0.75rem;
  min-height: 98px;
  padding: 0.55rem !important;
  border: 1px solid var(--jc-border-soft) !important;
  border-radius: 8px !important;
  background: var(--jc-paper) !important;
  color: var(--jc-ink) !important;
  text-decoration: none !important;
  transition: border-color 180ms ease, background-color 180ms ease, color 180ms ease !important;
}

.related_entries__item:hover,
.related_entries__item:focus-visible {
  border-color: #d9cbd1 !important;
  background: var(--jc-cream) !important;
  color: var(--jc-accent) !important;
}

.related_entries__item-img {
  width: 82px !important;
  height: 82px !important;
  border-radius: 8px !important;
  object-fit: cover !important;
}

.related_entries__item-content {
  color: inherit !important;
  font-size: 0.98rem !important;
  font-weight: 900 !important;
  line-height: 1.22 !important;
}

.footer {
  margin-block: 4.5rem 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

.footer__main {
  border-top: 1px solid var(--jc-border-strong);
  background: var(--jc-canvas-warm);
}

.footer__main-wrapper {
  display: grid !important;
  grid-template-columns: minmax(220px, 0.8fr) minmax(320px, 1.2fr);
  align-items: start;
  gap: clamp(2rem, 5vw, 4rem);
  padding-block: 2.6rem !important;
}

.footer__brand {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}

.footer__logo img {
  display: block;
  width: min(220px, 100%);
  height: auto;
}

.footer__columns {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(1.5rem, 4vw, 3rem);
}

.footer__col-title {
  margin: 0 0 0.8rem !important;
  color: var(--jc-ink) !important;
  font-size: 1rem !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}

.footer__col-list {
  display: grid;
  gap: 0.42rem;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.footer__col-list a {
  display: inline-flex;
  color: var(--jc-muted-2) !important;
  font-size: 0.95rem !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
}

.footer__col-list a:hover,
.footer__col-list a.selected {
  color: var(--jc-accent) !important;
}

.footer__bottom {
  border-top: 1px solid var(--jc-border-strong);
  background: var(--jc-paper);
}

.footer__bottom-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-block: 0.9rem !important;
}

.footer__copyright {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.6rem;
  color: var(--jc-muted-2) !important;
  font-size: 0.85rem !important;
}

.footer__version {
  color: var(--jc-accent);
  font-weight: 900;
}

.footer__top {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0.55rem 0.8rem;
  border: 1px solid var(--jc-border-strong);
  border-radius: 8px;
  color: var(--jc-accent) !important;
  text-decoration: none !important;
}

.footer__top:hover,
.footer__top:focus-visible {
  border-color: var(--jc-accent);
  background: var(--jc-accent);
  color: #ffffff !important;
}

@media (max-width: 1024px) {
  .template-main-sidebar {
    display: block !important;
  }

  .template-main-sidebar .template-main-sidebar__sidebar {
    position: static !important;
    margin-top: 2rem;
  }

  .footer__main-wrapper {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 700px) {
  .header .header__wrapper {
    min-height: 76px !important;
  }

  .header .header__brand {
    width: 142px;
  }

  .landing {
    padding-block: 3.1rem 1.4rem;
  }

  .actions a {
    min-height: 44px;
  }

  .article .article__wrapper > h2 {
    font-size: 1.7rem !important;
  }

  #recipe-instructions.recipe__interact-list > div {
    grid-template-columns: 1fr;
  }

  #recipe-instructions .recipe__interact-list-content {
    grid-column: 1;
    grid-row: 2;
  }

  .footer__brand,
  .footer__bottom-wrapper {
    align-items: center;
    text-align: center;
  }

  .footer__columns {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .footer__col-list {
    justify-items: center;
  }

  .footer__bottom-wrapper {
    flex-direction: column;
  }
}
/* 2026-06-02 Round-2 social icon fallback. */
.social__item svg {
  display: none !important;
}

.social__item::before {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: currentColor;
  font-family: var(--rx-font);
  font-size: 0.86rem;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}

.social__item[title="Email"]::before { content: "@"; font-size: 1.05rem; }
.social__item[title="Instagram"]::before { content: "ig"; }
.social__item[title="Youtube"]::before { content: "yt"; }
.social__item[title="Twitter"]::before { content: "x"; font-size: 1rem; }
.social__item[title="Pinterest"]::before { content: "p"; font-size: 1rem; }

/* 2026-06-02 (g) User feedback pass: real small social icons, carded article body + notes,
   redesigned recipe card, sticky footer. Appended last so it wins the cascade. */

/* --- Sticky footer: keep the footer pinned to the page bottom on short pages --- */
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
body > #main,
body > .main {
  flex: 1 0 auto;
}
body > #footer,
body > .footer {
  flex-shrink: 0;
}

/* --- Social icons: restore the real line icons, smaller, on a single row --- */
.social__items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
}
.social__item {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  padding: 0 !important;
  border: 1px solid var(--jc-border-strong) !important;
  border-radius: 9px !important;
  background: var(--jc-paper) !important;
  color: var(--jc-accent) !important;
}
/* Higher specificity (.social .social__item svg) to beat main.css's
   `.social .social__item svg { color:#fff; fill:#fff }`, which on the LIGHT
   redesign footer made currentColor white => invisible line icons.
   Force the icon color to the brand accent so the stroke is visible. */
.social .social__item svg,
.social__item svg {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  padding: 0 !important;
  color: var(--jc-accent, #8d6271) !important;
  fill: none !important;
  stroke: currentColor !important;
}
.social .social__item svg *,
.social__item svg *,
.social__item use {
  color: var(--jc-accent, #8d6271) !important;
  fill: none !important;
  stroke: currentColor !important;
}
.social__item::before {
  content: none !important;
  display: none !important;
}
.social__item:hover,
.social__item:focus-visible {
  border-color: var(--jc-accent) !important;
  background: var(--jc-accent) !important;
  color: #ffffff !important;
}
.social__title {
  font-size: 1.1rem !important;
}

/* --- Article body: present the reading column as one clean card --- */
.template-main-sidebar__main > .article,
.article {
  background: var(--jc-paper) !important;
  border: 1px solid var(--jc-border-strong) !important;
  border-radius: 16px !important;
  box-shadow: var(--jc-card-shadow) !important;
  padding: clamp(1.35rem, 3vw, 2.5rem) !important;
  overflow: hidden;
}
.article .article__wrapper {
  background: transparent !important;
  padding: 0 !important;
}
.article > figure:first-of-type,
.article .article__wrapper > figure:first-of-type {
  margin-top: 0 !important;
}

/* --- Notes & recommendations: soft callout cards inside the article (kill leaked dashed outline) --- */
.article .article__wrapper .note,
.article .article__wrapper .recommendations {
  outline: 0 !important;
  border: 1px solid var(--jc-border-strong) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  padding: clamp(1.1rem, 2.5vw, 1.6rem) !important;
}
.article .article__wrapper .note {
  background: #fbf4e9 !important;
  border-color: #ecdcc4 !important;
}
.article .article__wrapper .note h2,
.article .article__wrapper .recommendations h2 {
  color: var(--jc-ink) !important;
}

/* --- Recipe card: redesigned clean card (kill base dashed outline + 40px radius) --- */
.template-main-sidebar__main > section.recipe,
section.recipe,
.recipe {
  outline: 0 !important;
  margin-top: 2rem !important;
  padding: clamp(1.35rem, 3vw, 2.25rem) !important;
  border: 1px solid var(--jc-border-strong) !important;
  border-radius: 16px !important;
  background: var(--jc-paper) !important;
  box-shadow: var(--jc-card-shadow) !important;
}
.recipe { outline: 0 !important; }
.recipe .recipe__title {
  color: var(--jc-ink) !important;
  font-size: clamp(1.6rem, 3vw, 2.2rem) !important;
  line-height: 1.12 !important;
}
.recipe .recipe__times {
  border-top: 1px solid var(--jc-border-soft) !important;
  border-bottom: 1px solid var(--jc-border-soft) !important;
}
.recipe .recipe__interact-list img {
  border-radius: 12px !important;
}
.recipe .recipe__static-list li::after {
  border-left-style: solid !important;
  border-left-color: var(--jc-border-strong) !important;
}

/* 2026-06-03 Article-page Jo Cooks corrections: header, article scale, category tiles, footer width. */
.header {
  position: relative !important;
  top: auto !important;
  min-height: 0 !important;
  background: var(--jc-paper) !important;
  border-bottom: 1px solid var(--jc-border-strong) !important;
  box-shadow: none !important;
}

.header .container {
  width: min(100%, 1240px) !important;
  max-width: 1240px !important;
}

.header .header__wrapper {
  min-height: 68px !important;
  gap: clamp(1rem, 3.8vw, 3rem) !important;
}

.header .header__brand {
  width: clamp(148px, 12vw, 174px) !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.header .header__brand .logo {
  max-height: 48px !important;
}

.header .header__wrapper .header__menu {
  gap: clamp(0.45rem, 1.5vw, 1rem) !important;
}

.header .header__wrapper .header__menu .header__menu-item a,
.header .header__wrapper .header__menu .header__menu-item button {
  min-height: 44px !important;
  padding: 0.55rem 0.18rem !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--jc-ink) !important;
  font-size: 0.95rem !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  cursor: pointer;
  transition: border-color 180ms ease, color 180ms ease !important;
}

.header .header__wrapper .header__menu .header__menu-item a:hover,
.header .header__wrapper .header__menu .header__menu-item a.selected,
.header .header__wrapper .header__menu .header__menu-item button:hover,
.header .header__wrapper .header__menu .header__menu-item button.selected {
  border-bottom-color: var(--jc-accent) !important;
  background: transparent !important;
  color: var(--jc-accent) !important;
  transform: none !important;
}

.header .header__wrapper .header__menu .header__menu-item a:focus-visible,
.header .header__wrapper .header__menu .header__menu-item button:focus-visible {
  outline: 3px solid rgba(141, 98, 113, 0.28) !important;
  outline-offset: 3px;
}

.header .header__wrapper .header__menu .header__menu-item svg {
  width: 1.05rem !important;
  height: 1.05rem !important;
}

.container--compact .template-main {
  max-width: 820px;
  margin-inline: auto;
}

.template-main > .article {
  max-width: 740px;
  margin-inline: auto !important;
  padding: clamp(1.05rem, 2.35vw, 1.85rem) !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 22px rgba(26, 26, 26, 0.05) !important;
}

.template-main > .article:not(:has(> figure)):not(:has(> .article__wrapper > *)) {
  display: none !important;
}

.template-main > .article .article__wrapper {
  max-width: 680px;
  margin-inline: auto;
}

.template-main > .article .article__wrapper > h2 {
  margin-block: 1.95rem 0.75rem !important;
  padding: 0 0 0.45rem !important;
  border: 0 !important;
  border-bottom: 1px solid var(--jc-border-strong) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--jc-ink) !important;
  font-size: clamp(1.38rem, 2vw, 1.95rem) !important;
  line-height: 1.18 !important;
  letter-spacing: 0 !important;
}

.category .category__body {
  border: 0 !important;
  outline: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden;
}

.category .category__body:hover,
.category .category__body:focus-within {
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

.category .category__body::after {
  display: block !important;
  content: "" !important;
  position: absolute;
  inset: auto 0 0;
  z-index: 1;
  height: 58%;
  background: linear-gradient(180deg, rgba(26, 26, 26, 0), rgba(26, 26, 26, 0.68)) !important;
  pointer-events: none;
}

.category .category__body .category__img {
  border: 0 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

.category .category__body .category__title {
  z-index: 2;
  max-width: calc(100% - 2rem);
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #ffffff !important;
  text-shadow: 0 2px 8px rgba(26, 26, 26, 0.56) !important;
}

.footer {
  display: block !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: none !important;
  overflow-x: clip;
}

.footer__main,
.footer__bottom {
  display: block !important;
  align-self: stretch !important;
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
}

.footer__main-wrapper,
.footer__bottom-wrapper {
  width: min(1180px, calc(100% - clamp(2rem, 7vw, 5rem))) !important;
  max-width: 1180px !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
}

@supports not (overflow: clip) {
  .footer {
    overflow-x: hidden;
  }
}

@media (max-width: 700px) {
  .header .container {
    padding-inline: 0.9rem !important;
  }

  .header .header__wrapper {
    min-height: 62px !important;
  }

  .header .header__brand {
    width: 136px !important;
  }

  .template-main > .article {
    max-width: calc(100% - 1.2rem);
    padding: 1rem !important;
  }

  .template-main > .article .article__wrapper > h2 {
    font-size: 1.45rem !important;
    margin-block: 1.55rem 0.65rem !important;
  }
}

/* 2026-06-03 Critical visible article-page fixes on live 8766. */
:root {
  --jc-critical-content: 780px;
  --jc-critical-sidebar: 300px;
}

.header {
  position: relative !important;
  top: auto !important;
  background: #ffffff !important;
  border-bottom: 1px solid var(--jc-border-strong) !important;
  box-shadow: none !important;
}

.header .header__wrapper {
  min-height: 64px !important;
}

.header .header__brand {
  width: clamp(144px, 11vw, 168px) !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.header .header__brand .logo {
  max-height: 46px !important;
}

.header .header__wrapper .header__menu .header__menu-item a,
.header .header__wrapper .header__menu .header__menu-item button {
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.header .header__wrapper .header__menu .header__menu-item a:hover,
.header .header__wrapper .header__menu .header__menu-item a.selected,
.header .header__wrapper .header__menu .header__menu-item button:hover,
.header .header__wrapper .header__menu .header__menu-item button.selected {
  border-bottom-color: var(--jc-accent) !important;
  background: transparent !important;
  color: var(--jc-accent) !important;
}

@media (min-width: 1025px) {
  .template-main-sidebar {
    grid-template-columns: minmax(0, var(--jc-critical-content)) minmax(260px, var(--jc-critical-sidebar)) !important;
    justify-content: center !important;
    gap: clamp(0.875rem, 2vw, 1.5rem) !important;
  }

  .template-main-sidebar .template-main-sidebar__main {
    grid-column: auto !important;
    width: 100% !important;
    max-width: var(--jc-critical-content) !important;
  }

  .template-main-sidebar .template-main-sidebar__sidebar {
    grid-column: auto !important;
    max-width: var(--jc-critical-sidebar) !important;
    width: 100% !important;
    gap: 0.5rem !important;
  }
}

.template-main-sidebar__main > .article,
.template-main > .article {
  max-width: var(--jc-critical-content) !important;
  margin-inline: auto !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 22px rgba(26, 26, 26, 0.05) !important;
}

.template-main-sidebar__main > .article .article__wrapper,
.template-main > .article .article__wrapper {
  max-width: 680px !important;
  margin-inline: auto !important;
}

.template-main-sidebar__main > .article .article__wrapper > h2,
.template-main > .article .article__wrapper > h2,
.article .article__wrapper > h2 {
  margin-block: 1.85rem 0.75rem !important;
  padding: 0 0 0.45rem !important;
  border: 0 !important;
  border-bottom: 1px solid var(--jc-border-strong) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--jc-ink) !important;
  font-size: clamp(1.38rem, 2vw, 1.95rem) !important;
  line-height: 1.18 !important;
  letter-spacing: 0 !important;
}

.recipe__separator,
.recipe .recipe__title {
  font-size: clamp(1.45rem, 2vw, 2.1rem) !important;
  line-height: 1.16 !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .author,
.related_entries {
  padding: 1.1rem !important;
  border-radius: 8px !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .author__img {
  width: 120px !important;
  height: 120px !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .author__title,
.related_entries__title {
  font-size: 1.18rem !important;
}

.related_entries__item {
  grid-template-columns: 68px minmax(0, 1fr) !important;
  min-height: 82px !important;
}

.related_entries__item-img {
  width: 68px !important;
  height: 68px !important;
}

.category .category__body {
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.category .category__body::after {
  display: block !important;
  content: "" !important;
  position: absolute !important;
  inset: auto 0 0 !important;
  height: 58% !important;
  background: linear-gradient(180deg, rgba(26, 26, 26, 0), rgba(26, 26, 26, 0.72)) !important;
  pointer-events: none !important;
}

.category .category__body .category__title {
  z-index: 2 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #ffffff !important;
  text-shadow: 0 2px 9px rgba(26, 26, 26, 0.62) !important;
}

.footer {
  display: block !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: none !important;
  overflow-x: clip !important;
}

.footer__main,
.footer__bottom {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
}

.footer__main-wrapper,
.footer__bottom-wrapper {
  width: min(1180px, calc(100% - clamp(2rem, 7vw, 5rem))) !important;
  max-width: 1180px !important;
  margin-inline: auto !important;
}

@media (max-width: 700px) {
  .header .header__wrapper {
    min-height: 60px !important;
  }

  .header .header__brand {
    width: 132px !important;
  }

  .template-main-sidebar__main > .article,
  .template-main > .article {
    max-width: calc(100% - 1rem) !important;
    padding: 1rem !important;
  }

  .template-main-sidebar__main > .article .article__wrapper > h2,
  .template-main > .article .article__wrapper > h2,
  .article .article__wrapper > h2 {
    font-size: 1.45rem !important;
    margin-block: 1.5rem 0.65rem !important;
  }
}


/* 2026-06-03 Awesome-design editorial article card refinement. */
:root {
  --jc-awesome-content: 720px;
  --jc-awesome-sidebar: 300px;
  --jc-awesome-gap: 5px;
  --jc-awesome-hairline: #e0e0e0;
  --jc-awesome-body: Georgia, "Times New Roman", serif;
  --jc-awesome-ui: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.container:has(.template-main-sidebar) {
  margin-bottom: 0 !important;
  padding-bottom: 10px !important;
}

.container:has(.template-main-sidebar) .container__wrapper {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.template-main-sidebar {
  margin-bottom: 0 !important;
}

@media (min-width: 1025px) {
  .template-main-sidebar {
    grid-template-columns: minmax(0, var(--jc-awesome-content)) minmax(260px, var(--jc-awesome-sidebar)) !important;
    gap: var(--jc-awesome-gap) !important;
    justify-content: center !important;
    align-items: start !important;
  }

  .template-main-sidebar .template-main-sidebar__main {
    display: block !important;
    width: 100% !important;
    max-width: var(--jc-awesome-content) !important;
    padding: 20px !important;
    border: 1px solid var(--jc-awesome-hairline) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  .template-main-sidebar .template-main-sidebar__sidebar {
    position: static !important;
    top: auto !important;
    align-self: start !important;
    width: 100% !important;
    max-width: var(--jc-awesome-sidebar) !important;
    gap: 8px !important;
  }
}

.template-main-sidebar__main > .article,
.template-main-sidebar__main > .recipe,
.template-main > .article,
.article,
.recipe {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
}

.template-main-sidebar__main > .article,
.template-main > .article,
.article {
  padding: 0 !important;
  overflow: visible !important;
}

.template-main-sidebar__main > .recipe,
.recipe {
  margin-top: 20px !important;
  padding: 20px 0 0 !important;
  border-top: 1px solid var(--jc-awesome-hairline) !important;
}

.template-main-sidebar__main > .article .article__wrapper,
.template-main > .article .article__wrapper,
.article .article__wrapper,
.recipe .recipe__wrapper {
  max-width: 620px !important;
  margin-inline: auto !important;
  padding: 0 !important;
  background: transparent !important;
}

.article .article__wrapper p,
.article .article__wrapper li,
.article .article__wrapper dd,
.article .article__wrapper summary {
  color: #1a1a1a !important;
  font-family: var(--jc-awesome-body) !important;
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0.01em !important;
}

.recipe,
.recipe p,
.recipe li,
.recipe label,
.recipe summary,
.recipe details,
.recipe .recipe__interact-list-content {
  color: #1a1a1a !important;
  font-family: var(--jc-awesome-body) !important;
  font-size: 16px !important;
  line-height: 24px !important;
}

.article .article__wrapper > h2,
.template-main-sidebar__main > .article .article__wrapper > h2,
.template-main > .article .article__wrapper > h2 {
  margin-block: 20px 8px !important;
  padding: 0 0 6px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--jc-awesome-hairline) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #000000 !important;
  font-family: var(--jc-awesome-body) !important;
  font-size: clamp(1.13rem, 1.35vw, 1.32rem) !important;
  font-weight: 600 !important;
  line-height: 1.22 !important;
  letter-spacing: 0 !important;
}

.article .article__wrapper .note h2,
.article .article__wrapper .recommendations h2,
.recipe .recipe__title,
.recipe__separator {
  color: #000000 !important;
  font-family: var(--jc-awesome-body) !important;
  font-size: clamp(1.18rem, 1.45vw, 1.45rem) !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

.recipe__separator {
  margin-block: 20px 8px !important;
  padding-bottom: 6px !important;
  border-bottom: 1px solid var(--jc-awesome-hairline) !important;
}

.recipe__separator::after {
  display: none !important;
}

.article figure img,
.recipe img {
  border: 1px solid var(--jc-awesome-hairline) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

.article figure figcaption,
.recipe figcaption,
.article .article__wrapper details,
.recipe .recipe__highlight,
.recipe strong,
.recipe h4,
.recipe .recipe__times strong {
  font-family: var(--jc-awesome-ui) !important;
}

.article .article__wrapper .note,
.article .article__wrapper .recommendations,
.recipe__times,
#recipe-info,
.recipe__ingredient,
.recipe__details {
  border-color: var(--jc-awesome-hairline) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}

.footer {
  margin-top: 10px !important;
}

@media (max-width: 1024px) {
  .template-main-sidebar .template-main-sidebar__sidebar {
    position: static !important;
    top: auto !important;
  }
}

@media (max-width: 700px) {
  .container:has(.template-main-sidebar) {
    padding-bottom: 10px !important;
  }

  .template-main-sidebar .template-main-sidebar__main {
    max-width: calc(100% - 1rem) !important;
    margin-inline: auto !important;
    padding: 16px !important;
    border: 1px solid var(--jc-awesome-hairline) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  .template-main-sidebar__main > .article .article__wrapper,
  .template-main > .article .article__wrapper,
  .article .article__wrapper,
  .recipe .recipe__wrapper {
    max-width: 100% !important;
  }

  .article .article__wrapper > h2,
  .template-main-sidebar__main > .article .article__wrapper > h2,
  .template-main > .article .article__wrapper > h2 {
    font-size: 1.2rem !important;
    margin-block: 18px 8px !important;
  }
}

/* 2026-06-03 Awesome-design final specificity correction. */
.container:has(.template-main-sidebar) {
  padding-bottom: 0 !important;
}

.template-main-sidebar .template-main-sidebar__main > section#recipe.recipe {
  margin-top: 20px !important;
  padding: 20px 0 0 !important;
  border: 0 !important;
  border-top: 1px solid var(--jc-awesome-hairline) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
}

.template-main-sidebar .template-main-sidebar__main > section#recipe.recipe .recipe__wrapper {
  max-width: 620px !important;
  margin-inline: auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.footer {
  margin-top: 10px !important;
}

@media (max-width: 700px) {
  .container:has(.template-main-sidebar) {
    padding-bottom: 0 !important;
  }
}

/* 2026-06-03 Jo Cooks reference clone dimensions. */
:root {
  --jc-clone-ink: #1a1d1e;
  --jc-clone-muted: #5b5f60;
  --jc-clone-soft: #e8e1e4;
  --jc-clone-accent: #8d6271;
  --jc-clone-accent-dark: #60434e;
  --jc-clone-border: #e4e4e4;
  --jc-clone-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --jc-clone-main: 730px;
  --jc-clone-sidebar: 340px;
  --jc-clone-gap: 110px;
  --jc-clone-shell: calc(var(--jc-clone-main) + var(--jc-clone-sidebar) + var(--jc-clone-gap));
}

body {
  color: var(--jc-clone-ink) !important;
  font-family: var(--jc-clone-body) !important;
  background: #ffffff !important;
}

.header {
  position: relative !important;
  z-index: 20 !important;
  height: 113px !important;
  min-height: 113px !important;
  overflow: visible !important;
  background: #ffffff !important;
  border-bottom: 1px solid #eeeeee !important;
  box-shadow: none !important;
}

.header > .container {
  width: 100% !important;
  max-width: 1200px !important;
  height: 113px !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
}

.header .header__wrapper {
  position: relative !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  height: 113px !important;
  min-height: 113px !important;
  gap: 0 !important;
  margin: 0 auto !important;
  padding: 0 !important;
  color: var(--jc-clone-ink) !important;
  font-family: var(--jc-clone-body) !important;
}

.header .header__brand {
  display: inline-flex !important;
  flex: 0 0 250px !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 250px !important;
  min-width: 250px !important;
  height: 125px !important;
  margin: -12px 0 0 -8px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.header .header__brand .logo {
  display: block !important;
  width: 250px !important;
  max-width: 250px !important;
  height: 125px !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: left center !important;
  transform: none !important;
}

.header .social {
  position: absolute !important;
  top: 18px !important;
  right: 4px !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.header .social__items {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.header .social__item {
  width: 17px !important;
  height: 17px !important;
  min-width: 17px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--jc-clone-ink) !important;
  fill: var(--jc-clone-ink) !important;
  box-shadow: none !important;
  transform: none !important;
  opacity: 1 !important;
}

.header .social__item svg {
  width: 17px !important;
  height: 17px !important;
  color: currentColor !important;
  fill: currentColor !important;
}

.header .header__wrapper .header__menu {
  display: flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: flex-start !important;
  height: 47px !important;
  margin: 19px 0 0 20px !important;
  padding: 0 !important;
  gap: 0 !important;
  list-style: none !important;
  color: var(--jc-clone-ink) !important;
  font-family: var(--jc-clone-body) !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 20px !important;
}

.header .header__wrapper .header__menu .header__menu-item {
  display: inline-flex !important;
  align-items: center !important;
  height: 47px !important;
}

.header .header__wrapper .header__menu .header__menu-item > a,
.header .header__wrapper .header__menu .header__menu-item > button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 47px !important;
  min-height: 47px !important;
  margin: 0 !important;
  padding: 0 15px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--jc-clone-ink) !important;
  font-family: var(--jc-clone-body) !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 20px !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  transform: none !important;
  transition: color 200ms ease, background-color 200ms ease !important;
}

.header .header__wrapper .header__menu .header__menu-item > a:hover,
.header .header__wrapper .header__menu .header__menu-item > a.selected,
.header .header__wrapper .header__menu .header__menu-item > button:hover {
  color: var(--jc-clone-accent) !important;
  background: transparent !important;
  transform: none !important;
}

.header .header__wrapper .header__menu .header__menu-item a[href="/search"] {
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  min-height: 58px !important;
  margin-left: 22px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  background: var(--jc-clone-accent) !important;
  color: #ffffff !important;
}

.header .header__wrapper .header__menu .header__menu-item a[href="/search"]:hover,
.header .header__wrapper .header__menu .header__menu-item a[href="/search"].selected {
  background: var(--jc-clone-accent-dark) !important;
  color: #ffffff !important;
}

.header .header__wrapper .header__menu .header__menu-item a[href="/search"] .icon {
  width: 25px !important;
  height: 25px !important;
}

.landing {
  background: #ffffff !important;
}

.landing::before,
.landing .landing__content::before {
  display: none !important;
}

.landing > .container {
  max-width: var(--jc-clone-shell) !important;
  padding-inline: 0 !important;
}

.landing .landing__wrapper {
  display: block !important;
  width: 100% !important;
  padding-block: 56px 24px !important;
  margin: 0 !important;
}

.landing .landing__content {
  display: flex !important;
  width: var(--jc-clone-main) !important;
  max-width: var(--jc-clone-main) !important;
  gap: 14px !important;
  color: var(--jc-clone-ink) !important;
  font-family: var(--jc-clone-body) !important;
}

.landing .landing__content > p:first-of-type {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 0 3px !important;
  color: var(--jc-clone-ink) !important;
  font-family: var(--jc-clone-body) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 18px !important;
}

.landing .landing__content > p:first-of-type a,
.landing .landing__content > p:first-of-type span {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 33px !important;
  padding: 7px 13px !important;
  border: 1px solid rgba(26, 29, 30, 0.14) !important;
  border-radius: 999px !important;
  background: #f4f1f2 !important;
  color: var(--jc-clone-ink) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 18px !important;
  text-decoration: none !important;
}

.landing .landing__title,
.landing h1,
.article h1,
h1.landing__title {
  max-width: var(--jc-clone-main) !important;
  margin: 0 !important;
  color: var(--jc-clone-ink) !important;
  font-family: var(--jc-clone-body) !important;
  font-size: 32px !important;
  font-weight: 800 !important;
  line-height: 38.4px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.landing .landing__content > .author-card {
  display: none !important;
}

.actions {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  width: var(--jc-clone-main) !important;
  max-width: var(--jc-clone-main) !important;
  gap: 0 !important;
  margin: 9px 0 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 4px !important;
}

.actions a,
.article__header .actions a,
.actions button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 100px !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 20px !important;
  border: 0 !important;
  border-left: 1px solid rgba(141, 98, 113, 0.22) !important;
  border-radius: 0 !important;
  background: var(--jc-clone-soft) !important;
  box-shadow: none !important;
  color: var(--jc-clone-ink) !important;
  font-family: var(--jc-clone-body) !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 18px !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  transform: none !important;
  transition: background-color 200ms ease, color 200ms ease !important;
}

.actions a:first-child,
.article__header .actions a:first-child {
  min-width: 190px !important;
  border-left: 0 !important;
  background: var(--jc-clone-accent) !important;
  color: #ffffff !important;
}

.actions a:hover,
.actions a:focus-visible {
  background: var(--jc-clone-accent-dark) !important;
  color: #ffffff !important;
  transform: none !important;
}

.container:has(.template-main-sidebar) {
  max-width: var(--jc-clone-shell) !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
  padding-bottom: 0 !important;
}

.container:has(.template-main-sidebar) .container__wrapper {
  margin: 0 !important;
  padding: 0 !important;
}

.template-main-sidebar {
  display: grid !important;
  width: var(--jc-clone-shell) !important;
  max-width: var(--jc-clone-shell) !important;
  grid-template-columns: var(--jc-clone-main) var(--jc-clone-sidebar) !important;
  gap: var(--jc-clone-gap) !important;
  align-items: start !important;
  justify-content: start !important;
  margin: 0 auto 0 !important;
  padding: 0 !important;
}

.template-main-sidebar .template-main-sidebar__main {
  display: flex !important;
  grid-column: auto !important;
  flex-direction: column !important;
  width: var(--jc-clone-main) !important;
  max-width: var(--jc-clone-main) !important;
  gap: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.template-main-sidebar .template-main-sidebar__sidebar {
  position: static !important;
  top: auto !important;
  display: flex !important;
  grid-column: auto !important;
  flex-direction: column !important;
  width: var(--jc-clone-sidebar) !important;
  max-width: var(--jc-clone-sidebar) !important;
  gap: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--jc-clone-ink) !important;
}

.template-main-sidebar__main > .article,
.template-main-sidebar__main > section#recipe.recipe,
.template-main > .article,
.article,
.recipe {
  width: 100% !important;
  max-width: var(--jc-clone-main) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
  overflow: visible !important;
}

.template-main-sidebar__main > section#recipe.recipe {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.template-main-sidebar__main > .article .article__wrapper,
.template-main > .article .article__wrapper,
.article .article__wrapper,
.template-main-sidebar .template-main-sidebar__main > section#recipe.recipe .recipe__wrapper,
.recipe .recipe__wrapper {
  width: 100% !important;
  max-width: var(--jc-clone-main) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.article .article__wrapper,
.article .article__wrapper p,
.article .article__wrapper li,
.article .article__wrapper dd,
.article .article__wrapper summary,
.recipe,
.recipe p,
.recipe li,
.recipe label,
.recipe summary,
.recipe details,
.recipe .recipe__interact-list-content {
  color: var(--jc-clone-ink) !important;
  font-family: var(--jc-clone-body) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 28.8px !important;
  letter-spacing: 0 !important;
}

.article .article__wrapper > p,
.recipe p {
  margin: 0 0 20px !important;
}

.article .article__wrapper > h2,
.template-main-sidebar__main > .article .article__wrapper > h2,
.template-main > .article .article__wrapper > h2,
.recipe .recipe__title,
.recipe__separator {
  margin: 40px 0 17px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--jc-clone-ink) !important;
  font-family: var(--jc-clone-body) !important;
  font-size: 30px !important;
  font-weight: 800 !important;
  line-height: 36px !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  text-shadow: none !important;
}

.article .article__wrapper > h3,
.recipe h3,
.recipe h4,
.recipe strong,
.recipe__times strong {
  color: var(--jc-clone-ink) !important;
  font-family: var(--jc-clone-body) !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

.article figure,
.recipe figure {
  margin: 32px 0 !important;
}

.article figure img,
.recipe img {
  width: 100% !important;
  border: 0 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

.article figure figcaption,
.recipe figcaption {
  margin-top: 8px !important;
  color: #767a7c !important;
  font-family: var(--jc-clone-body) !important;
  font-size: 13px !important;
  line-height: 18px !important;
}

.article .article__wrapper .note,
.article .article__wrapper .recommendations,
.recipe__times,
#recipe-info,
.recipe__ingredient,
.recipe__details {
  border-color: var(--jc-clone-border) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .author,
.template-main-sidebar .template-main-sidebar__sidebar .related_entries,
.template-main-sidebar .template-main-sidebar__sidebar .preview,
.template-main-sidebar .template-main-sidebar__sidebar .contact,
.template-main-sidebar .template-main-sidebar__sidebar .faq {
  width: var(--jc-clone-sidebar) !important;
  max-width: var(--jc-clone-sidebar) !important;
  margin: 0 !important;
  padding: 24px !important;
  border: 2px solid var(--jc-clone-border) !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: none !important;
  color: var(--jc-clone-ink) !important;
  outline: 0 !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .author {
  position: relative !important;
  min-height: 451px !important;
  margin-top: 40px !important;
  padding: 32px 24px !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .author::after {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 112px !important;
  height: 40px !important;
  margin-top: 18px !important;
  border: 0 !important;
  border-radius: 4px !important;
  background: var(--jc-clone-accent) !important;
  color: #ffffff !important;
  content: "Read More" !important;
  font-family: var(--jc-clone-body) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 15px !important;
  text-transform: none !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .author__img {
  position: absolute !important;
  top: -52px !important;
  right: 24px !important;
  width: 110px !important;
  height: 110px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .author__img img {
  width: 110px !important;
  height: 110px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .author__body {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--jc-clone-ink) !important;
  font-family: var(--jc-clone-body) !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .author__title {
  display: block !important;
  max-width: 190px !important;
  margin: 0 0 18px !important;
  color: var(--jc-clone-ink) !important;
  font-family: var(--jc-clone-body) !important;
  font-size: 28px !important;
  font-weight: 800 !important;
  line-height: 33.6px !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .author__title::before {
  content: "Hey there!";
  display: block;
}

.template-main-sidebar .template-main-sidebar__sidebar .author__title > span,
.template-main-sidebar .template-main-sidebar__sidebar .author__title:not(:empty) {
  color: transparent !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .author__title::before {
  color: var(--jc-clone-ink) !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .author__body p {
  margin: 0 0 16px !important;
  color: var(--jc-clone-ink) !important;
  font-family: var(--jc-clone-body) !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 28px !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .related_entries {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  padding: 24px !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .related_entries__title,
.template-main-sidebar .template-main-sidebar__sidebar .separator__title,
.template-main-sidebar .template-main-sidebar__sidebar h2,
.template-main-sidebar .template-main-sidebar__sidebar .txt-xxl {
  margin: 0 0 14px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--jc-clone-ink) !important;
  font-family: var(--jc-clone-body) !important;
  font-size: 28px !important;
  font-weight: 800 !important;
  line-height: 33.6px !important;
  text-align: left !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .related_entries__item {
  display: grid !important;
  grid-template-columns: 96px 1fr !important;
  gap: 14px !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 110px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: none !important;
  outline: 0 !important;
  overflow: hidden !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .related_entries__item-img {
  width: 96px !important;
  height: 96px !important;
  border-radius: 8px !important;
  object-fit: cover !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .related_entries__item-content,
.template-main-sidebar .template-main-sidebar__sidebar .preview__title {
  color: var(--jc-clone-ink) !important;
  font-family: var(--jc-clone-body) !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 23px !important;
  letter-spacing: 0 !important;
}

.footer {
  margin-top: 40px !important;
}

@media (max-width: 1240px) {
  .header > .container {
    max-width: calc(100% - 32px) !important;
  }

  .header .header__wrapper .header__menu .header__menu-item > a,
  .header .header__wrapper .header__menu .header__menu-item > button {
    padding-inline: 11px !important;
    font-size: 18px !important;
  }
}

@media (max-width: 1024px) {
  .header {
    height: 76px !important;
    min-height: 76px !important;
  }

  .header > .container,
  .header .header__wrapper {
    height: 76px !important;
    min-height: 76px !important;
  }

  .header .header__brand {
    flex-basis: 180px !important;
    width: 180px !important;
    min-width: 180px !important;
    height: 70px !important;
    margin: 0 !important;
  }

  .header .header__brand .logo {
    width: 180px !important;
    max-width: 180px !important;
    height: 70px !important;
  }

  .header .social {
    display: none !important;
  }

  .header .header__wrapper .header__menu {
    margin-left: auto !important;
    margin-top: 0 !important;
    height: 48px !important;
  }

  .header .header__wrapper .header__menu .header__menu-item button {
    width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    background: var(--jc-clone-accent) !important;
    color: #ffffff !important;
  }

  .landing > .container,
  .container:has(.template-main-sidebar) {
    max-width: calc(100% - 32px) !important;
  }

  .landing .landing__wrapper {
    padding-block: 32px 18px !important;
  }

  .landing .landing__content,
  .actions,
  .template-main-sidebar,
  .template-main-sidebar .template-main-sidebar__main,
  .template-main-sidebar .template-main-sidebar__sidebar,
  .template-main-sidebar__main > .article,
  .template-main-sidebar__main > section#recipe.recipe,
  .template-main > .article,
  .article,
  .recipe,
  .template-main-sidebar__main > .article .article__wrapper,
  .template-main > .article .article__wrapper,
  .article .article__wrapper,
  .template-main-sidebar .template-main-sidebar__main > section#recipe.recipe .recipe__wrapper,
  .recipe .recipe__wrapper {
    width: 100% !important;
    max-width: 100% !important;
  }

  .template-main-sidebar {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }

  .template-main-sidebar .template-main-sidebar__sidebar {
    gap: 20px !important;
  }

  .template-main-sidebar .template-main-sidebar__sidebar .author,
  .template-main-sidebar .template-main-sidebar__sidebar .related_entries,
  .template-main-sidebar .template-main-sidebar__sidebar .preview,
  .template-main-sidebar .template-main-sidebar__sidebar .contact,
  .template-main-sidebar .template-main-sidebar__sidebar .faq {
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 700px) {
  .header > .container,
  .landing > .container,
  .container:has(.template-main-sidebar) {
    max-width: calc(100% - 24px) !important;
  }

  .landing .landing__title,
  .landing h1,
  .article h1,
  h1.landing__title {
    font-size: 30px !important;
    line-height: 36px !important;
  }

  .article .article__wrapper > h2,
  .template-main-sidebar__main > .article .article__wrapper > h2,
  .template-main > .article .article__wrapper > h2,
  .recipe .recipe__title,
  .recipe__separator {
    font-size: 26px !important;
    line-height: 31.2px !important;
  }

  .actions {
    flex-wrap: wrap !important;
    border-radius: 4px !important;
  }

  .actions a,
  .article__header .actions a,
  .actions button {
    flex: 1 1 50% !important;
    min-width: 0 !important;
    height: 46px !important;
    font-size: 16px !important;
  }

  .actions a:first-child,
  .article__header .actions a:first-child {
    flex-basis: 100% !important;
  }

  .template-main-sidebar .template-main-sidebar__sidebar .author {
    min-height: auto !important;
    margin-top: 52px !important;
  }
}

.landing .landing__content .actions {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  overflow: hidden !important;
}

.landing .landing__content .actions > a.icon-wrapper[onclick*="scrollToElement"] {
  order: 1 !important;
  flex-basis: 190px !important;
  width: 190px !important;
  min-width: 190px !important;
  border-left: 0 !important;
  background: var(--jc-clone-accent) !important;
  color: #ffffff !important;
}

.landing .landing__content .actions > a.icon-wrapper[href*="pinterest.com"] {
  order: 2 !important;
}

.landing .landing__content .actions > a.icon-wrapper[href^="mailto:"] {
  order: 4 !important;
}

.landing .landing__content .actions > a.icon-wrapper[href*="/print"] {
  order: 5 !important;
}

.landing .landing__content .actions > a.icon-wrapper svg {
  flex: 0 0 18px !important;
  width: 18px !important;
  height: 18px !important;
}

.landing .landing__content .actions > a.icon-wrapper span {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* 2026-06-03 Jo Cooks clone mobile action overflow fix. */
@media (max-width: 700px) {
  .landing .landing__content .actions {
    flex-wrap: wrap !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  .landing .landing__content .actions > a.icon-wrapper[onclick*="scrollToElement"] {
    flex: 1 1 100% !important;
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* 2026-06-03 Jo Cooks clone mobile header visibility fix. */
@media (max-width: 1024px) {

  .header .header__wrapper .header__menu .header__menu-item:not(.d-xl-block) {
    display: inline-flex !important;
  }

  .header .header__wrapper .header__menu {
    width: auto !important;
    max-width: 64px !important;
    overflow: visible !important;
  }
}


/* 2026-06-03 Jo Cooks deeper recipe/home reference pass. */
:root {
  --jc-next-black: #1f2223;
  --jc-next-card-bg: #f7f7f7;
  --jc-next-panel: #f1eeee;
  --jc-next-mauve: #8b6573;
  --jc-next-mauve-dark: #755463;
  --jc-next-red: #b71924;
  --jc-next-line: #dedede;
  --jc-next-shadow: 0 2px 11px rgba(31, 34, 35, 0.12);
}

.template-main-sidebar .template-main-sidebar__main > section#recipe.recipe {
  max-width: var(--jc-clone-main) !important;
  padding: 0 !important;
  border: 3px solid var(--jc-next-black) !important;
  border-radius: 18px !important;
  background: var(--jc-next-card-bg) !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.template-main-sidebar .template-main-sidebar__main > section#recipe.recipe .recipe__wrapper {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
}

.recipe-card__summary {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 186px !important;
  gap: 28px !important;
  align-items: start !important;
  padding: 34px 38px 30px !important;
}

.recipe-card__rating {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 0 16px !important;
  color: var(--jc-next-black) !important;
  font-family: var(--jc-clone-body) !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.recipe-card__stars,
.preview__stars {
  --rating-percent: 100%;
  display: inline-block !important;
  background: linear-gradient(90deg, var(--jc-next-black) var(--rating-percent), #d8d8d8 var(--rating-percent)) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  font-size: 24px !important;
  letter-spacing: 1px !important;
  line-height: 1 !important;
}

.recipe-card__rating-text {
  color: var(--jc-next-black) !important;
}

.recipe-card__title,
.template-main-sidebar .template-main-sidebar__main > section#recipe.recipe .recipe-card__title {
  margin: 0 0 16px !important;
  color: var(--jc-next-black) !important;
  font-family: var(--jc-clone-body) !important;
  font-size: 42px !important;
  font-weight: 900 !important;
  line-height: 1.04 !important;
  letter-spacing: -0.01em !important;
}

.recipe-card__facts {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px 32px !important;
  margin: 0 0 26px !important;
  padding: 0 !important;
  color: var(--jc-next-black) !important;
}

.recipe-card__fact {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 10px !important;
}

.recipe-card__fact dt,
.recipe-card__fact dd {
  margin: 0 !important;
  color: var(--jc-next-black) !important;
  font-family: var(--jc-clone-body) !important;
  font-size: 21px !important;
  line-height: 1.15 !important;
}

.recipe-card__fact dt {
  font-weight: 900 !important;
}

.recipe-card__fact dd {
  font-weight: 500 !important;
}

.recipe-card__servings {
  display: inline-flex !important;
  align-items: center !important;
  gap: 14px !important;
  color: var(--jc-next-black) !important;
  font-family: var(--jc-clone-body) !important;
}

.recipe-card__servings-label {
  font-size: 17px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.recipe-card__servings-control {
  display: inline-grid !important;
  grid-template-columns: 48px 58px 48px !important;
  align-items: center !important;
  height: 42px !important;
  overflow: hidden !important;
  border-radius: 5px !important;
  background: var(--jc-next-black) !important;
  color: #ffffff !important;
  font-family: var(--jc-clone-body) !important;
  font-size: 23px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
}

.recipe-card__servings-control > * {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 42px !important;
}

.recipe-card__servings-control strong {
  background: #ffffff !important;
  color: var(--jc-next-black) !important;
  font-size: 24px !important;
}

.recipe-card__image {
  display: block !important;
  width: 186px !important;
  height: 186px !important;
  margin-top: 18px !important;
  border: 0 !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  box-shadow: none !important;
}

.recipe-card__actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  padding: 0 38px 32px !important;
}

.recipe-card__action {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 172px !important;
  height: 48px !important;
  padding: 0 22px !important;
  border: 0 !important;
  border-radius: 5px !important;
  background: var(--jc-next-mauve) !important;
  color: #ffffff !important;
  font-family: var(--jc-clone-body) !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: background-color 180ms ease !important;
}

.recipe-card__action:nth-child(3) {
  background: var(--jc-next-red) !important;
}

.recipe-card__action:hover,
.recipe-card__action:focus-visible {
  background: var(--jc-next-mauve-dark) !important;
}

.recipe-card__action:nth-child(3):hover,
.recipe-card__action:nth-child(3):focus-visible {
  background: #9e121d !important;
}

.recipe-card__description {
  padding: 26px 38px 30px !important;
  border-top: 1px solid var(--jc-next-line) !important;
  background: #ffffff !important;
}

.recipe-card__description h3 {
  margin: 0 0 12px !important;
  color: var(--jc-next-black) !important;
  font-family: var(--jc-clone-body) !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
}

.recipe-card__description p {
  margin: 0 !important;
  color: var(--jc-next-black) !important;
  font-family: var(--jc-clone-body) !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 1.32 !important;
}

.template-main-sidebar .template-main-sidebar__main > section#recipe.recipe .recipe__separator {
  margin: 34px 38px 20px !important;
  padding: 0 !important;
  border: 0 !important;
  color: var(--jc-next-black) !important;
  font-family: var(--jc-clone-body) !important;
  font-size: 38px !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
}

#recipe-ingredients.recipe__interact-list,
#recipe-instructions.recipe__interact-list,
#recipe-equipments,
#recipe-notes.recipe__static-list,
#recipe-allergies,
#recipe-nutrition {
  margin-inline: 38px !important;
}

#recipe-ingredients.recipe__interact-list {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 13px !important;
  margin-bottom: 34px !important;
}

#recipe-ingredients .recipe__ingredient {
  display: grid !important;
  grid-template-columns: 26px minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: start !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

#recipe-ingredients .recipe__ingredient-check {
  width: 26px !important;
  height: 26px !important;
  margin: 3px 0 0 !important;
  border: 2px solid var(--jc-next-black) !important;
  border-radius: 4px !important;
  background: #ffffff !important;
}

#recipe-ingredients .recipe__ingredient-text {
  color: var(--jc-next-black) !important;
  font-family: var(--jc-clone-body) !important;
  font-size: 22px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
}

#recipe-instructions.recipe__interact-list {
  counter-reset: recipe-step !important;
  display: grid !important;
  gap: 14px !important;
  margin-bottom: 34px !important;
}

#recipe-instructions.recipe__interact-list > div {
  counter-increment: recipe-step !important;
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: start !important;
  margin: 0 !important;
  padding: 18px 20px !important;
  border: 1px solid #eeeeee !important;
  border-radius: 4px !important;
  background: #ffffff !important;
  box-shadow: var(--jc-next-shadow) !important;
}

#recipe-instructions.recipe__interact-list > div > br {
  display: none !important;
}

#recipe-instructions .recipe__interact-list-number {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 25px !important;
  height: 25px !important;
  margin-top: 2px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: var(--jc-next-mauve) !important;
  color: #ffffff !important;
  font-family: var(--jc-clone-body) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

#recipe-instructions .recipe__interact-list-number::before {
  content: none !important;
  display: none !important;
}

#recipe-instructions .recipe__interact-list-content {
  grid-column: 2 !important;
  grid-row: 1 !important;
  padding: 0 !important;
  color: var(--jc-next-black) !important;
  font-family: var(--jc-clone-body) !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 1.42 !important;
}

#recipe-instructions.recipe__interact-list > div > img {
  grid-column: 2 !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  margin-top: 14px !important;
  border-radius: 8px !important;
}

#recipe-equipments {
  margin-bottom: 28px !important;
  padding-left: 22px !important;
  color: var(--jc-next-black) !important;
  font-family: var(--jc-clone-body) !important;
  font-size: 20px !important;
  line-height: 1.45 !important;
}

#recipe-equipments a,
#recipe-equipments li::marker {
  color: #b13f83 !important;
}

#recipe-notes.recipe__static-list {
  counter-reset: recipe-note !important;
  display: grid !important;
  gap: 22px !important;
  margin-bottom: 38px !important;
  padding: 28px 26px !important;
  border: 0 !important;
  border-radius: 4px !important;
  background: var(--jc-next-panel) !important;
  list-style: none !important;
}

#recipe-notes.recipe__static-list li {
  counter-increment: recipe-note !important;
  display: grid !important;
  grid-template-columns: 26px minmax(0, 1fr) !important;
  gap: 12px !important;
  margin: 0 !important;
  color: var(--jc-next-black) !important;
  font-family: var(--jc-clone-body) !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 1.42 !important;
}

#recipe-notes.recipe__static-list li::before {
  content: counter(recipe-note) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 23px !important;
  height: 23px !important;
  margin-top: 2px !important;
  border-radius: 50% !important;
  background: var(--jc-next-mauve) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

.hero {
  display: none !important;
}

.main > .categories,
.main > .previews {
  padding-block: 28px !important;
  background: #ffffff !important;
}

.main > .categories .container,
.main > .previews .container {
  max-width: 1200px !important;
  padding-inline: 0 !important;
}

.separator {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  margin-bottom: 22px !important;
}

.separator__title {
  color: var(--jc-next-black) !important;
  font-family: var(--jc-clone-body) !important;
  font-size: 32px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
}

.separator__link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: var(--jc-next-black) !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.main > .categories .categories__wrapper {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 26px !important;
  align-items: start !important;
}

.main > .categories .category,
.main > .categories .category__body {
  display: grid !important;
  justify-items: center !important;
  gap: 12px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: center !important;
}

.main > .categories .category__body::after {
  display: none !important;
}

.main > .categories .category__img {
  width: 160px !important;
  height: 160px !important;
  border: 0 !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}

.main > .categories .category__title {
  color: var(--jc-next-black) !important;
  background: transparent !important;
  text-shadow: none !important;
  font-family: var(--jc-clone-body) !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
}

.main > .previews .previews__wrapper {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 24px !important;
}

.main > .previews .preview {
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--jc-next-line) !important;
  border-radius: 6px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

.main > .previews .preview__img,
.main > .previews .preview__img img {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 1 / 0.76 !important;
  border-radius: 0 !important;
  object-fit: cover !important;
}

.main > .previews .preview__meta,
.main > .previews .preview__title,
.main > .previews .preview__content,
.main > .previews .preview__stars,
.main > .previews .preview__view {
  margin-inline: 14px !important;
  font-family: var(--jc-clone-body) !important;
}

.main > .previews .preview__meta {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-top: 12px !important;
  color: var(--jc-next-black) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
}

.main > .previews .preview__title {
  display: block !important;
  margin-top: 7px !important;
  color: var(--jc-next-black) !important;
  font-size: 23px !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
  text-decoration: none !important;
}

.main > .previews .preview__stars {
  margin-top: 12px !important;
  color: var(--jc-next-black) !important;
  font-size: 22px !important;
}

.main > .previews .preview__content {
  display: none !important;
}

.main > .previews .preview__view {
  margin-top: auto !important;
  margin-bottom: 18px !important;
  padding-top: 26px !important;
  color: var(--jc-next-black) !important;
  font-size: 19px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

@media (max-width: 1024px) {
  .recipe-card__summary {
    grid-template-columns: minmax(0, 1fr) 150px !important;
    padding: 28px 26px 24px !important;
  }

  .recipe-card__image {
    width: 150px !important;
    height: 150px !important;
  }

  .main > .categories .container,
  .main > .previews .container {
    max-width: calc(100% - 32px) !important;
  }

  .main > .categories .categories__wrapper {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 700px) {
  .template-main-sidebar .template-main-sidebar__main > section#recipe.recipe {
    border-width: 2px !important;
    border-radius: 14px !important;
  }

  .recipe-card__summary {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    padding: 22px 18px !important;
  }

  .recipe-card__title,
  .template-main-sidebar .template-main-sidebar__main > section#recipe.recipe .recipe-card__title {
    font-size: 32px !important;
  }

  .recipe-card__image {
    justify-self: center !important;
    width: 154px !important;
    height: 154px !important;
    margin-top: 0 !important;
  }

  .recipe-card__actions,
  .recipe-card__description {
    padding-inline: 18px !important;
  }

  .recipe-card__action {
    flex: 1 1 100% !important;
    min-width: 0 !important;
  }

  .template-main-sidebar .template-main-sidebar__main > section#recipe.recipe .recipe__separator,
  #recipe-ingredients.recipe__interact-list,
  #recipe-instructions.recipe__interact-list,
  #recipe-equipments,
  #recipe-notes.recipe__static-list,
  #recipe-allergies,
  #recipe-nutrition {
    margin-inline: 18px !important;
  }

  .main > .categories .categories__wrapper,
  .main > .previews .previews__wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
  }

  .main > .categories .category__img {
    width: 124px !important;
    height: 124px !important;
  }

  .main > .previews .preview__title {
    font-size: 19px !important;
  }
}


/* 2026-06-03 Jo Cooks next pass: tighten top rhythm and fix home category cards. */
.landing {
  padding-block: 0 28px !important;
}

.landing .landing__wrapper {
  padding-block: 0 28px !important;
}

.landing .landing__content {
  padding-top: 0 !important;
}

.landing .breadcrumb,
.breadcrumb {
  margin: 16px 0 20px !important;
}

.main > .categories {
  padding-block: 34px 30px !important;
}

.main > .categories .separator {
  position: relative !important;
  justify-content: center !important;
  margin-bottom: 34px !important;
}

.main > .categories .separator::before,
.main > .categories .separator::after {
  content: "" !important;
  display: block !important;
  flex: 1 1 auto !important;
  height: 1px !important;
  max-width: 420px !important;
  background: repeating-linear-gradient(90deg, #9d9d9d 0 2px, transparent 2px 7px) !important;
}

.main > .categories .separator__title {
  flex: 0 0 auto !important;
  padding-inline: 22px !important;
  font-size: 38px !important;
  line-height: 1.05 !important;
  text-align: center !important;
}

.main > .categories .separator__link {
  position: absolute !important;
  right: 0 !important;
}

.main > .categories .categories__wrapper {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 28px 30px !important;
  justify-items: center !important;
}

/* Cap to a single 6-up row ONLY on the home strips. The /categories LIST page
   (.categories without --strip) must show every paginated card, so it is excluded. */
.main > .categories--strip .category:nth-child(n+7) {
  display: none !important;
}

.main > .categories .category,
.main > .categories .category__body {
  position: static !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}

.main > .categories .category__body {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 14px !important;
}

.main > .categories .category__img {
  flex: 0 0 auto !important;
  width: 170px !important;
  height: 170px !important;
}

.main > .categories .category__title,
.main > .categories .category .category__body .category__title {
  position: static !important;
  inset: auto !important;
  z-index: auto !important;
  display: block !important;
  width: 100% !important;
  max-width: 170px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  transform: none !important;
  color: var(--jc-next-black) !important;
  background: transparent !important;
  text-align: center !important;
  text-shadow: none !important;
  font-size: 25px !important;
  font-weight: 900 !important;
  line-height: 1.02 !important;
}

.main > .categories.categories--top-strip {
  padding-block: 30px 28px !important;
}

.main > .categories.categories--top-strip .separator__title {
  font-size: 28px !important;
}

.main > .categories.categories--top-strip .categories__wrapper {
  gap: 18px 24px !important;
}

.main > .categories.categories--top-strip .category__img {
  width: 98px !important;
  height: 98px !important;
}

.main > .categories.categories--top-strip .category__title,
.main > .categories.categories--top-strip .category .category__body .category__title {
  max-width: 112px !important;
  font-size: 14px !important;
  line-height: 1.05 !important;
}

@media (max-width: 1024px) {
  .landing {
    padding-block: 0 22px !important;
  }

  .landing .landing__wrapper {
    padding-block: 0 22px !important;
  }

  .main > .categories .categories__wrapper {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .main > .categories--strip .category:nth-child(n+7) {
    display: grid !important;
  }
}

@media (max-width: 700px) {
  .landing .breadcrumb,
  .breadcrumb {
    margin-top: 14px !important;
  }

  .main > .categories .separator {
    justify-content: space-between !important;
    margin-bottom: 22px !important;
  }

  .main > .categories .separator::before,
  .main > .categories .separator::after {
    display: none !important;
  }

  .main > .categories .separator__title {
    padding-inline: 0 !important;
    font-size: 27px !important;
    text-align: left !important;
  }

  .main > .categories .categories__wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px 18px !important;
  }

  .main > .categories .category__img {
    width: 132px !important;
    height: 132px !important;
  }

  .main > .categories .category__title,
  .main > .categories .category .category__body .category__title {
    max-width: 132px !important;
    font-size: 19px !important;
  }
}


/* 2026-06-03 Jo Cooks next pass: desktop header category tier. */
@media (min-width: 1025px) {
  .header {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    border-bottom: 0 !important;
    background: #ffffff !important;
  }

  .header__main {
    height: 246px !important;
    background: #ffffff !important;
    border-bottom: 1px solid #e7e7e7 !important;
  }

  .header .header__main > .container {
    width: 100% !important;
    max-width: 1536px !important;
    height: 246px !important;
    margin-inline: auto !important;
    padding-inline: 62px !important;
  }

  .header .header__wrapper {
    height: 246px !important;
    min-height: 246px !important;
    align-items: flex-start !important;
  }

  .header .header__brand {
    flex: 0 0 338px !important;
    width: 338px !important;
    min-width: 338px !important;
    height: 204px !important;
    margin: 30px 0 0 0 !important;
  }

  .header .header__brand .logo {
    width: 338px !important;
    max-width: 338px !important;
    height: 204px !important;
    object-fit: contain !important;
  }

  .header .social {
    top: 32px !important;
    right: 62px !important;
  }

  .header .social__items {
    gap: 18px !important;
  }

  .header .social__item,
  .header .social__item svg {
    width: 23px !important;
    height: 23px !important;
    min-width: 23px !important;
  }

  .header .header__wrapper .header__menu {
    height: 74px !important;
    margin: 114px 0 0 auto !important;
    gap: 18px !important;
    font-size: 25px !important;
    line-height: 1 !important;
  }

  .header .header__wrapper .header__menu .header__menu-item {
    height: 74px !important;
  }

  .header .header__wrapper .header__menu .header__menu-item > a,
  .header .header__wrapper .header__menu .header__menu-item > button {
    height: 74px !important;
    min-height: 74px !important;
    padding: 0 !important;
    font-size: 25px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  .header .header__wrapper .header__menu .header__menu-item a[href="/search"] {
    width: 72px !important;
    height: 72px !important;
    min-width: 72px !important;
    min-height: 72px !important;
    margin-left: 4px !important;
  }

  .header .header__wrapper .header__menu .header__menu-item a[href="/search"] .icon {
    width: 34px !important;
    height: 34px !important;
  }

  .header__categorybar {
    display: block !important;
    height: 94px !important;
    padding-block: 28px 0 !important;
    background: #ffffff !important;
    overflow: hidden !important;
  }

  .header__categorybar > .container,
  .header .header__categorybar > .container {
    max-width: 1536px !important;
    padding-inline: 62px !important;
    overflow: hidden !important;
  }

  .header__categories {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
  }

  .header__categories::-webkit-scrollbar {
    display: none !important;
  }

  .header__category-item {
    display: inline-flex !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  .header__category {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 52px !important;
    padding: 0 27px !important;
    border: 0 !important;
    border-radius: 5px !important;
    background: #f1eeee !important;
    color: var(--jc-next-black) !important;
    font-family: var(--jc-clone-body) !important;
    font-size: 23px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    transition: background-color 180ms ease, color 180ms ease !important;
  }

  .header__category:hover,
  .header__category:focus-visible,
  .header__category.selected {
    background: var(--jc-clone-accent) !important;
    color: #ffffff !important;
  }
}

@media (max-width: 1024px) {
  .header__categorybar {
    display: none !important;
  }
}

/* 2026-06-03 Jo Cooks next pass: recipe-card fallback labels. */
.recipe-card__action:first-child:empty::before {
  content: "Rate it";
}

/* 2026-06-03 user screenshot correction pass: compact pills, notes, recipe controls, sidebar cards, home rhythm. */
:root {
  --jc-shot-ink: #1f2223;
  --jc-shot-pill: #f1eeee;
  --jc-shot-border: #e3e0e0;
  --jc-shot-mauve: #8b6573;
  --jc-shot-shadow: 0 2px 10px rgba(31, 34, 35, 0.10);
}

@media (min-width: 1025px) {
  .header__categorybar {
    height: 58px !important;
    padding-block: 9px 7px !important;
    border-bottom: 0 !important;
    overflow: visible !important;
  }

  .header__categorybar > .container,
  .header .header__categorybar > .container {
    overflow: visible !important;
  }

  .header__categories {
    gap: 9px !important;
    padding: 0 0 8px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x proximity !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .header__category-item {
    flex: 0 0 auto !important;
    scroll-snap-align: start !important;
  }

  .header__category {
    height: 36px !important;
    padding: 0 16px !important;
    border-radius: 5px !important;
    font-size: 16px !important;
    letter-spacing: 0 !important;
  }
}

.landing {
  padding-block: 0 16px !important;
}

.landing .landing__wrapper {
  padding-block: 0 16px !important;
}

.landing .landing__content {
  width: 100% !important;
  max-width: var(--jc-clone-main) !important;
  margin-inline: 0 !important;
  padding-inline: 0 !important;
}

.landing .breadcrumb,
.breadcrumb {
  margin: 12px 0 13px !important;
}

.landing .landing__title,
.landing h1,
h1.landing__title,
.article .article__wrapper > h2,
.template-main-sidebar__main > .article .article__wrapper > h2,
.template-main > .article .article__wrapper > h2 {
  margin-left: 0 !important;
  padding-left: 0 !important;
  text-align: left !important;
  text-indent: 0 !important;
}

.recipe-tags {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  max-width: 100% !important;
  margin: 13px 0 18px !important;
  padding: 0 0 6px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
  -webkit-overflow-scrolling: touch !important;
}

.recipe-tags::-webkit-scrollbar {
  display: none !important;
}

.recipe-tags__label {
  display: none !important;
}

.recipe-tags__link,
.recipe-tags a {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 34px !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: 5px !important;
  background: var(--jc-shot-pill) !important;
  color: var(--jc-shot-ink) !important;
  font-family: var(--jc-clone-body) !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}

.recipe-tags__link:hover,
.recipe-tags__link:focus-visible,
.recipe-tags a:hover,
.recipe-tags a:focus-visible {
  background: var(--jc-shot-mauve) !important;
  color: #ffffff !important;
}

.recipe-card__servings {
  gap: 10px !important;
}

.recipe-card__servings-control {
  display: none !important;
}

.recipe-card__servings-value {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 42px !important;
  height: 34px !important;
  padding: 0 13px !important;
  border: 2px solid var(--jc-shot-ink) !important;
  border-radius: 5px !important;
  background: #ffffff !important;
  color: var(--jc-shot-ink) !important;
  font-family: var(--jc-clone-body) !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

#recipe-instructions.recipe__interact-list,
#recipe-notes.recipe__static-list {
  max-width: calc(100% - 76px) !important;
  box-sizing: border-box !important;
}

#recipe-instructions.recipe__interact-list > div {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  grid-template-columns: 30px minmax(0, 1fr) !important;
  gap: 12px !important;
  overflow: hidden !important;
}

#recipe-instructions .recipe__interact-list-content {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
}

#recipe-notes.recipe__static-list {
  display: block !important;
  padding: 28px 30px !important;
}

#recipe-notes.recipe__static-list li {
  position: relative !important;
  display: block !important;
  min-width: 0 !important;
  margin: 0 0 18px !important;
  padding: 0 0 0 39px !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
}

#recipe-notes.recipe__static-list li:last-child {
  margin-bottom: 0 !important;
}

#recipe-notes.recipe__static-list li::before {
  position: absolute !important;
  left: 0 !important;
  top: 0.18em !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .related_entries {
  display: grid !important;
  gap: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .related_entries__title {
  margin: 0 0 2px !important;
  color: var(--jc-shot-ink) !important;
  font-family: var(--jc-clone-body) !important;
  font-size: 25px !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .related_entries__item {
  display: grid !important;
  grid-template-columns: 96px minmax(0, 1fr) !important;
  gap: 14px !important;
  align-items: center !important;
  min-height: 124px !important;
  padding: 13px !important;
  border: 1px solid var(--jc-shot-border) !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: var(--jc-shot-shadow) !important;
  color: var(--jc-shot-ink) !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: border-color 180ms ease, box-shadow 180ms ease !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .related_entries__item:hover,
.template-main-sidebar .template-main-sidebar__sidebar .related_entries__item:focus-visible {
  border-color: var(--jc-shot-mauve) !important;
  box-shadow: 0 4px 14px rgba(31, 34, 35, 0.14) !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .related_entries__item-img {
  width: 96px !important;
  height: 96px !important;
  border-radius: 8px !important;
  object-fit: cover !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .related_entries__item-content {
  min-width: 0 !important;
  color: var(--jc-shot-ink) !important;
  font-family: var(--jc-clone-body) !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.12 !important;
}

.main > .categories,
.main > .previews {
  padding-block: 22px 28px !important;
}

.main > .categories:first-of-type {
  padding-top: 10px !important;
}

.main > .categories .container__wrapper,
.main > .previews .container__wrapper {
  gap: 0 !important;
  padding-block: 0 !important;
}

.main > .categories .separator {
  margin-bottom: 26px !important;
}

.main > .categories .separator__title {
  font-size: 32px !important;
  letter-spacing: 0 !important;
}

.main > .categories .category__body {
  gap: 11px !important;
}

.main > .categories .category__img {
  width: 150px !important;
  height: 150px !important;
}

.main > .categories .category__title,
.main > .categories .category .category__body .category__title {
  max-width: 150px !important;
  font-size: 20px !important;
  line-height: 1.05 !important;
}

.main > .categories.categories--top-strip {
  padding-block: 22px 24px !important;
}

.main > .categories.categories--top-strip .separator {
  margin-bottom: 24px !important;
}

.main > .categories.categories--top-strip .category__img {
  width: 92px !important;
  height: 92px !important;
}

.main > .categories.categories--top-strip .category__title,
.main > .categories.categories--top-strip .category .category__body .category__title {
  max-width: 108px !important;
  font-size: 14px !important;
}

.main > .previews .previews__wrapper {
  gap: 28px !important;
}

.main > .previews .preview {
  border-color: var(--jc-shot-border) !important;
  border-radius: 8px !important;
  box-shadow: 0 1px 8px rgba(31, 34, 35, 0.08) !important;
}

.main > .previews .preview__img,
.main > .previews .preview__img img {
  aspect-ratio: 1 / 0.70 !important;
}

@media (max-width: 700px) {
  .landing .landing__content {
    max-width: 100% !important;
  }

  #recipe-instructions.recipe__interact-list,
  #recipe-notes.recipe__static-list {
    max-width: calc(100% - 36px) !important;
  }

  #recipe-instructions.recipe__interact-list > div {
    grid-template-columns: 28px minmax(0, 1fr) !important;
    gap: 9px !important;
    padding: 14px 12px !important;
  }

  #recipe-instructions .recipe__interact-list-content,
  #recipe-notes.recipe__static-list li {
    font-size: 18px !important;
    line-height: 1.38 !important;
  }

  #recipe-notes.recipe__static-list {
    padding: 22px 18px !important;
  }

  #recipe-notes.recipe__static-list li {
    padding-left: 34px !important;
  }

  .template-main-sidebar .template-main-sidebar__sidebar .related_entries__item {
    grid-template-columns: 82px minmax(0, 1fr) !important;
    min-height: 106px !important;
    padding: 10px !important;
  }

  .template-main-sidebar .template-main-sidebar__sidebar .related_entries__item-img {
    width: 82px !important;
    height: 82px !important;
  }

  .main > .categories .category__img {
    width: 124px !important;
    height: 124px !important;
  }

  .main > .categories .category__title,
  .main > .categories .category .category__body .category__title {
    max-width: 124px !important;
    font-size: 18px !important;
  }
}

/* 2026-06-03 screenshot fix tag specificity patch: beat older landing p:first-of-type pill rules. */
.landing .landing__content > p.recipe-tags {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 13px 0 18px !important;
  padding: 0 0 6px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
}

.landing .landing__content > p.recipe-tags::-webkit-scrollbar {
  display: none !important;
}

.landing .landing__content > p.recipe-tags > span.recipe-tags__label {
  display: none !important;
}

.landing .landing__content > p.recipe-tags > a.recipe-tags__link,
.landing .landing__content > p.recipe-tags > a.recipe-tags__link span {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: 5px !important;
  background: var(--jc-shot-pill) !important;
  color: var(--jc-shot-ink) !important;
  font-family: var(--jc-clone-body) !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

/* 2026-06-03 screenshot fix section margin patch: remove inherited section whitespace below category/header rows. */
.main > .categories,
.main > .previews {
  margin-block: 0 !important;
}

.main > .categories:first-of-type {
  margin-top: 0 !important;
}


/* 2026-06-03 screenshot follow-up: visible horizontal scroll and edge-aligned section headings. */
:root {
  --jc-scroll-track: #f7f4f4;
  --jc-scroll-thumb: #8b6573;
}

.header {
  overflow: visible !important;
}

.header__categorybar {
  display: block !important;
  height: 52px !important;
  padding-block: 6px 0 !important;
  border-top: 1px solid #efeeee !important;
  border-bottom: 0 !important;
  background: #ffffff !important;
  overflow: hidden !important;
}

.header__categorybar > .container,
.header .header__categorybar > .container {
  position: relative !important;
  max-width: 1240px !important;
  padding-inline: 0 !important;
  overflow: hidden !important;
}

.header__categories {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 0 9px !important;
  list-style: none !important;
  overflow-x: scroll !important;
  overflow-y: hidden !important;
  scrollbar-width: thin !important;
  scrollbar-color: var(--jc-scroll-thumb) var(--jc-scroll-track) !important;
  scroll-snap-type: x proximity !important;
  overscroll-behavior-x: contain !important;
  -webkit-overflow-scrolling: touch !important;
  cursor: grab !important;
}

.header__categories:active {
  cursor: grabbing !important;
}

.header__categories::-webkit-scrollbar,
.landing .landing__content > p.recipe-tags::-webkit-scrollbar,
.recipe-tags::-webkit-scrollbar {
  display: block !important;
  height: 6px !important;
}

.header__categories::-webkit-scrollbar-track,
.landing .landing__content > p.recipe-tags::-webkit-scrollbar-track,
.recipe-tags::-webkit-scrollbar-track {
  background: var(--jc-scroll-track) !important;
  border-radius: 999px !important;
}

.header__categories::-webkit-scrollbar-thumb,
.landing .landing__content > p.recipe-tags::-webkit-scrollbar-thumb,
.recipe-tags::-webkit-scrollbar-thumb {
  background: var(--jc-scroll-thumb) !important;
  border-radius: 999px !important;
}

.header__category-item {
  flex: 0 0 auto !important;
  scroll-snap-align: start !important;
}

.header__category {
  height: 32px !important;
  padding: 0 13px !important;
  border-radius: 5px !important;
  font-size: 14px !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

.recipe-tags,
.landing .landing__content > p.recipe-tags {
  padding-bottom: 9px !important;
  overflow-x: scroll !important;
  scrollbar-width: thin !important;
  scrollbar-color: var(--jc-scroll-thumb) var(--jc-scroll-track) !important;
  scroll-snap-type: x proximity !important;
  overscroll-behavior-x: contain !important;
  cursor: grab !important;
}

.recipe-tags:active,
.landing .landing__content > p.recipe-tags:active {
  cursor: grabbing !important;
}

.landing .landing__title,
.landing h1,
h1.landing__title,
.article .article__wrapper > h2,
.template-main-sidebar__main > .article .article__wrapper > h2,
.template-main > .article .article__wrapper > h2,
.main > .previews .separator__title {
  margin-left: 0 !important;
  padding-left: 0 !important;
  text-align: left !important;
}

.main > .categories .separator {
  justify-content: flex-start !important;
  gap: 20px !important;
}

.main > .categories .separator::before {
  display: none !important;
}

.main > .categories .separator::after {
  flex: 1 1 auto !important;
  max-width: none !important;
}

.main > .categories .separator__title {
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: left !important;
}

@media (max-width: 1024px) {
  .header__categorybar {
    display: block !important;
    height: 48px !important;
    padding-block: 6px 0 !important;
  }

  .header__categorybar > .container,
  .header .header__categorybar > .container {
    max-width: 100% !important;
    padding-inline: 12px !important;
  }

  .header__categories {
    display: flex !important;
    height: 40px !important;
    padding-bottom: 8px !important;
  }

  .header__category-item {
    display: inline-flex !important;
  }

  .header__category {
    display: inline-flex !important;
    height: 30px !important;
    padding-inline: 12px !important;
    font-size: 13px !important;
  }
}


/* 2026-06-03 scrollheadline tag inner reset: prevent double padding inside tag pills. */
.landing .landing__content > p.recipe-tags > a.recipe-tags__link,
.recipe-tags__link,
.recipe-tags a {
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 13px !important;
  font-size: 14px !important;
}

.landing .landing__content > p.recipe-tags > a.recipe-tags__link span,
.recipe-tags__link span,
.recipe-tags a span {
  display: inline !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: inherit !important;
  font: inherit !important;
  line-height: 1 !important;
}


/* 2026-06-03 scrollheadline H2 edge reset: remove the base theme accent spacer. */
.article .article__wrapper > h2,
.template-main-sidebar__main > .article .article__wrapper > h2,
.template-main > .article .article__wrapper > h2 {
  display: block !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

.article .article__wrapper > h2::before,
.template-main-sidebar__main > .article .article__wrapper > h2::before,
.template-main > .article .article__wrapper > h2::before {
  content: none !important;
  display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}


/* 2026-06-03 scrollheadline tag rail cap: keep top recipe tags genuinely horizontally scrollable. */
.landing .landing__content > p.recipe-tags {
  width: 100% !important;
  max-width: min(100%, 620px) !important;
}


/* 2026-06-03 section card follow-up: nutrition spacing, FAQ cards, heading wrap, related cards. */
.article .article__wrapper > h2,
.template-main-sidebar__main > .article .article__wrapper > h2,
.template-main > .article .article__wrapper > h2,
.template-main-sidebar .template-main-sidebar__main > section#recipe.recipe .recipe__separator,
.recipe-card__description h3,
.template-main-sidebar .template-main-sidebar__sidebar .related_entries__title {
  color: var(--jc-next-mauve) !important;
  max-width: none !important;
  white-space: normal !important;
  text-wrap: wrap !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

.article .article__wrapper > h2,
.template-main-sidebar__main > .article .article__wrapper > h2,
.template-main > .article .article__wrapper > h2 {
  display: block !important;
  width: 100% !important;
}

.template-main-sidebar .template-main-sidebar__main > section#recipe.recipe .recipe__separator {
  margin: 24px 38px 12px !important;
}

#recipe-ingredients.recipe__interact-list,
#recipe-instructions.recipe__interact-list {
  margin-bottom: 26px !important;
}

#recipe-notes.recipe__static-list {
  margin-bottom: 24px !important;
  padding: 22px 24px !important;
}

#recipe-notes.recipe__static-list li {
  margin-bottom: 13px !important;
}

#recipe-equipments {
  margin-bottom: 18px !important;
}

#recipe-allergies.recipe__details,
#recipe-nutrition.recipe__details {
  box-sizing: border-box !important;
  margin-bottom: 24px !important;
  padding: 18px 22px 22px !important;
  border: 1px solid #ded2a2 !important;
  border-radius: 6px !important;
  background: #fffdf6 !important;
}

#recipe-nutrition.recipe__details {
  margin-bottom: 38px !important;
}

#recipe-allergies .recipe__details-summary,
#recipe-nutrition .recipe__details-summary {
  display: block !important;
  margin: 0 !important;
  padding: 0 18px 0 0 !important;
  color: var(--jc-shot-ink) !important;
  font-family: var(--jc-clone-body) !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
}

#recipe-allergies .recipe__details-content,
#recipe-nutrition .recipe__details-content {
  display: grid !important;
  gap: 8px !important;
  margin: 14px 0 0 !important;
  padding-left: 18px !important;
  color: var(--jc-shot-ink) !important;
}

.article .article__wrapper > dl.recipe-faqs {
  display: grid !important;
  gap: 12px !important;
  margin: 0 0 30px !important;
  padding: 0 !important;
}

.recipe-faqs__item {
  display: block !important;
  padding: 18px 20px !important;
  border: 1px solid var(--jc-shot-border) !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: 0 2px 10px rgba(31, 34, 35, 0.08) !important;
}

.recipe-faqs__question,
.article .article__wrapper > dl.recipe-faqs .recipe-faqs__question {
  margin: 0 0 8px !important;
  color: var(--jc-next-mauve) !important;
  font-family: var(--jc-clone-body) !important;
  font-size: 21px !important;
  font-weight: 900 !important;
  line-height: 1.18 !important;
}

.recipe-faqs__answer,
.article .article__wrapper > dl.recipe-faqs .recipe-faqs__answer {
  margin: 0 !important;
  color: var(--jc-shot-ink) !important;
  font-family: var(--jc-clone-body) !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.42 !important;
}

.recipe-faqs__answer > :last-child {
  margin-bottom: 0 !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .related_entries {
  gap: 12px !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .related_entries__item {
  grid-template-columns: 112px minmax(0, 1fr) !important;
  gap: 0 !important;
  align-items: stretch !important;
  min-height: 112px !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .related_entries__item-img {
  align-self: stretch !important;
  width: 112px !important;
  height: 100% !important;
  min-height: 112px !important;
  border-radius: 0 !important;
  object-fit: cover !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .related_entries__item-content {
  display: flex !important;
  align-items: center !important;
  min-height: 112px !important;
  padding: 14px 16px !important;
}

@media (max-width: 520px) {
  .template-main-sidebar .template-main-sidebar__main > section#recipe.recipe .recipe__separator {
    margin: 20px 18px 10px !important;
  }

  #recipe-ingredients.recipe__interact-list,
  #recipe-instructions.recipe__interact-list,
  #recipe-equipments,
  #recipe-notes.recipe__static-list,
  #recipe-allergies,
  #recipe-nutrition {
    margin-inline: 18px !important;
  }

  #recipe-notes.recipe__static-list {
    max-width: calc(100% - 36px) !important;
    padding: 20px !important;
  }

  #recipe-allergies.recipe__details,
  #recipe-nutrition.recipe__details {
    padding: 16px 18px 20px !important;
  }
}


/* 2026-06-03 section card final density correction. */
.template-main-sidebar .template-main-sidebar__main > section#recipe.recipe .recipe__separator {
  margin: 16px 38px 8px !important;
}

#recipe-ingredients.recipe__interact-list,
#recipe-instructions.recipe__interact-list {
  margin-bottom: 20px !important;
}

#recipe-notes.recipe__static-list {
  margin-bottom: 16px !important;
  padding: 18px 22px !important;
}

#recipe-notes.recipe__static-list li {
  margin-bottom: 10px !important;
}

#recipe-equipments {
  margin-bottom: 12px !important;
}

#recipe-allergies.recipe__details {
  margin-bottom: 16px !important;
}

#recipe-nutrition.recipe__details {
  margin-bottom: 38px !important;
}

@media (max-width: 520px) {
  .template-main-sidebar .template-main-sidebar__main > section#recipe.recipe .recipe__separator {
    margin: 15px 18px 8px !important;
  }
}


/* 2026-06-03 user polish follow-up: fixed pills, recipe card controls, FAQ, author sidebar. */
:root {
  --jc-polish-heading: #356854;
  --jc-polish-ink: #1f2223;
}

.header__categorybar {
  height: auto !important;
  padding-block: 10px 12px !important;
  overflow: visible !important;
}

.header__categorybar > .container,
.header .header__categorybar > .container {
  padding-inline: 16px !important;
  overflow: visible !important;
}

.header__categories {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  height: auto !important;
  padding: 4px 0 !important;
  overflow: visible !important;
  scrollbar-width: none !important;
  scroll-snap-type: none !important;
  cursor: default !important;
}

.header__categories::-webkit-scrollbar {
  display: none !important;
}

.header__category-item:nth-child(n+9) {
  display: none !important;
}

.header__category {
  height: 34px !important;
  padding-inline: 13px !important;
}

.landing .landing__content > p.recipe-tags,
.recipe-tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  max-width: min(100%, var(--jc-clone-main, 730px)) !important;
  margin: 10px 0 10px !important;
  padding: 10px 0 12px !important;
  overflow: visible !important;
  scrollbar-width: none !important;
  scroll-snap-type: none !important;
  cursor: default !important;
}

.landing .landing__content > p.recipe-tags::-webkit-scrollbar,
.recipe-tags::-webkit-scrollbar {
  display: none !important;
}

.landing .landing__content > p.recipe-tags > a.recipe-tags__link:nth-of-type(n+6),
.recipe-tags > a.recipe-tags__link:nth-of-type(n+6) {
  display: none !important;
}

.recipe-hero-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 7px 14px !important;
  max-width: min(100%, var(--jc-clone-main, 730px)) !important;
  margin: 8px 0 0 !important;
  padding: 0 0 4px !important;
  color: #51474c !important;
  font-family: var(--jc-clone-body) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

.recipe-hero-meta__item {
  color: #51474c !important;
  text-decoration: none !important;
}

.recipe-hero-meta__item:not(:last-child)::after {
  content: '';
  display: inline-block;
  width: 4px;
  height: 4px;
  margin-left: 14px;
  border-radius: 50%;
  background: #9a8b90;
  vertical-align: middle;
}

.article .article__wrapper > h2,
.template-main-sidebar__main > .article .article__wrapper > h2,
.template-main > .article .article__wrapper > h2,
.template-main-sidebar .template-main-sidebar__main > section#recipe.recipe .recipe__separator,
.recipe-card__description h3,
.template-main-sidebar .template-main-sidebar__sidebar .related_entries__title {
  color: var(--jc-polish-heading) !important;
}

.recipe-card__facts {
  display: grid !important;
  grid-template-columns: repeat(3, max-content) !important;
  gap: 8px 32px !important;
  align-items: start !important;
  margin-bottom: 0 !important;
}

.recipe-card__fact--servings {
  grid-column: 3 !important;
}

.recipe-card__servings,
.recipe-card__servings-value {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.recipe-card__actions {
  gap: 10px !important;
  padding: 0 38px 28px !important;
}

.recipe-card__action {
  min-width: 132px !important;
  height: 44px !important;
  padding-inline: 20px !important;
  border: 1px solid var(--jc-polish-ink) !important;
  border-radius: 4px !important;
  background: var(--jc-polish-ink) !important;
  color: #ffffff !important;
  box-shadow: none !important;
  filter: none !important;
  text-shadow: none !important;
}

.recipe-card__action:nth-child(2) {
  background: #ffffff !important;
  color: var(--jc-polish-ink) !important;
}

.recipe-card__action:nth-child(3) {
  border-color: #b51b2b !important;
  background: #b51b2b !important;
}

.recipe-card__action:nth-child(4) {
  border-color: var(--jc-polish-heading) !important;
  background: var(--jc-polish-heading) !important;
}

#recipe-ingredients h4 {
  margin: 6px 0 2px !important;
  color: var(--jc-polish-ink) !important;
  font-family: var(--jc-clone-body) !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1.18 !important;
}

#recipe-ingredients .recipe__ingredient {
  grid-template-columns: 36px minmax(0, 1fr) !important;
  gap: 12px !important;
}

#recipe-ingredients .recipe__ingredient-check {
  appearance: none !important;
  -webkit-appearance: none !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 32px !important;
  height: 32px !important;
  margin-top: 0 !important;
  border: 3px solid var(--jc-polish-ink) !important;
  border-radius: 4px !important;
}

#recipe-ingredients .recipe__ingredient-check::before {
  width: 13px !important;
  height: 13px !important;
  background: var(--jc-polish-heading) !important;
}

#recipe-ingredients .recipe__ingredient-text {
  font-size: 20px !important;
  line-height: 1.42 !important;
}

#recipe-instructions.recipe__interact-list {
  gap: 12px !important;
}

#recipe-instructions.recipe__interact-list > div {
  grid-template-columns: 46px minmax(0, 1fr) !important;
  gap: 12px !important;
  padding: 16px 18px !important;
  border-color: #dedede !important;
  box-shadow: none !important;
}

#recipe-instructions .recipe__interact-list-number {
  width: 38px !important;
  height: 38px !important;
  margin-top: 0 !important;
  background: var(--jc-polish-heading) !important;
  font-size: 16px !important;
}

#recipe-instructions .recipe__interact-list-content {
  font-size: 19px !important;
  line-height: 1.42 !important;
}

#recipe-allergies.recipe__details,
#recipe-nutrition.recipe__details {
  border: 0 !important;
  border-radius: 4px !important;
  background: var(--jc-next-panel) !important;
}

#recipe-allergies .recipe__details-summary,
#recipe-nutrition .recipe__details-summary {
  position: relative !important;
  min-height: 24px !important;
  padding-right: 34px !important;
  color: var(--jc-polish-ink) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}

#recipe-allergies .recipe__details-summary::marker,
#recipe-nutrition .recipe__details-summary::marker {
  content: '' !important;
}

#recipe-allergies .recipe__details-summary::-webkit-details-marker,
#recipe-nutrition .recipe__details-summary::-webkit-details-marker {
  display: none !important;
}

#recipe-allergies .recipe__details-summary::after,
#recipe-nutrition .recipe__details-summary::after {
  content: '' !important;
  position: absolute !important;
  right: 2px !important;
  top: 0.35em !important;
  width: 9px !important;
  height: 9px !important;
  border-right: 2px solid var(--jc-polish-heading) !important;
  border-bottom: 2px solid var(--jc-polish-heading) !important;
  transform: rotate(45deg) !important;
}

#recipe-allergies[open] .recipe__details-summary::after,
#recipe-nutrition[open] .recipe__details-summary::after {
  top: 0.62em !important;
  transform: rotate(225deg) !important;
}

.article .article__wrapper > dl.recipe-faqs {
  display: block !important;
  margin: 0 0 30px !important;
  padding: 4px 22px !important;
  border: 1px solid var(--jc-shot-border) !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: 0 2px 10px rgba(31, 34, 35, 0.08) !important;
}

.recipe-faqs__item {
  padding: 16px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #ece8e8 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.recipe-faqs__item:last-child {
  border-bottom: 0 !important;
}

.recipe-faqs__question,
.article .article__wrapper > dl.recipe-faqs .recipe-faqs__question {
  color: var(--jc-polish-ink) !important;
  font-size: 19px !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .author {
  display: grid !important;
  grid-template-rows: minmax(174px, 0.95fr) auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .author::after {
  display: none !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .author__img {
  width: 100% !important;
  height: 180px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .author__img a,
.template-main-sidebar .template-main-sidebar__sidebar .author__img img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .author__img img {
  object-fit: cover !important;
  border-radius: 0 !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .author__body {
  padding: 18px !important;
}

@media (max-width: 720px) {
  .recipe-card__facts {
    grid-template-columns: repeat(2, minmax(0, max-content)) !important;
  }

  .recipe-card__fact--servings {
    grid-column: auto !important;
  }

  .recipe-card__actions {
    padding-inline: 18px !important;
  }

  .recipe-card__action {
    min-width: calc(50% - 5px) !important;
  }
}

@media (max-width: 520px) {
  .header__categories {
    justify-content: flex-start !important;
  }

  .recipe-card__facts {
    grid-template-columns: 1fr !important;
  }

  .recipe-card__action {
    min-width: 100% !important;
  }

  #recipe-instructions.recipe__interact-list > div {
    grid-template-columns: 42px minmax(0, 1fr) !important;
    padding: 15px !important;
  }

  #recipe-instructions .recipe__interact-list-number {
    width: 34px !important;
    height: 34px !important;
  }
}


/* 2026-06-03 polish2 verification fixes: natural wrapping, note-colored details, author image reset. */
.landing .landing__content .landing__title,
.landing__title,
.article .article__wrapper > h2,
.template-main-sidebar__main > .article .article__wrapper > h2,
.template-main > .article .article__wrapper > h2,
.recipe-card__title,
.recipe__separator {
  text-wrap: wrap !important;
  overflow-wrap: normal !important;
  hyphens: manual !important;
}

body .header .header__categories {
  padding-block: 10px 12px !important;
  row-gap: 8px !important;
}

body .landing .landing__content .recipe-tags,
body .recipe-tags {
  padding-block: 10px 12px !important;
  row-gap: 8px !important;
}

#recipe-allergies.recipe__details,
#recipe-nutrition.recipe__details {
  border: 1px solid #eadbc8 !important;
  background: #fbf4e9 !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .author {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #ffffff !important;
  border: 1px solid var(--jc-shot-border) !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 10px rgba(31, 34, 35, 0.08) !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .author__img {
  --mo-diameter-img: auto !important;
  position: relative !important;
  inset: auto !important;
  z-index: 0 !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 180px !important;
  min-height: 180px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .author__img a,
.template-main-sidebar .template-main-sidebar__sidebar .author__img img {
  position: static !important;
  inset: auto !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  transform: none !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .author__img img {
  object-fit: cover !important;
  object-position: center !important;
}


/* 2026-06-03 user requested recipe detail structure fixes. */
:root {
  --jc-polish-heading: #631475 !important;
  --jc-user-heading: #631475;
  --jc-user-note-bg: #fbf4e9;
  --jc-user-note-border: #eadbc8;
}

.article .article__wrapper > h2,
.template-main-sidebar__main > .article .article__wrapper > h2,
.template-main > .article .article__wrapper > h2,
.template-main-sidebar .template-main-sidebar__main > section#recipe.recipe .recipe__separator,
.recipe-card__title,
.template-main-sidebar .template-main-sidebar__sidebar .related_entries__title {
  color: var(--jc-user-heading) !important;
}

.article .article__wrapper > p {
  margin: 0 0 18px !important;
  color: var(--jc-shot-ink, #1f2223) !important;
  font-family: var(--jc-clone-body) !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 1.62 !important;
}

.article .article__wrapper > p + p {
  margin-top: 0 !important;
}

.recipe-card__facts {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(116px, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 0 0 4px !important;
}

.recipe-card__fact,
.recipe-card__fact--servings {
  grid-column: auto !important;
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
  padding: 10px 12px !important;
  border: 1px solid var(--jc-user-note-border) !important;
  border-radius: 6px !important;
  background: #ffffff !important;
}

.recipe-card__fact dt,
.recipe-card__fact dd {
  font-size: 16px !important;
  line-height: 1.18 !important;
}

.recipe-card__fact dt {
  color: #5b4a53 !important;
  font-weight: 900 !important;
}

.recipe-card__fact dd {
  color: var(--jc-polish-ink, #1f2223) !important;
  font-weight: 800 !important;
}

.recipe-card__servings,
.recipe-card__servings-value {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.recipe-card__description {
  padding: 22px 38px 28px !important;
}

.recipe-card__description h3 {
  display: none !important;
}

.recipe-card__description p {
  margin: 0 !important;
  font-size: 20px !important;
  line-height: 1.48 !important;
}

#recipe-ingredients.recipe__interact-list {
  display: block !important;
  margin-bottom: 26px !important;
  padding-left: 24px !important;
  list-style: disc outside !important;
}

#recipe-ingredients .recipe__ingredient-group {
  display: block !important;
  margin: 14px 0 8px -24px !important;
  padding: 0 !important;
  list-style: none !important;
}

#recipe-ingredients .recipe__ingredient-group h4 {
  margin: 0 !important;
  color: var(--jc-polish-ink, #1f2223) !important;
  font-size: 19px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
}

#recipe-ingredients .recipe__ingredient {
  display: list-item !important;
  margin: 0 0 11px !important;
  padding: 0 0 0 2px !important;
  border: 0 !important;
  background: transparent !important;
  list-style: disc outside !important;
}

#recipe-ingredients .recipe__ingredient::marker {
  color: var(--jc-user-heading) !important;
  font-size: 1.05em !important;
}

#recipe-ingredients .recipe__ingredient-check {
  display: none !important;
}

#recipe-ingredients .recipe__ingredient-text {
  display: inline !important;
  color: var(--jc-polish-ink, #1f2223) !important;
  font-size: 19px !important;
  line-height: 1.48 !important;
}

#recipe-ingredients .recipe__ingredient-text strong {
  color: var(--jc-polish-ink, #1f2223) !important;
  font-weight: 900 !important;
}

#recipe-instructions.recipe__interact-list {
  gap: 12px !important;
}

#recipe-instructions.recipe__interact-list > div {
  grid-template-columns: auto minmax(0, 1fr) !important;
  gap: 10px !important;
  padding: 16px 18px !important;
  border-color: #e6d8e9 !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

#recipe-instructions .recipe__interact-list-number {
  width: auto !important;
  min-width: 2ch !important;
  height: auto !important;
  margin-top: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--jc-user-heading) !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1.42 !important;
}

#recipe-instructions .recipe__interact-list-content {
  grid-column: 2 !important;
  display: block !important;
  font-size: 19px !important;
  line-height: 1.48 !important;
}

.recipe__instruction-title {
  color: var(--jc-polish-ink, #1f2223) !important;
  font-weight: 900 !important;
}

#recipe-notes.recipe__static-list {
  display: block !important;
  margin-bottom: 20px !important;
  padding: 20px 22px !important;
  border: 1px solid var(--jc-user-note-border) !important;
  border-radius: 6px !important;
  background: var(--jc-user-note-bg) !important;
  list-style: none !important;
}

#recipe-notes.recipe__static-list li {
  display: block !important;
  margin: 0 0 14px !important;
  color: var(--jc-polish-ink, #1f2223) !important;
  font-size: 19px !important;
  line-height: 1.55 !important;
}

#recipe-notes.recipe__static-list li:last-child {
  margin-bottom: 0 !important;
}

#recipe-notes.recipe__static-list li::before {
  content: none !important;
  display: none !important;
}

#recipe-allergies.recipe__details,
#recipe-nutrition.recipe__details {
  border: 1px solid var(--jc-user-note-border) !important;
  border-radius: 6px !important;
  background: var(--jc-user-note-bg) !important;
}

.author-card {
  grid-template-columns: 132px minmax(0, 1fr) !important;
  align-items: stretch !important;
}

.author-card__avatar-link,
.author-card__avatar {
  width: 132px !important;
  height: 156px !important;
  border-radius: 8px !important;
}

.author-card__avatar-link {
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  background: var(--jc-user-note-bg) !important;
}

.author-card__avatar {
  object-fit: contain !important;
  object-position: center !important;
  background: var(--jc-user-note-bg) !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .author__img {
  height: auto !important;
  min-height: 0 !important;
  padding: 12px !important;
  background: var(--jc-user-note-bg) !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .author__img a,
.template-main-sidebar .template-main-sidebar__sidebar .author__img img {
  width: 100% !important;
  height: auto !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .author__img img {
  max-height: 280px !important;
  object-fit: contain !important;
  object-position: center !important;
  background: var(--jc-user-note-bg) !important;
}

@media (max-width: 840px) {
  .recipe-card__facts {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  .author-card {
    grid-template-columns: 1fr !important;
  }

  .author-card__avatar-link,
  .author-card__avatar {
    width: 100% !important;
    height: auto !important;
    max-height: 260px !important;
  }

  .recipe-card__description {
    padding-inline: 18px !important;
  }
}

@media (max-width: 520px) {
  .recipe-card__facts {
    grid-template-columns: 1fr !important;
  }

  #recipe-ingredients.recipe__interact-list {
    padding-left: 22px !important;
  }

  #recipe-instructions.recipe__interact-list > div {
    grid-template-columns: auto minmax(0, 1fr) !important;
    padding: 14px 15px !important;
  }
}


/* 2026-06-03 inline instruction and ingredient role follow-up. */
#recipe-instructions.recipe__interact-list > div {
  grid-template-columns: minmax(0, 1fr) !important;
}

#recipe-instructions .recipe__interact-list-number {
  display: none !important;
}

#recipe-instructions .recipe__interact-list-content {
  grid-column: 1 !important;
}

.recipe__instruction-title {
  color: var(--jc-user-heading) !important;
}

#recipe-instructions .recipe__instruction-title {
  color: var(--jc-user-heading) !important;
}


/* 2026-06-03 cleaner recipe facts grid follow-up. */
.recipe-card__facts {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

@media (max-width: 520px) {
  .recipe-card__facts {
    grid-template-columns: 1fr !important;
  }
}


/* 2026-06-03 user correction: article ingredients, notes color, image pin button. */
:root {
  --jc-polish-heading: #8d6271 !important;
  --jc-user-heading: #8d6271;
  --jc-user-note-bg: var(--jc-next-panel, #f1eeee);
  --jc-user-note-border: #dedede;
}

.article .article__wrapper > h2,
.template-main-sidebar__main > .article .article__wrapper > h2,
.template-main > .article .article__wrapper > h2,
.template-main-sidebar .template-main-sidebar__main > section#recipe.recipe .recipe__separator,
.recipe-card__title,
.template-main-sidebar .template-main-sidebar__sidebar .related_entries__title,
.recipe__instruction-title {
  color: var(--jc-user-heading) !important;
}

.article-ingredient-notes {
  display: grid !important;
  gap: 12px !important;
  margin: 0 0 24px !important;
  padding: 0 !important;
  list-style: disc outside !important;
}

.article-ingredient-notes li {
  display: list-item !important;
  margin: 0 !important;
  color: var(--jc-shot-ink, #1f2223) !important;
  font-family: var(--jc-clone-body) !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 1.62 !important;
}

.article-ingredient-notes li::marker {
  color: var(--jc-user-heading) !important;
}

.article-ingredient-notes strong {
  color: var(--jc-shot-ink, #1f2223) !important;
  font-weight: 900 !important;
}

#recipe-ingredients .recipe__ingredient-text,
#recipe-ingredients .recipe__ingredient-text strong {
  color: var(--jc-polish-ink, #1f2223) !important;
  font-weight: 500 !important;
}

#recipe-notes.recipe__static-list,
#recipe-allergies.recipe__details,
#recipe-nutrition.recipe__details {
  border: 1px solid var(--jc-user-note-border) !important;
  background: var(--jc-user-note-bg) !important;
}

.article figure.pin-wrapper,
.article .article__wrapper figure.pin-wrapper {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
}

.article figure.pin-wrapper > img,
.article .article__wrapper figure.pin-wrapper > img {
  order: 1 !important;
}

.article figure.pin-wrapper > figcaption,
.article .article__wrapper figure.pin-wrapper > figcaption {
  order: 2 !important;
}

.article figure.pin-wrapper > .pin.icon-wrapper,
.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;
  min-height: 48px !important;
  margin: 10px 0 0 !important;
  padding: 0 20px !important;
  border: 0 !important;
  border-radius: 5px !important;
  background: #e60023 !important;
  color: #ffffff !important;
  font-family: var(--jc-clone-body) !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transform: none !important;
}

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

.article figure.pin-wrapper > .pin.icon-wrapper .icon,
.article .article__wrapper figure.pin-wrapper > .pin.icon-wrapper .icon {
  width: 20px !important;
  height: 20px !important;
  margin-right: 8px !important;
  color: currentColor !important;
}

.article figure.pin-wrapper > .pin.icon-wrapper span,
.article .article__wrapper figure.pin-wrapper > .pin.icon-wrapper span {
  color: currentColor !important;
  font-size: 18px !important;
  font-weight: 900 !important;
}


/* 2026-06-03 user heading and author media fill correction. */
:root {
  --jc-polish-heading: #4a2934 !important;
  --jc-user-heading: #4a2934 !important;
}

.article .article__wrapper > h2,
.template-main-sidebar__main > .article .article__wrapper > h2,
.template-main > .article .article__wrapper > h2,
.template-main-sidebar .template-main-sidebar__main > section#recipe.recipe .recipe__separator,
.recipe-card__title,
.template-main-sidebar .template-main-sidebar__sidebar .related_entries__title,
#recipe-instructions .recipe__instruction-title,
.recipe__instruction-title {
  color: var(--jc-user-heading) !important;
}

.author-card {
  grid-template-columns: minmax(190px, 240px) minmax(0, 1fr) !important;
  gap: 0 !important;
  align-items: stretch !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.author-card__avatar-link,
.author-card__avatar {
  width: 100% !important;
  height: 100% !important;
  min-height: 260px !important;
  max-height: none !important;
  border-radius: 0 !important;
}

.author-card__avatar-link {
  display: block !important;
  background: transparent !important;
}

.author-card__avatar {
  object-fit: cover !important;
  object-position: center !important;
  background: transparent !important;
}

.author-card__body {
  padding: 1.45rem 1.65rem !important;
}

@media (max-width: 640px) {
  .author-card {
    grid-template-columns: 1fr !important;
  }

  .author-card__avatar-link,
  .author-card__avatar {
    min-height: 240px !important;
    height: 240px !important;
  }
}


/* 2026-06-03 visible sidebar author image fill correction. */
.template-main-sidebar .template-main-sidebar__sidebar .author__img {
  padding: 0 !important;
  height: 340px !important;
  overflow: hidden !important;
  background: transparent !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .author__img a,
.template-main-sidebar .template-main-sidebar__sidebar .author__img img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .author__img img {
  max-height: none !important;
  object-fit: cover !important;
  object-position: center !important;
  background: transparent !important;
}


/* 2026-06-03 post-QA polish11 overflow and ingredient note background correction. */
.article-ingredient-notes {
  border: 1px solid var(--jc-user-note-border, #dedede) !important;
  border-radius: 6px !important;
  background: var(--jc-user-note-bg, #f1eeee) !important;
  padding: 16px 18px 16px 34px !important;
}

.header__menu {
  min-width: 0 !important;
  max-width: 100% !important;
  flex-wrap: wrap !important;
  overflow: hidden !important;
  row-gap: 8px !important;
}

.header__menu > *,
.header__menu a {
  min-width: 0 !important;
}

@media (max-width: 1320px) {
  .header__menu {
    justify-content: center !important;
  }
}


/* 2026-06-03 final polish12 QA corrections. */
.landing .landing__content h1.landing__title,
.landing .landing__content h1.landing__title.txt-xxxl,
.landing h1.landing__title,
h1.landing__title,
h1.landing__title.txt-xxxl {
  color: var(--jc-user-heading, #4a2934) !important;
}

.article figure.pin-wrapper > a.pin.icon-wrapper,
.article figure.pin-wrapper > .pin.icon-wrapper,
.article .article__wrapper figure.pin-wrapper > a.pin.icon-wrapper,
.article .article__wrapper figure.pin-wrapper > .pin.icon-wrapper {
  align-self: stretch !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 48px !important;
  background: #e60023 !important;
  color: #ffffff !important;
}

@media (min-width: 1025px) and (max-width: 1320px) {
  .header .header__main > .container {
    padding-inline: 40px !important;
  }

  .header .header__wrapper {
    max-width: 100% !important;
  }

  .header .header__brand {
    flex: 0 0 300px !important;
    width: 300px !important;
    min-width: 300px !important;
  }

  .header .header__brand .logo {
    width: 300px !important;
    max-width: 300px !important;
  }

  .header .header__wrapper .header__menu {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: calc(100% - 300px) !important;
    gap: 12px !important;
    justify-content: flex-end !important;
    overflow: visible !important;
  }

  .header .header__wrapper .header__menu .header__menu-item > a,
  .header .header__wrapper .header__menu .header__menu-item > button {
    font-size: 22px !important;
  }

  .header .header__wrapper .header__menu .header__menu-item a[href="/search"] {
    width: 64px !important;
    min-width: 64px !important;
    height: 64px !important;
    min-height: 64px !important;
    margin-left: 0 !important;
  }

  .header .header__wrapper .header__menu .header__menu-item a[href="/search"] .icon {
    width: 30px !important;
    height: 30px !important;
  }
}


/* 2026-06-03 user polish14 recipe structure and spacing corrections. */
:root {
  --jc-polish-heading: #ab0098 !important;
  --jc-user-heading: #ab0098 !important;
  --jc-user-list-accent: hsl(239.2, 41.2%, 34.7%) !important;
}

.landing .landing__content h1.landing__title,
.landing .landing__content h1.landing__title.txt-xxxl,
.landing h1.landing__title,
h1.landing__title,
h1.landing__title.txt-xxxl,
.article .article__wrapper > h2,
.template-main-sidebar__main > .article .article__wrapper > h2,
.template-main > .article .article__wrapper > h2,
.template-main-sidebar .template-main-sidebar__main > section#recipe.recipe .recipe__separator,
.recipe-card__title,
.template-main-sidebar .template-main-sidebar__sidebar .related_entries__title {
  color: var(--jc-user-heading, #ab0098) !important;
}

@media (min-width: 1025px) {
  .template-main-sidebar {
    grid-template-columns: minmax(0, 1fr) 340px !important;
    column-gap: 12px !important;
    gap: 12px !important;
  }

  .template-main-sidebar__main,
  .landing .landing__content,
  .article .article__wrapper,
  .article figure.pin-wrapper,
  .template-main-sidebar .template-main-sidebar__main > section#recipe.recipe {
    width: 100% !important;
    max-width: none !important;
  }

  .article figure.pin-wrapper > img,
  .article .article__wrapper figure.pin-wrapper > img,
  .article figure.pin-wrapper > figcaption,
  .article .article__wrapper figure.pin-wrapper > figcaption,
  .article figure.pin-wrapper > .pin.icon-wrapper,
  .article .article__wrapper figure.pin-wrapper > .pin.icon-wrapper,
  .landing .landing__content .actions {
    width: 100% !important;
    max-width: 100% !important;
  }
}

.article figure.pin-wrapper,
.article .article__wrapper figure.pin-wrapper {
  margin-bottom: 18px !important;
}

.article figure.pin-wrapper > figcaption,
.article .article__wrapper figure.pin-wrapper > figcaption {
  width: 100% !important;
  margin: 4px auto 0 !important;
  padding: 4px 10px 0 !important;
  color: #686d70 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  text-align: center !important;
}

.article figure.pin-wrapper > .pin.icon-wrapper,
.article .article__wrapper figure.pin-wrapper > .pin.icon-wrapper {
  margin-top: 6px !important;
}

#recipe-notes.recipe__static-list {
  display: grid !important;
  gap: 10px !important;
  list-style: disc outside !important;
  margin: 0 38px 20px !important;
  padding: 20px 22px 20px 42px !important;
}

#recipe-notes.recipe__static-list li {
  display: list-item !important;
  list-style: disc outside !important;
  padding-left: 4px !important;
}

#recipe-notes.recipe__static-list li::before {
  content: none !important;
}

#recipe-allergies .recipe__details-content,
#recipe-nutrition .recipe__details-content {
  display: grid !important;
  gap: 10px !important;
  list-style: disc outside !important;
  margin: 14px 0 0 !important;
  padding: 0 !important;
}

#recipe-allergies .recipe__details-content li,
#recipe-nutrition .recipe__details-content li {
  display: list-item !important;
  list-style: disc outside !important;
  padding-left: 4px !important;
}

#recipe-ingredients .recipe__ingredient-text,
#recipe-ingredients .recipe__ingredient-text strong,
#recipe-instructions .recipe__instruction,
#recipe-instructions .recipe__instruction-title,
.recipe__instruction-title {
  color: var(--jc-user-list-accent, hsl(239.2, 41.2%, 34.7%)) !important;
}

#recipe-ingredients .recipe__ingredient::marker,
#recipe-instructions .recipe__instruction::marker,
.article-ingredient-notes li::marker,
#recipe-notes.recipe__static-list li::marker,
#recipe-allergies .recipe__details-content li::marker,
#recipe-nutrition .recipe__details-content li::marker {
  color: var(--jc-user-list-accent, hsl(239.2, 41.2%, 34.7%)) !important;
}

#recipe-ingredients .recipe__ingredient-text strong {
  font-weight: 500 !important;
}

@media (max-width: 1024px) {
  .template-main-sidebar {
    gap: 28px !important;
  }

  #recipe-notes.recipe__static-list {
    margin-inline: 20px !important;
    padding-left: 36px !important;
  }
}


/* 2026-06-03 polish15 align title/actions, media, body, and sidebar gap. */
@media (min-width: 1025px) {
  .landing .landing__content {
    width: calc(100% - 352px) !important;
    max-width: calc(100% - 352px) !important;
  }

  .template-main-sidebar.template-main-sidebar {
    grid-template-columns: minmax(0, 1fr) 340px !important;
    gap: 12px !important;
    column-gap: 12px !important;
  }

  .template-main-sidebar .template-main-sidebar__main {
    justify-self: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .template-main-sidebar .template-main-sidebar__main > .article,
  .template-main-sidebar .template-main-sidebar__main > .article .article__wrapper,
  .template-main-sidebar .template-main-sidebar__main > .article .article__wrapper > figure.pin-wrapper,
  .template-main-sidebar .template-main-sidebar__main > .article figure.pin-wrapper,
  .template-main-sidebar .template-main-sidebar__main > section#recipe.recipe,
  .template-main-sidebar .template-main-sidebar__main > section#recipe.recipe .recipe__wrapper {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .template-main-sidebar .template-main-sidebar__main > .article figure.pin-wrapper > img,
  .template-main-sidebar .template-main-sidebar__main > .article figure.pin-wrapper > figcaption,
  .template-main-sidebar .template-main-sidebar__main > .article figure.pin-wrapper > .pin.icon-wrapper,
  .landing .landing__content .actions {
    width: 100% !important;
    max-width: 100% !important;
  }
}


/* 2026-06-03 polish16 landing title width alignment. */
@media (min-width: 1025px) {
  .landing .landing__content h1.landing__title,
  .landing .landing__content h1.landing__title.txt-xxxl,
  .landing .landing__content .landing__title {
    width: 100% !important;
    max-width: 100% !important;
  }
}


/* 2026-06-04 polish17 sidebar title alignment and article ingredient bullets. */
@media (min-width: 1025px) {
  .template-main-sidebar.template-main-sidebar {
    grid-template-columns: minmax(0, 1fr) 340px !important;
    gap: 25px !important;
    column-gap: 25px !important;
  }

  .landing .landing__content {
    width: calc(100% - 365px) !important;
    max-width: calc(100% - 365px) !important;
  }

  .template-main-sidebar .template-main-sidebar__sidebar {
    align-self: start !important;
    margin-top: -273px !important;
  }
}

.article-ingredient-notes {
  display: grid !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 18px 0 28px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  list-style: disc outside !important;
}

.article-ingredient-notes li {
  display: list-item !important;
  margin: 0 !important;
  padding-left: 2px !important;
  color: var(--jc-shot-ink, #1f2223) !important;
  font-family: var(--jc-clone-body) !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 1.62 !important;
  list-style: disc outside !important;
}

.article-ingredient-notes strong {
  color: var(--jc-user-list-accent, hsl(239.2, 41.2%, 34.7%)) !important;
  font-weight: 900 !important;
}


/* 2026-06-04 polish18 article ingredient note text size specificity. */
.article .article__wrapper .article-ingredient-notes,
.template-main-sidebar .template-main-sidebar__main .article .article__wrapper .article-ingredient-notes {
  font-size: 20px !important;
  line-height: 1.62 !important;
}

.article .article__wrapper .article-ingredient-notes li,
.template-main-sidebar .template-main-sidebar__main .article .article__wrapper .article-ingredient-notes li {
  font-size: 20px !important;
  line-height: 1.62 !important;
  display: list-item !important;
  list-style: disc outside !important;
}

.article .article__wrapper .article-ingredient-notes strong,
.template-main-sidebar .template-main-sidebar__main .article .article__wrapper .article-ingredient-notes strong {
  font-size: inherit !important;
  line-height: inherit !important;
}

/* 2026-06-04 polish19 list spacing and header logo sizing. */
@media (min-width: 1025px) {
  .template-main-sidebar.template-main-sidebar {
    gap: 35px !important;
    column-gap: 35px !important;
  }

  .landing .landing__content {
    width: calc(100% - 375px) !important;
    max-width: calc(100% - 375px) !important;
  }
}

.article .article__wrapper :is(ul, ol),
.template-main-sidebar .template-main-sidebar__main .article .article__wrapper :is(ul, ol),
.article .article__wrapper .article-ingredient-notes,
.template-main-sidebar .template-main-sidebar__main .article .article__wrapper .article-ingredient-notes {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 18px 0 28px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--jc-shot-ink, #1f2223) !important;
  font-family: var(--jc-clone-body) !important;
  font-size: 20px !important;
  line-height: 1.62 !important;
}

.article .article__wrapper ul,
.template-main-sidebar .template-main-sidebar__main .article .article__wrapper ul,
.article .article__wrapper .article-ingredient-notes,
.template-main-sidebar .template-main-sidebar__main .article .article__wrapper .article-ingredient-notes {
  list-style: disc outside !important;
}

.article .article__wrapper ol,
.template-main-sidebar .template-main-sidebar__main .article .article__wrapper ol {
  list-style: decimal outside !important;
}

.article .article__wrapper li,
.template-main-sidebar .template-main-sidebar__main .article .article__wrapper li,
.article .article__wrapper .article-ingredient-notes li,
.template-main-sidebar .template-main-sidebar__main .article .article__wrapper .article-ingredient-notes li {
  display: list-item !important;
  margin: 0 0 8px !important;
  padding-left: 2px !important;
  color: var(--jc-shot-ink, #1f2223) !important;
  font-family: var(--jc-clone-body) !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 1.62 !important;
  list-style-position: outside !important;
}

.article .article__wrapper li::marker,
.template-main-sidebar .template-main-sidebar__main .article .article__wrapper li::marker {
  color: var(--jc-user-list-accent, hsl(239.2, 41.2%, 34.7%)) !important;
  font-size: 0.95em !important;
}

.article .article__wrapper li :is(strong, b),
.template-main-sidebar .template-main-sidebar__main .article .article__wrapper li :is(strong, b),
.article .article__wrapper .article-ingredient-notes strong,
.template-main-sidebar .template-main-sidebar__main .article .article__wrapper .article-ingredient-notes strong {
  color: var(--jc-user-list-accent, hsl(239.2, 41.2%, 34.7%)) !important;
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: 900 !important;
}

.header .header__brand {
  flex: 0 0 300px !important;
  width: 300px !important;
  min-width: 300px !important;
  height: 70px !important;
  min-height: 70px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.header .header__brand .logo,
.header .header__brand img.logo {
  display: block !important;
  width: 300px !important;
  max-width: 300px !important;
  height: 70px !important;
  max-height: 70px !important;
  object-fit: contain !important;
  object-position: left center !important;
}

@media (max-width: 767px) {
  .header .header__brand {
    flex-basis: min(300px, calc(100vw - 96px)) !important;
    width: min(300px, calc(100vw - 96px)) !important;
    min-width: 0 !important;
  }

  .header .header__brand .logo,
  .header .header__brand img.logo {
    width: 100% !important;
    max-width: 300px !important;
  }
}

/* 2026-06-04 polish20 keep requested logo size on standard mobile. */
@media (max-width: 767px) {
  .header .header__brand {
    flex-basis: min(300px, calc(100vw - 72px)) !important;
    width: min(300px, calc(100vw - 72px)) !important;
  }
}

/* 2026-06-04 polish21 compact header logo/menu alignment. */
.header {
  height: auto !important;
  min-height: 0 !important;
  background: #ffffff !important;
  border-bottom: 1px solid #e7e7e7 !important;
  box-shadow: 0 1px 0 rgba(26, 26, 26, 0.06) !important;
}

.header__main,
.header .header__main {
  height: auto !important;
  min-height: 86px !important;
  background: #ffffff !important;
  border-bottom: 0 !important;
}

.header .header__main > .container {
  width: 100% !important;
  max-width: 1536px !important;
  height: auto !important;
  min-height: 86px !important;
  margin-inline: auto !important;
  padding-inline: clamp(24px, 3vw, 62px) !important;
}

.header .header__wrapper {
  display: flex !important;
  height: auto !important;
  min-height: 86px !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: clamp(20px, 3vw, 44px) !important;
  flex-wrap: nowrap !important;
}

.header .header__brand {
  display: flex !important;
  flex: 0 0 300px !important;
  align-self: center !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 300px !important;
  min-width: 300px !important;
  height: 70px !important;
  min-height: 70px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.header .header__brand .logo,
.header .header__brand img.logo {
  display: block !important;
  width: 300px !important;
  max-width: 300px !important;
  height: 70px !important;
  max-height: 70px !important;
  object-fit: contain !important;
  object-position: left center !important;
}

.header .header__wrapper .header__menu {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: calc(100% - 340px) !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: clamp(10px, 1.25vw, 18px) !important;
  flex-wrap: nowrap !important;
  overflow: visible !important;
  font-size: 22px !important;
  line-height: 1 !important;
}

.header .header__wrapper .header__menu .header__menu-item {
  display: flex !important;
  align-items: center !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
}

.header .header__wrapper .header__menu .header__menu-item > a,
.header .header__wrapper .header__menu .header__menu-item > button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 56px !important;
  min-height: 56px !important;
  padding: 0 !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.header .header__wrapper .header__menu .header__menu-item a[href="/search"] {
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  min-height: 58px !important;
  margin: 0 !important;
}

.header .header__wrapper .header__menu .header__menu-item a[href="/search"] .icon {
  width: 28px !important;
  height: 28px !important;
}

.header__categorybar {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

@media (max-width: 1320px) and (min-width: 1025px) {
  .header .header__main > .container {
    padding-inline: 40px !important;
  }

  .header .header__wrapper {
    gap: 22px !important;
  }

  .header .header__wrapper .header__menu {
    max-width: calc(100% - 322px) !important;
    gap: 12px !important;
    font-size: 20px !important;
  }

  .header .header__wrapper .header__menu .header__menu-item > a,
  .header .header__wrapper .header__menu .header__menu-item > button {
    height: 52px !important;
    min-height: 52px !important;
    font-size: 20px !important;
  }

  .header .header__wrapper .header__menu .header__menu-item a[href="/search"] {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    min-height: 54px !important;
  }
}

@media (max-width: 767px) {
  .header__main,
  .header .header__main,
  .header .header__main > .container,
  .header .header__wrapper {
    min-height: 78px !important;
  }

  .header .header__brand {
    flex-basis: min(300px, calc(100vw - 72px)) !important;
    width: min(300px, calc(100vw - 72px)) !important;
    min-width: 0 !important;
  }
}

/* 2026-06-04 polish22 mobile compact header containment. */
@media (max-width: 767px) {
  .header .header__main > .container {
    padding-inline: 12px !important;
  }

  .header .header__wrapper {
    gap: 12px !important;
    justify-content: space-between !important;
  }

  .header .d-xl-none {
    flex: 0 0 48px !important;
    width: 48px !important;
    min-width: 48px !important;
    margin: 0 !important;
  }

  .header .d-xl-none > .icon-wrapper,
  .header .d-xl-none button.icon-wrapper {
    width: 48px !important;
    min-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    margin: 0 !important;
  }
}

/* 2026-06-04 polish23 hide desktop menu slot on mobile header. */
@media (max-width: 767px) {
  .header .header__wrapper .header__menu {
    display: none !important;
    flex: 0 0 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
}

/* 2026-06-04 polish24 show contained mobile menu button. */
@media (max-width: 767px) {
  .header .header__wrapper .header__menu {
    display: flex !important;
    flex: 0 0 48px !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0 !important;
    overflow: visible !important;
  }

  .header .header__wrapper .header__menu > .header__menu-item.d-none,
  .header .header__wrapper .header__menu > .header__menu-item.d-xl-block {
    display: none !important;
  }

  .header .header__wrapper .header__menu > .header__menu-item:not(.d-none) {
    display: flex !important;
    flex: 0 0 48px !important;
    width: 48px !important;
    min-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .header .d-xl-none {
    display: block !important;
    flex: 0 0 48px !important;
    width: 48px !important;
    min-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    margin: 0 !important;
  }

  .header .d-xl-none > .icon-wrapper,
  .header .d-xl-none button.icon-wrapper {
    display: inline-flex !important;
    width: 48px !important;
    min-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    margin: 0 !important;
  }
}

/* 2026-06-04 polish25 QA addendum v2 overflow and list-edge corrections. */
html,
body {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: clip !important;
}

.header,
.header__main,
.header .header__main,
.header .header__main > .container,
.header .header__wrapper {
  max-width: 100vw !important;
  box-sizing: border-box !important;
}

.header,
.header__main,
.header .header__main,
.header .header__main > .container {
  overflow-x: clip !important;
}

.header .header__main > .container {
  width: 100% !important;
  max-width: min(1536px, 100vw) !important;
}

.article .article__wrapper :is(ul, ol),
.template-main-sidebar .template-main-sidebar__main .article .article__wrapper :is(ul, ol),
.article .article__wrapper .article-ingredient-notes,
.template-main-sidebar .template-main-sidebar__main .article .article__wrapper .article-ingredient-notes {
  margin: 18px 0 28px !important;
  padding: 0 !important;
  font-size: 20px !important;
  line-height: 1.62 !important;
  list-style-position: inside !important;
}

.article .article__wrapper ul,
.template-main-sidebar .template-main-sidebar__main .article .article__wrapper ul,
.article .article__wrapper .article-ingredient-notes,
.template-main-sidebar .template-main-sidebar__main .article .article__wrapper .article-ingredient-notes {
  list-style: disc inside !important;
}

.article .article__wrapper ol,
.template-main-sidebar .template-main-sidebar__main .article .article__wrapper ol {
  list-style: decimal inside !important;
}

.article .article__wrapper li,
.template-main-sidebar .template-main-sidebar__main .article .article__wrapper li,
.article .article__wrapper .article-ingredient-notes li,
.template-main-sidebar .template-main-sidebar__main .article .article__wrapper .article-ingredient-notes li {
  padding-left: 0 !important;
  font-size: 20px !important;
  line-height: 1.62 !important;
  list-style-position: inside !important;
}

.article .article__wrapper ul li,
.template-main-sidebar .template-main-sidebar__main .article .article__wrapper ul li,
.article .article__wrapper .article-ingredient-notes li,
.template-main-sidebar .template-main-sidebar__main .article .article__wrapper .article-ingredient-notes li {
  list-style: disc inside !important;
}

.article .article__wrapper ol li,
.template-main-sidebar .template-main-sidebar__main .article .article__wrapper ol li {
  list-style: decimal inside !important;
}

.article .article__wrapper li::marker,
.template-main-sidebar .template-main-sidebar__main .article .article__wrapper li::marker {
  color: var(--jc-user-list-accent, hsl(239.2, 41.2%, 34.7%)) !important;
  font-size: 1em !important;
}

.article .article__wrapper li :is(strong, b),
.template-main-sidebar .template-main-sidebar__main .article .article__wrapper li :is(strong, b),
.article .article__wrapper .article-ingredient-notes strong,
.template-main-sidebar .template-main-sidebar__main .article .article__wrapper .article-ingredient-notes strong {
  color: var(--jc-user-list-accent, hsl(239.2, 41.2%, 34.7%)) !important;
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: 900 !important;
}


/* 2026-06-04 polish26 compact sidebar author card cleanup. */
.template-main-sidebar .template-main-sidebar__sidebar .author {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: var(--jc-clone-sidebar, 340px) !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--jc-shot-border, #dedede) !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: 0 2px 10px rgba(31, 34, 35, 0.08) !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .author__img {
  width: 100% !important;
  height: clamp(220px, 17vw, 250px) !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .author__img a,
.template-main-sidebar .template-main-sidebar__sidebar .author__img img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .author__img img {
  max-height: none !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 0 !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .author__body {
  display: grid !important;
  gap: 10px !important;
  padding: 20px 22px 22px !important;
  color: var(--jc-clone-ink, #1f2223) !important;
  font-family: var(--jc-clone-body) !important;
  text-align: left !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .author__title {
  display: block !important;
  max-width: none !important;
  margin: 0 !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-decoration: none !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .author__title::before {
  content: "Hey there!" !important;
  display: block !important;
  color: var(--jc-clone-ink, #1f2223) !important;
  font-family: var(--jc-clone-body) !important;
  font-size: 32px !important;
  font-weight: 900 !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .author__body p {
  margin: 0 !important;
  color: var(--jc-clone-ink, #1f2223) !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.48 !important;
  text-align: left !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .author .social {
  display: grid !important;
  gap: 10px !important;
  margin: 2px 0 0 !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .author .social__title {
  margin: 0 !important;
  color: var(--jc-clone-ink, #1f2223) !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-align: left !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .author .social__items {
  display: flex !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  margin: 0 !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .author .social__item {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  border-radius: 8px !important;
}


/* 2026-06-04 polish27 centered compact author card alignment. */
.template-main-sidebar .template-main-sidebar__sidebar .author__body {
  justify-items: center !important;
  text-align: center !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .author__title,
.template-main-sidebar .template-main-sidebar__sidebar .author__body p,
.template-main-sidebar .template-main-sidebar__sidebar .author .social,
.template-main-sidebar .template-main-sidebar__sidebar .author .social__title,
.template-main-sidebar .template-main-sidebar__sidebar .author .social__items {
  justify-self: center !important;
  text-align: center !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .author__body p {
  max-width: 30ch !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .author .social__items {
  justify-content: center !important;
}


/* 2026-06-04 polish28 sticky-safe overflow and source list gutter cleanup. */
html,
body {
  overflow-x: clip !important;
}

.article .article__wrapper :is(ul, ol),
.template-main-sidebar .template-main-sidebar__main .article .article__wrapper :is(ul, ol),
.article .article__wrapper .article-ingredient-notes,
.template-main-sidebar .template-main-sidebar__main .article .article__wrapper .article-ingredient-notes,
#recipe-allergies .recipe__details-content,
#recipe-nutrition .recipe__details-content {
  padding-left: 0 !important;
  padding-inline-start: 0 !important;
  list-style-position: inside !important;
}

.article .article__wrapper ul,
.template-main-sidebar .template-main-sidebar__main .article .article__wrapper ul,
.article .article__wrapper .article-ingredient-notes,
.template-main-sidebar .template-main-sidebar__main .article .article__wrapper .article-ingredient-notes,
#recipe-allergies .recipe__details-content,
#recipe-nutrition .recipe__details-content {
  list-style: disc inside !important;
}

.article .article__wrapper ol,
.template-main-sidebar .template-main-sidebar__main .article .article__wrapper ol {
  list-style: decimal inside !important;
}

.article .article__wrapper li,
.template-main-sidebar .template-main-sidebar__main .article .article__wrapper li,
.article .article__wrapper .article-ingredient-notes li,
.template-main-sidebar .template-main-sidebar__main .article .article__wrapper .article-ingredient-notes li,
#recipe-allergies .recipe__details-content li,
#recipe-nutrition .recipe__details-content li {
  margin-left: 0 !important;
  padding-left: 0 !important;
  list-style-position: inside !important;
}


/* 2026-06-04 polish29 explicit sidebar author hidden-name suppression. */
.template-main-sidebar .template-main-sidebar__sidebar .author__title {
  position: relative !important;
  min-height: 0 !important;
  height: auto !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .author__title-text {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .author__title::before {
  content: "Hey there!" !important;
  display: block !important;
  color: var(--jc-clone-ink, #1f2223) !important;
  font-size: 32px !important;
  font-weight: 900 !important;
  line-height: 1.12 !important;
}

/* 2026-06-04 polish30 author pseudo-heading cascade guard. */
.template-main-sidebar .template-main-sidebar__sidebar .author__title {
  overflow: visible !important;
  text-indent: 0 !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .author__title > .author__title-text {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

.template-main-sidebar .template-main-sidebar__sidebar .author__title::before {
  content: "Hey there!" !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: var(--jc-clone-ink, #1f2223) !important;
  font-family: var(--jc-clone-body) !important;
  font-size: 32px !important;
  font-weight: 900 !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
  text-indent: 0 !important;
  text-decoration: none !important;
  white-space: normal !important;
}

/* 2026-06-04 polish32 — article readability pass:
   • headings → near-black ink (drops the #ab0098 magenta accent set in polish14)
   • body + lists → one consistent reading serif (Newsreader) at a comfortable size
   • lists sit FLUSH with the paragraph text (no block indent); bullets/numbers hang at the
     very left and wrapped lines align under the text; ordered lists auto-number 1. 2. 3.
   • FAQ heading centered above the questions
   • responsive sizing tuned for desktop + mobile reading */

/* (1) Headings: replace the magenta heading accent with near-black wherever it was used. */
:root {
  --jc-polish-heading: #15151c !important;
  --jc-user-heading: #15151c !important;
}
.article .article__wrapper > h2,
.article .article__wrapper h3,
.template-main-sidebar .template-main-sidebar__main .article .article__wrapper > h2,
.template-main-sidebar .template-main-sidebar__main .article .article__wrapper h3,
.recipe :where(h1, h2, h3),
.landing .landing__content h1.landing__title {
  color: #15151c !important;
}

/* (2) Body + list text: match reference-site.example.com — the native system sans-serif stack at a
   comfortable reading size. (reference-site uses -apple-system / Segoe UI / Roboto, 18px-ish.) */
.article .article__wrapper p,
.article .article__wrapper li,
.article .article__wrapper :is(ul, ol),
.template-main-sidebar .template-main-sidebar__main .article .article__wrapper :is(p, li, ul, ol) {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  font-size: 1.125rem !important; /* 18px */
  line-height: 1.7 !important;
  color: #1a1a1a !important;
}
/* Bold lead-in names (ingredients / steps) match reference-site' <strong> weight. */
.article .article__wrapper :is(p, li) strong {
  font-weight: 700 !important;
}

/* (3) Article lists begin FLUSH at the text margin — the bullet/number sits at the very left
   edge, aligned with the paragraphs and headings (no block indent). Wrapped lines hang under
   the text. Ordered-list numbers are bold and use the same navy accent as the step names. */
.article .article__wrapper ul,
.article .article__wrapper ol,
.template-main-sidebar .template-main-sidebar__main .article .article__wrapper :is(ul, ol),
.article .article__wrapper .article-ingredient-notes,
.template-main-sidebar .template-main-sidebar__main .article .article__wrapper .article-ingredient-notes {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 16px 0 24px !important;
  counter-reset: li-step !important;
}
.article .article__wrapper :is(ul, ol) > li,
.article .article__wrapper .article-ingredient-notes > li {
  position: relative !important;
  display: block !important;
  padding-left: 1.5em !important; /* room for the marker; text hangs here */
  margin: 0 0 0.5em !important;
  text-indent: 0 !important;
}
/* bullet at the very left edge (aligned with paragraph text) */
.article .article__wrapper ul > li::before,
.article .article__wrapper .article-ingredient-notes > li::before {
  content: "\2022" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  color: #1a1a1a !important;
  font-weight: 700 !important;
}
/* number at the very left edge — bold + the same navy as the bold step/ingredient names */
.article .article__wrapper ol > li::before {
  counter-increment: li-step !important;
  content: counter(li-step) "." !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  color: hsl(239.2, 41.2%, 34.7%) !important;
  font-weight: 700 !important;
}

/* (4) FAQ heading centered above the questions card. */
#faqs,
.article .article__wrapper > h2#faqs {
  text-align: center !important;
}

/* (5) Mobile: slightly smaller for a comfortable line length on phones. */
@media (max-width: 640px) {
  .article .article__wrapper p,
  .article .article__wrapper li,
  .article .article__wrapper :is(ul, ol) {
    font-size: 1rem !important; /* 16px */
    line-height: 1.62 !important;
  }
}

/* 2026-06-04 polish33 — restore the category bar below the header. A previous patch had
   hidden it entirely (display:none; height:0). Bring it back on desktop; keep it hidden on
   small screens as it was originally (the mobile menu covers categories there). */
.header__categorybar {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}
.header__categorybar > .container {
  display: block !important;
}
.header__categories {
  display: flex !important;
}
@media (max-width: 1024px) {
  .header__categorybar {
    display: none !important;
  }
}
/* polish38 — header nav: a thin vertical divider between the menu items. */
.header .header__wrapper .header__menu .header__menu-item.d-xl-block ~ .header__menu-item.d-xl-block {
  border-left: 1px solid rgba(0, 0, 0, 0.16) !important;
  padding-left: 0.85rem !important;
  margin-left: 0.4rem !important;
}
/* polish42 — match reference-site.example.com: its header is 1180px (= --jc-clone-shell = our article column),
   so put the logo + search on that same shell (logo lands at the content edge). Our category
   names are longer than reference-site', so make the pills compact to keep them on one line. */
@media (min-width: 1025px) {
  .header .header__main > .container,
  .header .header__categorybar > .container {
    max-width: var(--jc-clone-shell) !important;
    /* padding 0 so the logo's left edge and the search icon's right edge land exactly on the
       article body's left/right edges (.landing > .container is also shell + padding 0). */
    padding-inline: 0 !important;
  }
  /* compact category pills; nowrap + clip so a row that is too long never spills past the
     right content edge — the fit() script in the header then hides whole overflowing pills. */
  .header .header__categorybar .header__categories {
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    overflow: hidden !important;
  }
  .header .header__categorybar .header__category {
    height: 40px !important;
    padding: 0 14px !important;
    font-size: 16px !important;
  }
}
/* breathing room between the nav row and the category bar (drop the hard line, add space) */
.header .header__main {
  border-bottom: 0 !important;
}
.header .header__categorybar {
  margin-top: 8px !important;
}
/* remove the horizontal hairline + shadow under the category bar */
.header {
  border-bottom: 0 !important;
  box-shadow: none !important;
}
/* action bar: "Jump to Recipe" (the only no-href action) first, and ALL actions one consistent
   color (drop the mixed grey/dark for a clean uniform mauve). */
/* polish44 — each action is its OWN separated rounded pill (not one joined bar), and the whole
   group is centered above the hero image. */
.landing .landing__content .actions {
  justify-content: center !important;
  gap: 10px !important;
  overflow: visible !important;
  border-radius: 0 !important;
}
.landing .landing__content .actions > a.icon-wrapper {
  border: 0 !important;
  border-radius: 999px !important;
  min-width: 0 !important;
}
.landing .landing__content .actions > a.icon-wrapper:not([href]) {
  order: -1 !important;
}
.landing .landing__content .actions > a.icon-wrapper,
.landing .landing__content .actions > a.icon-wrapper[href*="pinterest.com"],
.landing .landing__content .actions > a.icon-wrapper[href*="facebook.com"],
.landing .landing__content .actions > a.icon-wrapper[href^="mailto:"],
.landing .landing__content .actions > a.icon-wrapper[href*="/print"],
.landing .landing__content .actions > a.icon-wrapper:not([href]) {
  background: var(--jc-clone-accent) !important;
  color: #ffffff !important;
}
.landing .landing__content .actions > a.icon-wrapper:hover,
.landing .landing__content .actions > a.icon-wrapper:focus-visible {
  background: var(--jc-clone-accent-dark) !important;
}
.landing .landing__content .actions > a.icon-wrapper svg {
  color: #ffffff !important;
}
/* the round search button keeps its own spacing — no divider line before it */
.header .header__wrapper .header__menu .header__menu-item.d-xl-block:has(a[href="/search"]) {
  border-left: 0 !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* === site-six: hero = FULL article-body width, full 1:1 image (no crop) ===
   Match the live reference: the hero spans the whole article column. Our heroes are 1:1,
   so this renders a full-column square showing the entire image (no banner crop, no cap). */
body .template-main-sidebar .template-main-sidebar__main > .article figure.pin-wrapper,
body .template-main-sidebar .template-main-sidebar__main > .article .article__wrapper figure.pin-wrapper {
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
body .template-main-sidebar .template-main-sidebar__main > .article figure.pin-wrapper > img,
body .template-main-sidebar .template-main-sidebar__main > .article .article__wrapper figure.pin-wrapper > img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
}

/* === site-six: hide header social icons === */
/* They overlap the nav links at desktop, and the live reference (site-four) renders no
   header social at all. The author card already carries "Follow us on social media", so
   this is redundant. Scoped to .header so the author-card and footer socials are untouched. */
.header .social { display: none !important; }

/* === site-six: related-recipe ("You Might Also Like") cards = fixed square thumb ===
   polish18 has a stray `height:100%` on the card image that wins over its own `height:96px`,
   so a portrait source photo (the original site-six images are tall) or a 2-3 line title
   stretches the thumbnail — and the whole card — tall. Pin the thumb to a fixed 96px square,
   crop with object-fit:cover, and vertically center it so every card is the same compact size. */
.template-main-sidebar .template-main-sidebar__sidebar .related_entries__item-img,
.related_entries__item-img {
  width: 96px !important;
  height: 96px !important;
  min-height: 0 !important;
  max-height: 96px !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  align-self: center !important;
  border-radius: 8px !important;
}
.template-main-sidebar .template-main-sidebar__sidebar .related_entries__item,
.related_entries__item {
  align-items: center !important;
}

/* ============================================================================
   site-six: homepage redesign (card-only) + pro recipe cards + flush thumbs
   ============================================================================ */

/* (1) Drop the single-image "magazine" blocks — operator wants a clean, card-only home */
.jc-hero__card,            /* big featured-recipe image at the very top */
.jc-feature,               /* horizontal single-image feature ("Reader favorite") */
.jc-about { display: none !important; }   /* about-block photo + text */

/* hero becomes a slim, centered text band — keeps the SEO h1, no image column */
.jc-hero { padding-top: 2.2rem !important; padding-bottom: 0.6rem !important; }
.jc-hero .container { display: block !important; grid-template-columns: none !important; }
.jc-hero__intro { max-width: 880px !important; margin-left: auto !important; margin-right: auto !important; text-align: center !important; }
.jc-hero__tags { justify-content: center !important; }

/* (2) Pro recipe cards: image flush to the edges, soft elevation, hover lift + image zoom */
.previews .preview {
  position: relative !important;
  padding: 0 !important;
  background: #fff !important;
  border: 1px solid rgba(17,24,28,.07) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 1px 2px rgba(16,24,40,.05), 0 10px 26px -14px rgba(16,24,40,.22) !important;
  transition: transform .22s ease, box-shadow .22s ease !important;
  display: flex !important;
  flex-direction: column !important;
}
.previews .preview:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 8px 18px rgba(16,24,40,.10), 0 22px 48px -18px rgba(16,24,40,.34) !important;
}
.previews .preview__img {
  margin: 0 !important; border: 0 !important; border-radius: 0 !important;
  aspect-ratio: 4 / 3 !important; overflow: hidden !important; display: block !important; width: 100% !important;
}
.previews .preview__img img {
  width: 100% !important; height: 100% !important; object-fit: cover !important;
  transition: transform .4s ease !important;
}
.previews .preview:hover .preview__img img { transform: scale(1.06) !important; }
/* time -> pill badge on the image */
.previews .preview__meta {
  position: absolute !important; top: .6rem !important; left: .6rem !important; margin: 0 !important;
  display: inline-flex !important; align-items: center; gap: .28rem;
  background: rgba(255,255,255,.94) !important; color: #1f2223 !important;
  border-radius: 999px !important; padding: .26rem .62rem !important;
  font-weight: 800 !important; font-size: .78rem !important; box-shadow: 0 2px 8px rgba(0,0,0,.14) !important;
}
/* content: padded + left-aligned for a clean editorial look */
.previews .preview__title { padding: 0 .95rem !important; margin: .8rem 0 .3rem !important; text-align: left !important; font-size: 1.12rem !important; }
.previews .preview__stars { padding: 0 .95rem !important; text-align: left !important; display: block !important; color: #f4a521 !important; letter-spacing: 1px; }
.previews .preview__content { padding: 0 .95rem !important; margin: .1rem 0 .7rem !important; text-align: left !important; color: #6c6f70 !important; }
.previews .preview__view { margin: auto .95rem 1rem !important; text-align: left !important; font-weight: 800 !important; color: var(--jc-clone-accent, #8d6271) !important; }

/* (3) Sidebar "You Might Also Like" — thumbnail flush to the card edge (no padding gap) */
.template-main-sidebar .template-main-sidebar__sidebar .related_entries__item {
  padding: 0 !important; overflow: hidden !important; border-radius: 12px !important;
  align-items: stretch !important; grid-template-columns: 108px minmax(0,1fr) !important; gap: 0 !important;
}
.template-main-sidebar .template-main-sidebar__sidebar .related_entries__item-img {
  width: 108px !important; height: 100% !important; min-height: 92px !important; max-height: none !important;
  aspect-ratio: auto !important; object-fit: cover !important; border-radius: 0 !important; align-self: stretch !important;
}
.template-main-sidebar .template-main-sidebar__sidebar .related_entries__item-content { padding: .7rem .95rem !important; align-self: center !important; }

/* out-specify polish18's `.main > .previews .preview` (spec 30) for pro elevation/radius */
body .main > .previews .preview {
  border-radius: 16px !important;
  box-shadow: 0 1px 2px rgba(16,24,40,.05), 0 10px 26px -14px rgba(16,24,40,.22) !important;
  border: 1px solid rgba(17,24,28,.07) !important;
}
body .main > .previews .preview:hover {
  box-shadow: 0 8px 18px rgba(16,24,40,.10), 0 22px 48px -18px rgba(16,24,40,.34) !important;
}
body .main > .previews .preview__img { aspect-ratio: 4 / 3 !important; border-radius: 0 !important; border: 0 !important; }

/* ============================================================================
   site-six: modern homepage polish — category tiles, quick-links, cards
   ============================================================================ */

/* (A) Explore/Trending Categories -> stylish ROUNDED TILES (no circles):
   full-bleed image + dark gradient + white label overlaid at the bottom. */
body .main > .categories .categories__wrapper { justify-items: stretch !important; align-items: start !important; }
body .main > .categories .category { width: 100% !important; }
body .main > .categories .category .category__body {
  position: relative !important; display: block !important; width: 100% !important;
  height: auto !important; aspect-ratio: 1 / 1 !important; min-height: 0 !important;
  border: 0 !important; border-radius: 18px !important; overflow: hidden !important; isolation: isolate !important;
  box-shadow: 0 12px 26px -14px rgba(16,24,40,.32) !important; transition: transform .22s ease, box-shadow .22s ease !important;
}
body .main > .categories .category:hover .category__body { transform: translateY(-4px) !important; box-shadow: 0 18px 40px -16px rgba(16,24,40,.42) !important; }
body .main > .categories .category .category__body .category__img {
  position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important;
  border: 0 !important; border-radius: 0 !important; object-fit: cover !important; transition: transform .5s ease !important; filter: saturate(1.05) !important;
}
body .main > .categories .category:hover .category__body .category__img { transform: scale(1.08) !important; }
body .main > .categories .category .category__body::after {
  content: "" !important; position: absolute !important; inset: 0 !important; z-index: 1 !important; height: 100% !important;
  background: linear-gradient(180deg, rgba(0,0,0,0) 38%, rgba(10,10,14,.30) 64%, rgba(10,10,14,.74) 100%) !important;
}
body .main > .categories .category .category__body .category__title {
  position: absolute !important; inset: auto 0 0 0 !important; z-index: 2 !important; display: block !important;
  margin: 0 !important; padding: 0 .9rem .8rem !important; max-width: none !important;
  color: #fff !important; background: transparent !important; text-shadow: 0 1px 6px rgba(0,0,0,.5) !important;
  font-weight: 800 !important; font-size: 1.08rem !important; line-height: 1.12 !important;
}
body .main > .categories.categories--top-strip .category .category__body .category__title { font-size: .96rem !important; padding-bottom: .65rem !important; }

/* (B) Quick links -> small icons + clean cards (the SVGs had NO size rule = giant) */
.jc-links__grid { display: grid !important; grid-template-columns: repeat(4, minmax(0,1fr)) !important; gap: 18px !important; }
.jc-links__card {
  display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: .45rem !important;
  padding: 1.4rem 1.25rem !important; background: #fff !important; text-decoration: none !important;
  border: 1px solid rgba(17,24,28,.08) !important; border-radius: 16px !important;
  box-shadow: 0 1px 2px rgba(16,24,40,.05) !important; transition: transform .2s ease, box-shadow .2s ease !important;
}
.jc-links__card:hover { transform: translateY(-4px) !important; box-shadow: 0 14px 30px -16px rgba(16,24,40,.30) !important; }
.jc-links__icon {
  width: 40px !important; height: 40px !important; min-width: 40px !important; flex: 0 0 auto !important;
  display: grid !important; place-items: center !important; padding: 8px !important; border-radius: 12px !important;
  color: var(--jc-clone-accent, #8d6271) !important; background: rgba(141,98,113,.10) !important;
}
.jc-links__title { font-size: 1.06rem !important; font-weight: 800 !important; }
.jc-links__sub { color: #6c6f70 !important; font-size: .9rem !important; }

/* (C) Recipe cards -> finish the modern look (left-aligned, accent CTA, refined stars) */
body .main > .previews .preview__title { text-align: left !important; padding: 0 1rem !important; margin: .85rem 0 .4rem !important; font-size: 1.14rem !important; line-height: 1.2 !important; }
body .main > .previews .preview__stars { text-align: left !important; padding: 0 1rem !important; display: block !important; color: #f4a521 !important; font-size: .9rem !important; letter-spacing: 2px !important; margin: 0 0 .5rem !important; }
body .main > .previews .preview__content { text-align: left !important; padding: 0 1rem !important; color: #6c6f70 !important; }
body .main > .previews .preview__view {
  text-align: left !important; margin: auto 1rem 1.05rem !important; font-weight: 800 !important;
  color: var(--jc-clone-accent, #8d6271) !important; display: inline-flex !important; align-items: center !important; gap: .3rem !important; width: fit-content !important;
  transition: gap .2s ease !important;
}
body .main > .previews .preview:hover .preview__view { gap: .5rem !important; }

/* === modern card v2: the WHOLE card is one clickable link (no "view post" CTA) === */
body .main > .previews .preview { cursor: pointer !important; padding-bottom: .4rem !important; }
body .main > .previews .preview__img { position: relative !important; }
body .main > .previews .preview__link { position: static !important; text-decoration: none !important; color: inherit !important; display: block !important; padding: 0 !important; margin: 0 !important; }
body .main > .previews .preview__link::after { content: "" !important; position: absolute !important; inset: 0 !important; z-index: 3 !important; }
body .main > .previews .preview__title { display: block !important; padding: 0 1rem !important; }
/* compact rating: gold star + value + muted count (replaces the flat 5-star row) */
body .main > .previews .preview__rating { display: flex !important; align-items: center !important; gap: .28rem !important; padding: 0 1rem !important; margin: .15rem 0 1rem !important; }
body .main > .previews .preview__rating-star { color: #f4a521 !important; font-size: 1rem !important; line-height: 1; }
body .main > .previews .preview__rating-val { font-weight: 800 !important; color: var(--jc-next-black, #1f2223) !important; }
body .main > .previews .preview__rating-count { color: #9aa0a2 !important; font-weight: 600 !important; font-size: .85rem !important; }
body .main > .previews .preview__content { margin-bottom: 1rem !important; }

/* 2026-06-06 listfix v2 — article lists use NATIVE outside markers for regular marker-to-text
   spacing (the interim ::before-in-a-gutter left too big a gap). Numbers are big + bold in the same
   navy as the step names; bullets stay dark. Last in the file + matches the older blocks' highest
   specificity, so it overrides their `inside` markers (which had overlapped the text) and the
   interim ::before counter. */
.article .article__wrapper :is(ul, ol),
.article .article__wrapper .article-ingredient-notes,
.template-main-sidebar .template-main-sidebar__main .article .article__wrapper :is(ul, ol),
.template-main-sidebar .template-main-sidebar__main .article .article__wrapper .article-ingredient-notes {
  list-style-position: outside !important;
  padding-left: 1.35em !important;
  margin: 16px 0 24px !important;
}
.article .article__wrapper ol,
.template-main-sidebar .template-main-sidebar__main .article .article__wrapper ol {
  list-style-type: decimal !important;
}
.article .article__wrapper ul,
.article .article__wrapper .article-ingredient-notes,
.template-main-sidebar .template-main-sidebar__main .article .article__wrapper ul,
.template-main-sidebar .template-main-sidebar__main .article .article__wrapper .article-ingredient-notes {
  list-style-type: disc !important;
}
.article .article__wrapper :is(ul, ol) > li,
.article .article__wrapper .article-ingredient-notes > li,
.template-main-sidebar .template-main-sidebar__main .article .article__wrapper :is(ul, ol) > li,
.template-main-sidebar .template-main-sidebar__main .article .article__wrapper .article-ingredient-notes > li {
  display: list-item !important;
  position: static !important;
  list-style-position: outside !important;
  padding-left: 0 !important;
  margin: 0 0 .5em !important;
  text-indent: 0 !important;
}
/* drop the interim ::before counter/bullet so it doesn't double up with the native marker */
.article .article__wrapper :is(ul, ol) > li::before,
.article .article__wrapper .article-ingredient-notes > li::before,
.template-main-sidebar .template-main-sidebar__main .article .article__wrapper :is(ul, ol) > li::before,
.template-main-sidebar .template-main-sidebar__main .article .article__wrapper .article-ingredient-notes > li::before {
  content: none !important;
}
/* numbers: big + bold + the same navy as the bold step names */
.article .article__wrapper ol > li::marker,
.template-main-sidebar .template-main-sidebar__main .article .article__wrapper ol > li::marker {
  color: var(--jc-user-list-accent, hsl(239.2, 41.2%, 34.7%)) !important;
  font-weight: 900 !important;
  font-size: 1em !important;
}
/* bullets: dark, default size */
.article .article__wrapper ul > li::marker,
.article .article__wrapper .article-ingredient-notes > li::marker,
.template-main-sidebar .template-main-sidebar__main .article .article__wrapper ul > li::marker,
.template-main-sidebar .template-main-sidebar__main .article .article__wrapper .article-ingredient-notes > li::marker {
  color: #1a1a1a !important;
}

/* 2026-06-06 cg10 — site-five ONLY (scoped via body[data-site]): orange accent + cream
   background + clean Allrecipes-style recipe cards. site-six keeps its own look. */
body[data-site="My Home Made Recipe"] { --rx-cobalt: #c2410c; --rx-canvas: #f5f3ed; }
body[data-site="My Home Made Recipe"] a { color: #c2410c; }
body[data-site="My Home Made Recipe"] a:hover { color: #c2410c; }
body[data-site="My Home Made Recipe"] .preview__rating-star { color: #f57c00 !important; }
body[data-site="My Home Made Recipe"] .preview__rating-val { color: var(--rx-ink) !important; font-weight: 800 !important; }
body[data-site="My Home Made Recipe"] .preview__rating-count { color: #6d7280 !important; font-weight: 600 !important; }
body[data-site="My Home Made Recipe"] .preview {
  background: #fff !important; border: 1px solid rgba(21,21,28,.08) !important; border-radius: 14px !important;
  box-shadow: 0 1px 3px rgba(21,21,28,.07) !important; overflow: hidden !important;
  display: flex !important; flex-direction: column !important; padding: 0 !important;
  transition: box-shadow .15s ease, transform .15s ease !important;
}
body[data-site="My Home Made Recipe"] .preview:hover { box-shadow: 0 12px 26px rgba(21,21,28,.14) !important; transform: translateY(-3px) !important; }
body[data-site="My Home Made Recipe"] .preview .preview__img {
  position: relative !important; width: 100% !important; aspect-ratio: 3/2 !important; margin: 0 !important;
  border: 0 !important; border-radius: 0 !important; overflow: hidden !important; box-shadow: none !important;
}
body[data-site="My Home Made Recipe"] .preview .preview__img img {
  width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; border: 0 !important; border-radius: 0 !important;
}
body[data-site="My Home Made Recipe"] .preview .preview__meta {
  position: absolute !important; inset: auto 8px 8px auto !important; background: rgba(255,255,255,.93) !important;
  color: var(--rx-ink) !important; border: 0 !important; border-radius: 999px !important; padding: 3px 9px !important;
  font-weight: 700 !important; font-size: .8rem !important; box-shadow: 0 1px 4px rgba(0,0,0,.18) !important;
}
body[data-site="My Home Made Recipe"] .preview .preview__link { display: block !important; padding: 12px 14px 2px !important; }
body[data-site="My Home Made Recipe"] .preview .preview__title { color: var(--rx-ink) !important; font-weight: 800 !important; font-size: 1.06rem !important; line-height: 1.25 !important; }
body[data-site="My Home Made Recipe"] .preview .preview__rating { display: inline-flex !important; align-items: center !important; gap: 5px !important; padding: 6px 14px 14px !important; font-size: .95rem !important; }
body[data-site="My Home Made Recipe"] .preview .preview__content { padding: 0 14px 14px !important; color: #6d7280 !important; }

/* 2026-06-06 cg11 — mhr card style at HIGH specificity (beats `body .main > .previews .preview`) +
   orange rating stars. Scoped to site-five via body[data-site]. */
body[data-site="My Home Made Recipe"] .main .previews .preview {
  background:#fff !important; border:1px solid rgba(21,21,28,.08) !important; border-radius:14px !important;
  box-shadow:0 1px 3px rgba(21,21,28,.08) !important; overflow:hidden !important; padding:0 0 .5rem !important;
  transition:box-shadow .15s ease, transform .15s ease !important;
}
body[data-site="My Home Made Recipe"] .main .previews .preview:hover { box-shadow:0 12px 26px rgba(21,21,28,.14) !important; transform:translateY(-3px) !important; }
body[data-site="My Home Made Recipe"] .main .previews .preview__img { aspect-ratio:3/2 !important; border:0 !important; border-radius:0 !important; margin:0 !important; }
body[data-site="My Home Made Recipe"] .main .previews .preview__img img { width:100% !important; height:100% !important; object-fit:cover !important; border:0 !important; border-radius:0 !important; }
body[data-site="My Home Made Recipe"] .main .previews .preview .preview__title { padding:10px 14px 0 !important; color:var(--rx-ink) !important; font-weight:800 !important; }
body[data-site="My Home Made Recipe"] .main .previews .preview .preview__rating { padding:6px 14px 8px !important; }
body[data-site="My Home Made Recipe"] .main .previews .preview .preview__rating-star { color:#f57c00 !important; }
body[data-site="My Home Made Recipe"] .main .previews .preview .preview__content { padding:0 14px !important; color:#6d7280 !important; }

/* 2026-06-06 cg12 — mhr: orange-ify the secondary mauve accent (--jc-accent): hero CTA,
   search button, carousel arrows, "more about me" link, focus rings. Scoped to mhr. */
body[data-site="My Home Made Recipe"] { --jc-accent:#c2410c; --jc-accent-hover:#c2410c; --jc-clone-accent:#c2410c; --jc-clone-accent-dark:#c2410c; }
body[data-site="My Home Made Recipe"] .jc-hero__cta span, body[data-site="My Home Made Recipe"] .jc-about__more span { color:#c2410c !important; }

/* 2026-06-06 cg13 — mhr: orange section/carousel arrows (.separator__link + svg icon, "see all" links) */
body[data-site="My Home Made Recipe"] .separator__link { color:#c2410c !important; border-color:#c2410c !important; }
body[data-site="My Home Made Recipe"] .separator__link svg, body[data-site="My Home Made Recipe"] .separator__link .icon { color:#c2410c !important; fill:currentColor !important; stroke:currentColor !important; }
body[data-site="My Home Made Recipe"] .separator__link:hover { background:#c2410c !important; color:#fff !important; }

/* 2026-06-07 cg14 — mhr Allrecipes-style recipe cards: fractional 5-star rating, CATEGORY label,
   save heart. New bits hidden by default (site-six keeps its compact rating); shown + styled
   only on site-five via body[data-site]. Covers every card (home grid, home sections,
   and the related "you may also like" cards inside articles). */
.preview .preview__save, .preview .preview__cat, .preview .preview__stars, .preview .preview__rating-count2 { display: none; }
body[data-site="My Home Made Recipe"] .preview .preview__img { position: relative !important; }
body[data-site="My Home Made Recipe"] .preview .preview__save { display: flex !important; position: absolute !important; top: 10px !important; right: 10px !important; left: auto !important; bottom: auto !important; width: 34px !important; height: 34px !important; border-radius: 50% !important; background: rgba(255,255,255,.92) !important; align-items: center !important; justify-content: center !important; color: #333 !important; font-size: 18px !important; box-shadow: 0 1px 4px rgba(0,0,0,.22) !important; z-index: 3 !important; }
body[data-site="My Home Made Recipe"] .preview .preview__cat { display: block !important; font-size: .7rem !important; font-weight: 800 !important; letter-spacing: .07em !important; text-transform: uppercase !important; color: #8a8f98 !important; margin: 0 0 3px !important; }
body[data-site="My Home Made Recipe"] .preview .preview__rating { display: flex !important; align-items: center !important; gap: 4px !important; }
body[data-site="My Home Made Recipe"] .preview .preview__stars { display: inline-block !important; position: relative !important; white-space: nowrap !important; font-size: 1rem !important; line-height: 1 !important; letter-spacing: 1px !important; }
body[data-site="My Home Made Recipe"] .preview .preview__stars-off { color: #d6d6d6 !important; }
body[data-site="My Home Made Recipe"] .preview .preview__stars-on { position: absolute !important; top: 0 !important; left: 0 !important; width: var(--pct, 0%) !important; overflow: hidden !important; color: #c2410c !important; }
body[data-site="My Home Made Recipe"] .preview .preview__rating-star, body[data-site="My Home Made Recipe"] .preview .preview__rating-val, body[data-site="My Home Made Recipe"] .preview .preview__rating-count { display: none !important; }
body[data-site="My Home Made Recipe"] .preview .preview__rating-count2 { display: inline !important; color: #6d7280 !important; font-size: .8rem !important; font-weight: 600 !important; margin-left: 6px !important; }

/* 2026-06-07 cg15 — mhr: same Allrecipes card design for the LISTING cards (.entry component used by
   /recipes, /categories/*, /tags/*, explore, gems). Adds 5-star + category + heart, hides the
   description + read-more footer. Hidden by default so site-six's listing cards stay unchanged. */
.entry .entry__save, .entry .entry__cat, .entry .entry__rating { display: none; }
body[data-site="My Home Made Recipe"] .entry { background:#fff !important; border:1px solid rgba(21,21,28,.08) !important; border-radius:14px !important; box-shadow:0 1px 3px rgba(21,21,28,.08) !important; overflow:hidden !important; padding:0 0 .7rem !important; display:flex !important; flex-direction:column !important; transition:box-shadow .15s ease, transform .15s ease !important; }
body[data-site="My Home Made Recipe"] .entry:hover { box-shadow:0 12px 26px rgba(21,21,28,.14) !important; transform:translateY(-3px) !important; }
body[data-site="My Home Made Recipe"] .entry .entry__img { position:relative !important; display:block !important; aspect-ratio:3/2 !important; margin:0 !important; border:0 !important; border-radius:0 !important; overflow:hidden !important; }
body[data-site="My Home Made Recipe"] .entry .entry__img img { width:100% !important; height:100% !important; object-fit:cover !important; border:0 !important; border-radius:0 !important; }
body[data-site="My Home Made Recipe"] .entry .entry__save { display:flex !important; position:absolute !important; top:10px !important; right:10px !important; left:auto !important; width:34px !important; height:34px !important; border-radius:50% !important; background:rgba(255,255,255,.92) !important; align-items:center !important; justify-content:center !important; color:#333 !important; font-size:18px !important; box-shadow:0 1px 4px rgba(0,0,0,.22) !important; z-index:3 !important; }
body[data-site="My Home Made Recipe"] .entry .entry__body { padding:12px 14px 0 !important; }
body[data-site="My Home Made Recipe"] .entry .entry__cat { display:block !important; font-size:.7rem !important; font-weight:800 !important; letter-spacing:.07em !important; text-transform:uppercase !important; color:#8a8f98 !important; margin:0 0 3px !important; }
body[data-site="My Home Made Recipe"] .entry .entry__title { color:var(--rx-ink) !important; font-weight:800 !important; font-size:1.06rem !important; }
body[data-site="My Home Made Recipe"] .entry .entry__rating { display:flex !important; align-items:center !important; gap:4px !important; margin-top:7px !important; }
body[data-site="My Home Made Recipe"] .entry .entry__stars { display:inline-block !important; position:relative !important; white-space:nowrap !important; font-size:1rem !important; line-height:1 !important; letter-spacing:1px !important; }
body[data-site="My Home Made Recipe"] .entry .entry__stars-off { color:#d6d6d6 !important; }
body[data-site="My Home Made Recipe"] .entry .entry__stars-on { position:absolute !important; top:0 !important; left:0 !important; width:var(--pct,0%) !important; overflow:hidden !important; color:#c2410c !important; }
body[data-site="My Home Made Recipe"] .entry .entry__count { color:#6d7280 !important; font-size:.8rem !important; font-weight:600 !important; margin-left:6px !important; }
body[data-site="My Home Made Recipe"] .entry .entry__desc, body[data-site="My Home Made Recipe"] .entry .entry__footer { display:none !important; }

/* 2026-06-07 cg16 — mhr: center the card title to match the already-centered category + rating
   (.preview__title / .entry__title were left-aligned). Applied to both card types. */
body[data-site="My Home Made Recipe"] .preview .preview__title { text-align: center !important; }
body[data-site="My Home Made Recipe"] .preview .preview__rating { justify-content: center !important; }
body[data-site="My Home Made Recipe"] .entry .entry__body,
body[data-site="My Home Made Recipe"] .entry .entry__cat,
body[data-site="My Home Made Recipe"] .entry .entry__title { text-align: center !important; }
body[data-site="My Home Made Recipe"] .entry .entry__rating { justify-content: center !important; }

/* 2026-06-13 a11y — Skip-to-content link: visually hidden until it receives keyboard focus,
   then it pins to the top-left as the first focusable element on the page. */
.skip-link {
  position: absolute;
  top: -40px;
  left: 8px;
  z-index: 1000;
  padding: 10px 16px;
  background: var(--rx-ink, #15151c);
  color: var(--rx-paper, #ffffff);
  font-weight: 700;
  border-radius: var(--rx-radius, 8px);
  text-decoration: none;
  transition: top .15s ease;
}
.skip-link:focus {
  top: 8px;
  outline: 2px solid var(--rx-cobalt, #3157ff);
  outline-offset: 2px;
}

/* 2026-06-13 a11y — Honour the user's reduced-motion preference: neutralise animations,
   transitions, and smooth scrolling (e.g. html { scroll-behavior: smooth }). */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}

/* ============================================================
   2026-06-14 Home — recipe grids 4 across (full rows, no orphan 1-2 card rows).
   Scoped to .previews--home so listing/related grids elsewhere keep their layout.
   ============================================================ */
.main > .previews--home .previews__wrapper {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
@media (max-width: 1100px) {
  .main > .previews--home .previews__wrapper {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 760px) {
  .main > .previews--home .previews__wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* ============================================================
   2026-06-14 Author profile — ONE unified card: identity panel (photo + socials) + bio.
   Own namespace (.author-profile*) so it never collides with the legacy .author-card.
   ============================================================ */
.author-page {
  max-width: 960px !important;
  margin-inline: auto !important;
  padding-top: 30px !important;
  padding-bottom: 60px !important;
}
.author-page__crumb { margin-bottom: 18px !important; }

.author-profile {
  display: grid !important;
  grid-template-columns: 312px minmax(0, 1fr) !important;
  gap: 0 !important;
  align-items: stretch !important;
  background: var(--jc-paper, #fff) !important;
  border: 1px solid var(--jc-border-strong, #e6e1dd) !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  box-shadow: 0 24px 60px -32px rgba(60, 36, 63, .40) !important;
}

/* Left identity panel — warm blush wash, centered avatar + name + role + socials */
.author-profile__aside {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  gap: 12px !important;
  padding: 48px 28px !important;
  background:
    radial-gradient(130% 70% at 50% 0%, rgba(141, 98, 113, .18), rgba(141, 98, 113, 0) 60%),
    linear-gradient(180deg, #fbf4f5 0%, #ffffff 100%) !important;
  border-right: 1px solid var(--jc-border-strong, #e6e1dd) !important;
}
.author-profile__avatar {
  width: 176px !important;
  height: 176px !important;
  flex: 0 0 auto !important;
  border-radius: 50% !important;
  padding: 5px !important;
  background: #fff !important;
  border: 1px solid rgba(141, 98, 113, .25) !important;
  box-shadow: 0 16px 36px -14px rgba(60, 36, 63, .55) !important;
}
.author-profile__avatar img {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  display: block !important;
}
.author-profile__id {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 6px !important;
}
.author-profile__eyebrow {
  text-transform: uppercase !important;
  letter-spacing: .2em !important;
  font-weight: 800 !important;
  font-size: .72rem !important;
  color: var(--jc-accent, #8d6271) !important;
  font-family: var(--rx-font) !important;
}
.author-profile__name {
  font-family: var(--rx-serif, Georgia, serif) !important;
  font-size: clamp(1.9rem, 3vw, 2.5rem) !important;
  line-height: 1.04 !important;
  font-weight: 700 !important;
  color: var(--jc-ink, #1a1a1a) !important;
  margin: 0 !important;
}
.author-profile__role {
  font-family: var(--rx-font) !important;
  font-size: 1.02rem !important;
  color: var(--jc-muted, #5f5f5f) !important;
  margin: 0 !important;
}
.author-profile__socials { margin-top: 14px !important; }
.author-profile__socials .social { margin: 0 !important; }
.author-profile__socials .social__items { justify-content: center !important; }

/* Right bio column */
.author-profile__bio {
  padding: 44px clamp(26px, 3.4vw, 48px) !important;
  font-family: var(--rx-font) !important;
  color: #3d3740 !important;
}
.author-profile__bio > :first-child { margin-top: 0 !important; }
.author-profile__heading {
  font-family: var(--rx-serif, Georgia, serif) !important;
  font-size: clamp(1.3rem, 2.6vw, 1.6rem) !important;
  font-weight: 700 !important;
  color: var(--jc-ink, #1a1a1a) !important;
  margin: 1.9rem 0 .65rem !important;
  padding-bottom: .5rem !important;
  border-bottom: 2px solid rgba(141, 98, 113, .22) !important;
}
.author-profile__bio p {
  font-size: 1.05rem !important;
  line-height: 1.78 !important;
  margin: 0 0 1.05rem !important;
  color: #3d3740 !important;
}
.author-profile__bio em { color: var(--jc-accent, #8d6271) !important; font-style: italic !important; }
.author-profile__figure { margin: 1.5rem 0 !important; }
.author-profile__figure img { width: 100% !important; height: auto !important; border-radius: 12px !important; display: block !important; }
.author-profile__figure figcaption { margin-top: .5rem !important; color: var(--jc-muted, #5f5f5f) !important; font-size: .85rem !important; }
.author-profile__note {
  margin: 1.5rem 0 !important;
  padding: 16px 18px !important;
  background: #fbf4f5 !important;
  border: 1px solid var(--jc-border-strong, #e6e1dd) !important;
  border-left: 3px solid var(--jc-accent, #8d6271) !important;
  border-radius: 10px !important;
}
.author-profile__updated {
  margin-top: 1.7rem !important;
  padding-top: 1rem !important;
  border-top: 1px solid var(--jc-border-strong, #e6e1dd) !important;
  color: var(--jc-muted, #5f5f5f) !important;
}

/* Stack on narrow screens */
@media (max-width: 720px) {
  .author-profile { grid-template-columns: 1fr !important; }
  .author-profile__aside {
    border-right: 0 !important;
    border-bottom: 1px solid var(--jc-border-strong, #e6e1dd) !important;
    padding: 40px 22px !important;
  }
  .author-profile__avatar { width: 148px !important; height: 148px !important; }
  .author-profile__bio { padding: 32px 22px 38px !important; }
}

/* ============================================================
   2026-06-14b Home section headers — dotted connector on the recipe-grid
   (.previews) sections too, matching the category sections.
   ============================================================ */
.main > .previews .separator {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 20px !important;
}
.main > .previews .separator__title { flex: 0 0 auto !important; }
.main > .previews .separator::after {
  content: "" !important;
  display: block !important;
  flex: 1 1 auto !important;
  height: 1px !important;
  background: repeating-linear-gradient(90deg, #9d9d9d 0 2px, transparent 2px 7px) !important;
}
.main > .previews .separator__link {
  position: absolute !important;
  right: 0 !important;
  background: #ffffff !important;
  padding-left: 14px !important;
}

/* ============================================================
   2026-06-14b Pagination — clear separation from the grid above (was touching).
   ============================================================ */
.pagination {
  margin-top: 42px !important;
  margin-bottom: 6px !important;
  clear: both !important;
}

/* ============================================================
   2026-06-14b Pro footer — refined dark brand footer (logo + tagline + 3 link cols).
   ============================================================ */
.footer { margin-block: 5rem 0 0 !important; }
.footer__main {
  position: relative !important;
  background: #1f1a1c !important;
  border-top: 0 !important;
}
.footer__main::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 0 auto 0 !important;
  height: 3px !important;
  background: linear-gradient(90deg, #8d6271, #c98a9b 50%, #8d6271) !important;
}
.footer__main-wrapper {
  grid-template-columns: minmax(260px, 1fr) minmax(0, 1.7fr) !important;
  gap: clamp(2rem, 6vw, 5rem) !important;
  padding-block: clamp(3rem, 5vw, 4.5rem) !important;
}
.footer__brand { gap: 1.2rem !important; max-width: 380px !important; }
.footer__logo img {
  width: min(208px, 100%) !important;
  filter: brightness(0) invert(1) !important;
  opacity: .95 !important;
}
.footer__tagline {
  margin: 0 !important;
  color: rgba(255, 255, 255, .62) !important;
  font-family: var(--rx-serif, Georgia, serif) !important;
  font-size: 1.02rem !important;
  font-style: italic !important;
  line-height: 1.6 !important;
}
.footer__columns {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(1.4rem, 4vw, 3rem) !important;
}
.footer__col-title {
  color: #ffffff !important;
  font-size: .78rem !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: .16em !important;
  margin: 0 0 1.1rem !important;
  padding-bottom: .7rem !important;
  border-bottom: 1px solid rgba(255, 255, 255, .12) !important;
}
.footer__col-list { gap: .58rem !important; }
.footer__col-list a {
  color: rgba(255, 255, 255, .66) !important;
  font-size: .94rem !important;
  font-weight: 600 !important;
  transition: color .15s ease, padding-left .15s ease !important;
}
.footer__col-list a:hover,
.footer__col-list a.selected {
  color: #ffffff !important;
  padding-left: 4px !important;
}
.footer__brand .social { margin: 0 !important; }
.footer__brand .social__title {
  color: #ffffff !important;
  font-size: .78rem !important;
  text-transform: uppercase !important;
  letter-spacing: .16em !important;
  font-weight: 800 !important;
  margin-bottom: .25rem !important;
}
.footer__brand .social__items { justify-content: flex-start !important; }
.footer__brand .social__item {
  border: 1px solid rgba(255, 255, 255, .22) !important;
  background: rgba(255, 255, 255, .04) !important;
  color: rgba(255, 255, 255, .86) !important;
}
.footer__brand .social__item:hover,
.footer__brand .social__item:focus-visible {
  border-color: #c98a9b !important;
  background: #8d6271 !important;
  color: #ffffff !important;
}
.footer__bottom {
  background: #171315 !important;
  border-top: 1px solid rgba(255, 255, 255, .08) !important;
}
.footer__bottom-wrapper { padding-block: 1.1rem !important; }
.footer__copyright { color: rgba(255, 255, 255, .5) !important; }
.footer__version { color: #c98a9b !important; font-weight: 800 !important; }
.footer__top {
  border: 1px solid rgba(255, 255, 255, .2) !important;
  color: rgba(255, 255, 255, .8) !important;
  background: transparent !important;
}
.footer__top:hover,
.footer__top:focus-visible {
  border-color: #8d6271 !important;
  background: #8d6271 !important;
  color: #ffffff !important;
}
@media (max-width: 900px) {
  .footer__main-wrapper { grid-template-columns: 1fr !important; gap: 2.5rem !important; }
}
@media (max-width: 560px) {
  .footer__columns { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .footer__bottom-wrapper { flex-direction: column !important; gap: .8rem !important; align-items: flex-start !important; }
}

/* ============================================================
   2026-06-14b Legal pages (Terms of Use) — clean centered document card.
   ============================================================ */
.legal-page {
  max-width: 820px !important;
  margin-inline: auto !important;
  padding-top: 28px !important;
  padding-bottom: 60px !important;
}
.legal-page__crumb { margin-bottom: 22px !important; }
.legal-page__card {
  background: var(--jc-paper, #fff) !important;
  border: 1px solid var(--jc-border-strong, #e6e1dd) !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  box-shadow: 0 24px 60px -34px rgba(60, 36, 63, .35) !important;
}
.legal-page__header {
  padding: 44px clamp(24px, 5vw, 52px) 32px !important;
  background:
    radial-gradient(120% 80% at 0% 0%, rgba(141, 98, 113, .12), rgba(141, 98, 113, 0) 60%),
    linear-gradient(180deg, #fbf4f5 0%, #ffffff 100%) !important;
  border-bottom: 1px solid var(--jc-border-strong, #e6e1dd) !important;
}
.legal-page__eyebrow {
  text-transform: uppercase !important;
  letter-spacing: .2em !important;
  font-weight: 800 !important;
  color: var(--jc-accent, #8d6271) !important;
}
.legal-page__title {
  font-family: var(--rx-serif, Georgia, serif) !important;
  font-size: clamp(2rem, 4vw, 2.7rem) !important;
  font-weight: 700 !important;
  color: var(--jc-ink, #1a1a1a) !important;
  margin: .4rem 0 .6rem !important;
  line-height: 1.05 !important;
}
.legal-page__lead {
  color: var(--jc-muted, #5f5f5f) !important;
  font-size: 1.05rem !important;
  line-height: 1.6 !important;
  margin: 0 0 .85rem !important;
  max-width: 62ch !important;
}
.legal-page__updated { color: var(--jc-accent, #8d6271) !important; font-weight: 700 !important; margin: 0 !important; }
.legal-page__body {
  padding: 34px clamp(24px, 5vw, 52px) 44px !important;
  font-family: var(--rx-font) !important;
  color: #3d3740 !important;
}
.legal-page__section + .legal-page__section { margin-top: 2rem !important; }
.legal-page__heading {
  font-family: var(--rx-serif, Georgia, serif) !important;
  font-size: clamp(1.2rem, 2.4vw, 1.45rem) !important;
  font-weight: 700 !important;
  color: var(--jc-ink, #1a1a1a) !important;
  margin: 0 0 .6rem !important;
}
.legal-page__body p {
  font-size: 1.04rem !important;
  line-height: 1.78 !important;
  margin: 0 0 .9rem !important;
  color: #3d3740 !important;
}
.legal-page__body a {
  color: var(--jc-accent, #8d6271) !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
}
@media (max-width: 560px) {
  .legal-page__header { padding: 32px 20px 24px !important; }
  .legal-page__body { padding: 28px 20px 36px !important; }
}

/* ============================================================
   2026-06-14c Section-header arrows: center the icon (the .previews arrows had a
   left-pad that pushed the icon off-center). Make all "see all" arrows a clean
   centered square with a white backdrop that masks the dotted connector line.
   ============================================================ */
body .main > .previews .separator__link,
body .main > .categories .separator__link {
  padding: 0 !important;
  justify-content: center !important;
  align-items: center !important;
  background: #ffffff !important;
}

/* ============================================================
   2026-06-14c Category card titles → bold near-black, bottom-left (reference style),
   with a light gradient at the foot of the image so dark text stays legible on any photo.
   ============================================================ */
body .category .category__body::after,
body .main > .categories .category .category__body::after {
  display: block !important;
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 45%, rgba(0,0,0,.5) 78%, rgba(0,0,0,.85) 100%) !important;
  height: 100% !important;
}
body .category .category__body .category__title,
body .main > .categories .category__title,
body .main > .categories .category .category__body .category__title {
  color: #ffffff !important;
  font-weight: 900 !important;
  text-align: left !important;
  text-shadow: 0 1px 6px rgba(0,0,0,.55) !important;
  left: .9rem !important;
  right: .9rem !important;
  bottom: .7rem !important;
  max-width: none !important;
  font-size: clamp(1rem, 1.35vw, 1.4rem) !important;
  line-height: 1.04 !important;
}

/* ============================================================================
   WIKI content type — wikiHow-style numbered step cards. Only `wiki` pages use
   these classes, so the rules are unscoped + harmless to recipe/article sites.
   ============================================================================ */
.wiki-intro { margin: 0 0 1.75rem; }
.wiki-steps { list-style: none; margin: 0; padding: 0; }
/* wikiHow step: illustration ON TOP (flush, full-width, 4:3), then a header row (grey number + bold
   TITLE), then the detail text FULL-WIDTH below — title isolated from the paragraph, no left indent. */
.wiki-step {
  margin: 0 0 1.6rem; background: #fff; border: 1px solid rgba(21,21,28,.10);
  border-radius: 12px; overflow: hidden; box-shadow: 0 1px 3px rgba(21,21,28,.06);
}
/* margin:0 !important — the shared theme's `.article__wrapper figure` margin otherwise leaves a
   white gap above the flush illustration. */
.wiki-step__media { margin: 0 !important; padding: 0; display: block; line-height: 0; }
.wiki-step__img {
  width: 100%; aspect-ratio: 4 / 3; object-fit: cover; object-position: center;
  display: block; background: #eef4f6;
}
/* The base theme sets `.article figure { margin:32px 0 !important }` and rounds figure images — those
   BEAT a plain `.wiki-step__media` rule (higher specificity), leaving a white gap above the flush image.
   These `.article figure.wiki-step__media` selectors out-specify it so the illustration is truly flush. */
.article figure.wiki-step__media { margin: 0 !important; padding: 0 !important; }
.article figure.wiki-step__media > .wiki-step__img { border-radius: 0 !important; border: 0 !important; box-shadow: none !important; }
.wiki-step__body { padding: 1.15rem 1.6rem 1.5rem; }
.wiki-step__head { display: flex; align-items: center; gap: .6rem; margin: 0 0 .55rem; }
.wiki-step__num {
  flex: 0 0 auto; font-size: 2rem; font-weight: 800; line-height: 1 !important; color: #52525b;
  font-family: Georgia, 'Times New Roman', serif;
}
/* margin:0 + a TIGHT line-height (both !important) so the base h2's large line-height/margin can't
   make the title box top-align — with tight boxes, align-items:center truly centres title on the number. */
.wiki-step__title { margin: 0 !important; font-size: 1.22rem; font-weight: 800; line-height: 1.12 !important; color: var(--rx-ink, #16151c); }
.wiki-step__text { color: var(--rx-ink, #23202a); }   /* full width — no left indent */
.wiki-step__text p { margin: 0 0 .7rem; }
.wiki-step__text p:last-child { margin-bottom: 0; }
.wiki-step__text ul, .wiki-step__text ol { margin: .55rem 0 .3rem; padding-left: 1.5rem; }
.wiki-step__text li { margin: .3rem 0; }
.wiki-note {
  margin: .85rem 0 0; padding: .7rem .95rem; background: #f2f7f4;
  border-left: 3px solid var(--wiki-green, #17a34a); border-radius: 0 6px 6px 0; font-size: .96em;
}
.wiki-note__label { font-weight: 800; }
.wiki-step__ad { padding: 0 1.6rem 1.3rem; }
/* Conclusion / FAQs / References — each in its OWN card (matches the step cards). */
.wiki-card {
  background: #fff; border: 1px solid rgba(21,21,28,.10); border-radius: 12px;
  box-shadow: 0 1px 3px rgba(21,21,28,.06); padding: 1.4rem 1.6rem 1.5rem; margin: 0 0 1.6rem;
}
.wiki-card > :first-child { margin-top: 0; }
.wiki-card > :last-child { margin-bottom: 0; }
.wiki-card__title { margin: 0 0 .9rem; text-align: left; }
/* The shared theme centres #faqs with !important — force the wiki FAQ card title left like the others. */
.wiki-card #faqs, .wiki-card__title#faqs { text-align: left !important; }
.wiki-faqs dt { font-weight: 800; margin: 1.05rem 0 .25rem; }
.wiki-faqs dt:first-child { margin-top: 0; }
.wiki-faqs dd { margin: 0 0 .5rem; }
/* Header (breadcrumb + title + tags + author) inside the main column. */
.wiki-head { margin: 0 0 1.3rem; }
.wiki-head .landing__title { margin: .35rem 0 .55rem; }
.wiki-head .meta { margin-top: .55rem; }
/* Tag pills (spaced, rounded — matches the wikiHow reference header). */
.wiki-head > p.txt-l { margin: .2rem 0 .4rem; font-size: 1rem; }
.wiki-head > p.txt-l > span:first-child { font-weight: 700; margin-right: .35rem; }
.wiki-head > p.txt-l a { display: inline-block; margin: .18rem .4rem .18rem 0; padding: .3rem .85rem; background: #f0eff1; border-radius: 999px; font-size: .84rem; font-weight: 600; color: var(--rx-ink, #2a2730); text-decoration: none; }
.wiki-head > p.txt-l a:hover { background: #e6e5e9; }
/* Visible, numbered source citations (trust/health content). */
.wiki-refs__intro { color: var(--rx-muted, #6b6675); margin: 0 0 .6rem; }
.wiki-refs { margin: 0; padding-left: 1.4rem; }
.wiki-refs__item { margin: 0 0 .35rem; word-break: break-word; }
.wiki-refs__item a { color: var(--jc-accent, #8d6271); }
@media (max-width: 600px) {
  .wiki-step__body { padding: 1.05rem 1.15rem 1.2rem; }
  .wiki-step__num { font-size: 1.95rem; }
  .wiki-step__title { font-size: 1.12rem; }
}

/* ── wikiHow layout: main step column + sticky related-posts right rail ──────── */
.wiki-layout { --wiki-green: #17a34a; display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 2.5rem; align-items: start; }
.wiki-main { min-width: 0; }
/* Drop the rail down past the breadcrumb so its top aligns with the article title (h1), not the crumbs. */
.wiki-sidebar { position: sticky; top: 1.25rem; align-self: start; margin-top: 2.6rem; }
@media (max-width: 1000px) { .wiki-sidebar { margin-top: 0; } }
.wiki-side-card {
  border: 1px solid rgba(21,21,28,.10); border-radius: 14px; padding: 1.1rem 1.15rem;
  background: #fff; box-shadow: 0 1px 3px rgba(21,21,28,.05);
}
.wiki-side-card__title { margin: 0 0 .85rem; font-weight: 800; font-size: 1.02rem; white-space: nowrap; padding-bottom: .5rem; border-bottom: 3px solid var(--wiki-green, #17a34a); }
.wiki-related { list-style: none; margin: 0; padding: 0; }
.wiki-related__item { margin: 0 0 .9rem; }
.wiki-related__item:last-child { margin-bottom: 0; }
.wiki-related__link { display: flex; gap: .75rem; align-items: center; text-decoration: none; color: inherit; }
.wiki-related__thumb { width: 76px; height: 57px; object-fit: cover; border-radius: 9px; flex: 0 0 auto; border: 1px solid rgba(21,21,28,.08); }
.wiki-related__thumb--ph { background: linear-gradient(135deg, var(--wiki-green, #17a34a), #7fce9e); }
.wiki-related__title { font-weight: 600; line-height: 1.32; }
.wiki-related__link:hover .wiki-related__title { color: var(--wiki-green, #17a34a); }
@media (max-width: 1000px) {
  .wiki-layout { grid-template-columns: 1fr; gap: 1.75rem; }
  .wiki-sidebar { position: static; }
  .wiki-side-card { max-width: 520px; }
}

/* ── Wiki HOMEPAGE (served at /) — compact intro + category SECTIONS, tight spacing ──────────── */
.wiki-home { --wiki-green: #17a34a; }
.wiki-home__intro { margin: .4rem 0 1.5rem; }
.wiki-home__title { margin: 0 0 .3rem; font-weight: 800; }
.wiki-home__lead { margin: 0; color: var(--rx-muted, #6b6675); max-width: 66ch; }
.wiki-sec { margin: 0 0 1.6rem; }
.wiki-sec__head { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; margin: 0 0 .85rem; padding-bottom: .4rem; border-bottom: 2px solid var(--wiki-green, #17a34a); }
.wiki-sec__title { margin: 0; font-weight: 800; }
.wiki-sec__title a { color: inherit; text-decoration: none; }
.wiki-sec__title a:hover { color: var(--wiki-green, #17a34a); }
.wiki-sec__all { color: var(--wiki-green, #17a34a); font-weight: 700; white-space: nowrap; text-decoration: none; }
.wiki-sec__all:hover { text-decoration: underline; }
/* Card grid for the sections (the base `.entries__wrapper` grid is scoped to `.entries`, so set our own). */
.wiki-sec__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 1.4rem; }
@media (max-width: 560px) { .wiki-sec__grid { grid-template-columns: 1fr; } }