/* cozy-wren: generated by scripts/build-themes.mjs from cozy-wren.tokens.css + kitchen-engine.css. Do not edit. */
:root {
  --cw-botanical: url("/assets/drawable/crochetglee/cozy-wren-botanical.a48f0b045452.webp?w=768");
  --cw-emblem: url("/assets/drawable/crochetglee/emblem-v1.webp");
  --cw-footer: url("/assets/drawable/crochetglee/cozy-wren-footer.2ddaac8ee657.webp?w=1366");
  --cw-hero-lg: url("/assets/drawable/crochetglee/hero-v1.webp?w=1366");
  --cw-hero-sm: url("/assets/drawable/crochetglee/hero-v1.webp?w=640&q=60");
  --cw-icon: url("/assets/drawable/crochetglee/cozy-wren-icon.521e81cf5ac6.webp?w=120");
  --cw-maker: url("/assets/drawable/crochetglee/cozy-wren-maker.a9e448b79444.webp?w=480");
  --k-bg: #fff8fb;
  --k-surface: #ffffff;
  --k-surface-2: #fff0f6;
  --k-panel-bg: linear-gradient(135deg, #fff0f6 0%, #fff8fb 55%, #f4efff 100%);
  --k-ink: #422438;
  --k-ink-2: #715363;
  --k-line: #f5dce7;
  --k-line-strong: #e7b8ce;
  --k-accent: #a82b62;
  --k-accent-strong: #87234f;
  --k-accent-ink: #ffffff;
  --k-accent-soft: #fce7f1;
  --k-accent-line: #e8b7d0;
  --k-warm: #efba53;
  --k-focus: rgba(168, 43, 98, .4);
  --k-header-bg: rgba(255, 248, 251, .95);
  --k-hero-bg: linear-gradient(180deg, #fff0f6 0%, #fff8fb 100%);
  --k-footer-bg: linear-gradient(180deg, #5c2848 0%, #422039 100%);
  --k-footer-ink: #f3ece2;
  --k-font-display: "Fraunces", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  --k-font-body: "Nunito", ui-rounded, "SF Pro Rounded", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --k-display-weight: 600;
  --k-card-title-weight: 600;
  --k-display-tracking: -.01em;
  --k-radius-sm: 12px;
  --k-radius: 18px;
  --k-radius-lg: 24px;
  --k-radius-xl: 34px;
  --k-radius-pill: 999px;
  --k-shadow: 0 1px 2px rgba(61, 47, 40, .05), 0 14px 30px -20px rgba(61, 47, 40, .28);
  --k-shadow-hover: 0 2px 4px rgba(61, 47, 40, .06), 0 24px 44px -22px rgba(58, 86, 64, .38);
  --k-max: 1200px;
  --cw-rose: #cc6b9b;
  --cw-rose-soft: #f8e6fa;
  --cw-linen: #fff0f6;
  --cw-stitch: rgba(168, 43, 98, .55);
  --cw-ease: cubic-bezier(.22, .7, .24, 1);
  --cw-tape: rgba(238, 185, 211, .8);
  --cw-heart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 20s-7-4.4-7-9.6A3.9 3.9 0 0 1 12 8.2a3.9 3.9 0 0 1 7 2.2C19 15.6 12 20 12 20z' fill='none' stroke='%23c98583' stroke-width='1.8' stroke-dasharray='2.4 2.2' stroke-linecap='round'/%3E%3C/svg%3E");
}
: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; }
@view-transition { navigation: auto; }
::view-transition-old(root), ::view-transition-new(root) { animation-duration: .45s; animation-timing-function: var(--cw-ease); }
body { background-color: var(--k-bg); background-image: repeating-linear-gradient(0deg, rgba(61, 47, 40, .018) 0 1px, transparent 1px 4px), repeating-linear-gradient(90deg, rgba(61, 47, 40, .014) 0 1px, transparent 1px 4px); }
body .editorial-surface { --editorial-ink: #422438; --editorial-body: #4a3a31; --editorial-muted: #715363; --editorial-accent: #87234f; --editorial-accent-hover: #a82b62; --editorial-pill: #fff0f6; --editorial-pill-hover: #ebe0cf; --editorial-note: #f4efff; --editorial-placeholder: #fff0f6; --editorial-border: rgba(61, 47, 40, .12); --editorial-border-light: rgba(61, 47, 40, .07); font-family: var(--k-font-body) !important; }
body .editorial-surface h1, body .editorial-surface h2, body .editorial-surface h3 { font-family: var(--k-font-display) !important; }
body .editorial-surface .editorial-head .landing__title { text-wrap: wrap; }
@media (max-width: 728px) { body .editorial-surface.container { padding-inline: 16px !important; } }
@media (max-width: 575px) { .container.pi-sm-none { display: block !important; } }
.header { border-bottom: 0 !important; }
.header::after { content: ""; display: block; height: 3px; background: repeating-linear-gradient(90deg, var(--k-accent-line) 0 10px, transparent 10px 16px); opacity: .9; }
.header .header__brand .logo.brand-wordmark { max-height: 66px !important; max-width: min(300px, 64vw) !important; }
@media (max-width: 575px) { .header .header__brand .logo.brand-wordmark { max-height: 50px !important; } }
.brand-name { font-family: var(--k-font-display) !important; font-weight: 650 !important; letter-spacing: -.01em; }
.header__menu-item a span { font-weight: 800; letter-spacing: .01em; }
.header__menu-item a:hover span { color: var(--k-accent-strong) !important; }
.header__menu-item a.selected span { color: #fff !important; }
.studio-ctas a, .studio-search button, .crochet-print, .wiki-sec__all, .studio-about a, .crochet-bio__link { position: relative; display: inline-flex; align-items: center; gap: .4em; padding: 11px 20px; border: 0; border-radius: 999px; font: 800 .95rem/1.2 var(--k-font-body); text-decoration: none !important; cursor: pointer; transition: transform .35s var(--cw-ease), background .3s ease, color .3s ease, box-shadow .35s ease; }
.studio-ctas a::after, .studio-search button::after, .crochet-print::after, .studio-about a::after, .crochet-bio__link::after { content: ""; position: absolute; inset: 4px; border: 1.5px dashed currentColor; border-radius: inherit; opacity: .45; pointer-events: none; }
.studio-ctas a:first-child, .studio-search button, .crochet-print, .studio-about a, .crochet-bio__link { background: var(--k-accent); color: #fff !important; box-shadow: 0 10px 22px -14px rgba(58, 86, 64, .8); }
.studio-ctas a:first-child:hover, .studio-search button:hover, .crochet-print:hover, .studio-about a:hover, .crochet-bio__link:hover { background: var(--k-accent-strong); transform: translateY(-2px); }
.studio-ctas a + a, .wiki-sec__all { background: var(--cw-rose-soft); color: #7a3f3d !important; }
.studio-ctas a + a:hover, .wiki-sec__all:hover { background: #efd3cd; transform: translateY(-2px); }
.wiki-home__intro { position: relative; isolation: isolate; overflow: hidden; display: flex; flex-direction: column; justify-content: center; min-height: clamp(380px, 40vw, 540px); margin: clamp(16px, 3vw, 32px) 0 clamp(8px, 2vw, 20px) !important; padding: clamp(32px, 5.4vw, 72px) clamp(20px, 46vw, 620px) clamp(32px, 5.4vw, 72px) clamp(22px, 4.6vw, 64px) !important; border-radius: var(--k-radius-xl); background: var(--cw-linen); box-shadow: 0 30px 60px -40px rgba(61, 47, 40, .55); }
.wiki-home__intro::before { content: ""; position: absolute; inset: 0; z-index: -2; background: var(--cw-hero-lg, none) 70% 50% / cover no-repeat; transform-origin: 74% 50%; }
.wiki-home__intro::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(255, 248, 251, .97) 0%, rgba(255, 248, 251, .93) 34%, rgba(255, 248, 251, .55) 48%, rgba(255, 248, 251, 0) 62%); pointer-events: none; }
@media (min-width: 900px) { .wiki-home__intro::before { animation: cw-drift 32s ease-in-out infinite alternate; } }
@keyframes cw-drift { from { transform: scale(1); } to { transform: scale(1.05) translateX(-1%); } }
.wiki-home__title { position: relative; max-width: 14ch; margin: 0 0 14px !important; color: var(--k-ink) !important; font-family: var(--k-font-display) !important; font-size: clamp(2.2rem, 1.35rem + 3.3vw, 4rem) !important; font-weight: 600 !important; line-height: 1.05 !important; letter-spacing: -.015em !important; }
.wiki-home__lead { position: relative; max-width: 40ch; margin: 0 !important; color: var(--k-ink-2) !important; font-size: clamp(1.02rem, .96rem + .3vw, 1.18rem) !important; line-height: 1.7 !important; }
.studio-intro__eyebrow { position: relative; margin: 0 0 10px !important; color: var(--k-accent-strong); font: 800 .8rem/1.3 var(--k-font-body); letter-spacing: .14em; text-transform: uppercase; }
.studio-intro__eyebrow::after { content: ""; display: block; width: 64px; height: 2px; margin-top: 8px; background: repeating-linear-gradient(90deg, var(--k-warm) 0 7px, transparent 7px 11px); }
.studio-intro .studio-ctas::after { --cw-tape: rgba(201, 133, 131, .7); top: 34px; left: auto; right: -40px; width: 200px; height: 36px; margin: 0; transform: rotate(42deg); }
.studio-ctas { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
@media (max-width: 899px) {
  .wiki-home__intro { min-height: 0; padding: calc((100vw - 32px) * .5625 + 6px) 20px 28px !important; border-radius: 28px; background: var(--k-bg); }
  .wiki-home__intro::before { inset: 0 0 auto 0; aspect-ratio: 16 / 9; background-image: var(--cw-hero-sm, none); background-position: 70% 50%; }
  .wiki-home__intro::after { background: linear-gradient(180deg, rgba(255, 248, 251, 0) 0, rgba(255, 248, 251, 0) calc((100vw - 32px) * .36), var(--k-bg) calc((100vw - 32px) * .5625 + 2px)); }
  .wiki-home__title, .wiki-home__lead { max-width: none; }
  .studio-intro .studio-ctas::after { top: 22px; right: -34px; width: 140px; height: 26px; }
}
.wiki-sec, .studio-tiles, .studio-latest { margin-top: 0 !important; padding: clamp(22px, 3vw, 40px) 0 !important; }
.wiki-sec__head, .studio-head, .crochet-side__title { position: relative; }
.wiki-sec__head::after, .studio-head::after, .crochet-side__title::after { content: ""; position: absolute; right: 0; bottom: -6.5px; width: 11px; height: 11px; border-radius: 50%; background: radial-gradient(circle at 35% 35%, #fff 0 16%, transparent 18%), var(--k-warm); }
.wiki-sec__head, .studio-head { display: flex !important; flex-wrap: wrap; justify-content: space-between; align-items: center !important; gap: 10px 16px; margin-bottom: clamp(14px, 2vw, 22px) !important; padding-bottom: 12px; border-bottom: 1.5px dashed var(--k-line-strong); }
.wiki-sec__title, .studio-head h2 { display: flex; align-items: center; gap: .45em; margin: 0; font-family: var(--k-font-display) !important; font-weight: 600 !important; }
.wiki-sec__title::before, .studio-head h2::before, .crochet-side__title::before { content: ""; flex: none; width: 1.25em; height: 1.25em; background: var(--cw-icon, none) center / contain no-repeat; mix-blend-mode: multiply; transition: transform .9s var(--cw-ease); }
.wiki-sec:hover .wiki-sec__title::before, .studio-tiles:hover h2::before, .studio-latest:hover h2::before { transform: rotate(-28deg); }
.wiki-sec__title a { color: var(--k-ink) !important; text-decoration: none !important; }
.wiki-sec__title a:hover { color: var(--k-accent-strong) !important; }
.wiki-sec__all { padding: 7px 15px; font-size: .85rem; white-space: nowrap; }
body .entries__wrapper > .entry, .crochet-side__card, .studio-tile { position: relative; overflow: visible !important; border: 0 !important; border-radius: 6px !important; background: #fff !important; box-shadow: 0 1px 2px rgba(61, 47, 40, .08), 0 16px 30px -20px rgba(61, 47, 40, .45) !important; transform: rotate(-.6deg); transition: transform .5s var(--cw-ease), box-shadow .5s ease; }
body .entries__wrapper > .entry:nth-child(even), .crochet-side__grid > li:nth-child(even) .crochet-side__card, .studio-tiles__grid > li:nth-child(even) .studio-tile { transform: rotate(.6deg); }
body .entries__wrapper > .entry:hover, .crochet-side__grid > li .crochet-side__card:hover, .studio-tiles__grid > li .studio-tile:hover { transform: translateY(-5px) rotate(0); box-shadow: var(--k-shadow-hover) !important; }
body .entries__wrapper > .entry::before, .crochet-side__card::before, .studio-tile::before, .crochet-card::after, .studio-ctas::after, .categories__wrapper .category__body::before { content: ""; position: absolute; z-index: 3; top: -10px; left: 50%; width: 88px; height: 22px; margin-left: -44px; background: linear-gradient(90deg, rgba(255, 255, 255, .3), transparent 25% 75%, rgba(255, 255, 255, .3)), var(--cw-tape); clip-path: polygon(0 0, 100% 6%, 97% 25%, 100% 50%, 97% 75%, 100% 100%, 0 94%, 3% 75%, 0 50%, 3% 25%); transform: rotate(-2.5deg); pointer-events: none; }
body .entries__wrapper > .entry:nth-child(3n+2), .crochet-side__grid > li:nth-child(even), .studio-tiles__grid > li:nth-child(3n+2) { --cw-tape: rgba(201, 133, 131, .5); }
body .entries__wrapper > .entry:nth-child(3n), .studio-tiles__grid > li:nth-child(3n) { --cw-tape: rgba(221, 154, 114, .55); }
body .entries__wrapper > .entry { padding: 10px 10px 14px !important; }
body .entries__wrapper > .entry > .entry__img { aspect-ratio: 4 / 5 !important; border-radius: 3px !important; }
body .entries__wrapper > .entry > .entry__body { padding: 12px 6px 0 !important; }
body .entries__wrapper > .entry > .entry__footer { padding: 2px 6px 0 !important; }
.entry .entry__footer .entry__footer-link + .entry__footer-link { display: none !important; }
.entry .entry__footer .entry__footer-link::after { content: " \2192"; }
.entries__wrapper > .entry .entry__img img { transition: transform 1.1s var(--cw-ease); }
.entries__wrapper > .entry:hover .entry__img img { transform: scale(1.045); }
@media (min-width: 1200px) { body .entries__wrapper { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } }
.entry > .crochet-pin { inset: 20px 20px auto auto !important; }
@media (hover: none) { .entry > .crochet-pin { display: none !important; } }
.entry__cat { justify-self: start; padding: 3px 10px; border: 1px dashed var(--k-accent-line); border-radius: 999px; color: var(--k-accent-strong) !important; font-size: .68rem !important; font-weight: 800 !important; letter-spacing: .08em !important; text-transform: uppercase; }
.entry__title { font-family: var(--k-font-display) !important; }
.category__img { border-radius: 3px !important; box-shadow: 0 0 0 8px #fff, 0 16px 30px -14px rgba(61, 47, 40, .5) !important; transform: rotate(-.8deg); transition: transform .5s var(--cw-ease) !important; }
.category:nth-child(even) .category__img { transform: rotate(.8deg); }
.category .category__body:hover .category__img { transform: translateY(-5px) rotate(0); }
.categories__wrapper .category__body { position: relative; padding-top: 8px !important; }
.categories__wrapper .category__body::before { content: "" !important; top: -4px; }
.category__title { font-family: var(--k-font-display) !important; font-weight: 600 !important; }
.studio-tiles__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(180px, 44vw), 1fr)); gap: clamp(12px, 2vw, 22px); margin: 0; padding: 0; list-style: none; }
.studio-tile { display: block; height: 100%; padding: 9px 9px 0; text-decoration: none !important; }
.studio-tile__img { display: block; width: 100%; height: auto; aspect-ratio: 1; border-radius: 3px; object-fit: cover; }
.studio-tile__img--empty { background: var(--cw-icon, none) center / 42% no-repeat, var(--cw-linen); }
.studio-tile__label { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 10px 6px 12px; color: var(--k-ink); font: 600 1rem/1.25 var(--k-font-display); text-align: center; }
.studio-tile__count { color: var(--k-accent-strong); font: 800 .72rem/1.2 var(--k-font-body); letter-spacing: .04em; }
@media (max-width: 575px) { .studio-tile__label { font-size: .92rem; } }
.studio-search, .studio-about { margin: clamp(20px, 3vw, 40px) 0; padding: clamp(28px, 4vw, 52px) clamp(20px, 4vw, 56px); border-radius: var(--k-radius-xl); background: var(--k-panel-bg); text-align: center; outline: 1.5px dashed var(--k-accent-line); outline-offset: -10px; }
.studio-search h2, .studio-about h2 { margin: 6px 0 18px !important; font-family: var(--k-font-display) !important; font-size: clamp(1.6rem, 1.2rem + 1.6vw, 2.4rem) !important; }
.studio-search form { display: flex; gap: 10px; max-width: 620px; margin: 0 auto; padding: 6px; border: 1.5px dashed var(--k-accent-line); border-radius: 999px; background: #fff; }
.studio-search input { flex: 1; min-width: 0; padding: 10px 16px; border: 0; background: transparent; color: var(--k-ink); font: 600 1rem var(--k-font-body); outline: none; }
.studio-about { display: grid; grid-template-columns: minmax(0, 300px) minmax(0, 1fr); align-items: center; gap: clamp(20px, 4vw, 56px); text-align: left; }
.studio-about::before, .studio-about::after { content: ""; grid-area: 1 / 1; aspect-ratio: 1; }
.studio-about::after { background: linear-gradient(var(--cw-tape), var(--cw-tape)) 50% 0 / 96px 24px no-repeat; transform: translateY(-16px) rotate(-3deg); pointer-events: none; }
.studio-about::before { content: ""; aspect-ratio: 1; border-radius: 48% 48% 26px 26px; background: var(--cw-maker, var(--cw-linen)) center / cover no-repeat; box-shadow: 0 0 0 6px #fff, 0 0 0 7.5px var(--k-accent-line), var(--k-shadow); }
.studio-about__text p:not(.studio-band__eyebrow) { color: var(--k-ink-2); line-height: 1.75; }
@media (max-width: 760px) { .studio-about { grid-template-columns: 1fr; text-align: center; } .studio-about::before, .studio-about::after { width: min(240px, 70vw); margin: 0 auto; } }
.studio-band__eyebrow::before, .crochet-bio__title::after { content: ""; display: inline-block; width: 1.3em; height: 1.3em; margin: 0 .35em -.3em; background: var(--cw-heart) center / contain no-repeat; }
.studio-band__eyebrow { margin: 0 !important; color: var(--k-accent-strong) !important; font: 800 .78rem/1.3 var(--k-font-body) !important; letter-spacing: .14em; text-transform: uppercase; }
.studio-about__link { margin-top: 8px; }
.editorial-surface .wiki-step__num { display: inline-grid !important; place-items: center; min-width: 2.2em; height: 2.2em; border-radius: 50%; background: var(--k-accent) !important; color: #fff !important; font-weight: 800 !important; box-shadow: 0 0 0 3px #fff, 0 0 0 4.5px var(--k-accent-line); }
.editorial-surface .wiki-card { border-radius: 26px !important; }
.editorial-surface .wiki-step__media img { border-radius: 22px; }
.editorial-surface .wiki-refs a { color: var(--k-accent-strong) !important; }
.editorial-surface .wiki-note { border-radius: 18px; }
.crochet-share { display: flex; flex-wrap: wrap; gap: 6px; margin: 4px 0 22px; }
.crochet-share__item { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 42px; margin: 0; padding: 8px 13px; border: 1px solid var(--k-line-strong); border-radius: 999px; background: #fff; color: var(--k-ink) !important; font: 800 .84rem/1.2 var(--k-font-body); text-decoration: none !important; cursor: pointer; transition: transform .35s var(--cw-ease), background .3s ease, border-color .3s ease; }
.crochet-share__item:hover { transform: translateY(-2px); border-color: var(--k-accent-line); background: #f7faf5; }
.crochet-share__item svg { flex: none; width: 16px !important; height: 16px !important; margin: 0 !important; }
.crochet-share__item--pin svg { color: #e60023; }
.crochet-share__item--fb svg { color: #1877f2; }
.crochet-share .crochet-jump, .crochet-copy.is-done { border-color: var(--k-accent); background: var(--k-accent); color: #fff !important; }
.crochet-share .crochet-jump:hover { background: var(--k-accent-strong); }
@media (max-width: 599px) {
  .crochet-share .crochet-jump { flex: 1 1 100%; }
  .crochet-share__item:not(.crochet-jump) { flex: 1 1 0; padding: 8px; }
  .crochet-share__item:not(.crochet-jump) .crochet-share__label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
}
.editorial-surface .wiki-step__media { position: relative !important; }
.crochet-pin, body .editorial-surface .article .article__wrapper a.crochet-pin,
body .editorial-surface .article > figure.pin-wrapper > .pin.icon-wrapper,
body .editorial-surface .article .article__wrapper > figure.pin-wrapper > .pin.icon-wrapper { position: absolute !important; inset: 14px 14px auto auto !important; z-index: 2; display: inline-flex !important; align-items: center; gap: 6px; width: auto !important; min-height: 38px !important; margin: 0 !important; padding: 0 15px 0 11px !important; border-radius: 999px !important; background: #e60023 !important; color: #fff !important; font: 800 14px/1 var(--k-font-body) !important; line-height: 1 !important; text-decoration: none !important; box-shadow: 0 10px 22px -10px rgba(0, 0, 0, .55) !important; opacity: 0; transform: translateY(-6px) !important; transition: opacity .35s ease, transform .4s var(--cw-ease), background .3s ease; }
.entry:hover > .crochet-pin, .crochet-pin:focus-visible, body .editorial-surface .article .article__wrapper figure:hover > a.crochet-pin, body .editorial-surface .article .article__wrapper a.crochet-pin:focus-visible,
body .editorial-surface .article figure.pin-wrapper:hover > .pin.icon-wrapper, body .editorial-surface .article figure.pin-wrapper > .pin.icon-wrapper:focus-visible { opacity: 1; transform: none !important; }
.crochet-pin:hover, body .editorial-surface .article figure.pin-wrapper > .pin.icon-wrapper:hover { background: #bd001d !important; }
.crochet-pin .icon, body .editorial-surface .article .pin.icon-wrapper .icon { width: 17px !important; height: 17px !important; margin: 0 !important; }
body .editorial-surface .article .pin.icon-wrapper span { font: inherit !important; color: inherit !important; }
@media (hover: none) {
  .crochet-pin, body .editorial-surface .article .article__wrapper a.crochet-pin, body .editorial-surface .article > figure.pin-wrapper > .pin.icon-wrapper,
  body .editorial-surface .article .article__wrapper > figure.pin-wrapper > .pin.icon-wrapper { inset: 10px 10px auto auto !important; min-height: 30px !important; padding: 0 11px 0 8px !important; font-size: 12.5px !important; opacity: 1; transform: none !important; }
}
body .editorial-surface .article > figure.pin-wrapper > img,
body .editorial-surface .article .article__wrapper > figure.pin-wrapper > img { aspect-ratio: auto 1 / 1 !important; border-radius: 26px; }
.crochet-card { position: relative; margin: 30px 0 36px; padding: clamp(22px, 3.6vw, 36px); border-radius: 28px; background: var(--k-panel-bg); box-shadow: var(--k-shadow); container-type: inline-size; }
.crochet-card::before { content: ""; position: absolute; inset: 8px; border: 1.5px dashed var(--k-accent-line); border-radius: 22px; pointer-events: none; }
.crochet-card__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px 16px; margin: 0 0 18px; }
.crochet-card .crochet-card__title { margin: 0 !important; font-family: var(--k-font-display) !important; }
.crochet-card__skill { display: inline-flex; align-items: center; gap: 10px; margin: 0 !important; color: var(--k-ink-2); font: 800 .7rem/1.2 var(--k-font-body); letter-spacing: .1em; text-transform: uppercase; }
.crochet-card__badge { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px 6px 12px; border-radius: 999px; background: var(--cw-rose-soft); box-shadow: inset 0 0 0 1px #ecc9c3; color: #7a3f3d; font: 800 .9rem/1.2 var(--k-font-body); letter-spacing: 0; text-transform: none; }
.crochet-card__meter { display: inline-flex; align-items: flex-end; gap: 2px; height: 12px; }
.crochet-card__meter i { width: 3px; height: 40%; border-radius: 2px; background: rgba(122, 63, 61, .25); }
.crochet-card__meter i:nth-child(2) { height: 60%; } .crochet-card__meter i:nth-child(3) { height: 80%; } .crochet-card__meter i:nth-child(4) { height: 100%; }
.crochet-card__badge--beginner i:nth-child(-n+1), .crochet-card__badge--easy i:nth-child(-n+2), .crochet-card__badge--intermediate i:nth-child(-n+3), .crochet-card__badge--experienced i { background: currentColor; }
.crochet-facts { display: flex; flex-wrap: wrap; margin: 0; overflow: hidden; border-radius: 20px; background: #fff; box-shadow: 0 0 0 1px var(--k-line), 0 10px 24px -20px rgba(61, 47, 40, .5); }
.crochet-fact { position: relative; flex: 1 1 0; min-width: 0; margin: 0 -1.5px -1.5px 0; padding: 16px 18px 16px 68px; border: dashed var(--k-line-strong); border-width: 0 1.5px 1.5px 0; }
.crochet-fact--size { flex-basis: 100%; }
.crochet-fact__icon { position: absolute; left: 18px; top: 14px; box-sizing: content-box; width: 20px; height: 20px; padding: 9px; border-radius: 50%; background: var(--k-accent-soft); color: var(--k-accent-strong); }
.crochet-facts dt { margin: 0; color: var(--k-ink-2); font: 800 .7rem/1.3 var(--k-font-body); letter-spacing: .1em; text-transform: uppercase !important; }
.crochet-facts dd { margin: 3px 0 0; color: var(--k-ink); font-weight: 700; line-height: 1.45; }
@container (max-width: 540px) { .crochet-fact { flex-basis: 100%; } }
.crochet-card h3 { margin: 26px 0 10px !important; font: 800 .78rem/1.3 var(--k-font-body) !important; letter-spacing: .12em; text-transform: uppercase; color: var(--k-accent-strong) !important; }
.crochet-card__section > p { margin: 0 !important; line-height: 1.7; }
.crochet-card__list { margin: 0; padding: 0 !important; list-style: none !important; }
.crochet-card__list li { position: relative; margin: 0 0 7px !important; padding-left: 26px !important; line-height: 1.6; }
.crochet-card__list:not(.crochet-card__list--check) li::before { content: "" !important; position: absolute; left: 0; top: .42em; width: 14px; height: 14px; border-radius: 50%; background: radial-gradient(circle at 35% 35%, #fff 0 18%, transparent 19%), var(--k-warm); box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .5); }
.crochet-card__list--check { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(230px, 100%), 1fr)); gap: 8px; }
.crochet-card__list--check li { margin: 0 !important; padding: 0 !important; }
.crochet-card__list--check label { display: flex; gap: 10px; align-items: flex-start; height: 100%; padding: 10px 12px; border-radius: 14px; background: rgba(255, 255, 255, .8); box-shadow: 0 0 0 1px var(--k-line); cursor: pointer; }
.crochet-card__check { flex: none; width: 18px; height: 18px; margin: .15em 0 0; accent-color: var(--k-accent); }
.crochet-card__list--check label:has(input:checked) { color: var(--k-ink-2); text-decoration: line-through; text-decoration-color: var(--k-accent-line); }
.crochet-abbr { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 0 24px; margin: 0; padding: 0 18px; overflow: hidden; border-radius: 20px; background: #fff; box-shadow: 0 0 0 1px var(--k-line); }
.crochet-abbr > div { display: flex; align-items: baseline; gap: 10px; margin-bottom: -1px; padding: 11px 0; border-bottom: 1px dashed var(--k-line-strong); }
.crochet-card .crochet-abbr dt { flex: none; min-width: 2.6em; padding: 2px 9px; border-radius: 999px; background: var(--k-accent-soft); color: var(--k-accent-strong); font-size: .84rem; text-align: center; text-transform: none !important; }
.crochet-abbr dd { margin: 0; color: var(--k-ink); font-size: .93rem; line-height: 1.45; }
@container (max-width: 540px) { .crochet-abbr { grid-template-columns: 1fr 1fr; gap: 0 14px; padding: 0 14px; } .crochet-abbr > div { flex-direction: column; align-items: flex-start; gap: 5px; } }
.crochet-notes { margin: 0 !important; padding: 0 !important; list-style: none !important; counter-reset: cw-note; }
.crochet-notes li { position: relative; margin: 0 !important; padding: 11px 0 11px 44px !important; color: var(--k-ink-2); line-height: 1.65; counter-increment: cw-note; }
.crochet-notes li + li { border-top: 1px dashed var(--k-line-strong); }
.crochet-notes li::before { content: counter(cw-note) !important; position: absolute; left: 0; top: 10px; display: grid; place-items: center; width: 28px; height: 28px; border: 1.5px dashed var(--k-accent-line); border-radius: 50%; background: #fff; color: var(--k-accent-strong); font: 800 .8rem/1 var(--k-font-body); }
.crochet-card__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 28px; padding-top: 22px; border-top: 1.5px dashed var(--k-line-strong); }
.crochet-card__actions .crochet-print { min-height: 44px; margin: 0; }
.crochet-print .icon { width: 18px !important; height: 18px !important; margin: 0 !important; }
body .editorial-surface .article__wrapper .crochet-start, .crochet-reset { display: inline-flex; align-items: center; gap: 7px; min-height: 44px; margin: 0; padding: 10px 18px; border: 0; border-radius: 999px; background: var(--cw-rose-soft); color: #7a3f3d !important; font: 800 .95rem/1.2 var(--k-font-body) !important; text-decoration: none !important; cursor: pointer; transition: transform .35s var(--cw-ease), background .3s ease; }
body .editorial-surface .article__wrapper .crochet-start:hover { background: #efd3cd; transform: translateY(-2px); }
.crochet-reset { margin-left: auto; padding-inline: 12px; background: transparent; color: var(--k-ink-2) !important; }
.crochet-reset:hover { background: rgba(255, 255, 255, .7); color: var(--k-ink) !important; }
.crochet-reset[hidden] { display: none; }
.crochet-card__foot { display: grid; gap: 8px; margin-top: 18px; }
.crochet-hint, .crochet-usage { display: flex; gap: 10px; align-items: flex-start; margin: 0 !important; color: var(--k-ink-2); font-size: .86rem; line-height: 1.6; }
.crochet-ico { flex: none; width: 18px; height: 18px; }
.crochet-hint .crochet-ico { color: var(--k-accent); }
.crochet-usage .crochet-ico { color: var(--cw-rose); }
@media (max-width: 599px) { .crochet-card__actions > * { flex: 1 1 auto; justify-content: center; } .crochet-reset { margin-left: 0; } }
body .editorial-surface .crochet-side { position: relative !important; top: auto !important; align-self: stretch !important; gap: 34px !important; }
.crochet-bio { position: relative; margin-top: 74px; padding: 92px 22px 24px; border-radius: 26px; background: var(--k-panel-bg); box-shadow: var(--k-shadow); text-align: center; }
.crochet-bio::before { content: ""; position: absolute; inset: 8px; border: 1.5px dashed var(--k-accent-line); border-radius: 20px; pointer-events: none; }
.crochet-bio__photo { position: absolute; top: -72px; left: 50%; width: 150px; height: 150px; margin-left: -75px; border: 5px solid #fff; border-radius: 50%; background: var(--cw-emblem, none) center / cover, var(--cw-linen); box-shadow: 0 14px 28px -14px rgba(61, 47, 40, .55); object-fit: cover; }
.editorial-surface .crochet-bio__title { margin: 0 0 8px !important; color: var(--k-ink) !important; font: 600 1.5rem/1.2 var(--k-font-display) !important; }
.crochet-bio__text { position: relative; margin: 0 0 18px !important; color: var(--k-ink-2); font-size: .95rem; line-height: 1.65; }
.crochet-bio__link { padding: 10px 20px; }
.editorial-surface .crochet-side__title { display: flex; align-items: center; gap: .45em; margin: 0 0 18px !important; padding-bottom: 10px; border-bottom: 1.5px dashed var(--k-line-strong); color: var(--k-ink) !important; font: 600 1.3rem/1.2 var(--k-font-display) !important; }
.crochet-side__block { margin: 0; padding: 0; }
.crochet-side__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px 16px; margin: 0; padding: 0; list-style: none; }
.crochet-side__grid li { margin: 0; padding: 0; }
.crochet-side__card { display: block; height: 100%; padding: 7px 7px 10px; color: var(--k-ink) !important; text-decoration: none !important; }
.crochet-side__card::before { top: -8px; width: 60px; height: 17px; margin-left: -30px; }
.crochet-side__img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; border-radius: 3px; background: var(--cw-linen); object-fit: cover; }
.crochet-side__name { display: block; margin-top: 8px; font: 600 .92rem/1.3 var(--k-font-display); text-align: center; }
.crochet-side__sticky { position: sticky; top: 16px; }
body .editorial-surface .wiki-step__text li.crochet-round { position: relative !important; display: block !important; list-style: none !important; margin: 0 0 6px !important; padding: 10px 14px 10px 46px !important; border-radius: 14px; background: #fff; box-shadow: 0 0 0 1px var(--k-line); transition: background .35s ease, color .35s ease, box-shadow .35s ease; }
body .editorial-surface .wiki-step__text li.crochet-round::before { content: "" !important; position: absolute; left: 14px; top: 50%; width: 20px; height: 20px; margin-top: -10px; border: 2px dashed var(--k-accent-line); border-radius: 50%; background: #fff; transition: all .35s var(--cw-ease); }
body .editorial-surface .wiki-step__text li.crochet-round:hover { box-shadow: 0 0 0 1.5px var(--k-accent-line); }
.crochet-round__tick { position: absolute; inset: 0; z-index: 1; width: 100%; margin: 0; padding: 0; border: 0; border-radius: inherit; background: transparent; cursor: pointer; }
.crochet-round__tick:focus-visible { outline: 3px solid var(--k-focus) !important; outline-offset: 2px !important; }
body .editorial-surface .wiki-step__text li.crochet-round--done { background: var(--k-accent-soft); color: var(--k-ink-2); }
body .editorial-surface .wiki-step__text li.crochet-round--done::before { border: 0; background: var(--k-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3.2 3L15 6.5' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 16px no-repeat; transform: rotate(-8deg); }
body .editorial-surface .wiki-step__text ul:has(> li.crochet-round) { margin: 12px 0 !important; padding: 0 !important; }
body .editorial-surface .wiki-step__text ul:has(> li.crochet-round) > li:not(.crochet-round) { list-style: none !important; margin: 4px 0 10px !important; padding: 0 0 0 46px !important; color: var(--k-ink-2); font-size: .95em; }
.crochet-count { display: inline-block; margin-left: 6px; padding: 1px 9px; border-radius: 999px; background: var(--cw-linen); color: var(--k-accent-strong); font-weight: 800; font-size: .88em; white-space: nowrap; }
.meta__img--ph, .editorial-surface .editorial-head .meta__img.meta__img--ph { background: var(--cw-emblem, none) center / cover no-repeat, var(--cw-linen) !important; }
.footer { border-top: 0 !important; background: linear-gradient(180deg, #5c2848 0%, #422039 100%), #422039 !important; }
.footer::before { content: ""; display: block; height: 3px; background: repeating-linear-gradient(90deg, var(--k-warm) 0 10px, transparent 10px 16px); opacity: .8; }
@media (min-width: 900px) { .footer { background: linear-gradient(180deg, rgba(44, 35, 30, .9) 0%, rgba(44, 35, 30, .78) 55%, rgba(36, 28, 24, .95) 100%), var(--cw-footer, none) 50% 55% / cover no-repeat, #422039 !important; } }
.footer .social__item, .footer__top { border-color: rgba(243, 236, 226, .24) !important; background: transparent !important; color: var(--k-footer-ink) !important; }
.footer .social__item:hover, .footer__top:hover { border-color: var(--k-warm) !important; background: var(--k-warm) !important; color: #2c1c10 !important; }
.footer__bottom { border-top-color: rgba(243, 236, 226, .14); }
.footer__col-list a:hover { color: #f2c5a6 !important; }
.footer__logo { display: inline-block; position: relative; padding: 10px 18px; border-radius: 18px; background: #fff8fb; }
.footer__logo::after { content: ""; position: absolute; inset: 4px; border: 1.2px dashed var(--k-accent-line); border-radius: 14px; pointer-events: none; }
.footer__logo .brand-wordmark { display: block; max-height: 56px; width: auto; }
body .footer { content-visibility: visible; contain-intrinsic-size: none; }
@media (min-width: 1400px) {
  .main { position: relative; isolation: isolate; background-color: var(--k-bg); background-image: repeating-linear-gradient(0deg, rgba(61, 47, 40, .018) 0 1px, transparent 1px 4px), repeating-linear-gradient(90deg, rgba(61, 47, 40, .014) 0 1px, transparent 1px 4px); }
  .main::before { content: ""; position: absolute; z-index: -1; top: 140px; left: 8px; width: min(320px, calc((100vw - var(--k-max)) / 2 - 24px)); aspect-ratio: 3 / 4; background: var(--cw-botanical, none) center / contain no-repeat; mix-blend-mode: multiply; opacity: .85; transform-origin: 50% 100%; animation: cw-sway 14s ease-in-out infinite; pointer-events: none; }
}
@keyframes cw-sway { 0%, 100% { transform: rotate(1deg); } 50% { transform: rotate(-1.2deg); } }
a:focus-visible, button:focus-visible, input:focus-visible, summary:focus-visible { outline: 3px solid var(--k-focus) !important; outline-offset: 3px !important; border-radius: 8px; }
@media (prefers-reduced-motion: reduce) {
  body .entries__wrapper > .entry, .crochet-side__grid .crochet-side__card, .studio-tiles__grid .studio-tile, .categories__wrapper .category__img { transform: none !important; }
  .wiki-home__intro::before, .main::before { animation: none !important; }
  *, *::before, *::after { transition-duration: .01ms !important; }
  ::view-transition-old(root), ::view-transition-new(root) { animation: none !important; }
}

/* Crochet Glee: sister brand, same layout. */
:root{--cw-tape:rgba(244,194,216,.85);--k-focus:rgba(168,43,98,.4)}
.header__logo img{object-fit:contain}