/* CI 2.3 · recipes and knowledge · scoped to the recipe family */
body.ci22 .rw{--rw-ink:#312340;--rw-green:#45336e;--rw-muted:#62586c;--rw-line:#d3c6e2;--rw-paper:#f0e8f7;width:calc(100% - 64px);padding-top:28px;font-family:Manrope,Arial,sans-serif}
body.ci22 .rw h1,body.ci22 .rw h2,body.ci22 .rw h3{color:#45336e}
body.ci22 .rw-hero{background:transparent;border:0;border-radius:0;overflow:visible;gap:48px;align-items:center;padding:28px 0 54px;border-bottom:1px solid var(--rw-line)}
body.ci22 .rw-hero-copy{padding:24px 0}
body.ci22 .rw h1{font-size:clamp(36px,4.4vw,62px);line-height:1.16;letter-spacing:-.045em;margin-bottom:28px}
body.ci22 .rw-ci-marker{background:linear-gradient(transparent 70%,#d8ef69 70%,#d8ef69 96%,transparent 96%);box-decoration-break:clone;-webkit-box-decoration-break:clone}
body.ci22 .rw-hero-copy>p:not(.rw-eyebrow){max-width:46ch;font-size:18px}
body.ci22 .rw-hero figure{height:390px;min-height:0;border-radius:30px 30px 72px 30px;overflow:hidden;border:1px solid #45336e;box-shadow:7px 7px 0 #dfd2f2;transform:rotate(1deg)}
body.ci22 .rw-stats{gap:12px 24px;padding-block:14px;border-block:1px solid var(--rw-line);color:#62586c}
body.ci22 .rw-stats b{color:#45336e}
body.ci22 .rw .rw-button,body.ci22 .rw-filter button{border-radius:99px;background:#45336e;color:#fffaf1;font-weight:750;min-height:46px;padding:12px 22px}
body.ci22 .rw-sidebar nav a{min-height:44px;line-height:1.5}
body.ci22 .rw-side-note{border-radius:16px;background:#dfd2f2}
body.ci22 .rw-filter{border:1px solid var(--rw-line);border-radius:20px;background:#f0e8f7;padding:24px}
body.ci22 .rw-filter input,body.ci22 .rw-filter select{border-color:#bcacd1;border-radius:10px;min-height:46px;color:#45336e}
body.ci22 .rw-card{border-color:var(--rw-line);border-radius:18px;background:white;box-shadow:none;transition:box-shadow .18s,border-color .18s}
body.ci22 .rw-card:hover{border-color:#45336e;box-shadow:4px 5px 0 #dfd2f2}
body.ci22 .rw-card .rw-card-copy{padding:22px}
body.ci22 .rw-read{border-top:1px solid var(--rw-line);padding-top:16px;min-height:44px;font-size:13px}
body.ci22 .rw .rw-eyebrow{color:#45336e;font-weight:800}
body.ci22 .rw :is(a,button,input,select):focus-visible{outline:3px solid #45336e;outline-offset:4px}
body.ci22 .rw-knowledge a{border-radius:12px;background:#fffaf1;min-height:56px;align-items:center}
body.ci22 .rw-knowledge a:hover{background:#f0e8f7}
body.ci22 .rw-editorial,body.ci22 .rw-ingredients{background:#f0e8f7;border:1px solid var(--rw-line);border-radius:20px;padding:28px}
body.ci22 .rw-article-head{max-width:850px;padding:28px 0}
body.ci22 .rw-article-image{border-radius:24px;overflow:hidden;border:1px solid var(--rw-line)}
body.ci22 .rw-prose{line-height:1.75;min-width:0}
body.ci22 .rw-prose h2{line-height:1.3}
body.ci22 .rw-steps li::before{background:#45336e;color:#fffaf1}
body.ci22 .rw-empty{padding:28px;background:#f0e8f7;border-radius:16px}
@media(max-width:1100px){body.ci22 .rw-hero{gap:28px}body.ci22 .rw-hero figure{height:340px}body.ci22 .rw-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){body.ci22 .rw{width:calc(100% - 40px)}body.ci22 .rw-hero{grid-template-columns:1fr;padding-top:0;gap:12px}body.ci22 .rw-hero figure{height:310px;margin-right:8px}body.ci22 .rw-layout{grid-template-columns:1fr;gap:28px}body.ci22 .rw-sidebar{position:static}body.ci22 .rw-sidebar nav{display:flex;flex-wrap:wrap;gap:8px;border:0}body.ci22 .rw-sidebar nav a{padding:10px 14px;border:1px solid var(--rw-line);border-radius:99px}body.ci22 .rw-side-note{display:none}}
@media(max-width:520px){body.ci22 .rw{width:calc(100% - 32px)}body.ci22 .rw-cards{grid-template-columns:1fr}body.ci22 .rw-filter{padding:18px}body.ci22 .rw-search>div{flex-wrap:wrap}body.ci22 .rw-search button{width:100%}body.ci22 .rw-selects{grid-template-columns:1fr}body.ci22 .rw-section-head{align-items:flex-start;flex-direction:column;margin-bottom:18px}body.ci22 .rw-hero figure{height:260px}body.ci22 .rw-editorial,body.ci22 .rw-ingredients{padding:20px}}
@media(prefers-reduced-motion:reduce){body.ci22 .rw-card{transition:none}}
body.ci22 .rw .rw-hero{background:transparent!important;padding:28px 0 54px!important;border-radius:0!important}body.ci22 .rw .rw-button,body.ci22 .rw .rw-filter button{border-radius:99px!important;background:#45336e!important;color:#fffaf1!important}body.ci22 .rw-hero figcaption a{color:#fff!important;text-decoration:underline}

/* Editorial detail accents: illustrations, recipe ratios and quiet numbered sections. */
body.ci22 .rw-detail .rw-article-head{display:grid!important;grid-template-columns:minmax(0,1fr) 260px;gap:48px;max-width:none!important;align-items:center;padding:35px 0!important}
body.ci22 .rw-article-heading{min-width:0;max-width:850px}body.ci22 .rw-drawn-note{position:relative;justify-self:center;transform:rotate(2deg);max-width:240px;color:#45336e;text-align:left}body.ci22 .rw-drawn-note img{width:220px;height:175px;object-fit:contain}body.ci22 .rw-drawn-note span{display:block;font-size:17px;line-height:1.45;padding-left:22px}body.ci22 .rw-drawn-note svg{width:105px;height:42px;margin-left:95px;fill:none;stroke:#45336e;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
body.ci22 .rw-ratio{display:grid;grid-template-columns:1fr 1.2fr;gap:32px;align-items:center;margin:38px 0 50px;padding:34px;background:#dfd2f2;border:1px solid #45336e;border-radius:24px 12px 24px 12px;box-shadow:5px 5px 0 #45336e}body.ci22 .rw-ratio h2{font-size:30px!important}body.ci22 .rw-ratio p:last-child{font-size:14px;margin:0}body.ci22 .rw-ratio ol{display:flex;gap:16px;padding:0!important;list-style:none;margin:0}body.ci22 .rw-ratio li{flex:1;text-align:center}body.ci22 .rw-ratio b{display:flex;align-items:center;justify-content:center;aspect-ratio:1;background:#fffaf1;border:1px solid #45336e;border-radius:43% 48% 37% 44%;font-size:clamp(40px,6vw,78px);font-weight:800;color:#45336e;transform:rotate(-3deg)}body.ci22 .rw-ratio li:nth-child(2) b{background:#f6a087;transform:rotate(3deg)}body.ci22 .rw-ratio li:nth-child(3) b{background:#d8ef69}body.ci22 .rw-ratio li span{display:block;margin-top:12px;font-weight:750;font-size:14px}
body.ci22 .rw-section-number{font-size:11px!important;letter-spacing:.12em;font-weight:800;color:#45336e;margin-bottom:12px!important}body.ci22 .rw-detail .rw-prose>.rw-section{border-top:1px solid #d3c6e2;padding-top:26px}body.ci22 .rw-detail .rw-ingredients{border-radius:8px 24px 24px 8px;box-shadow:5px 5px 0 #dfd2f2;background:#fffaf1;border-color:#45336e}body.ci22 .rw-detail .rw-ingredients>p>b{background:#d8ef69;padding:3px 7px;box-decoration-break:clone;-webkit-box-decoration-break:clone}body.ci22 .rw-detail .rw-editorial{border-left:5px solid #45336e;background:#f0e8f7!important}
@media(max-width:800px){body.ci22 .rw-detail .rw-article-head{grid-template-columns:minmax(0,1fr) 170px;gap:16px}body.ci22 .rw-drawn-note{max-width:165px}body.ci22 .rw-drawn-note img{width:160px;height:135px}body.ci22 .rw-drawn-note span{font-size:14px;padding-left:4px}body.ci22 .rw-drawn-note svg{margin-left:40px}body.ci22 .rw-ratio{grid-template-columns:1fr;padding:24px}}
@media(max-width:560px){body.ci22 .rw-detail .rw-article-head{grid-template-columns:1fr;padding-top:10px!important}body.ci22 .rw-drawn-note{display:flex;align-items:center;gap:12px;max-width:100%;justify-self:start;transform:rotate(-1deg)}body.ci22 .rw-drawn-note img{width:105px;height:100px}body.ci22 .rw-drawn-note svg{display:none}body.ci22 .rw-ratio{padding:22px 18px;margin-right:5px}body.ci22 .rw-ratio ol{gap:10px}body.ci22 .rw-ratio h2{font-size:25px!important}body.ci22 .rw-ratio li span{font-size:12px}}

body.ci22.ci22 .rw-hero figure.rw-ci-illustration{height:auto;aspect-ratio:1;max-width:440px;width:100%;justify-self:center;border:0;box-shadow:none;transform:none;background:#dfd2f2;border-radius:48% 52% 45% 55%;padding:24px}
body.ci22.ci22 .rw-ci-illustration img{width:100%;height:100%;object-fit:contain}
@media(max-width:700px){body.ci22.ci22 .rw-hero figure.rw-ci-illustration{max-width:240px;padding:14px}}