@font-face{font-family:'Albert Sans';font-weight:400;font-display:swap;src:url(/cf-fonts/s/albert-sans/5.2.8/latin/400/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Albert Sans';font-weight:400;font-display:swap;src:url(/cf-fonts/s/albert-sans/5.2.8/latin-ext/400/normal.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Albert Sans';font-weight:500;font-display:swap;src:url(/cf-fonts/s/albert-sans/5.2.8/latin/500/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Albert Sans';font-weight:500;font-display:swap;src:url(/cf-fonts/s/albert-sans/5.2.8/latin-ext/500/normal.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Albert Sans';font-weight:600;font-display:swap;src:url(/cf-fonts/s/albert-sans/5.2.8/latin/600/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Albert Sans';font-weight:600;font-display:swap;src:url(/cf-fonts/s/albert-sans/5.2.8/latin-ext/600/normal.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Albert Sans';font-weight:700;font-display:swap;src:url(/cf-fonts/s/albert-sans/5.2.8/latin/700/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Albert Sans';font-weight:700;font-display:swap;src:url(/cf-fonts/s/albert-sans/5.2.8/latin-ext/700/normal.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{--accent:#980000;--line:#83c283;--teal:#0d5f5a;--text:#272626;--light:#f4f5f7;--field:#ddd;--footer:#4e4d4d;--gap:30px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;display:flex;flex-direction:column;min-height:100vh;background:#fff;color:var(--text);font:400 15px/1.6 "Albert Sans",Arial,Helvetica,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}
#content{flex:1}
@media(min-width:576px){body{font-size:16px;line-height:1.7}}
img{max-width:100%;height:auto}
a{color:var(--accent);text-decoration:none}
ul,ol{margin:0;padding:0}
h1,h2,h3,h4{line-height:1.2;margin:0 0 .5em}
h1{font-size:36px;line-height:1.1}h2{font-size:28px}h3{font-size:24px}h4{font-size:20px}
@media(min-width:960px){h1{font-size:40px}h2{font-size:32px}h3{font-size:28px}h4{font-size:24px}}
button{font:inherit;color:inherit;cursor:pointer}
.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip:focus{position:fixed;z-index:1000;top:8px;left:8px;background:#fff;padding:8px 12px}

/* header */
.site-header{display:grid;grid-template-columns:auto 1fr;align-items:center;padding:0 15px}
.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:3px;width:47px;height:34px;padding:10px 15px;background:#fff;border:1px solid #8b8b8b;border-radius:1px;color:#8b8b8b}
.menu-toggle span{display:block;width:15px;height:2px;background:currentColor;transition:transform .1s}
.site-header>.menu-toggle{grid-area:1/1;margin:11px 0}
.site-header>form{grid-area:1/2;justify-self:end;width:244px;margin:8px 0}
form[role=search]{position:relative;display:flex}
form[role=search] input{flex:1;min-width:0;height:40px;padding:10px 12px;font:inherit;font-size:15px;color:var(--text);background:#fff;border:2px solid var(--field);border-right:0;border-radius:2px 0 0 2px}
form[role=search] svg{fill:currentColor;opacity:.5}
form[role=search] button{width:45px;height:40px;display:flex;align-items:center;justify-content:center;padding:0;background:#fff;border:2px solid var(--field);border-left:0;border-radius:0 2px 2px 0;color:var(--text)}
.site-header>.logo{grid-area:2/1/3/3;justify-self:center;padding:28px 0 29px}
.logo img{display:block;width:153px;height:auto}
.tagline{grid-area:3/1/4/3;margin:0;padding:0 0 1px;text-align:center;font-size:14px;font-weight:500;border-block:1px solid var(--line);margin-inline:-15px;padding-inline:15px}
.drawer{position:fixed;top:0;left:0;z-index:999900;width:360px;max-width:100%;height:100vh;overflow-y:auto;background:#fff;transform:translateX(-100%);visibility:hidden;transition:transform .3s,visibility .3s}
.menu-open .drawer{transform:none;visibility:visible}
.drawer>.menu-toggle{margin:8px 10px 8px auto}
.menu-open .drawer>.menu-toggle span:first-child{transform:translateY(5px) rotate(45deg)}
.menu-open .drawer>.menu-toggle span:nth-child(2){opacity:0}
.menu-open .drawer>.menu-toggle span:last-child{transform:translateY(-5px) rotate(-45deg)}
.overlay{position:fixed;inset:0;z-index:999899;background:rgba(0,0,0,.5);visibility:hidden;opacity:0;transition:opacity .3s}
.menu-open .overlay{visibility:visible;opacity:1}
.menu ul,.langs ul,.site-footer ul{list-style:none}
.drawer .menu,.drawer .langs{padding:0 15px;font-weight:500;text-align:center}
.drawer .menu{margin-top:32px}
.menu li{position:relative}
.menu li>a{display:block;padding:15px 51px 15px 4px;margin-right:-51px;color:var(--text)}
.menu [aria-current]{color:var(--accent)}
.sub-toggle{position:absolute;top:0;right:0;width:44px;height:51px;padding:0;background:0;border:0;color:var(--text)}
.sub-toggle svg{width:1em;height:1em;transition:transform .2s}
.sub-toggle[aria-expanded=true] svg{transform:rotateX(180deg)}
.menu ul ul{display:none}
.menu .sub-open>ul{display:block}
.langs{margin-top:46px}
.langs a{display:flex;align-items:center;justify-content:center;gap:5px;padding:1px 4px 15px;color:var(--text);font-weight:500}
.langs img{flex:none;width:18px;height:12px;object-fit:cover}
@media(min-width:960px){
.site-header{grid-template-columns:1fr auto auto;grid-template-rows:65px 247px 46px;max-width:none;padding-inline:max(15px,calc((100% - 1140px)/2));background:linear-gradient(var(--line),var(--line)) 0 357px/100% 1px no-repeat,linear-gradient(var(--line),var(--line)) 0 312px/100% 1px no-repeat,linear-gradient(#e4e4e4,#e4e4e4) 0 64px/100% 1px no-repeat,linear-gradient(var(--light),var(--light)) 0 0/100% 64px no-repeat}
.site-header>.menu-toggle,.overlay,.drawer>.menu-toggle{display:none}
.sub-toggle{position:static;display:flex;align-items:center;width:auto;height:28px;margin:8px 0 0 1px;padding-right:4px;pointer-events:none;font-size:.5em}
.drawer{display:contents;visibility:visible}
.tagline{grid-area:1/1;text-align:left;border:0;margin:0;padding:0;font-size:inherit}
.langs{grid-area:1/2;margin:0 20px 0 0}
.langs ul{display:flex}
.langs a{padding:0 10px;font-size:16px;justify-content:flex-start}
.site-header>form{grid-area:1/3;align-self:start;width:262px;margin:12px 0 0}
.site-header>.logo{grid-area:2/1/3/4;padding:0}
.logo img{width:270px}
.menu{grid-area:3/1/4/4;align-self:start;height:47px;text-align:center}
.menu>ul{display:flex;justify-content:center;gap:20px;padding-left:12px}
.menu>ul>li>a{display:block;margin:0;padding:8px 4px 0;font-size:17.6px;font-weight:500;line-height:28px}
.menu>ul>li{position:relative;display:flex;align-items:flex-start;gap:0}
.menu>ul>li>a[aria-current]~.sub-toggle{color:var(--accent)}
.menu>ul>li:hover>a,.menu>ul>li>a:hover{color:var(--accent)}
.menu>ul>li::after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--accent);transition:width .3s}
.menu>ul>li:hover::after{width:100%}
.menu ul ul{display:block;position:absolute;top:100%;left:0;z-index:100;visibility:hidden;opacity:0;min-width:180px;background:#fff;text-align:left;box-shadow:rgba(149,157,165,.2) 0 8px 24px}
.menu li:hover>ul,.menu li:focus-within>ul{visibility:visible;opacity:1}
.menu ul ul a{margin:0;padding:10px 24px;font-size:17.6px;line-height:28px;white-space:nowrap}
.menu ul ul a:hover{color:var(--accent)}
}
@media(min-width:576px) and (max-width:959px){.logo img{width:270px}.site-header>.logo{padding:10px 0}.tagline{padding-block:3px}}

/* layout */
.page-grid,.wide,.page-wide,.page-narrow{width:100%;max-width:1170px;margin-inline:auto;padding-inline:15px}
.page-grid{display:flex;flex-direction:column}
.featured{margin-top:60px}
.posts,.post{min-width:0;margin-top:60px}
.post>*{margin-bottom:60px}
.page-wide>header{margin-top:60px}
.page-narrow{margin-top:60px;margin-bottom:60px}
.posts>p{margin:0 0 30px}
@media(min-width:960px){
.page-grid{flex-direction:row}
.posts,.post{flex:0 0 70%;max-width:70%}
.sidebar{flex:0 0 30%;max-width:30%;padding-left:45px}
.page-narrow{max-width:calc(1170px*.7)}
}
.breadcrumb{font-size:14px;margin-bottom:30px}
.breadcrumb a{color:#555}
.post>header h1,.page-wide>header h1{margin-bottom:10px}
.page-wide>header h1,.page-narrow>h1{margin-bottom:30px}
.meta{margin:0 0 20px;font-size:14.4px;line-height:1.7}
.meta .sep::before{content:"/";margin:0 .5em}
.post__img{margin:0 0 60px}
.post__img img{display:block}
.content>*{margin-top:0}
.content p,.content ul,.content ol{margin-bottom:30px}
.content h2,.content h3{margin-bottom:30px}
.content li{margin-bottom:.4em}
.content>p:not(.actions) a{text-decoration:underline}
.content::after{content:"";display:block;clear:both}
.content figure{margin:0 0 24px}
.content figure.left{float:left;margin:8px 16px 8px 0}
.content figure.center{display:table;margin:0 auto 24px}
.content figcaption{font-size:.9em;text-align:center}
.content p:has(>.fig){display:flex;gap:2em}
.fig{position:relative;flex:1 1 0;min-width:0;display:block}
.fig img{display:block}
.cap{position:absolute;inset:auto 0 0;color:#fff;font-size:13px;padding:1em;text-align:center;text-shadow:0 0 1.5px #000;background:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}
@media(max-width:781px){.content p:has(>.fig){flex-direction:column;gap:1em}}
.actions{text-align:center;font-size:14.4px;line-height:1.7;margin-bottom:10px}
.btn{display:inline-block;margin:0 5px 5px 0;padding:5px 8px;color:#fff;background:#000;border:1px solid #333;border-radius:3px;font-size:inherit;line-height:1.7}
.btn svg{width:16px;height:16px;vertical-align:text-top}
.tags{margin-bottom:60px}
.tags span{margin-right:10px}
.tags a{display:inline-block;margin:0 10px 10px 0;padding:10px;color:#fff;background:var(--accent);border-radius:4px;font-size:12px;font-weight:700;line-height:1;text-transform:uppercase}
.prevnext{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-bottom:30px}
.prevnext a{display:block}
.prevnext small{display:block;color:var(--text);font-size:.8em;text-transform:uppercase}
.prevnext .next{grid-column:2;text-align:right}
.prevnext a:hover{text-decoration:underline}

/* cards */
.grid{display:grid;gap:30px;margin-bottom:40px}
@media(min-width:576px){.grid{grid-template-columns:1fr 1fr}}
.card{display:flex;flex-direction:column;overflow:hidden;background:#fff;border-radius:4px;box-shadow:0 0 3.6px rgba(0,0,0,.19)}
.card__img{display:block}
.card__img img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover}
.card__body{padding:25px}
.card__body>*{margin:0 0 20px}
.card__body>:last-child{margin-bottom:0}
.card h2{font-size:20px;line-height:1.5;margin-bottom:10px}
@media(min-width:960px){.card h2{font-size:24px}}
.card h2 a{color:var(--text)}
.card--featured{display:block;background:var(--light);box-shadow:none;border-radius:0}
.card--featured .card__img img{aspect-ratio:auto;height:320px}
.card--featured .card__body{padding:32px}
.card--featured h2{margin-bottom:10px}
.pagination ul{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0}
.pagination a,.pagination span{display:block;padding:12px 15px;background:var(--light);border-radius:3px;line-height:16px;color:var(--text)}
.pagination [aria-current]{background:var(--accent);color:#fff}

/* sidebar */
.sidebar{padding:60px 0;margin-bottom:20px}
@media(min-width:960px){.sidebar{padding:60px 15px 60px 45px}}
.sidebar section{margin-bottom:20px}
.sidebar h2{margin:0 0 25px;padding:10px 10px 10px 45px;font-size:24px;font-weight:500;line-height:1.7;color:var(--accent);background:var(--title-icon) no-repeat 10px center/24px;border-bottom:3px dotted var(--accent)}
.sidebar section>a:first-of-type>img{display:block;width:100%;border-radius:50%}
.sidebar section>a:last-child>img{width:150px;height:120px;object-fit:cover}
.intro{margin-top:30px;text-align:center}
.intro p{margin:0 0 27px}
.social{display:flex;justify-content:center;list-style:none;padding:7px;font-size:24px;line-height:1.7}
.social a{display:flex;align-items:center;line-height:0;color:var(--accent)}
.sidebar .social{margin:20px 0}
.social svg{width:1em;height:1em;fill:currentColor}
.sidebar section>a:last-child{display:block;margin-top:30px;text-align:center}
.sidebar ul{list-style:none}
.sidebar li{margin-top:10px}
.sidebar li ul{padding-left:10px}
.sidebar section:nth-child(2) ul:first-of-type{margin-top:0}
.sidebar section:nth-child(3) p{margin:0 0 27px}

/* footer */
.site-footer{margin-top:0;color:#fff;font-size:15px;line-height:1.7}
.site-footer a{color:#fff}
.footer-social{background:var(--accent);padding:9px 15px}
.footer-social .social{padding:0 7px}
.footer-social .social li{margin-right:0}
.footer-social .social{gap:2em}
.footer-social .social a{gap:.5em}
.footer-social span{font-size:.65em;margin:0 .5em;line-height:1.7}
.footer-bottom{display:grid;gap:0;background:var(--footer);border-top:1px solid var(--light);padding:13px 15px;text-align:center}
.footer-bottom nav ul{display:flex;justify-content:center;gap:20px;font-weight:600}
.footer-bottom nav a{display:block;padding-top:1px;line-height:25px}
.footer-bottom .langs{margin:0}
.footer-bottom .langs a{justify-content:center;color:#fff;padding:0}
.copyright{margin:0}
@media(min-width:960px){
.site-footer{font-size:16px}
.footer-social{padding:20px 0}
.footer-social .social{padding:7px}
.footer-bottom{grid-template-columns:1fr 1fr 1fr;padding-inline:max(15px,calc((100% - 1140px)/2));text-align:left}
.footer-bottom nav{grid-area:1/2}
.footer-bottom .langs{grid-area:1/3}
.copyright{grid-area:1/1}
.footer-bottom nav ul{justify-content:center}
}

/* search */
#kt-search input{width:100%;height:48px;padding:10px 12px;font:inherit;font-size:18px;color:var(--text);border:2px solid var(--field);border-radius:3px}
#kt-search button{margin:24px 0}
.count{margin:16px 0;opacity:.7}
.results,.kt-suggest{list-style:none;margin:0;padding:0}
.kt-search-item{display:flex;gap:16px;padding:14px 0;border-bottom:1px solid var(--light)}
.kt-search-thumb{flex:none}
.kt-search-thumb img{display:block;width:96px;height:96px;object-fit:cover;border-radius:4px}
.kt-search-text{min-width:0}
.kt-search-title{font-weight:600;font-size:1.15em}
.kt-search-text p{margin:4px 0 0;font-size:.9em;overflow-wrap:anywhere}
mark{background:#f7e3a1;color:inherit;padding:0 1px}
.button{padding:13px 15px;color:#fff;background:var(--accent);border:0;border-radius:3px}
.kt-suggest{position:absolute;top:100%;left:0;right:0;z-index:100;min-width:260px;background:#fff;border:1px solid var(--light);box-shadow:0 6px 16px rgba(0,0,0,.15);text-align:left}
.kt-suggest[hidden]{display:none}
.kt-suggest a{display:flex;align-items:center;gap:10px;padding:8px 10px;color:var(--text);font-size:14px;line-height:1.3}
.kt-suggest img{width:40px;height:40px;object-fit:cover;border-radius:3px;flex:none}
.kt-suggest [aria-selected=true] a,.kt-suggest a:hover{background:var(--light)}
.kt-suggest .kt-suggest-all{justify-content:center;font-weight:600;color:var(--accent)}
.kt-suggest-none{padding:10px;font-size:14px}
@media(max-width:576px){.kt-search-thumb img{width:72px;height:72px}}

/* recipe card */
.recipe{clear:both;max-width:950px;margin:20px auto;padding:10px;color:#333;background:#fff;border:1px solid #e0e0e0;font:1em/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}
.recipe a{color:var(--accent)}
.recipe h2,.recipe h3,.recipe h4{margin:0;color:#212121;line-height:1.3}
.recipe h2{font-size:1.8em;font-weight:700;margin-bottom:10px}
.recipe__img{float:right;margin:0 0 10px 10px}
.recipe__img img{display:block;border-radius:3px}
.recipe__author{display:flex;align-items:center;margin:0 0 10px;font-weight:300}
.recipe__author img{margin-right:10px;border-radius:50%}
.recipe p,.recipe__summary p{margin:0 0 10px}
.recipe__buttons{clear:both;display:flex;gap:16px;margin:25px 0 20px!important;font-size:.9em;text-align:center}
.recipe__buttons .btn{flex:1;margin:5px 0;padding:10px 5px;font-size:inherit;line-height:1.7;background:var(--accent);border-color:var(--accent)}
.recipe__buttons .btn--outline{color:var(--accent);background:#fff}
.recipe__buttons svg{margin-right:5px;vertical-align:text-bottom}
.btn--outline svg{fill:var(--accent)}
.btn--solid svg{fill:#fff}
.rule{display:flex;align-items:center;height:24px;font-size:24px;color:var(--teal);clear:both}
.rule::before,.rule::after{content:"";flex:auto;height:1px;border-bottom:1px solid var(--line)}
.rule::before{margin-right:15px}.rule::after{margin-left:15px}
.rule svg{display:block;width:1em;height:1em}
.recipe__facts{display:flex;flex-wrap:wrap;margin:5px 0}
.recipe__facts>div{flex:1;min-width:120px;padding:5px;text-align:center}
.recipe__facts .label,.recipe__facts .value{display:block}
.recipe__facts .label{opacity:.7;text-transform:uppercase}
.recipe__facts small{font-size:.8em}
.recipe__cols{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:10px}
.recipe__cols>div{flex:1}
@media(max-width:576px){.recipe__cols{display:block}.recipe__buttons{flex-direction:column;gap:0}.recipe__img{float:none;margin:0 0 10px;text-align:center}.recipe__img img{margin:0 auto}.recipe__facts>div{min-width:40%}}
.recipe section>h3{display:flex;align-items:center;margin:1.2em 0 .5em;font-size:1.2em;text-transform:uppercase}
.recipe section>h3::after{content:"";flex:1;height:1px;margin:0 10px 0 15px;border-bottom:1px solid var(--line)}
.recipe section>h3 .media-toggle{order:1;font-size:16px;font-weight:400;text-transform:none}
.recipe h4{margin:.8em 0 0;font-size:1em}
.recipe ul,.recipe ol{margin:0;padding:0}
.recipe li{margin:0 0 0 32px;padding:0}
.recipe__equipment ul{margin-top:22px}
.recipe__instructions li{margin-bottom:5px}
.recipe__instructions li>p:last-of-type{margin-bottom:0}
.recipe li figure{margin:5px 0 15px}
.recipe .note{opacity:.7}
.no-media figure{display:none}
.media-toggle{display:inline-flex;overflow:hidden;color:#616161;border:1px solid #616161;border-radius:3px}
.media-toggle button{padding:5px 10px;line-height:1;background:0;border:0;color:inherit}
.media-toggle button[aria-pressed=true]{color:#fff;background:#616161}
.media-toggle button+button{border-left:1px solid #616161}
.media-toggle svg{width:16px;height:16px}
.embed{position:relative;height:0;padding-bottom:56.25%}
.embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.recipe__video{margin-top:10px}

@media print{
body:has(.recipe) :is(.site-header,.site-footer,.sidebar,.post>header,.post__img,.post>footer,.content>:not(.recipe)){display:none}
body:has(.recipe) :is(.page-grid,.posts,.post){display:block;max-width:none;margin:0;padding:0}
body:has(.recipe) .recipe{border:0;margin:0;max-width:none}
}