/* nordkors: generated by scripts/build-themes.mjs from nordkors.tokens.css + kitchen-engine.css. Do not edit. */
:root {
  --k-bg: #f7f9fb;
  --k-surface: #ffffff;
  --k-surface-2: #e9f1f7;
  --k-panel-bg: #f3f7fa;
  --k-ink: #0d2236;
  --k-ink-2: #4a5b6e;
  --k-line: #dde6ee;
  --k-line-strong: #c2d0dc;
  --k-accent: #006aa7;
  --k-accent-strong: #004f7c;
  --k-accent-ink: #ffffff;
  --k-accent-soft: #e3f0f8;
  --k-accent-line: #a9cde3;
  --k-warm: #f5b700;
  --k-focus: #006aa7;
  --k-header-bg: #083b61;
  --k-hero-bg: #eaf3f9;
  --k-footer-bg: #083b61;
  --k-footer-ink: #e5eef6;
  --k-font-display: "Outfit", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --k-font-body: "Nunito Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --k-display-weight: 700;
  --k-card-title-weight: 700;
  --k-display-tracking: -.02em;
  --k-radius-sm: 8px;
  --k-radius: 12px;
  --k-radius-lg: 18px;
  --k-radius-xl: 24px;
  --k-radius-pill: 999px;
  --k-shadow: 0 1px 2px rgba(8, 59, 97, .05), 0 10px 28px -18px rgba(8, 59, 97, .3);
  --k-shadow-hover: 0 2px 4px rgba(8, 59, 97, .06), 0 24px 46px -22px rgba(8, 59, 97, .42);
  --k-max: 1240px;
}
:root {
  --mo-body: var(--k-bg); --sk-body: var(--k-bg);
  --mo-on-body: var(--k-ink); --sk-on-body: var(--k-ink);
  --mo-header: var(--k-header-bg); --sk-header: var(--k-header-bg);
  --mo-on-header: var(--k-ink); --sk-on-header: var(--k-ink);
  --mo-header-accent: var(--k-accent); --sk-header-accent: var(--k-accent);
  --mo-on-header-accent: var(--k-accent-ink); --sk-on-header-accent: var(--k-accent-ink);
  --mo-offcanvas: var(--k-surface); --sk-offcanvas: var(--k-surface);
  --mo-on-offcanvas: var(--k-ink); --sk-on-offcanvas: var(--k-ink);
  --mo-on-offcanvas-accent: var(--k-accent-strong); --sk-on-offcanvas-accent: var(--k-accent-strong);
  --mo-border-offcanvas: var(--k-line); --sk-border-offcanvas: var(--k-line);
  --mo-footer: var(--k-footer-bg); --sk-footer: var(--k-footer-bg);
  --mo-on-footer: var(--k-footer-ink); --sk-on-footer: var(--k-footer-ink);
  --mo-on-footer-accent: var(--k-accent-strong); --sk-on-footer-accent: var(--k-accent-strong);
  --mo-separator: var(--k-line); --sk-separator: var(--k-line);
  --mo-on-separator: var(--k-ink); --sk-on-separator: var(--k-ink);
  --mo-landing: transparent; --sk-landing: transparent;
  --mo-on-landing: var(--k-ink); --sk-on-landing: var(--k-ink);
  --mo-on-landing-link: var(--k-accent-strong); --sk-on-landing-link: var(--k-accent-strong);
  --mo-preview: transparent; --sk-preview: transparent;
  --mo-entry: var(--k-surface); --sk-entry: var(--k-surface);
  --mo-category: transparent; --sk-category: transparent;
  --mo-hero: transparent; --sk-hero: transparent;
  --mo-space: clamp(22px, 3.2vw, 40px); --sk-space: clamp(22px, 3.2vw, 40px);
  --mo-gap: clamp(12px, 2vw, 22px); --sk-gap: clamp(12px, 2vw, 22px);
  --mo-spacing: 12px; --sk-spacing: 12px;
  color-scheme: light;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation: none !important; transition: none !important; } }
