
:root{--cream:#fff8ea;--paper:#fffdf7;--milk:#f4e1bf;--caramel:#c97832;--deep:#7d3518;--cocoa:#3c2016;--toast:#e7a35f;--gold:#f0bd65;--pink:#ee9b83;--green:#5f7d5a;--ink:#2f211b;--muted:#725e53;--white:#fff;--shadow:0 14px 0 rgba(81,40,21,.08);--radius:28px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:ui-rounded,"Avenir Next","Segoe UI",system-ui,sans-serif;line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input{font:inherit}.wrap{width:min(1180px,calc(100% - 36px));margin-inline:auto}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:radial-gradient(#a65322 0.8px,transparent .8px);background-size:24px 24px;z-index:-1}
.main-nav{width:min(1180px,calc(100% - 36px));margin:18px auto 0;display:flex;align-items:center;gap:28px;padding:12px 16px 12px 12px;background:rgba(255,253,247,.92);border:2px solid var(--cocoa);border-radius:24px;box-shadow:6px 6px 0 var(--cocoa);position:sticky;top:12px;z-index:20;backdrop-filter:blur(10px)}.brand{display:inline-flex;align-items:center;gap:10px;font-size:.9rem;line-height:.86;font-weight:700;letter-spacing:.01em}.brand b{font-size:1.15rem}.brand-blob{width:44px;height:44px;border-radius:50% 45% 48% 40%;background:var(--caramel);color:white;display:grid;place-items:center;font-family:Georgia,serif;font-weight:900;font-size:1.5rem;border:2px solid var(--cocoa);transform:rotate(-7deg)}.nav-links{display:flex;gap:24px;margin-left:auto;font-weight:750}.nav-links a:hover{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:5px;text-decoration-color:var(--caramel)}.nav-toggle{display:none;background:none;border:0;font-size:1.4rem}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--cocoa);color:white;padding:14px 20px;border:2px solid var(--cocoa);border-radius:999px;font-weight:800;box-shadow:4px 4px 0 var(--caramel);transition:.18s}.button:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--caramel)}.button.alt{background:var(--paper);color:var(--cocoa)}.button.mini{padding:9px 15px;font-size:.86rem}
.hero{padding:68px 0 38px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:.93fr 1.07fr;gap:58px;align-items:center}.hero-copy{position:relative;z-index:3}.kicker,.eyebrow{font-size:.77rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:var(--deep)}.hero h1,.page-hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(3.2rem,7.2vw,6.8rem);line-height:.88;letter-spacing:-.06em;margin:12px 0 20px;color:var(--cocoa)}.hero h1 em{color:var(--caramel);font-style:italic}.hero p{font-size:1.16rem;max-width:650px;color:var(--muted)}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.hero-art{position:relative;min-height:540px;display:grid;place-items:center;isolation:isolate}.jar-frame{width:min(490px,88%);position:relative;z-index:2;transform:rotate(-2deg);border:3px solid var(--cocoa);border-radius:48% 52% 42% 52% / 52% 42% 55% 45%;overflow:hidden;box-shadow:-16px 18px 0 var(--gold);background:var(--milk)}.jar-frame img{aspect-ratio:1/1;object-fit:cover}.doodle{position:absolute;z-index:5;background:var(--paper);border:2px solid var(--cocoa);box-shadow:5px 5px 0 var(--cocoa);padding:10px 14px;border-radius:999px;font-weight:900;white-space:nowrap}.d1{left:2%;top:8%;transform:rotate(-7deg)}.d2{right:1%;bottom:11%;transform:rotate(7deg);background:var(--pink)}.swirl{position:absolute;z-index:1;width:88px;height:88px;border:9px solid var(--caramel);border-left-color:transparent;border-radius:50%;left:1%;bottom:4%;transform:rotate(-18deg)}
.section{padding:76px 0}.section.paper{background:var(--paper);border-block:2px solid var(--cocoa)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:32px}.section-head h2,.culture h2,.content h2{font-family:Georgia,serif;font-size:clamp(2.2rem,4vw,4rem);line-height:.95;letter-spacing:-.04em;margin:6px 0}.section-head p{max-width:520px;color:var(--muted)}
.recipe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.recipe-card{background:var(--paper);border:2px solid var(--cocoa);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:.2s}.recipe-card:hover{transform:translateY(-4px) rotate(-.4deg);box-shadow:0 18px 0 rgba(81,40,21,.09)}.card-art{min-height:210px;background:linear-gradient(135deg,var(--milk),#ffd99b);position:relative;display:grid;place-items:center;border-bottom:2px solid var(--cocoa);overflow:hidden}.card-art .food-doodle{z-index:2;max-width:88%;padding:14px 19px;background:var(--paper);border:2px solid var(--cocoa);border-radius:999px;box-shadow:6px 6px 0 var(--caramel);font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.45rem,2.5vw,2.2rem);font-weight:900;line-height:.9;letter-spacing:-.045em;text-align:center;transform:rotate(-4deg);filter:none}.recipe-card:nth-child(2n) .food-doodle{transform:rotate(3deg)}.card-art i{position:absolute;width:150px;height:150px;border:18px solid rgba(255,255,255,.55);border-radius:50%;transform:rotate(12deg)}.recipe-card:nth-child(3n+2) .card-art{background:linear-gradient(135deg,#f7cab4,var(--milk))}.recipe-card:nth-child(3n+3) .card-art{background:linear-gradient(135deg,#f3d26f,#edb07a)}.card-body{padding:22px}.card-body h3{font-family:Georgia,serif;font-size:1.55rem;line-height:1.05;margin:8px 0}.card-body p{font-size:.94rem;color:var(--muted);margin:0 0 16px}.card-meta{display:flex;gap:14px;font-size:.78rem;font-weight:800;border-top:1px dashed #c8a98d;padding-top:12px}
.ad-slot{width:min(1180px,calc(100% - 36px));margin:34px auto;min-height:116px;border:2px dashed #b79171;background:rgba(255,255,255,.5);border-radius:22px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#8d7768;letter-spacing:.02em}.ad-slot span{font-size:.65rem;text-transform:uppercase;letter-spacing:.16em}.ad-slot strong{font-size:1.1rem}.ad-slot small{font-size:.72rem}.ad-slot.infeed{width:100%;grid-column:1/-1;min-height:150px}
.culture{background:var(--cocoa);color:var(--cream);padding:86px 0;position:relative;overflow:hidden}.culture:after{content:"";position:absolute;width:340px;height:340px;border:44px solid var(--caramel);border-radius:50%;right:-100px;top:-140px;opacity:.55}.culture .kicker{color:var(--gold)}.culture p{color:#e9d7c8;max-width:720px}.name-strip{display:flex;gap:13px;flex-wrap:wrap;margin:32px 0}.name-pill{border:2px solid var(--cream);border-radius:999px;padding:9px 15px;font-weight:800}.name-pill:nth-child(2n){background:var(--caramel)}.country-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:35px}.country{background:#4a291e;border:1px solid #7c513d;border-radius:22px;padding:20px}.country b{display:block;font-family:Georgia,serif;font-size:1.35rem;color:#fff}.country span{font-size:.82rem;color:#e7cdbd}
.newsletter{padding:72px 0}.note-card{background:var(--gold);border:2px solid var(--cocoa);border-radius:34px;padding:34px;box-shadow:10px 10px 0 var(--cocoa);display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.note-card h2{font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.5rem);line-height:.95;margin:0 0 8px}.fake-form{display:flex;gap:8px}.fake-form input{min-width:280px;padding:13px 15px;border:2px solid var(--cocoa);border-radius:999px;background:var(--paper)}
.site-footer{background:var(--deep);color:#fff4e6;margin-top:70px;padding:55px 0 22px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1.1fr;gap:40px}.footer-grid h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--gold)}.footer-grid a:not(.brand){display:block;margin:7px 0;color:#f6dfcd}.footer-brand .brand-blob{background:var(--gold);color:var(--deep)}.tiny{font-size:.78rem;color:#d7bba8}.copyright{border-top:1px solid #a56c50;margin-top:34px;padding-top:18px;font-size:.76rem;color:#d7bba8}
.page-hero{padding:80px 0 40px}.page-hero p{max-width:720px;font-size:1.1rem;color:var(--muted)}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 32px}.filter{border:2px solid var(--cocoa);background:var(--paper);border-radius:999px;padding:8px 14px;font-weight:800;cursor:pointer}.filter.active{background:var(--cocoa);color:#fff}.recipe-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:38px;align-items:start}.sidebar{position:sticky;top:104px}.sidebar .ad-slot{width:100%;min-height:300px;margin:0 0 22px}.sidebar-card{background:var(--paper);border:2px solid var(--cocoa);border-radius:24px;padding:20px}.sidebar-card h3{font-family:Georgia,serif;margin-top:0}.sidebar-card a{font-weight:800;text-decoration:underline;text-decoration-color:var(--caramel);text-decoration-thickness:3px}.world-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:start}.fact-box{background:var(--milk);border:2px solid var(--cocoa);border-radius:30px;padding:26px;box-shadow:8px 8px 0 var(--caramel)}.fact-box strong{font-family:Georgia,serif;font-size:1.6rem}.world-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:30px}.world-card{background:var(--paper);border:2px solid var(--cocoa);border-radius:25px;padding:24px}.world-card h3{font-family:Georgia,serif;font-size:1.7rem;margin:0 0 5px}.world-card .big-name{font-size:1.2rem;font-weight:900;color:var(--deep)}.callout{background:var(--pink);border:2px solid var(--cocoa);border-radius:24px;padding:20px;margin:28px 0}.sources{font-size:.82rem;color:var(--muted);border-top:1px dashed #b79c88;padding-top:18px;margin-top:38px}.sources a{text-decoration:underline}
.recipe-hero{padding:68px 0 30px}.recipe-hero-grid{display:grid;grid-template-columns:1fr .7fr;gap:40px;align-items:center}.recipe-hero h1{font-family:Georgia,serif;font-size:clamp(3rem,6vw,5.7rem);line-height:.92;letter-spacing:-.055em;margin:10px 0 18px}.recipe-hero p{font-size:1.08rem;color:var(--muted)}.recipe-illustration{min-height:330px;position:relative;overflow:hidden;border:2px solid var(--cocoa);border-radius:42% 58% 60% 40% / 45% 40% 60% 55%;background:linear-gradient(135deg,var(--milk),var(--gold));display:grid;place-items:center;box-shadow:12px 12px 0 var(--caramel);transform:rotate(2deg)}.recipe-illustration:before{content:"";position:absolute;width:210px;height:210px;border:28px solid rgba(255,255,255,.46);border-radius:50%;left:-44px;top:-52px;transform:rotate(17deg)}.hero-food-doodle{position:relative;z-index:2;max-width:82%;padding:20px 26px;background:var(--paper);border:3px solid var(--cocoa);border-radius:999px;box-shadow:9px 9px 0 var(--cocoa);font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.2rem,4.5vw,4.2rem);font-weight:900;line-height:.88;letter-spacing:-.055em;text-align:center;transform:rotate(-5deg)}.caramel-scribble{position:absolute;right:8%;bottom:10%;width:78px;height:78px;border:9px solid var(--caramel);border-right-color:transparent;border-radius:50%;transform:rotate(23deg)}.recipe-facts{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.recipe-facts span{border:2px solid var(--cocoa);border-radius:999px;padding:8px 12px;background:var(--paper);font-size:.84rem;font-weight:800}.recipe-body{display:grid;grid-template-columns:.7fr 1.3fr;gap:42px;align-items:start;padding:38px 0}.ingredients,.method{background:var(--paper);border:2px solid var(--cocoa);border-radius:28px;padding:26px}.ingredients h2,.method h2{font-family:Georgia,serif;font-size:2rem;margin-top:0}.ingredients ul{list-style:none;padding:0;margin:0}.ingredients li{padding:10px 0;border-bottom:1px dashed #c8a98d}.steps{counter-reset:step;list-style:none;padding:0;margin:0}.steps li{counter-increment:step;display:grid;grid-template-columns:42px 1fr;gap:14px;margin:0 0 22px}.steps li:before{content:counter(step);width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--caramel);color:#fff;border:2px solid var(--cocoa);font-weight:900}.tip{margin-top:22px;background:var(--gold);border:2px solid var(--cocoa);border-radius:20px;padding:18px}.tip b{display:block}.related{padding:50px 0}
.content{max-width:850px;margin:0 auto;padding:30px 0 70px}.content p,.content li{color:var(--muted)}.content h3{font-family:Georgia,serif;font-size:1.5rem;margin-top:34px}
@media(max-width:900px){.hero-grid,.world-intro,.recipe-hero-grid,.recipe-body,.recipe-layout,.note-card{grid-template-columns:1fr}.hero-copy{order:1}.hero-art{order:2}.recipe-grid{grid-template-columns:repeat(2,1fr)}.country-grid{grid-template-columns:repeat(2,1fr)}.hero-art{min-height:auto;margin-top:26px;padding-inline:10px}.sidebar{position:static}.sidebar .ad-slot{min-height:150px}.footer-grid{grid-template-columns:1fr 1fr}.fake-form{flex-direction:column}.fake-form input{min-width:0}.recipe-illustration{min-height:260px}.note-card{gap:18px}}
@media(max-width:680px){.main-nav{flex-wrap:wrap}.nav-toggle{display:block;margin-left:auto}.nav-links{display:none;order:3;width:100%;flex-direction:column;gap:0;margin:5px 0 0}.nav-links.open{display:flex}.nav-links a{padding:10px 4px;border-top:1px dashed #c8a98d}.main-nav>.button{display:none}.hero{padding-top:48px}.hero h1,.page-hero h1{font-size:3.5rem}.recipe-grid,.country-grid,.world-list{grid-template-columns:1fr}.section-head{display:block}.footer-grid{grid-template-columns:1fr}.jar-frame{width:92%}.doodle{font-size:.74rem}.d1{left:1%;top:4%}.d2{right:0;bottom:7%}.recipe-hero h1{font-size:3.2rem}.hero-food-doodle{font-size:2.5rem}.ad-slot{min-height:92px}.wrap{width:min(100% - 24px,1180px)}}

.brand-word{font-family:Georgia,"Times New Roman",serif;font-size:1.35rem;font-weight:900;letter-spacing:-.035em;line-height:1}.footer-brand .brand-word{color:#fff8ea}

.brand-word{white-space:nowrap}.main-nav .brand-word{font-size:1.25rem}.footer-brand .brand-word{font-size:1.35rem}

/* v4 bilingual refinements */
.about-hero h1{font-size:clamp(2.55rem,5vw,4.65rem);max-width:900px}.lang-switch{display:inline-grid;place-items:center;min-width:42px;height:38px;padding:0 10px;border:2px solid var(--cocoa);border-radius:999px;background:var(--gold);font-weight:900;font-size:.76rem;letter-spacing:.08em;box-shadow:3px 3px 0 var(--cocoa)}.lang-switch:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--cocoa)}@media(max-width:680px){.about-hero h1{font-size:2.85rem}.lang-switch{height:36px;min-width:40px;padding:0 8px}.main-nav{gap:14px}}

/* v6 QA fixes */
.recipe-search{margin:24px 0 16px;max-width:720px}.recipe-search label{display:block;font-weight:900;margin-bottom:8px}.recipe-search input{width:100%;padding:15px 18px;border:2px solid var(--cocoa);border-radius:999px;background:var(--paper);color:var(--ink);box-shadow:4px 4px 0 var(--gold);outline:none}.recipe-search input:focus{box-shadow:6px 6px 0 var(--caramel)}.search-status{font-size:.8rem;color:var(--muted);font-weight:800;margin:8px 8px 0}.no-results{margin:35px 0;padding:24px;border:2px dashed var(--cocoa);border-radius:22px;background:var(--paper);font-weight:800;text-align:center}.coming-soon-pill{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border:2px solid var(--cocoa);border-radius:999px;background:var(--paper);box-shadow:4px 4px 0 var(--caramel);font-weight:900;white-space:nowrap}.filter:focus-visible,.recipe-search input:focus-visible,.lang-switch:focus-visible,.button:focus-visible,a:focus-visible{outline:3px solid var(--green);outline-offset:3px}.filter[aria-pressed="true"]{background:var(--cocoa);color:#fff}.ad-slot[hidden],.recipe-card[hidden],.no-results[hidden]{display:none!important}@media(max-width:900px){.coming-soon-pill{justify-self:start}}

/* v6.1: recipe archive headline should be strong, not billboard-sized. */
.recipes-hero h1{font-size:clamp(2.55rem,5vw,4.7rem);max-width:900px}
@media(max-width:680px){.recipes-hero h1{font-size:2.85rem}}

/* v6.2 cache-proof corrections */
.recipes-hero h1{font-size:clamp(2.35rem,4vw,3.65rem)!important;line-height:.96;max-width:820px}
@media(max-width:680px){.recipes-hero h1{font-size:2.55rem!important;line-height:.98}}

/* v6.3: compact homepage hero — prevent the art column from forcing excess page height. */
.hero{padding:36px 0 24px}
.hero-grid{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:52px;align-items:center}
.hero-art{min-height:0;height:430px;padding:10px 0;display:grid;place-items:center}
.jar-frame{width:min(390px,82%);max-height:390px}
.jar-frame img{display:block;width:100%;height:100%;aspect-ratio:1/1;object-fit:cover}
.hero h1{font-size:clamp(3rem,5.8vw,5.7rem)}
.d1{left:5%;top:4%}
.d2{right:3%;bottom:4%}
@media(max-width:900px){
  .hero{padding:38px 0 24px}
  .hero-grid{gap:20px}
  .hero-art{height:auto;min-height:0;margin-top:18px;padding:12px 10px 20px}
  .jar-frame{width:min(380px,86vw);max-height:none}
}
@media(max-width:680px){
  .hero{padding-top:34px}
  .hero h1{font-size:3.1rem}
  .jar-frame{width:min(340px,86vw)}
  .d1{left:2%;top:2%}
  .d2{right:1%;bottom:3%}
}


/* v6.5: cookie consent + Google Consent Mode controls */
.cookie-banner{position:fixed;left:18px;right:18px;bottom:18px;z-index:1000;max-width:920px;margin:0 auto;background:var(--paper);color:var(--ink);border:2px solid var(--cocoa);border-radius:26px;box-shadow:9px 9px 0 var(--cocoa);padding:20px 22px;display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center}
.cookie-banner[hidden]{display:none!important}.cookie-copy strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:1.3rem;color:var(--cocoa);margin-bottom:4px}.cookie-copy p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.5}.cookie-copy a{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.cookie-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.cookie-btn{appearance:none;border:2px solid var(--cocoa);border-radius:999px;padding:11px 16px;font-weight:900;cursor:pointer;background:var(--caramel);color:#fff;box-shadow:3px 3px 0 var(--cocoa)}.cookie-btn.reject{background:var(--paper);color:var(--cocoa)}.cookie-btn:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--cocoa)}.cookie-btn:focus-visible,.cookie-settings-trigger:focus-visible{outline:3px solid var(--green);outline-offset:3px}.cookie-settings-trigger{appearance:none;border:0;background:none;color:inherit;font:inherit;padding:0;margin:0;text-align:left;cursor:pointer;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.site-footer .cookie-settings-trigger{display:block;margin-top:7px;color:#e7cdbd;font-size:.86rem}
@media(max-width:760px){.cookie-banner{grid-template-columns:1fr;left:10px;right:10px;bottom:10px;padding:18px;gap:14px;border-radius:22px}.cookie-actions{justify-content:stretch}.cookie-btn{flex:1 1 145px}.cookie-copy strong{font-size:1.2rem}}

/* v6.6 — use the proven archive-card food badge on individual recipe pages too. */
.recipe-illustration.recipe-page-art{
  min-height:330px;
  height:auto;
  border:2px solid var(--cocoa);
  border-radius:42% 58% 60% 40% / 45% 40% 60% 55%;
  box-shadow:12px 12px 0 var(--caramel);
  transform:rotate(2deg);
  overflow:hidden;
}
.recipe-illustration.recipe-page-art .food-doodle{
  font-size:clamp(1.8rem,3.4vw,3.15rem);
  max-width:82%;
  z-index:3;
}
.recipe-illustration.recipe-page-art i{
  z-index:1;
}
@media(max-width:900px){
  .recipe-illustration.recipe-page-art{min-height:260px}
}
@media(max-width:680px){
  .recipe-illustration.recipe-page-art{min-height:220px}
  .recipe-illustration.recipe-page-art .food-doodle{font-size:clamp(1.6rem,8vw,2.35rem)}
}