body {
  margin: 0;
  background: var(--k-bg);
  color: var(--k-ink);
  font-family: var(--k-font-body);
  font-size: 17px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
img { max-width: 100%; height: auto; }
a { color: var(--k-accent-strong); text-underline-offset: 3px; text-decoration-thickness: 1px; }
a:hover { color: var(--k-ink); }
:focus-visible { outline: 3px solid var(--k-focus); outline-offset: 3px; border-radius: 6px; }
::selection { background: var(--k-accent-soft); color: var(--k-ink); }
h1, h2, h3, h4 { margin: 0; color: var(--k-ink); font-family: var(--k-font-display); font-weight: var(--k-display-weight); letter-spacing: var(--k-display-tracking); line-height: 1.12; }
p { margin: 0; }
.skip-link { position: absolute; left: 12px; top: -60px; z-index: 1000; padding: 10px 16px; border-radius: var(--k-radius-pill); background: var(--k-ink); color: #fff; font-weight: 600; text-decoration: none; }
.skip-link:focus { top: 12px; }
.txt-s { font-size: .8125rem !important; line-height: 1.5; }
.txt-m { font-size: .9375rem !important; line-height: 1.55; }
.txt-l { font-size: 1.0625rem !important; line-height: 1.5; }
.txt-xl { font-size: 1.25rem !important; line-height: 1.3; }
.txt-xxl { font-size: clamp(1.4rem, 1.1rem + 1.2vw, 1.85rem) !important; line-height: 1.15; }
.txt-xxxl { font-size: clamp(1.85rem, 1.3rem + 2.4vw, 2.9rem) !important; line-height: 1.08; }
.container { width: 100% !important; max-width: var(--k-max) !important; margin-inline: auto !important; padding-inline: clamp(16px, 4vw, 28px) !important; }
.container--compact { max-width: 820px !important; }
.container__wrapper { display: block !important; }
.main { display: block; min-height: 50vh; }
.icon { width: 1.15em; height: 1.15em; flex: none; fill: none; stroke: currentColor; }
.icon-wrapper { display: inline-flex; align-items: center; gap: .5em; }
section { padding-block: clamp(26px, 4.5vw, 52px); }
.header { position: relative; z-index: 50; background: var(--k-header-bg); border-bottom: 1px solid var(--k-line); }
.header__main { padding: 0 !important; background: transparent !important; }
.header__wrapper { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 18px; min-height: 72px; font-size: 1rem !important; }
.header__brand { display: inline-flex !important; align-items: center; gap: 12px; min-width: 0; color: var(--k-ink) !important; text-decoration: none !important; }
.header__brand .logo { display: block; width: auto !important; height: auto !important; max-height: 50px !important; max-width: min(250px, 58vw) !important; }
.header__brand .logo.brand-mark { width: 46px !important; height: 46px !important; max-height: none !important; border-radius: 12px; }
.header__brand .brand-name { overflow: hidden; color: var(--k-ink); font-family: var(--k-font-display); font-size: clamp(1.1rem, .9rem + .9vw, 1.45rem); font-weight: var(--k-display-weight); letter-spacing: var(--k-display-tracking); line-height: 1.05; text-overflow: ellipsis; white-space: nowrap; }
.header .social { display: none !important; }
.header__menu { display: flex !important; align-items: center; gap: 4px; margin: 0 !important; padding: 0 !important; list-style: none !important; }
.header__menu-item > a, .header__menu-item > .icon-wrapper { display: inline-flex; align-items: center; min-height: 44px; padding: 0 14px; border-radius: var(--k-radius-pill); color: var(--k-ink) !important; font-weight: 600; text-decoration: none !important; transition: background-color .18s ease, color .18s ease; }
.header__menu-item > a:hover, .header__menu-item.selected > a { background: var(--k-accent-soft); color: var(--k-accent-strong) !important; }
.header__menu-item button, .header__menu-item a[href*="search"] { display: inline-grid !important; place-items: center; width: 44px; height: 44px; min-height: 44px; padding: 0 !important; border: 1px solid var(--k-line) !important; border-radius: 50% !important; background: var(--k-surface) !important; color: var(--k-ink) !important; box-shadow: none !important; cursor: pointer; }
.header__menu-item button:hover, .header__menu-item a[href*="search"]:hover { border-color: var(--k-accent) !important; background: var(--k-accent-soft) !important; color: var(--k-accent-strong) !important; }
.header__menu-item button .icon, .header__menu-item a[href*="search"] .icon { width: 20px; height: 20px; }
.header__menu-item a[href*="search"] span { display: none; }
.header__categorybar { border-top: 1px solid var(--k-line); background: var(--k-surface-2); }
.header__categories { display: flex !important; gap: 6px; margin: 0 !important; padding: 8px 0 !important; overflow-x: auto; list-style: none !important; scrollbar-width: none; }
.header__categories::-webkit-scrollbar { display: none; }
.header__category { display: inline-flex; align-items: center; min-height: 34px; padding: 0 14px; border-radius: var(--k-radius-pill); color: var(--k-ink-2) !important; font-size: .875rem; font-weight: 600; text-decoration: none !important; white-space: nowrap; }
.header__category:hover, .header__category.selected { background: var(--k-accent-soft); color: var(--k-accent-strong) !important; }
@media (max-width: 1199px) { .header__categorybar { display: none !important; } .header__wrapper { min-height: 64px; } }
.offcanvas { background: var(--k-surface) !important; color: var(--k-ink) !important; }
.offcanvas:not(.offcanvas--close) { box-shadow: 0 0 60px rgba(15, 35, 55, .22); }
.offcanvas__exit { display: grid !important; place-items: center; width: 44px; height: 44px; margin: 14px 16px 6px auto !important; border: 1px solid var(--k-line) !important; border-radius: 50% !important; background: var(--k-surface) !important; color: var(--k-ink) !important; box-shadow: none !important; cursor: pointer; }
.offcanvas__menu { margin: 0 !important; padding: 6px 14px 28px !important; list-style: none !important; }
.offcanvas__menu-item > a { display: flex !important; align-items: center; gap: 14px; min-height: 52px; padding: 0 14px !important; border-radius: var(--k-radius-sm); color: var(--k-ink) !important; font-size: 1.0625rem; font-weight: 600; text-decoration: none !important; }
.offcanvas__menu-item > a:hover, .offcanvas__menu-item.selected > a { background: var(--k-accent-soft); color: var(--k-accent-strong) !important; }
.offcanvas__menu-item .icon { width: 22px; height: 22px; color: var(--k-accent-strong); }
.offcanvas__topics { margin-top: 10px; padding-top: 12px; border-top: 1px solid var(--k-line); }
.offcanvas__section-label { display: block; padding: 6px 14px; color: var(--k-ink-2); font-size: .75rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.offcanvas__groups, .offcanvas__groups ul { margin: 0 !important; padding: 0 !important; list-style: none !important; }
.offcanvas__topic-link { display: flex; align-items: center; min-height: 44px; padding: 0 14px; border-radius: var(--k-radius-sm); color: var(--k-ink) !important; font-weight: 500; text-decoration: none !important; }
.offcanvas__topic-link:hover, .offcanvas__topic-link.selected { background: var(--k-accent-soft); color: var(--k-accent-strong) !important; }
.separator { text-transform: none !important; display: flex !important; align-items: flex-end !important; justify-content: space-between !important; gap: 16px; margin: 0 0 clamp(16px, 2.4vw, 26px) !important; padding: 0 !important; border: 0 !important; background: none !important; }
.separator::before, .separator::after { content: none !important; }
.separator .separator__title, .separator__title { position: relative; display: block !important; flex: 0 1 auto !important; margin: 0 !important; padding: 0 0 12px !important; background: linear-gradient(var(--k-accent), var(--k-accent)) left bottom / 44px 3px no-repeat !important; color: var(--k-ink) !important; font-family: var(--k-font-display) !important; font-weight: var(--k-display-weight) !important; text-align: left !important; }
.separator .separator__title.separator__title--start::after, .separator .separator__title::after, .separator .separator__title::before { content: none !important; }
.separator .separator__title--center { margin-inline: auto !important; background-position: center bottom !important; text-align: center !important; }
.separator .separator__link, .separator__link { margin: 0 0 8px !important; padding: 0 !important; display: inline-grid !important; place-items: center; flex: none; width: 42px; height: 42px; border: 1px solid var(--k-line) !important; border-radius: 50% !important; background: var(--k-surface) !important; color: var(--k-ink) !important; text-decoration: none !important; transition: transform .18s ease, border-color .18s ease, background-color .18s ease; }
.separator .separator__link:hover svg { transform: none !important; }
.separator .separator__link:hover, .separator__link:hover { transform: translateX(3px); border-color: var(--k-accent) !important; background: var(--k-accent-soft) !important; color: var(--k-accent-strong) !important; }
.separator__link .icon { width: 18px; height: 18px; }
.jc-hero { padding-block: clamp(22px, 4vw, 54px); background: var(--k-hero-bg); }
.jc-hero > .container { display: grid !important; grid-template-columns: minmax(0, 1fr); gap: clamp(20px, 3vw, 44px); align-items: center; }
@media (min-width: 900px) { .jc-hero > .container { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); } }
.jc-hero__intro { display: flex; flex-direction: column; gap: 16px; text-align: left !important; }
.jc-hero__h1 { margin: 0 !important; font-size: clamp(2.1rem, 1.3rem + 3.4vw, 3.6rem) !important; line-height: 1.03 !important; text-align: left !important; }
.jc-hero__tagline { max-width: 52ch; margin: 0 !important; color: var(--k-ink-2) !important; font-family: var(--k-font-body) !important; font-size: 1.0625rem !important; font-weight: 400 !important; line-height: 1.6 !important; text-align: left !important; }
.jc-hero__tags { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.jc-hero__tags-label { flex-basis: 100%; color: var(--k-ink-2); font-size: .75rem !important; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.jc-hero__tag, .recipe-tags__link, .chip { display: inline-flex !important; align-items: center; gap: 8px; min-height: 36px; padding: 0 14px !important; border: 1px solid var(--k-line) !important; border-radius: var(--k-radius-pill) !important; background: var(--k-surface) !important; color: var(--k-ink) !important; font-size: .875rem !important; font-weight: 600 !important; text-decoration: none !important; transition: background-color .18s ease, border-color .18s ease, color .18s ease; }
.jc-hero__tag:hover, .recipe-tags__link:hover, .chip:hover { border-color: var(--k-accent) !important; background: var(--k-accent-soft) !important; color: var(--k-accent-strong) !important; }
.jc-hero__card { position: relative; display: block !important; overflow: hidden; border-radius: var(--k-radius-lg); background: var(--k-surface-2); box-shadow: var(--k-shadow); aspect-ratio: 5 / 4; text-decoration: none !important; }
.jc-hero__img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; object-fit: cover; transition: transform .6s cubic-bezier(.2, .7, .2, 1); }
.jc-hero__card:hover .jc-hero__img { transform: scale(1.035); }
.jc-hero__overlay { position: absolute; left: 14px; right: 14px; bottom: 14px; display: flex; flex-direction: column; gap: 6px; padding: 16px 18px; border-radius: var(--k-radius); background: rgba(255, 255, 255, .94); color: var(--k-ink); backdrop-filter: blur(6px); }
.jc-hero__eyebrow, .jc-feature__eyebrow, .jc-about__eyebrow, .preview__cat, .entry__cat, .author-profile__eyebrow { color: var(--k-accent-strong) !important; font-family: var(--k-font-body) !important; font-size: .72rem !important; font-weight: 700 !important; letter-spacing: .1em; line-height: 1.3; text-transform: uppercase; }
.jc-hero__title { color: var(--k-ink) !important; font-family: var(--k-font-display) !important; font-weight: var(--k-display-weight) !important; font-size: clamp(1.2rem, 1rem + 1vw, 1.65rem) !important; line-height: 1.15; }
.jc-hero__cta, .jc-feature__cta, .jc-about__more, .author-card__more { display: inline-flex !important; align-items: center; gap: 8px; color: var(--k-accent-strong) !important; font-size: .9375rem !important; font-weight: 700 !important; text-decoration: none !important; }
.jc-hero__cta span, .jc-feature__cta span, .jc-about__more span { transition: transform .18s ease; }
a:hover > .jc-hero__cta span, .jc-feature__cta:hover span, .jc-about__more:hover span { transform: translateX(4px); }
.categories__wrapper { --k-tile-gap: clamp(12px, 2vw, 22px); display: flex !important; flex-wrap: wrap; justify-content: center; gap: var(--k-tile-gap) !important; margin: 0 !important; padding: 0 !important; }
.categories__wrapper > .category { flex: 0 0 calc((100% - var(--k-tile-gap)) / 2); }
@media (min-width: 780px) { .categories__wrapper > .category { flex-basis: calc((100% - 2 * var(--k-tile-gap)) / 3); } }
@media (min-width: 1040px) { .categories__wrapper > .category { flex-basis: calc((100% - 5 * var(--k-tile-gap)) / 6); } }
.category { min-width: 0; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; }
.category__body { display: flex !important; flex-direction: column; gap: 10px; height: auto !important; aspect-ratio: auto !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; color: var(--k-ink) !important; text-decoration: none !important; }
.category__body::before, .category__body::after { content: none !important; }
.category__img { position: static !important; display: block; width: 100% !important; height: auto !important; aspect-ratio: 1 / 1; border-radius: var(--k-tile-radius, var(--k-radius-lg)) !important; background: var(--k-surface-2); object-fit: cover; box-shadow: var(--k-shadow); transition: transform .35s cubic-bezier(.2, .7, .2, 1), box-shadow .35s ease; }
.category .category__body { overflow: visible !important; }
.category .category__body:hover .category__img, .category .category__body .category__img:hover { transform: translateY(-4px); box-shadow: var(--k-shadow-hover); }
.category__title { position: static !important; padding: 0 2px !important; background: none !important; color: var(--k-ink) !important; font-family: var(--k-font-body) !important; font-size: .9375rem !important; font-weight: 700 !important; line-height: 1.25; text-align: center !important; text-shadow: none !important; }
.previews__wrapper { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: clamp(14px, 2.2vw, 26px) clamp(12px, 2vw, 24px) !important; margin: 0 !important; padding: 0 !important; }
@media (min-width: 780px) { .previews__wrapper { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } }
@media (min-width: 1040px) { .previews__wrapper { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } .previews--large .previews__wrapper { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } }
.preview { position: relative; display: flex !important; flex-direction: column; min-width: 0; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; text-align: left !important; }
.preview__img { position: relative; display: block !important; overflow: hidden; border-radius: var(--k-radius-lg); background: var(--k-surface-2); aspect-ratio: 4 / 5; box-shadow: var(--k-shadow); }
.preview__img img { display: block; width: 100% !important; height: 100% !important; object-fit: cover; transition: transform .5s cubic-bezier(.2, .7, .2, 1); }
.preview:hover .preview__img img { transform: scale(1.045); }
.preview__save { display: none !important; }
.preview__meta { position: absolute; left: 10px; top: 10px; display: inline-flex !important; align-items: center; gap: 5px; padding: 5px 10px; border-radius: var(--k-radius-pill); background: rgba(255, 255, 255, .95); color: var(--k-ink); font-size: .75rem !important; font-weight: 700; line-height: 1; box-shadow: 0 2px 8px rgba(15, 35, 55, .12); }
.preview__meta > span[aria-hidden] { display: none; }
.preview__meta::before { content: ""; flex: none; width: 13px; height: 13px; background: var(--k-accent-strong); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center / contain no-repeat; }
.preview__meta:has(.preview__clock)::before { content: none; }
.preview__clock { width: 13px; height: 13px; color: var(--k-accent-strong); }
.preview__link { display: flex !important; flex-direction: column; align-items: flex-start !important; justify-content: flex-start !important; gap: 4px; padding: 12px 2px 0 !important; color: var(--k-ink) !important; text-align: left !important; text-decoration: none !important; }
.preview__link::after { content: ""; position: absolute; inset: 0; }
.preview__title { display: block !important; width: auto !important; margin: 0 !important; color: var(--k-ink) !important; font-family: var(--k-font-display) !important; font-size: clamp(1rem, .92rem + .35vw, 1.2rem) !important; font-weight: var(--k-card-title-weight) !important; letter-spacing: var(--k-display-tracking); line-height: 1.22 !important; text-align: left !important; text-wrap: balance; transition: color .18s ease; }
.preview:hover .preview__title { color: var(--k-accent-strong) !important; }
.preview__content { display: -webkit-box; overflow: hidden; margin: 6px 2px 0 !important; color: var(--k-ink-2) !important; font-size: .875rem !important; line-height: 1.5; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
.preview__rating { display: inline-flex; align-items: center; gap: 6px; margin: 6px 2px 0; color: var(--k-ink-2); font-size: .8125rem; }
.preview__stars, .entry__stars, .recipe-card__stars { position: relative; display: inline-block; color: var(--k-line-strong); letter-spacing: 1px; line-height: 1; }
.preview__stars-on, .entry__stars-on { position: absolute; left: 0; top: 0; overflow: hidden; color: var(--k-warm); white-space: nowrap; }
.preview__placeholder { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; color: var(--k-line-strong); background: var(--k-surface-2); }
.entries__wrapper { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: clamp(16px, 2.4vw, 28px) !important; margin: 0 !important; padding: 0 !important; }
@media (min-width: 640px) { .entries__wrapper { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (min-width: 1040px) { .entries__wrapper { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } }
.entry { display: flex !important; flex-direction: column; min-width: 0; overflow: hidden; margin: 0 !important; padding: 0 !important; border: 1px solid var(--k-line) !important; border-radius: var(--k-radius-lg) !important; background: var(--k-surface) !important; box-shadow: none !important; transition: transform .3s cubic-bezier(.2, .7, .2, 1), box-shadow .3s ease, border-color .3s ease; }
.entry:hover { transform: translateY(-3px); border-color: var(--k-accent-line) !important; box-shadow: var(--k-shadow-hover) !important; }
.entry__img { position: relative; display: block !important; overflow: hidden; background: var(--k-surface-2); aspect-ratio: 4 / 3; }
.entry__img img { display: block; width: 100% !important; height: 100% !important; object-fit: cover; }
.entry__save { display: none !important; }
.entry__body { display: flex; flex: 1; flex-direction: column; gap: 8px; padding: 16px 18px 6px !important; }
.entry__body > a { color: inherit !important; text-decoration: none !important; }
.entry__title { display: block !important; color: var(--k-ink) !important; font-family: var(--k-font-display) !important; font-size: 1.2rem !important; font-weight: var(--k-card-title-weight) !important; line-height: 1.22 !important; text-wrap: balance; }
.entry:hover .entry__title { color: var(--k-accent-strong) !important; }
.entry__desc { display: -webkit-box; overflow: hidden; color: var(--k-ink-2) !important; font-size: .9375rem !important; line-height: 1.55; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; }
.entry__rating { display: inline-flex; align-items: center; gap: 6px; color: var(--k-ink-2); font-size: .8125rem; }
.entry__footer { display: flex !important; align-items: center; justify-content: space-between; gap: 10px; margin-top: auto; padding: 12px 18px 16px !important; border: 0 !important; background: none !important; }
.entry .entry__footer .entry__footer-link { padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; color: var(--k-accent-strong) !important; font-size: .875rem !important; font-weight: 700 !important; text-decoration: none !important; }
.entry .entry__footer .entry__footer-link:hover { color: var(--k-ink) !important; text-decoration: underline !important; }
.jc-feature__inner, .jc-about__inner { display: grid !important; grid-template-columns: minmax(0, 1fr); gap: clamp(18px, 3vw, 44px); align-items: center; overflow: hidden; padding: clamp(16px, 2.6vw, 30px); border: 1px solid var(--k-line); border-radius: var(--k-radius-xl); background: var(--k-panel-bg); }
@media (min-width: 820px) { .jc-feature__inner { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); } .jc-about__inner { grid-template-columns: minmax(0, 2fr) minmax(0, 5fr); } }
.jc-feature__media, .jc-about__photo { display: block; overflow: hidden; border-radius: var(--k-radius-lg); background: var(--k-surface-2); }
.jc-feature__media { aspect-ratio: 4 / 3; }
.jc-about__photo { max-width: 320px; aspect-ratio: 1 / 1; border-radius: 50%; margin-inline: auto; box-shadow: 0 0 0 8px var(--k-surface), var(--k-shadow); }
.jc-feature__media img, .jc-about__photo img { display: block; width: 100% !important; height: 100% !important; object-fit: cover; }
.jc-feature__body, .jc-about__body { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.jc-feature__title, .jc-about__title { margin: 0 !important; color: var(--k-ink) !important; }
.jc-feature__desc, .jc-about__text { color: var(--k-ink-2) !important; font-size: 1.0625rem !important; line-height: 1.65; }
.jc-links__grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(10px, 1.8vw, 18px); }
@media (min-width: 900px) { .jc-links__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.jc-links__card { display: flex !important; flex-direction: column; gap: 6px; padding: 18px; border: 1px solid var(--k-line); border-radius: var(--k-radius-lg); background: var(--k-surface); color: var(--k-ink) !important; text-decoration: none !important; transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }
.jc-links__card:hover { transform: translateY(-3px); border-color: var(--k-accent-line); box-shadow: var(--k-shadow-hover); }
.jc-links__card svg, .jc-links__icon { width: 26px; height: 26px; margin-bottom: 4px; color: var(--k-accent-strong); fill: none; stroke: currentColor; }
.jc-links__title { font-family: var(--k-font-display) !important; font-weight: var(--k-card-title-weight) !important; }
.jc-links__sub { color: var(--k-ink-2) !important; }
.landing { padding-block: clamp(14px, 2.4vw, 28px) 0 !important; background: none !important; }
.landing__wrapper { display: block !important; padding: 0 !important; background: none !important; }
.landing .landing__content, .landing__content { display: flex !important; flex-direction: column; gap: 14px; width: 100% !important; max-width: 860px !important; margin: 0 !important; padding: 0 !important; background: none !important; text-align: left !important; }
.breadcrumb { display: flex !important; flex-wrap: wrap; align-items: center; gap: 0 !important; margin: 0 !important; padding: 0 !important; list-style: none !important; color: var(--k-ink-2); font-size: .8125rem !important; }
.breadcrumb .breadcrumb__item { max-width: 100%; overflow: hidden; font-weight: 600 !important; text-overflow: ellipsis; white-space: nowrap; }
.breadcrumb .breadcrumb__item a { color: var(--k-ink-2) !important; text-decoration: none !important; }
.breadcrumb .breadcrumb__item a:hover { color: var(--k-accent-strong) !important; }
.breadcrumb .breadcrumb__item:not(:last-child)::after { content: "/" !important; padding: 0 8px !important; color: var(--k-line-strong); }
.breadcrumb .breadcrumb__item:last-child:not(:first-child) { display: none !important; }
.breadcrumb .breadcrumb__item:nth-last-child(2)::after { content: none !important; }
.landing__title { margin: 0 !important; color: var(--k-ink) !important; font-size: clamp(1.9rem, 1.2rem + 2.8vw, 3.1rem) !important; line-height: 1.06 !important; text-align: left !important; }
.landing__tldr { max-width: 62ch; color: var(--k-ink-2) !important; font-size: 1.125rem !important; line-height: 1.6; }
.recipe-hero-meta { display: flex !important; flex-wrap: wrap !important; align-items: center; gap: 4px 14px !important; color: var(--k-ink-2) !important; font-size: .875rem !important; }
.recipe-hero-meta__item { color: var(--k-ink-2) !important; font-weight: 500; text-decoration: none !important; }
a.recipe-hero-meta__item { color: var(--k-ink) !important; font-weight: 700; }
a.recipe-hero-meta__item:hover { color: var(--k-accent-strong) !important; }
.recipe-hero-meta__item::after { content: none !important; }
.recipe-tags { display: flex !important; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 !important; }
.recipe-tags__label { display: none !important; }
.recipe-tags__link span { color: inherit !important; }
.landing .landing__content .actions, .actions { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-start !important; gap: 8px !important; width: 100% !important; max-width: none !important; margin: 4px 0 0 !important; padding: 0 !important; overflow: visible !important; border: 0 !important; border-radius: 0 !important; background: none !important; }
.landing .landing__content .actions > a.icon-wrapper, .actions a { order: 2 !important; display: inline-flex !important; flex: 0 0 auto !important; align-items: center !important; justify-content: center !important; gap: 8px; width: auto !important; min-width: 0 !important; height: 46px !important; min-height: 46px !important; margin: 0 !important; padding: 0 18px !important; border: 1px solid var(--k-line) !important; border-radius: var(--k-radius-pill) !important; background: var(--k-surface) !important; color: var(--k-ink) !important; font-size: .9375rem !important; font-weight: 700 !important; box-shadow: none !important; text-decoration: none !important; transform: none !important; transition: background-color .18s ease, border-color .18s ease, color .18s ease; }
.landing .landing__content .actions > a.icon-wrapper:hover, .actions a:hover { border-color: var(--k-accent) !important; background: var(--k-accent-soft) !important; color: var(--k-accent-strong) !important; }
.landing .landing__content .actions > a.icon-wrapper[onclick*="scrollToElement"], .actions a[onclick*="scrollToElement"] { order: 1 !important; border-color: var(--k-accent) !important; background: var(--k-accent) !important; color: var(--k-accent-ink) !important; padding-inline: 24px !important; }
.landing .landing__content .actions > a.icon-wrapper[onclick*="scrollToElement"]:hover, .actions a[onclick*="scrollToElement"]:hover { border-color: var(--k-accent-strong) !important; background: var(--k-accent-strong) !important; color: #fff !important; }
.actions .icon { width: 18px !important; height: 18px !important; margin: 0 !important; }
@media (max-width: 700px) {
  .landing .landing__content .actions > a.icon-wrapper, .actions a { flex: 1 1 0 !important; padding: 0 !important; }
  .landing .landing__content .actions > a.icon-wrapper[onclick*="scrollToElement"], .actions a[onclick*="scrollToElement"] { flex: 1 1 100% !important; }
  .actions a:not([onclick*="scrollToElement"]) > span { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; white-space: nowrap !important; }
  .actions a:not([onclick*="scrollToElement"]) .icon { width: 20px !important; height: 20px !important; }
}
.author-card { display: grid !important; grid-template-columns: auto minmax(0, 1fr); gap: 14px 16px; align-items: start; margin: 6px 0 0 !important; padding: 16px !important; border: 1px solid var(--k-line) !important; border-radius: var(--k-radius-lg) !important; background: var(--k-panel-bg) !important; box-shadow: none !important; text-align: left !important; }
.author-card__avatar { display: block; width: 64px !important; height: 64px !important; border-radius: 50% !important; background: var(--k-surface-2); object-fit: cover; box-shadow: 0 0 0 3px var(--k-surface); }
.author-card__body { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.author-card__byline { color: var(--k-ink-2) !important; font-size: .72rem !important; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.author-card__name { color: var(--k-ink) !important; font-family: var(--k-font-display) !important; font-size: 1.2rem !important; text-decoration: none !important; }
.author-card__name strong { font-weight: var(--k-card-title-weight); }
.author-card__bio { display: -webkit-box; overflow: hidden; color: var(--k-ink-2) !important; font-size: .9375rem !important; line-height: 1.55; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; }
.author-card__updated { color: var(--k-ink-2) !important; font-size: .8125rem !important; }
.template-main, .template-main-sidebar { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: clamp(28px, 4vw, 56px) !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding-block: clamp(18px, 3vw, 34px) !important; }
@media (min-width: 1040px) { .template-main-sidebar { grid-template-columns: minmax(0, 1fr) 330px !important; align-items: start; } }
.template-main-sidebar .template-main-sidebar__main, .template-main-sidebar__main { width: 100% !important; max-width: 780px !important; min-width: 0; margin: 0 !important; padding: 0 !important; }
.template-main-sidebar__sidebar { display: flex; flex-direction: column; gap: 22px; min-width: 0; }
@media (min-width: 1040px) { .template-main-sidebar__sidebar { position: sticky; top: 18px; } }
.article { color: var(--k-ink); font-size: 1.125rem; line-height: 1.75; }
.article__wrapper > * + * { margin-top: 1.15em; }
.article p { margin: 0; }
.article h2 { margin-top: 1.9em !important; padding: 0 !important; border: 0 !important; background: none !important; color: var(--k-ink) !important; font-size: clamp(1.45rem, 1.2rem + 1vw, 1.9rem) !important; }
.article h3 { margin-top: 1.6em !important; font-size: 1.3rem !important; }
.article a { color: var(--k-accent-strong); font-weight: 500; text-decoration: underline; text-decoration-color: var(--k-accent-line); }
.article a:hover { color: var(--k-ink); text-decoration-color: currentColor; }
.article ul, .article ol { margin: 0; padding-left: 1.3em; }
.article li + li { margin-top: .55em; }
.article li::marker { color: var(--k-accent-strong); font-weight: 700; }
.article strong { color: var(--k-ink); font-weight: 700; }
.article figure, .pin-wrapper { position: relative; margin: 1.6em 0 0 !important; padding: 0 !important; }
.article figure img, .pin-wrapper img { display: block; width: 100% !important; height: auto !important; border-radius: var(--k-radius-lg) !important; background: var(--k-surface-2); }
.article figcaption { margin-top: 10px; color: var(--k-ink-2); font-size: .875rem; line-height: 1.5; text-align: center; }
.pin { position: absolute !important; right: 12px; top: 12px; z-index: 2; display: inline-flex !important; align-items: center; gap: 6px; width: auto !important; min-height: 36px; padding: 0 14px !important; border: 0 !important; border-radius: var(--k-radius-pill) !important; background: #e60023 !important; color: #fff !important; font-size: .8125rem !important; font-weight: 700 !important; box-shadow: 0 6px 16px rgba(0, 0, 0, .18) !important; text-decoration: none !important; }
.pin:hover { background: #b8001c !important; color: #fff !important; }
.pin .icon { width: 16px; height: 16px; }
.note { margin-top: 1.6em !important; padding: 18px 20px !important; border: 1px solid var(--k-accent-line) !important; border-left: 4px solid var(--k-accent) !important; border-radius: var(--k-radius) !important; background: var(--k-accent-soft) !important; color: var(--k-ink) !important; }
.note h2, .note .icon-wrapper { display: flex !important; align-items: center; gap: 10px; margin: 0 0 8px !important; color: var(--k-ink) !important; font-family: var(--k-font-body) !important; font-size: 1.0625rem !important; font-weight: 700 !important; letter-spacing: 0 !important; }
.note .icon { width: 20px; height: 20px; color: var(--k-accent-strong); }
.note p { font-size: 1rem; line-height: 1.65; }
.article details { padding: 14px 18px; border: 1px solid var(--k-line); border-radius: var(--k-radius); background: var(--k-surface); font-size: .9375rem; }
.article details summary { cursor: pointer; color: var(--k-ink); font-weight: 600; }
.article details ul { margin-top: 10px; overflow-wrap: anywhere; }
.recipe-faqs, .faqs__wrapper { display: flex; flex-direction: column; gap: 10px; margin: 1.2em 0 0 !important; padding: 0 !important; }
.recipe-faqs__item, .faq { margin: 0 !important; padding: 16px 18px !important; border: 1px solid var(--k-line) !important; border-radius: var(--k-radius) !important; background: var(--k-surface) !important; }
.recipe-faqs__question, .faq__question { margin: 0 !important; color: var(--k-ink) !important; font-family: var(--k-font-body) !important; font-size: 1.0625rem !important; font-weight: 700 !important; line-height: 1.4; }
.recipe-faqs__answer, .faq__answer { margin: 8px 0 0 !important; color: var(--k-ink-2) !important; font-size: 1rem !important; line-height: 1.65; }
.recipe { margin-top: clamp(28px, 4vw, 48px); padding: 0 !important; scroll-margin-top: 18px; }
.recipe__wrapper { overflow: hidden; padding: 0 0 clamp(18px, 3vw, 28px) !important; border: 1px solid var(--k-line) !important; border-radius: var(--k-radius-xl) !important; background: var(--k-surface) !important; box-shadow: var(--k-shadow) !important; }
.recipe__wrapper > * { margin-inline: clamp(16px, 3vw, 30px); }
.recipe-card__summary { display: grid !important; grid-template-columns: minmax(0, 1fr); gap: 18px; margin: 0 !important; padding: clamp(18px, 3vw, 30px) !important; border-bottom: 1px solid var(--k-line); background: var(--k-panel-bg); }
@media (min-width: 640px) { .recipe-card__summary { grid-template-columns: minmax(0, 1fr) 190px; align-items: center; } }
.recipe-card__content { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.recipe-card__rating { display: inline-flex; align-items: center; gap: 8px; color: var(--k-ink-2); font-size: .875rem; }
.recipe-card__stars { color: var(--k-warm); font-size: 1rem; }
.recipe__title, .recipe-card__title { margin: 0 !important; color: var(--k-ink) !important; }
.recipe-card__facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 0 !important; }
@media (min-width: 520px) { .recipe-card__facts { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.recipe-card__fact { margin: 0; padding: 10px 12px; border: 1px solid var(--k-line); border-radius: var(--k-radius); background: var(--k-surface); }
.recipe-card__fact dt { margin: 0; color: var(--k-ink-2); font-size: .7rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.recipe-card__fact dd { margin: 2px 0 0; color: var(--k-ink); font-size: 1rem; font-weight: 700; }
.recipe-card__image { display: block; width: 100% !important; height: auto !important; aspect-ratio: 1 / 1; border-radius: var(--k-radius-lg); object-fit: cover; }
.recipe-card__actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px !important; }
.recipe-card__action { display: inline-flex; align-items: center; min-height: 42px; padding: 0 16px; border: 1px solid var(--k-line); border-radius: var(--k-radius-pill); background: var(--k-surface); color: var(--k-ink) !important; font-size: .875rem; font-weight: 700; text-decoration: none !important; }
.recipe-card__action:hover { border-color: var(--k-accent); background: var(--k-accent-soft); color: var(--k-accent-strong) !important; }
.recipe-card__description { margin-top: 16px !important; color: var(--k-ink-2); font-size: 1.0625rem; line-height: 1.65; }
.recipe__separator { display: flex; align-items: center; gap: 12px; margin-top: 28px !important; margin-bottom: 12px !important; padding: 0 !important; border: 0 !important; background: none !important; color: var(--k-ink) !important; font-size: 1.35rem !important; }
.recipe__separator::after { content: ""; flex: 1; height: 1px; background: var(--k-line); }
.recipe__interact-list, .recipe__static-list { margin-top: 0 !important; margin-bottom: 0 !important; padding: 0 !important; list-style: none !important; counter-reset: k-step; }
.recipe__ingredient-group { margin: 16px 0 6px !important; padding: 0 !important; list-style: none; }
.recipe__ingredient-group h4 { color: var(--k-accent-strong); font-family: var(--k-font-body); font-size: .75rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.recipe__ingredient { position: relative; margin: 0 !important; padding: 10px 0 10px 32px !important; border-bottom: 1px dashed var(--k-line); list-style: none; }
.recipe__ingredient::before { content: ""; position: absolute; left: 2px; top: 14px; width: 16px; height: 16px; border: 2px solid var(--k-accent-line); border-radius: 5px; background: var(--k-surface); }
.recipe__ingredient-text { color: var(--k-ink) !important; font-size: 1.0625rem !important; line-height: 1.5; cursor: default !important; }
.recipe__interact-list-content { position: relative; margin: 0 !important; padding: 14px 0 14px 50px !important; border-bottom: 1px dashed var(--k-line); list-style: none; counter-increment: k-step; color: var(--k-ink); font-size: 1.0625rem; line-height: 1.65; }
.recipe__interact-list-content::before { content: counter(k-step); position: absolute; left: 0; top: 12px; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--k-accent-soft); color: var(--k-accent-strong); font-weight: 800; font-size: .9375rem; }
.recipe__interact-list-number { display: none !important; }
.recipe__instruction-title { display: block; margin-bottom: 4px; color: var(--k-ink); font-weight: 700; }
.recipe__highlight { color: var(--k-accent-strong); font-weight: 700; }
.recipe__details { margin-top: 12px !important; padding: 14px 18px; border: 1px solid var(--k-line); border-radius: var(--k-radius); background: var(--k-surface); }
.recipe__details-summary { cursor: pointer; font-weight: 700; }
.recipe__details-content { margin-top: 10px; color: var(--k-ink-2); }
.author { padding: 22px !important; border: 1px solid var(--k-line) !important; border-radius: var(--k-radius-lg) !important; background: var(--k-panel-bg) !important; box-shadow: none !important; text-align: center; }
.author__img { display: block; width: 116px !important; height: 116px !important; margin: 0 auto 12px !important; border-radius: 50% !important; object-fit: cover; box-shadow: 0 0 0 5px var(--k-surface), var(--k-shadow); }
.author__title, .author__title-text { margin: 0 0 6px !important; color: var(--k-ink) !important; font-size: 1.35rem !important; }
.author__body { color: var(--k-ink-2) !important; font-size: .9375rem !important; line-height: 1.6; }
.social__title { margin: 14px 0 8px !important; color: var(--k-ink) !important; font-size: .8125rem !important; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.social__items { display: flex !important; flex-wrap: wrap; justify-content: center; gap: 8px; }
.social__item { display: inline-grid !important; place-items: center; width: 40px !important; height: 40px !important; padding: 0 !important; border: 1px solid var(--k-line) !important; border-radius: 50% !important; background: var(--k-surface) !important; color: var(--k-ink) !important; box-shadow: none !important; transition: background-color .18s ease, border-color .18s ease, color .18s ease; }
.social__item:hover { border-color: var(--k-accent) !important; background: var(--k-accent) !important; color: var(--k-accent-ink) !important; }
.social__item svg { width: 18px; height: 18px; fill: none; stroke: currentColor; }
.related_entries { display: flex; flex-direction: column; gap: 10px; }
.related_entries__title { margin: 0 0 4px !important; color: var(--k-ink) !important; font-size: 1.2rem !important; }
.related_entries__item { display: grid !important; grid-template-columns: 76px minmax(0, 1fr); gap: 12px; align-items: center; overflow: hidden; padding: 0 !important; border: 1px solid var(--k-line) !important; border-radius: var(--k-radius) !important; background: var(--k-surface) !important; color: var(--k-ink) !important; box-shadow: none !important; text-decoration: none !important; transition: border-color .18s ease, transform .18s ease; }
.related_entries__item:hover { transform: translateX(3px); border-color: var(--k-accent-line) !important; }
.related_entries__item-img { display: block; width: 76px !important; height: 76px !important; border-radius: 0 !important; object-fit: cover; }
.related_entries__item-content { padding: 8px 12px 8px 0 !important; color: var(--k-ink) !important; font-size: .9375rem !important; font-weight: 700 !important; line-height: 1.3; }
.author-page { padding-block: clamp(18px, 3vw, 36px); }
.author-page__crumb { margin-bottom: 16px; }
.author-profile { display: grid !important; grid-template-columns: minmax(0, 1fr); gap: clamp(18px, 3vw, 40px); padding: clamp(18px, 3vw, 34px); border: 1px solid var(--k-line); border-radius: var(--k-radius-xl); background: var(--k-panel-bg); }
@media (min-width: 820px) { .author-profile { grid-template-columns: 260px minmax(0, 1fr); align-items: start; } }
.author-profile__aside { display: flex; flex-direction: column; align-items: center; gap: 14px; text-align: center; }
.author-profile__avatar { display: block; width: 200px !important; max-width: 60vw; height: auto !important; aspect-ratio: 1 / 1; border-radius: 50% !important; object-fit: cover; box-shadow: 0 0 0 8px var(--k-surface), var(--k-shadow); }
.author-profile__id { display: flex; flex-direction: column; gap: 6px; }
.author-profile__name { margin: 0 !important; font-size: clamp(1.8rem, 1.3rem + 2vw, 2.6rem) !important; }
.author-profile__role { color: var(--k-ink-2); font-weight: 600; }
.author-profile__heading { margin: 22px 0 8px !important; font-size: 1.3rem !important; }
.author-profile__bio { color: var(--k-ink) !important; font-size: 1.0625rem; line-height: 1.75; }
.author-profile__bio > * + * { margin-top: 1em; }
.author-profile__updated { margin-top: 14px; color: var(--k-ink-2); font-size: .8125rem; }
.author-profile__socials .social__items { justify-content: center; }
.contacts__wrapper { display: grid; gap: 16px; }
@media (min-width: 760px) { .contacts__wrapper { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.contact { padding: 22px !important; border: 1px solid var(--k-line) !important; border-radius: var(--k-radius-lg) !important; background: var(--k-surface) !important; }
.contact__title { margin: 0 0 6px !important; font-size: 1.3rem !important; }
.contact__subtitle, .contact__body { color: var(--k-ink-2) !important; }
input[type="text"], input[type="search"], input[type="email"], textarea, select { width: 100%; min-height: 48px; padding: 0 16px; border: 1px solid var(--k-line-strong); border-radius: var(--k-radius); background: var(--k-surface); color: var(--k-ink); font: inherit; }
textarea { padding-block: 12px; min-height: 140px; }
input:focus, textarea:focus, select:focus { border-color: var(--k-accent); outline: 3px solid var(--k-focus); outline-offset: 0; }
button[type="submit"], input[type="submit"] { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 24px; border: 0 !important; border-radius: var(--k-radius-pill) !important; background: var(--k-accent) !important; color: var(--k-accent-ink) !important; font: inherit; font-weight: 700 !important; box-shadow: none !important; cursor: pointer; }
button[type="submit"]:hover, input[type="submit"]:hover { background: var(--k-accent-strong) !important; color: #fff !important; }
.chips__wrapper { display: flex !important; flex-wrap: wrap; gap: 10px; }
.chip { min-height: 48px; padding: 4px 16px 4px 4px !important; }
.chip-img { display: block; width: 40px !important; height: 40px !important; border-radius: 50% !important; object-fit: cover; }
.pagination__wrapper, .pagination { display: flex !important; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; margin: clamp(22px, 3vw, 36px) 0 0 !important; padding: 0 !important; list-style: none !important; }
.pagination a, .pagination span, .pagination__item a, .pagination__item span { display: inline-grid !important; place-items: center; min-width: 44px; height: 44px; padding: 0 14px !important; border: 1px solid var(--k-line) !important; border-radius: var(--k-radius-pill) !important; background: var(--k-surface) !important; color: var(--k-ink) !important; font-weight: 700 !important; box-shadow: none !important; text-decoration: none !important; }
.pagination a:hover { border-color: var(--k-accent) !important; background: var(--k-accent-soft) !important; color: var(--k-accent-strong) !important; }
.pagination .selected a, .pagination .selected span, .pagination__item.selected > * { border-color: var(--k-accent) !important; background: var(--k-accent) !important; color: var(--k-accent-ink) !important; }
.pagination .disabled > * { border-style: dashed !important; color: var(--k-ink-2) !important; pointer-events: none; }
.footer { margin-top: clamp(30px, 5vw, 64px); border-top: 1px solid var(--k-line); background: var(--k-footer-bg) !important; color: var(--k-footer-ink) !important; content-visibility: auto; contain-intrinsic-size: auto 520px; }
.footer__main { padding-block: clamp(28px, 4vw, 52px) !important; background: none !important; }
.footer__main-wrapper { display: grid !important; grid-template-columns: minmax(0, 1fr); gap: clamp(24px, 4vw, 56px); }
@media (min-width: 900px) { .footer__main-wrapper { grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); } }
.footer__brand { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; }
.footer__logo img { display: block; width: auto !important; max-width: 220px !important; height: auto !important; max-height: 56px !important; }
.footer__tagline { max-width: 40ch; color: var(--k-footer-ink) !important; opacity: .82; font-size: .9375rem; line-height: 1.6; }
.footer .social__items { justify-content: flex-start; }
.footer__columns { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
@media (min-width: 640px) { .footer__columns { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.footer__col-title { margin: 0 0 12px !important; color: var(--k-footer-ink) !important; font-family: var(--k-font-body) !important; font-size: .75rem !important; font-weight: 700 !important; letter-spacing: .1em !important; text-transform: uppercase; }
.footer__col-list { display: flex; flex-direction: column; gap: 2px; margin: 0 !important; padding: 0 !important; list-style: none !important; }
.footer__col-list a { display: inline-flex; align-items: center; min-height: 36px; color: var(--k-footer-ink) !important; font-size: .9375rem; font-weight: 500; text-decoration: none !important; opacity: .85; }
.footer__col-list a:hover { color: var(--k-accent-strong) !important; opacity: 1; }
.footer__bottom { border-top: 1px solid var(--k-line); background: none !important; }
.footer__bottom-wrapper { display: flex !important; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding-block: 16px !important; }
.footer__copyright { color: var(--k-footer-ink) !important; }
.footer__version { margin-left: 8px; color: var(--k-footer-ink); }
.footer__top { display: inline-flex !important; align-items: center; gap: 8px; min-height: 40px; padding: 0 16px; border: 1px solid var(--k-line); border-radius: var(--k-radius-pill); background: var(--k-surface); color: var(--k-ink) !important; font-size: .875rem; font-weight: 700; text-decoration: none !important; }
.footer__top:hover { border-color: var(--k-accent); color: var(--k-accent-strong) !important; }
@media (max-width: 1024px) {
  div[id^="ezoic-pub-ad-placeholder"] { display: block; min-height: 250px; contain: layout; }
  div[id^="ezoic-pub-ad-placeholder"]#ezoic-pub-ad-placeholder-165 { min-height: 280px; }
  div[id^="ezoic-pub-ad-placeholder"]#ezoic-pub-ad-placeholder-181,
  div[id^="ezoic-pub-ad-placeholder"]#ezoic-pub-ad-placeholder-182 { min-height: 500px; }
}
@media (min-width: 1025px) {
  div[id^="ezoic-pub-ad-placeholder"]:not(#ezoic-pub-ad-placeholder-184) { display: block; min-height: 250px; contain: layout; }
  div[id^="ezoic-pub-ad-placeholder"]#ezoic-pub-ad-placeholder-165 { min-height: 280px; }
}
div[id^="ezoic-pub-ad-placeholder"] { margin-block: 18px; text-align: center; }
.d-none { display: none !important; }
@media (min-width: 1200px) { .d-xl-block { display: block !important; } .d-xl-none { display: none !important; } }
@media (max-width: 575px) { .pi-sm-none { display: none !important; } }
@media print {
  .header, .footer, .offcanvas, .actions, .pin, .template-main-sidebar__sidebar, div[id^="ezoic-pub-ad-placeholder"], .recipe-card__actions { display: none !important; }
  body { background: #fff; color: #000; font-size: 12pt; }
  .recipe__wrapper { border: 0 !important; box-shadow: none !important; }
}
.template-main-sidebar > *, .template-main-sidebar .template-main-sidebar__main, .template-main-sidebar .template-main-sidebar__sidebar { grid-column: auto !important; }
.template-main-sidebar .template-main-sidebar__main { display: block !important; }
.article__wrapper { padding: 0 !important; word-break: normal; overflow-wrap: anywhere; }
.article__wrapper > h2 { display: block !important; }
.article__wrapper > h2::before, .article__wrapper > h3::before { content: none !important; }
.article a, .article a:hover { background-image: none !important; }
.pin-wrapper .pin { left: auto !important; right: 12px !important; top: 12px !important; height: auto !important; }
.author { --sk-diameter-img: 116px; --mo-diameter-img: 116px; }
.author::after, .author::before { content: none !important; }
.author .author__img { width: 116px !important; height: 116px !important; margin: 0 auto 12px !important; outline: 0 !important; border-radius: 50% !important; box-shadow: 0 0 0 5px var(--k-surface), var(--k-shadow); }
.author .author__img img { width: 116px !important; height: 116px !important; }
.author-profile__avatar, .author-profile__avatar img, .author-card__avatar, .jc-about__photo img { border-radius: 50% !important; outline: 0 !important; }
.author-profile__avatar img { display: block; width: 100% !important; height: 100% !important; aspect-ratio: 1 / 1; object-fit: cover; }
.social__item svg { color: inherit !important; fill: none !important; stroke: currentColor !important; }
.author, .author-card, .entry, .preview, .category, .category__body, .contact, .faq, .recipe__wrapper, .note, .actions a, .chip, .pagination a, .pagination span, .related_entries__item, .jc-links__card, .header__menu-item button, .separator__link { outline: 0 !important; }
.actions .action, .article .article__wrapper > aside, .contact, .faq, .footer .footer__body, .keypoints .keypoints__wrapper .keypoints__card, .landing .landing__wrapper .landing__media img, .recipe, .related_entries .related_entries__item, .search, .separator .separator__title::after, .separator .separator__title::before { outline: 0 !important; }
.related_entries .related_entries__title { padding: 0 0 8px !important; border: 0 !important; border-bottom: 2px solid var(--k-accent-soft) !important; border-radius: 0 !important; background: none !important; color: var(--k-ink) !important; text-align: left !important; }
.recipe .recipe__static-list li::after { border-left: 2px solid var(--k-line) !important; }
.article figure { margin: 0 0 22px !important; }
.article figcaption { margin-top: 8px; color: var(--k-ink-2) !important; font-size: .8125rem !important; text-align: center; }
.separator .separator__link { margin-left: auto !important; }
.preview__img:not(:has(img)) { background: var(--k-surface-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%2390a4b8' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='32' cy='34' r='15'/%3E%3Ccircle cx='32' cy='34' r='8.5'/%3E%3Cpath d='M9 18v11a4 4 0 0 0 8 0V18M13 18v32M55 50V18c-4 3-6 8-6 14h6'/%3E%3C/svg%3E") center / 72px no-repeat !important; }
.footer__main, .footer__bottom { display: block !important; }
.footer__main-wrapper, .footer__bottom-wrapper { width: 100% !important; margin-inline: auto !important; }
.footer__logo { display: inline-flex !important; align-items: center; gap: 12px; text-decoration: none !important; }
.footer .brand-name { color: var(--k-footer-ink) !important; font-family: var(--k-font-display); font-size: 1.2rem; font-weight: var(--k-display-weight); letter-spacing: var(--k-display-tracking); line-height: 1.1; }
.footer .brand-mark { width: 44px !important; height: 44px !important; max-height: none !important; }
.footer .social__title { color: var(--k-footer-ink) !important; }
.landing p.txt-s { margin: 0 !important; color: var(--k-ink-2) !important; font-size: .8125rem !important; line-height: 1.6; }
div.category__img { background: var(--k-surface-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%2390a4b8' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='14' y='14' width='15' height='15' rx='4'/%3E%3Crect x='35' y='14' width='15' height='15' rx='4'/%3E%3Crect x='14' y='35' width='15' height='15' rx='4'/%3E%3Cpath d='M42.5 34v17M34 42.5h17'/%3E%3C/svg%3E") center / 40% no-repeat !important; }
@media (min-width: 820px) { .author-profile:not(:has(.author-profile__bio > :not(.author-profile__updated))) { grid-template-columns: minmax(0, 1fr); justify-items: center; max-width: 560px; margin-inline: auto; } }
.author-profile:not(:has(.author-profile__bio > :not(.author-profile__updated))) .author-profile__updated { margin-top: 0; text-align: center; }
.preview__link, .preview__title, .preview__cat, .preview__content { text-align: left !important; }
.editorial-surface { --editorial-ink: var(--k-ink); --editorial-body: var(--k-ink); --editorial-muted: var(--k-ink-2); --editorial-accent: var(--k-accent-strong); --editorial-accent-hover: var(--k-accent-strong); --editorial-pill: var(--k-accent-soft); --editorial-pill-hover: var(--k-accent-line); --editorial-green: var(--k-accent); --editorial-green-ink: var(--k-accent-strong); --editorial-note: var(--k-surface-2); --editorial-placeholder: var(--k-surface-2); --editorial-border: var(--k-line); --editorial-border-light: var(--k-line); --editorial-shadow: var(--k-shadow); font-family: var(--k-font-body) !important; }
.editorial-surface .editorial-head .wiki-tags a, .editorial-surface .editorial-head .meta__content, .editorial-surface .editorial-head .meta__content *, .editorial-surface .article .article__wrapper > p, .editorial-surface .article .wiki-intro, .editorial-surface .article .wiki-intro p, .editorial-surface .wiki-step__text, .editorial-surface .wiki-step__text p, .editorial-surface .wiki-step__text li, .editorial-surface .wiki-card, .editorial-surface .wiki-card p, .editorial-surface .wiki-faqs__question, .editorial-surface .wiki-faqs__answer, .editorial-surface .wiki-refs, .editorial-surface .wiki-refs li, .editorial-surface .wiki-related__title { font-family: var(--k-font-body) !important; }
.editorial-surface .editorial-head .landing__title, .editorial-surface .article .article__wrapper > h2:not(.wiki-card__title), .editorial-surface .article .article__wrapper > h3, .editorial-surface .wiki-step__title, .editorial-surface .wiki-card .wiki-card__title, .editorial-surface .wiki-side-card__title { font-family: var(--k-font-display) !important; font-weight: var(--k-display-weight) !important; letter-spacing: var(--k-display-tracking) !important; color: var(--k-ink) !important; }
.editorial-surface .wiki-step__num { font-family: var(--k-font-display) !important; color: var(--k-accent-strong) !important; }
.editorial-surface .editorial-head .wiki-tags a { color: var(--k-accent-strong) !important; }
.editorial-surface .wiki-side-card, .editorial-surface .wiki-card { border-radius: var(--k-radius-lg) !important; background: var(--k-surface) !important; }
.recipe .recipe__title, .recipe .recipe-card__title { text-align: left !important; text-shadow: none !important; }
.recipe .recipe__separator { color: var(--k-ink) !important; text-shadow: none !important; }
.recipe .recipe__separator::after { height: 2px !important; border-radius: 2px !important; background: linear-gradient(90deg, var(--k-accent-line), transparent) !important; }
.recipe__interact-list > div > br, .recipe__interact-list > li > br { display: none !important; }
.recipe__interact-list-content:has(> .recipe__instruction-title) { padding-left: 0 !important; }
.recipe__interact-list-content:has(> .recipe__instruction-title)::before { content: none !important; }
.recipe__instruction-title { font-size: 1.0625rem; }
.template-main-sidebar .template-main-sidebar__main .article .article__wrapper :is(ol, ul) {
  padding-inline-start: 2em !important;
  list-style-position: outside !important;
}
.template-main-sidebar .template-main-sidebar__main .article .article__wrapper ol { list-style-type: decimal !important; }
.template-main-sidebar .template-main-sidebar__main .article .article__wrapper ul { list-style-type: disc !important; }
.template-main-sidebar .template-main-sidebar__main .article .article__wrapper :is(ol, ul) > li {
  display: list-item !important;
  position: static !important;
  padding-inline-start: 0 !important;
  text-indent: 0 !important;
  list-style-position: outside !important;
}
.template-main-sidebar .template-main-sidebar__main .article .article__wrapper :is(ol, ul) > li::before { content: none !important; }
.template-main-sidebar .template-main-sidebar__main .article .article__wrapper :is(ol, ul) > li::marker {
  color: #17364b !important;
  font-weight: 700 !important;
}
@media (max-width: 575px) {
  .container.pi-sm-none:has(.article) { display: block !important; }
}
@media (max-width: 700px) {
  .ez-video-content-wrap.ez-playlist-vertical { flex-wrap: wrap !important; max-width: 100% !important; }
  .ez-video-content-wrap.ez-playlist-vertical > .ez-video-container {
    flex: 1 1 100% !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; order: 0;
  }
  .ez-video-content-wrap.ez-playlist-vertical > .ez-video-wrap.ez-video-magic {
    flex: 1 1 100% !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; order: 1;
  }
  .ez-video-content-wrap .ez-video-magic-row,
  .ez-video-content-wrap .ez-video-magic-list,
  .ez-video-content-wrap .ez-video-magic-item,
  .ez-video-content-wrap .ez-video-magic-item > .ez-video-container {
    max-width: 100% !important; min-width: 0 !important;
  }
}
.article .article__wrapper,
.template-main-sidebar .template-main-sidebar__main .article .article__wrapper {
  padding: clamp(16px, 2.4vw, 28px) !important;
}
.recipe { overflow: visible !important; border-radius: 0 !important; background: transparent !important; }
.recipe .recipe__static-list { padding-inline-start: 2em !important; list-style-position: outside !important; }
.recipe ol.recipe__static-list { list-style-type: decimal !important; }
.recipe ul.recipe__static-list { list-style-type: disc !important; }
.recipe .recipe__static-list > li {
  display: list-item !important; position: static !important; padding-inline-start: 0 !important;
  text-indent: 0 !important; color: var(--k-ink, #17364b) !important;
}
.recipe .recipe__static-list > li::before,
.recipe .recipe__static-list > li::after { content: none !important; }
.recipe .recipe__static-list > li::marker { color: #17364b !important; font-weight: 700 !important; }
.recipe .recipe__interact-list-content::before { color: #17364b !important; }
.recipe .recipe__ingredient { padding: 0 !important; }
.recipe .recipe__ingredient::before { content: none !important; }
.recipe__ingredient-check { display: flex; align-items: flex-start; gap: 14px; min-height: 44px; padding: 12px 0; cursor: pointer; }
.recipe__ingredient-check > input[type="checkbox"] {
  appearance: auto !important; position: static !important; display: block !important;
  flex: 0 0 20px; width: 20px !important; height: 20px !important; margin: 4px 0 0 !important;
  opacity: 1 !important; pointer-events: auto !important; accent-color: #17364b; cursor: pointer;
}
.recipe__ingredient-check > input:focus-visible { outline: 2px solid #17364b; outline-offset: 3px; }
.recipe__ingredient-check > input:checked + .recipe__ingredient-text { text-decoration: line-through !important; text-decoration-thickness: 2px; opacity: 1; }
body .main > .previews--home { margin-block: 0 !important; padding-block: clamp(20px, 3vw, 32px) !important; }
body .main > .previews .previews__wrapper { align-items: stretch !important; row-gap: 12px !important; }
body .main > .previews .preview { display: grid !important; grid-template-rows: subgrid; grid-row: span 5; gap: 8px !important; min-width: 0; }
body .main > .previews .preview__img { grid-row: 1; width: 100% !important; }
body .main > .previews .preview__link { display: grid !important; grid-template-rows: subgrid; grid-row: 2 / span 2; width: 100% !important; align-self: stretch; align-items: flex-start !important; justify-content: flex-start !important; margin: 0 !important; padding: 8px 2px 0 !important; }
body .main > .previews .preview__title { width: 100% !important; margin: 0 !important; text-align: left !important; }
body .main > .previews .preview__rating { grid-row: 4; align-self: start; display: flex !important; flex-wrap: wrap; justify-content: flex-start !important; gap: 6px !important; padding: 0 2px !important; margin: 0 !important; }
body .main > .previews .preview__content { grid-row: 5; margin: 0 2px !important; }
body .preview .preview__rating-star, body .preview .preview__rating-count { display: none !important; }
body .preview .preview__stars, body .entry .entry__stars { display: inline-block !important; position: relative; white-space: nowrap; color: #8a9299 !important; line-height: 1; }
body .preview .preview__stars-off, body .entry .entry__stars-off { color: #8a9299 !important; }
body .preview .preview__stars-on, body .entry .entry__stars-on { position: absolute; inset: 0 auto auto 0; display: inline-block; width: var(--pct, 0%); overflow: hidden; white-space: nowrap; color: #d98a10 !important; }
body .preview .preview__rating-count2 { display: inline !important; }
body .landing .landing__title { max-width: none !important; width: 100% !important; font-size: clamp(1.65rem, 2.6vw, 2.35rem) !important; text-wrap: normal; }
body .template-main-sidebar .template-main-sidebar__main { max-width: none !important; }
body .template-main-sidebar:not(:has(> .template-main-sidebar__sidebar)) { grid-template-columns: minmax(0, 1fr) !important; }
body .landing .landing__content { max-width: none !important; width: 100% !important; }
body .landing .recipe-hero-meta { display: flex !important; flex-wrap: wrap; align-items: center; gap: 4px 8px !important; }
body .landing .recipe-hero-meta__item { font-weight: 600; }
body .landing .recipe-hero-meta__item::after { content: none !important; }
body .landing .recipe-hero-meta__item + .recipe-hero-meta__item::before { content: "·"; display: inline-block; margin-inline-end: 8px; color: #78828a; }
body .editorial-surface .wiki-faqs__item { padding: 0 !important; margin: 20px 0 0 !important; }
body .editorial-surface .wiki-faqs__item:first-child { margin-top: 0 !important; }
body .editorial-surface .wiki-faqs__answer { margin: 6px 0 0 !important; }
body .editorial-surface .wiki-card:has(> .wiki-faqs) > .wiki-card__title { margin-bottom: 20px !important; }
body .main > :is(.jc-hero, .categories--strip, .jc-feature, .jc-about, .jc-links) { margin-block: 0 !important; padding-block: clamp(20px, 3vw, 32px) !important; }
body .main > #ezoic-pub-ad-placeholder-132:empty { min-height: 0 !important; height: auto !important; margin-block: 0 !important; padding-block: 0 !important; }
body .main > .previews .preview__cat { grid-row: 1; align-self: start; }
body .main > .previews .preview__title { grid-row: 2; align-self: start; }
body .entries__wrapper { align-items: stretch !important; row-gap: 12px !important; }
body .entries__wrapper > .entry { display: grid !important; grid-template-rows: subgrid; grid-row: span 6; gap: 8px !important; }
body .entries__wrapper > .entry > .entry__img { grid-row: 1; width: 100%; }
body .entries__wrapper > .entry > .entry__body { display: grid !important; grid-template-rows: subgrid; grid-row: 2 / span 4; gap: 8px !important; }
body .entries__wrapper .entry__cat { grid-row: 1; align-self: start; }
body .entries__wrapper .entry__body > a { grid-row: 2; align-self: start; }
body .entries__wrapper .entry__rating { grid-row: 3; align-self: start; display: flex; flex-wrap: wrap; gap: 6px; }
body .entries__wrapper .entry__desc { grid-row: 4; align-self: start; margin: 0 !important; }
body .entries__wrapper > .entry > .entry__footer { grid-row: 6; }
body .main .mixed-section { padding-block: clamp(20px, 3vw, 32px) !important; margin-block: 0 !important; }
:root { --listing-card-surface: var(--k-card, #fff); --listing-card-border: var(--k-line, #dce3e7); --listing-card-radius: 16px; --listing-card-inset: 16px; --listing-card-gap: 4px; --listing-card-bottom: 16px; }
body .main .previews__wrapper > .preview,
body .entries__wrapper > .entry {
  background: var(--listing-card-surface) !important; border: 1px solid var(--listing-card-border) !important;
  border-radius: var(--listing-card-radius) !important; box-shadow: none !important;
  padding: 0 0 var(--listing-card-bottom) !important; gap: var(--listing-card-gap) !important;
  min-width: 0; overflow: hidden; align-content: start !important;
}
body .main .previews__wrapper > .preview > .preview__img,
body .entries__wrapper > .entry > .entry__img {
  margin: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  width: 100% !important; aspect-ratio: 4 / 3 !important; height: auto !important;
}
body .main .preview__img > img, body .entry__img > img { width: 100% !important; height: 100% !important; object-fit: cover; }
body .main > .previews .preview__link {
  padding: 12px var(--listing-card-inset) 0 !important; gap: var(--listing-card-gap) !important; box-sizing: border-box;
}
body .main > .previews .preview__rating { padding: 0 var(--listing-card-inset) !important; font-size: .875rem !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; box-sizing: border-box !important; }
body .main > .previews .preview__content { margin: 0 var(--listing-card-inset) !important; }
body .main > .previews .preview__title, body .entries__wrapper .entry__title {
  font-size: clamp(1.05rem, 1.35vw, 1.2rem) !important; line-height: 1.25 !important;
}
body .entries__wrapper > .entry > .entry__body {
  padding: 12px var(--listing-card-inset) 0 !important; margin: 0 !important; gap: var(--listing-card-gap) !important;
}
body .entries__wrapper > .entry > .entry__footer { padding: 4px var(--listing-card-inset) 0 !important; margin: 0 !important; }
body .main .preview:focus-within, body .entries__wrapper > .entry:focus-within { outline: 2px solid var(--k-ink, #17364b); outline-offset: 2px; }
.template-main-sidebar .template-main-sidebar__main > section#recipe.recipe { overflow: visible !important; }
body .main .previews__wrapper > .preview, body .main > .previews .preview__link, body .entries__wrapper > .entry, body .entries__wrapper > .entry > .entry__body { grid-template-columns: minmax(0, 1fr) !important; }
.template-main-sidebar > .template-main-sidebar__sidebar > .author { order: -2; }
.template-main-sidebar > .template-main-sidebar__sidebar > .related_entries { order: -1; }
.template-main-sidebar .template-main-sidebar__main .article .article__wrapper ol { counter-reset: revert-layer !important; }
.template-main-sidebar .template-main-sidebar__main .article .article__wrapper :is(ol, ul) > li { counter-increment: revert-layer !important; }
.article .article__wrapper .note > h2 { font-size: 1.25rem !important; font-weight: 800 !important; line-height: 1.35 !important; }
h1, h2, h3, h4, h5, .landing__title, .separator__title, .jc-hero__title, .jc-feature__title, .jc-about__title, .author-profile__name, .recipe__title, .recipe__separator { text-wrap: wrap; }
.editorial-surface .editorial-head .landing__title { text-wrap: wrap; }
:root {
  --nk-blue: #006aa7;
  --nk-blue-deep: #004f7c;
  --nk-navy: #083b61;
  --nk-navy-2: #0d4a77;
  --nk-yellow: #fecc02;
  --nk-butter: #fff6cc;
  --nk-ice: #eaf3f9;
  --nk-on-navy: #e5eef6;
  --nk-on-navy-2: #a8c2d8;
  --nk-cross: linear-gradient(var(--nk-yellow), var(--nk-yellow)) 0 50% / 100% 24% no-repeat,
    linear-gradient(var(--nk-yellow), var(--nk-yellow)) 36% 0 / 16% 100% no-repeat,
    var(--nk-blue);
  --nk-rule: linear-gradient(90deg, var(--nk-yellow) 0 72%, transparent 72% 80%, var(--nk-blue) 80% 100%);
  --nk-ease: cubic-bezier(.2, .8, .25, 1);
  --listing-card-surface: #ffffff;
  --listing-card-border: var(--k-line);
  --listing-card-radius: 18px;
  --listing-card-inset: 18px;
  --listing-card-gap: 6px;
  --listing-card-bottom: 18px;
}
body { background: var(--k-bg); font-size: 17px; line-height: 1.66; }
h1, h2, h3, h4 { font-family: var(--k-font-display); font-weight: 700; letter-spacing: -.02em; }
h1, h2, h3, h4, .landing__title, .hub-hero__title, .hub-head__title, .hub-card__title, .hub-topic__label, .entry__title, .preview__title, .category__title, .wiki-step__title, .recipe__title {
  overflow-wrap: break-word; -webkit-hyphens: auto; hyphens: auto; hyphenate-limit-chars: 10 4 4;
}
a { text-decoration-thickness: 2px; text-underline-offset: 3px; text-decoration-color: rgba(0, 106, 167, .4); }
a:hover { text-decoration-color: currentColor; }
::selection { background: var(--nk-yellow); color: var(--nk-navy); }
:focus-visible { outline: 3px solid var(--k-focus); outline-offset: 2px; }
.footer :focus-visible, .header :focus-visible { outline-color: var(--nk-yellow); }
html body header.header { position: sticky; border: 0 !important; background: var(--nk-navy) !important; box-shadow: inset 0 -4px 0 var(--nk-yellow), 0 12px 30px -22px rgba(4, 30, 50, .7) !important; }
.header__wrapper { min-height: 74px; gap: 20px; }
@media (max-width: 1199px) { .header__wrapper { min-height: 64px; } }
.header__brand { gap: 12px; color: #fff !important; }
.header__brand .logo.brand-mark, .header__brand .logo { width: auto !important; height: 48px !important; max-height: 48px !important; border-radius: 50%; box-shadow: 0 0 0 2px rgba(255, 255, 255, .9); }
@media (max-width: 1199px) { .header__brand .logo.brand-mark, .header__brand .logo { height: 40px !important; max-height: 40px !important; } }
.header__brand .brand-name { color: #fff; font-family: var(--k-font-display); font-size: clamp(1.3rem, 1.05rem + .9vw, 1.7rem); font-weight: 700; letter-spacing: -.025em; }
.header__menu { gap: 4px; }
html body .header .header__wrapper .header__menu .header__menu-item > a:not([href*="search"]) { min-height: 40px; padding: 0 14px; border-radius: 999px; color: var(--nk-on-navy) !important; font-size: .94rem; font-weight: 700; background: transparent !important; transition: color .18s ease, background-color .18s ease; }
html body .header .header__wrapper .header__menu .header__menu-item > a:not([href*="search"]):hover { color: #fff !important; background: rgba(255, 255, 255, .1) !important; }
html body .header .header__wrapper .header__menu .header__menu-item > a.selected:not([href*="search"]) { color: var(--nk-navy) !important; background: var(--nk-yellow) !important; }
.header__menu-item button, .header__menu-item a[href*="search"] { border-color: rgba(229, 238, 246, .3) !important; border-radius: 999px !important; background: transparent !important; color: #fff !important; transition: background-color .18s ease, color .18s ease, border-color .18s ease; }
.header__menu-item button:hover, .header__menu-item a[href*="search"]:hover { border-color: var(--nk-yellow) !important; background: var(--nk-yellow) !important; color: var(--nk-navy) !important; }
.header__search-item { margin-left: 10px; }
.header__search { position: relative; display: flex; align-items: center; width: clamp(200px, 20vw, 290px); margin: 0; }
.header__search-input { width: 100%; min-height: 42px !important; padding: 0 48px 0 18px !important; border: 1px solid rgba(229, 238, 246, .25) !important; border-radius: 999px !important; background: var(--nk-navy-2) !important; color: #fff !important; font-size: .94rem !important; box-shadow: none !important; }
.header__search-input::placeholder { color: var(--nk-on-navy-2); opacity: 1; }
.hub-search__input::placeholder, .site-search__input::placeholder { color: var(--k-ink-2); opacity: 1; }
.header__search-input:focus { border-color: var(--nk-yellow) !important; background: #10527f !important; outline: 0 !important; box-shadow: 0 0 0 3px rgba(254, 204, 2, .35) !important; }
html body .header .header__search .header__search-button { position: absolute !important; right: 5px; top: 5px; display: grid !important; place-items: center; width: 32px !important; height: 32px !important; min-height: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 50% !important; background: var(--nk-yellow) !important; color: var(--nk-navy) !important; cursor: pointer; }
html body .header .header__search .header__search-button:hover { background: #fff !important; }
.header__search-button .icon { width: 17px; height: 17px; }
html body .header .header__burger, html body .header .header__toggle, html body .header button.header__menu-toggle { color: #fff !important; }
.offcanvas { border-top: 0; background: #fff !important; }
.offcanvas::before { content: ""; display: block; height: 6px; background: var(--nk-yellow); }
.offcanvas__menu-item > a { border-radius: 12px; font-weight: 700; }
.offcanvas__menu-item > a:hover { background: var(--nk-ice); color: var(--nk-blue-deep); }
.offcanvas__menu-item .icon { color: var(--nk-blue); }
.offcanvas__exit { border-radius: 999px !important; }
.separator .separator__title, .separator__title { padding: 0 0 15px !important; background: var(--nk-rule) left bottom / 76px 6px no-repeat !important; font-family: var(--k-font-display) !important; font-weight: 700 !important; letter-spacing: -.02em; }
.separator .separator__title--center { background-position: center bottom !important; }
.separator .separator__link, .separator__link { border-radius: 999px !important; font-weight: 700; }
.hub-hero { --nk-frame-side: max(16px, calc((100vw - var(--k-max)) / 2 + 16px)); position: relative; overflow: hidden; padding: clamp(48px, 6.4vw, 104px) 0 clamp(52px, 6.8vw, 110px); background: var(--k-hero-bg); color: var(--k-ink); text-align: left; }
.hub-hero::before { content: ""; position: absolute; top: clamp(28px, 3.6vw, 52px); bottom: clamp(36px, 4.4vw, 64px); right: var(--nk-frame-side); width: min(46vw, 600px); border-radius: 26px; background: var(--nk-blue) var(--g-hero-photo, none) center / cover no-repeat; box-shadow: 16px 16px 0 var(--nk-yellow), 0 30px 60px -30px rgba(8, 59, 97, .55); }
.hub-hero::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 6px; background: var(--nk-yellow); }
@media (max-width: 860px) {
  .hub-hero { padding-top: calc(54vw + 40px); text-align: center; }
  .hub-hero::before { top: 18px; bottom: auto; left: 16px; right: 26px; width: auto; height: 54vw; border-radius: 20px; box-shadow: 10px 10px 0 var(--nk-yellow); }
}
.hub-hero__inner { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }
.hub-hero__inner > * { max-width: min(520px, calc(100vw - min(46vw, 600px) - 2 * var(--nk-frame-side) - 44px)); }
.hub-hero__inner::before { content: ""; display: block; width: 46px; height: 30px; border-radius: 4px; background: var(--nk-cross); box-shadow: 0 6px 16px -8px rgba(8, 59, 97, .6); }
@media (max-width: 860px) { .hub-hero__inner { align-items: center; } .hub-hero__inner > * { max-width: 100%; } }
.hub-hero__title { margin: 0; color: var(--nk-navy) !important; font-family: var(--k-font-display); font-size: clamp(2.2rem, 1.25rem + 3.4vw, 3.9rem); font-weight: 800; line-height: 1.02; letter-spacing: -.035em; }
.hub-hero__lede { max-width: 50ch; color: var(--k-ink-2); font-size: clamp(1.04rem, .97rem + .3vw, 1.2rem); line-height: 1.6; }
.hub-search { position: relative; display: flex; align-items: center; width: min(560px, 100%); margin-top: 6px; padding: 6px; border: 1px solid var(--k-line); border-radius: 999px; background: #fff; box-shadow: 0 20px 44px -24px rgba(8, 59, 97, .5); }
.hub-search__label { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.hub-search__icon { flex: none; width: 22px; height: 22px; margin: 0 4px 0 14px; color: var(--nk-blue); fill: none; stroke: currentColor; }
.hub-search__input { flex: 1; min-width: 0; min-height: 50px !important; padding: 0 10px !important; border: 0 !important; background: transparent !important; color: var(--k-ink) !important; font-size: 1.06rem !important; box-shadow: none !important; }
.hub-search__input:focus { outline: 0 !important; }
.hub-search:focus-within { border-color: var(--nk-blue); box-shadow: 0 0 0 3px rgba(0, 106, 167, .25), 0 20px 44px -24px rgba(8, 59, 97, .5); }
.hub-search__button { flex: none; min-height: 50px; padding: 0 28px; border: 0; border-radius: 999px; background: var(--nk-blue); color: #fff; font: inherit; font-size: 1rem; font-weight: 800; cursor: pointer; transition: background-color .15s ease, transform .15s ease; }
.hub-search__button:hover { background: var(--nk-navy); transform: translateY(-1px); }
@media (max-width: 560px) { .hub-search__icon { display: none; } .hub-search__input { padding-left: 16px !important; font-size: 1rem !important; } .hub-search__button { padding: 0 18px; } }
.hub-hero__popular { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 2px 0 0; color: var(--k-ink-2); font-size: .9rem; font-weight: 700; }
@media (max-width: 860px) { .hub-hero__popular { justify-content: center; } }
.hub-hero__popular a { padding: 6px 14px; border: 1px solid var(--k-line-strong); border-radius: 999px; background: #fff; color: var(--nk-blue-deep); font-weight: 700; text-decoration: none; transition: background-color .15s ease, color .15s ease, border-color .15s ease; }
.hub-hero__popular a:hover { border-color: var(--nk-yellow); background: var(--nk-yellow); color: var(--nk-navy); }
@media (max-width: 560px) { .hub-hero__popular a:nth-of-type(n+4) { display: none; } }
.hub-stats { display: flex; flex-wrap: wrap; gap: 6px 28px; margin: 8px 0 0; padding: 0; list-style: none; color: var(--k-ink-2); font-size: .92rem; }
@media (max-width: 860px) { .hub-stats { justify-content: center; } }
.hub-stats strong { color: var(--nk-blue); font-family: var(--k-font-display); font-size: 1.4rem; font-weight: 800; }
.hub-section { padding: clamp(36px, 4.8vw, 64px) 0; }
.main > .hub-section:nth-of-type(odd) { background: #fff; }
.main > .hub-section:nth-of-type(even) { background: var(--nk-ice); }
.hub-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: clamp(18px, 2vw, 26px); }
.hub-head__title { position: relative; display: flex; align-items: center; gap: 12px; margin: 0; padding-bottom: 14px; color: var(--nk-navy); font-family: var(--k-font-display); font-size: clamp(1.55rem, 1.18rem + 1.15vw, 2.15rem); font-weight: 800; letter-spacing: -.03em; }
.hub-head__title::after { content: ""; position: absolute; left: 0; bottom: 0; width: 76px; height: 6px; border-radius: 6px; background: var(--nk-rule); }
.hub-head__icon { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 14px; background: var(--nk-blue); color: #fff; }
@media (max-width: 560px) { .hub-head { flex-wrap: wrap; align-items: flex-start; } .hub-head__title { font-size: 1.45rem; } .hub-head__link { padding: 7px 12px; font-size: .84rem; } }
.hub-head__icon .hub-icon { width: 22px; height: 22px; }
.hub-head__link { flex: none; padding: 9px 18px; border: 2px solid var(--nk-blue); border-radius: 999px; background: transparent; color: var(--nk-blue-deep); font-size: .9rem; font-weight: 800; text-decoration: none; white-space: nowrap; transition: background-color .15s ease, color .15s ease; }
.hub-head__link:hover { background: var(--nk-blue); color: #fff; }
.hub-icon { display: block; width: 26px; height: 26px; }
.hub-topics__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
@media (min-width: 720px) { .hub-topics__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1040px) { .hub-topics__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.hub-topic { display: flex; align-items: center; gap: 12px; height: 100%; padding: 12px 14px; border: 1px solid var(--k-line); border-radius: 16px; background: #fff; color: var(--k-ink); text-decoration: none; box-shadow: var(--k-shadow); transition: background-color .18s ease, color .18s ease, border-color .18s ease, transform .18s var(--nk-ease); }
.hub-topic:hover { transform: translateY(-2px); border-color: var(--nk-navy); background: var(--nk-navy); color: #fff; }
.hub-topic__icon { display: grid; flex: none; place-items: center; width: 46px; height: 46px; border-radius: 50%; background: var(--nk-butter); color: var(--nk-navy); transition: background-color .18s ease, color .18s ease; }
.hub-topic:hover .hub-topic__icon { background: var(--nk-yellow); color: var(--nk-navy); }
.hub-topic__text { display: flex; flex-direction: column; min-width: 0; }
.hub-topic__label { overflow: hidden; font-family: var(--k-font-display); font-size: 1rem; font-weight: 700; line-height: 1.25; text-overflow: ellipsis; }
.hub-topic__count { color: var(--k-ink-2); font-size: .8rem; }
.hub-topic:hover .hub-topic__count { color: var(--nk-on-navy-2); }
@media (max-width: 519px) { .hub-topic { flex-direction: column; align-items: flex-start; gap: 8px; padding: 14px; } .hub-topic__icon { width: 40px; height: 40px; } .hub-topic__icon .hub-icon { width: 22px; height: 22px; } }
.hub-grid { display: grid; gap: clamp(14px, 1.8vw, 24px); }
.hub-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 1000px) { .hub-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.hub-card { position: relative; display: flex; flex-direction: column; min-width: 0; overflow: hidden; border: 1px solid var(--k-line); border-radius: 18px; background: #fff; box-shadow: var(--k-shadow); transition: transform .22s var(--nk-ease), box-shadow .22s ease, border-color .22s ease; }
.hub-card::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 5px; background: var(--nk-yellow); transform: scaleX(0); transform-origin: left; transition: transform .28s var(--nk-ease); }
.hub-card:hover { transform: translateY(-4px); border-color: var(--nk-blue); box-shadow: var(--k-shadow-hover); }
.hub-card:hover::after { transform: scaleX(1); }
.hub-card__media { position: relative; overflow: hidden; background: var(--k-surface-2); aspect-ratio: 4 / 3; }
.hub-card__media img, .hub-card__placeholder { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .55s var(--nk-ease); }
.hub-card:hover .hub-card__media img { transform: scale(1.045); }
.hub-card__body { display: flex; flex: 1; flex-direction: column; gap: 7px; padding: 14px 18px 20px; }
.hub-card__kind { display: flex; flex-wrap: wrap; align-items: center; gap: 0 6px; color: var(--nk-blue-deep); font-size: .72rem; font-weight: 800; letter-spacing: .1em; line-height: 1.3; text-transform: uppercase; }
.hub-card__sep { color: var(--k-line-strong); }
.hub-card--recipe .hub-card__kind { color: var(--nk-blue-deep); }
.hub-card--article .hub-card__kind { color: var(--nk-navy); }
.hub-card__title { margin: 0; font-family: var(--k-font-display); font-size: clamp(1.08rem, .98rem + .34vw, 1.24rem); font-weight: 700; line-height: 1.22; letter-spacing: -.015em; }
.hub-card__title a { color: var(--k-ink); text-decoration: none; }
.hub-card__title a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.hub-card:hover .hub-card__title a { color: var(--nk-blue); }
.hub-card__desc { display: -webkit-box; overflow: hidden; color: var(--k-ink-2); font-size: .93rem; line-height: 1.55; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.hub-card__placeholder { background: var(--nk-ice); }
.hub-card--topic .hub-card__kind { gap: 0 6px; }
.hub-card--topic .hub-card__kind .hub-icon { width: 16px; height: 16px; flex: 0 0 16px; }
.hub-ranked { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px 30px; margin: 0; padding: 0; list-style: none; counter-reset: hub-rank; }
@media (min-width: 820px) { .hub-ranked { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.hub-ranked__item { counter-increment: hub-rank; }
.hub-ranked__link { display: grid; grid-template-columns: 2.9rem 76px minmax(0, 1fr); align-items: center; gap: 14px; padding: 10px 14px 10px 6px; border-bottom: 1px solid var(--k-line); border-radius: 14px; color: var(--k-ink); text-decoration: none; transition: background-color .18s ease; }
.hub-ranked__link::before { content: counter(hub-rank, decimal-leading-zero); padding: 0 2px; background: linear-gradient(transparent 58%, var(--nk-yellow) 58% 92%, transparent 92%); color: var(--nk-blue); font-family: var(--k-font-display); font-size: 1.9rem; font-weight: 800; line-height: 1; letter-spacing: -.04em; text-align: center; }
.hub-ranked__link:hover { background: var(--nk-ice); }
.hub-ranked__thumb { display: block; width: 76px; height: 76px; overflow: hidden; border-radius: 14px; background: var(--k-surface-2); }
.hub-ranked__thumb img, .hub-ranked__thumb .hub-card__placeholder { display: block; width: 100%; height: 100%; object-fit: cover; }
.hub-ranked__text { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.hub-ranked__title { font-family: var(--k-font-display); font-weight: 700; line-height: 1.25; }
.hub-ranked__link:hover .hub-ranked__title { color: var(--nk-blue); }
.hub-feature { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(14px, 1.8vw, 24px); }
@media (min-width: 1000px) { .hub-feature { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); } }
.hub-card--lead .hub-card__media { aspect-ratio: 16 / 10; }
.hub-card--lead .hub-card__title { font-size: clamp(1.4rem, 1.08rem + 1vw, 1.95rem); letter-spacing: -.025em; }
.hub-card--lead .hub-card__body { padding: 18px 22px 24px; }
.hub-feature__list { display: grid; gap: clamp(12px, 1.4vw, 18px); }
.hub-card--row { flex-direction: row; }
.hub-card--row .hub-card__media { flex: 0 0 38%; aspect-ratio: auto; }
.hub-card--row .hub-card__body { justify-content: center; padding: 12px 18px; }
@media (max-width: 480px) { .hub-card--row .hub-card__media { flex-basis: 34%; } .hub-card--row .hub-card__title { font-size: 1rem; } }
.hub-grid--stories { grid-template-columns: minmax(0, 1fr); }
@media (min-width: 760px) { .hub-grid--stories { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .hub-grid--stories { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.hub-card--wide { flex-direction: row; }
.hub-card--wide .hub-card__media { flex: 0 0 40%; aspect-ratio: auto; min-height: 150px; }
.hub-card--wide .hub-card__desc { -webkit-line-clamp: 2; }
.hub-trust { padding: clamp(38px, 5vw, 66px) 0; border-top: 0; background: var(--nk-ice); }
.hub-trust__inner { position: relative; display: flex; flex-direction: column; align-items: center; gap: 12px; max-width: 800px; margin: 0 auto; padding: clamp(52px, 5vw, 64px) clamp(56px, 6vw, 80px) clamp(36px, 4vw, 50px); overflow: hidden; border-radius: 24px; background: linear-gradient(var(--nk-yellow), var(--nk-yellow)) 0 24px / 100% 6px no-repeat, linear-gradient(var(--nk-yellow), var(--nk-yellow)) 30px 0 / 6px 100% no-repeat, var(--nk-navy); color: var(--nk-on-navy); box-shadow: var(--k-shadow-hover); text-align: center; }
.hub-trust__title { margin: 0; color: var(--nk-yellow); font-family: var(--k-font-display); font-size: clamp(1.55rem, 1.18rem + 1.15vw, 2.2rem); font-weight: 800; letter-spacing: -.03em; }
.hub-trust__body { max-width: 62ch; color: var(--nk-on-navy); font-size: 1.04rem; line-height: 1.66; }
.hub-trust__link { display: inline-flex; align-items: center; min-height: 48px; margin-top: 6px; padding: 0 28px; border-radius: 999px; background: var(--nk-yellow); color: var(--nk-navy) !important; font-weight: 800; text-decoration: none; transition: background-color .15s ease, transform .15s ease; }
.hub-trust__link:hover { background: #fff; transform: translateY(-1px); }
.site-search { display: flex; align-items: center; gap: 8px; width: min(680px, 100%); margin-top: 6px; padding: 6px; border: 2px solid var(--nk-blue); border-radius: 999px; background: #fff; box-shadow: var(--k-shadow); }
.site-search:focus-within { box-shadow: 0 0 0 3px rgba(254, 204, 2, .6); }
.site-search__label { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.site-search__input { flex: 1; min-width: 0; min-height: 46px !important; padding: 0 14px !important; border: 0 !important; background: transparent !important; font-size: 1.05rem !important; box-shadow: none !important; }
.site-search__input:focus { outline: 0 !important; }
.site-search__button { flex: none; min-height: 46px; padding: 0 26px; border: 0; border-radius: 999px; background: var(--nk-blue); color: #fff; font: inherit; font-weight: 800; cursor: pointer; }
.site-search__button:hover { background: var(--nk-navy); }
.search-results__count { margin: -6px 0 18px; color: var(--k-ink-2); text-align: center; }
.chip { min-height: 40px; padding: 6px 16px !important; border: 1px solid var(--k-line-strong) !important; border-radius: 999px !important; background: #fff !important; box-shadow: none !important; color: var(--k-ink) !important; font-weight: 700 !important; transition: background-color .15s ease, color .15s ease, border-color .15s ease; }
.chip:hover { border-color: var(--nk-yellow) !important; background: var(--nk-yellow) !important; color: var(--nk-navy) !important; }
.chip:has(.chip-img) { padding: 4px 16px 4px 4px !important; color: var(--k-ink) !important; border-color: var(--k-line) !important; }
.chip:has(.chip-img):hover { border-color: var(--nk-blue) !important; background: var(--nk-ice) !important; color: var(--nk-navy) !important; }
.chips__wrapper { gap: 10px !important; }
.landing { position: relative; background: var(--nk-ice) !important; border-bottom: 0; padding-block: clamp(30px, 4vw, 54px) clamp(28px, 3.6vw, 46px) !important; }
.landing::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 5px; background: var(--nk-yellow); }
body .landing .landing__title { color: var(--nk-navy); font-family: var(--k-font-display) !important; font-weight: 800 !important; letter-spacing: -.03em; }
.landing__tldr { color: var(--k-ink-2) !important; }
.breadcrumb .breadcrumb__item a { color: var(--nk-blue-deep) !important; font-weight: 700; }
.recipe-tags__link, .jc-hero__tag { border: 1px solid var(--k-line-strong) !important; border-radius: 999px !important; background: #fff !important; color: var(--k-ink) !important; font-weight: 700 !important; }
.recipe-tags__link:hover, .jc-hero__tag:hover { border-color: var(--nk-yellow) !important; background: var(--nk-yellow) !important; color: var(--nk-navy) !important; }
.entry__cat, .preview__cat { color: var(--nk-blue-deep) !important; letter-spacing: .1em !important; }
body .entries__wrapper > .entry, body .main .previews__wrapper > .preview { border-radius: 18px !important; box-shadow: var(--k-shadow) !important; transition: transform .22s var(--nk-ease), box-shadow .22s ease, border-color .22s ease; }
body .entries__wrapper > .entry:hover, body .main .previews__wrapper > .preview:hover { transform: translateY(-4px); border-color: var(--nk-blue) !important; box-shadow: 0 5px 0 var(--nk-yellow), var(--k-shadow-hover) !important; }
.entry__title, .preview__title { font-family: var(--k-font-display) !important; font-weight: 700 !important; letter-spacing: -.015em; }
.category .category__body { overflow: visible !important; gap: 12px !important; }
.category .category__body .category__img { aspect-ratio: 1 / 1; border-radius: 22px !important; box-shadow: var(--k-shadow) !important; transition: transform .2s var(--nk-ease), box-shadow .2s ease !important; }
.category .category__body:hover .category__img, .category .category__body .category__img:hover { transform: translate(-3px, -3px) !important; box-shadow: 8px 8px 0 var(--nk-yellow), var(--k-shadow-hover) !important; }
.category .category__title { font-family: var(--k-font-display) !important; font-weight: 700 !important; text-align: center; }
.category div.category__img { background: var(--nk-ice); }
body .preview .preview__stars-on, body .entry .entry__stars-on { color: var(--k-warm) !important; }
body .preview .preview__stars, body .entry .entry__stars, body .preview .preview__stars-off, body .entry .entry__stars-off { color: #dbe3ea !important; }
.btn, .button, .pagination__link, .pagination a, .pagination span { border-radius: 999px !important; }
.pagination .active, .pagination__link--active, .pagination [aria-current="page"] { background: var(--nk-blue) !important; border-color: var(--nk-blue) !important; color: #fff !important; }
.editorial-surface { --editorial-border: var(--k-line); --editorial-border-light: var(--k-line); --editorial-shadow: var(--k-shadow); --editorial-note: var(--nk-butter); --editorial-placeholder: var(--k-surface-2); }
body .editorial-surface .wiki-step { border-radius: 18px !important; border-top: 4px solid var(--nk-blue) !important; }
body .editorial-surface .wiki-step__body { padding: 22px 26px 26px !important; }
body .editorial-surface .wiki-step__head { flex-wrap: nowrap !important; align-items: flex-start !important; gap: 14px !important; margin-bottom: 10px !important; }
body .editorial-surface .wiki-step__num { display: grid !important; place-items: center; flex: 0 0 46px !important; width: 46px; height: 46px; border-radius: 50%; background: var(--nk-yellow); color: var(--nk-navy) !important; font-family: var(--k-font-display) !important; font-size: 1.36rem !important; font-weight: 800 !important; line-height: 1 !important; }
body .editorial-surface .wiki-step__title { padding-top: 9px !important; color: var(--nk-navy); font-family: var(--k-font-display) !important; font-size: clamp(1.14rem, 1.02rem + .45vw, 1.38rem) !important; font-weight: 700 !important; line-height: 1.22 !important; letter-spacing: -.02em; }
body .editorial-surface .wiki-step__text, body .editorial-surface .wiki-step__text p, body .editorial-surface .wiki-step__text li { font-size: 1.03rem !important; line-height: 1.7 !important; }
body .editorial-surface .wiki-step__text li::marker { color: var(--nk-blue) !important; }
body .editorial-surface .wiki-note { border-left: 5px solid var(--nk-yellow) !important; border-radius: 12px !important; background: var(--nk-butter) !important; }
body .editorial-surface .wiki-note__label { color: var(--nk-navy) !important; letter-spacing: .08em; text-transform: uppercase; }
@media (max-width: 600px) {
  body .editorial-surface .wiki-step__body { padding: 16px 16px 18px !important; }
  body .editorial-surface .wiki-step__num { flex-basis: 40px !important; width: 40px; height: 40px; font-size: 1.18rem !important; }
  body .editorial-surface .wiki-step__title { padding-top: 7px !important; font-size: 1.1rem !important; }
}
body .editorial-surface .wiki-card, body .editorial-surface .wiki-side-card { border-radius: 18px !important; box-shadow: var(--k-shadow) !important; }
body .editorial-surface .wiki-card__title { font-family: var(--k-font-display) !important; font-weight: 700 !important; }
body .editorial-surface .editorial-head .wiki-tags a { border-radius: 999px !important; background: var(--nk-butter) !important; color: var(--nk-navy) !important; font-weight: 700; }
body .editorial-surface .article .article__wrapper > h2:not(.wiki-card__title) { color: var(--nk-navy); font-family: var(--k-font-display) !important; font-weight: 700 !important; letter-spacing: -.02em; }
body .editorial-surface .wiki-related__link:hover .wiki-related__title { color: var(--nk-blue) !important; }
.recipe__wrapper { overflow: hidden; border: 1px solid var(--k-line-strong) !important; border-top: 6px solid var(--nk-blue) !important; border-radius: 18px !important; background: #fff !important; box-shadow: var(--k-shadow) !important; }
.recipe__title, .recipe-card__title { color: var(--nk-navy); font-family: var(--k-font-display) !important; font-weight: 800 !important; letter-spacing: -.03em; }
.recipe-card__fact { border: 0; border-radius: 12px; background: var(--nk-butter); box-shadow: inset 0 -3px 0 var(--nk-yellow); }
.recipe-card__fact dt { color: var(--nk-navy); letter-spacing: .08em; text-transform: uppercase; }
.recipe-card__action { border: 2px solid var(--nk-blue); border-radius: 999px; color: var(--nk-blue-deep) !important; font-weight: 800; }
.recipe-card__action:hover { border-color: var(--nk-blue); background: var(--nk-blue); color: #fff !important; }
.recipe .recipe-card__stars { background: linear-gradient(90deg, var(--k-warm) var(--rating-percent, 0%), #dbe3ea var(--rating-percent, 0%)); -webkit-background-clip: text; background-clip: text; color: transparent !important; -webkit-text-fill-color: transparent; }
.recipe .recipe__separator::after { background: var(--nk-rule) left center / 76px 5px no-repeat !important; }
.recipe .recipe__interact-list-content::before { background: var(--nk-yellow); color: var(--nk-navy) !important; border-radius: 50%; font-family: var(--k-font-display); font-weight: 800; }
.recipe__ingredient-check > input[type="checkbox"] { accent-color: var(--nk-blue); }
.recipe__ingredient-check > input:focus-visible { outline-color: var(--nk-blue); }
.recipe .recipe__static-list > li::marker, .template-main-sidebar .template-main-sidebar__main .article .article__wrapper :is(ol, ul) > li::marker { color: var(--nk-blue) !important; }
.note { border-left: 5px solid var(--nk-yellow) !important; border-radius: 12px; background: var(--nk-butter); }
.recipe-faqs__question, .faq__question { font-family: var(--k-font-display); font-weight: 700; }
.footer { position: relative; border-top: 0; background: var(--k-footer-bg) !important; }
.footer::before { content: ""; display: block; height: 6px; background: var(--nk-yellow); }
.footer__logo img { max-height: 48px !important; }
.footer__logo .brand-mark { box-sizing: border-box; width: 52px !important; height: 52px !important; max-height: 52px !important; border-radius: 50%; box-shadow: 0 0 0 2px #fff; object-fit: contain; }
.footer__logo .brand-name { color: #fff; font-family: var(--k-font-display); font-weight: 700; letter-spacing: -.025em; }
.footer__col-title { color: var(--nk-yellow) !important; font-family: var(--k-font-body); font-size: .8rem !important; font-weight: 800; letter-spacing: .14em !important; text-transform: uppercase !important; }
.footer__col-list a { color: var(--k-footer-ink) !important; }
.footer__col-list a:hover { color: #fff !important; text-decoration: underline !important; text-decoration-color: var(--nk-yellow) !important; }
.footer__bottom { border-top-color: rgba(229, 238, 246, .15); color: var(--nk-on-navy-2); }
.footer__top { border-color: rgba(254, 204, 2, .55); border-radius: 999px; background: transparent; color: var(--nk-yellow) !important; }
.footer__top:hover { border-color: var(--nk-yellow); background: var(--nk-yellow); color: var(--nk-navy) !important; }
@media (prefers-reduced-motion: reduce) {
  .hub-card, .hub-card::after, .hub-card__media img, .hub-topic, .hub-search__button, .hub-trust__link, body .entries__wrapper > .entry, body .main .previews__wrapper > .preview { transition: none !important; }
  .hub-card:hover, .hub-card:hover .hub-card__media img, .hub-topic:hover { transform: none !important; }
}