@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Newsreader:opsz,wght@6..72,500;6..72,600&display=swap";:root{color-scheme:light;--ink:#262a25;--muted:#696e67;--paper:#f7f4ed;--surface:#fffdf8;--line:#d9d6cc;--accent:#386449;--accent-dark:#284b36;--accent-soft:#e1ebdf;--warm:#b96c46;--shadow:0 12px 30px #242b2414;--radius:1.25rem;--font-body:"DM Sans", system-ui, sans-serif;--font-display:"Newsreader", Georgia, serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);margin:0;font-size:1rem;line-height:1.55;overflow-x:hidden}a{color:inherit;text-underline-offset:.2em}button,input{font:inherit}button,input,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline-offset:3px;outline:3px solid #da844f}[hidden]{display:none!important}.page-shell{width:min(100% - 2rem,72rem);margin-inline:auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:20;background:var(--ink);color:#fff;padding:.65rem 1rem;position:fixed;top:.5rem;left:.5rem;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{border-bottom:1px solid var(--line)}.header-inner{align-items:center;min-height:4.5rem;display:flex}.wordmark{align-items:center;gap:.65rem;text-decoration:none;display:inline-flex}.wordmark-icon{aspect-ratio:1;background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:2.25rem;display:grid}.wordmark-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5px;width:1.4rem}.wordmark strong{font-family:var(--font-display);font-size:1.22rem;font-weight:600}.site-footer{border-top:1px solid var(--line);color:var(--muted);margin-top:5rem;padding:2rem 0;font-size:.88rem}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;line-height:1.06}h1{margin-bottom:1rem;font-size:clamp(2.6rem,9vw,5.8rem);font-weight:500}h2{margin-bottom:.75rem;font-size:clamp(2rem,5vw,3.25rem);font-weight:500}h3{font-size:1.45rem}.eyebrow{color:var(--accent);font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.55rem;font-size:.72rem;font-weight:700;line-height:1.3}.eyebrow-link{text-decoration:none;display:inline-block}.discovery{display:block}.search-wrap{width:100%;margin:clamp(2rem,5vw,3.5rem) 0 1.75rem}.search-wrap>label,.filter-group legend{margin-bottom:.5rem;font-size:.9rem;font-weight:700;display:block}.search-field{position:relative}.search-field svg{fill:none;stroke:currentColor;stroke-width:2px;pointer-events:none;width:1.25rem;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.search-field input{border:1px solid var(--line);background:var(--surface);width:100%;min-height:3.5rem;color:var(--ink);border-radius:.9rem;padding:.8rem 1rem .8rem 3rem;box-shadow:0 3px 12px #242b240a}.search-field input::placeholder{color:#858981}.filter-group{border:0;min-width:0;margin:0;padding:0}.filter-hint{color:var(--muted);margin-bottom:.85rem;font-size:.84rem}.filter-chips{flex-wrap:wrap;gap:.55rem;display:flex}.filter-chip-wrap{border:1px solid var(--line);background:var(--surface);border-radius:999px;display:inline-flex;overflow:hidden}.filter-chip{cursor:pointer;position:relative}.filter-chip input{z-index:1;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.filter-chip span{align-items:center;min-height:2.75rem;padding:.55rem .75rem .55rem 1rem;font-size:.88rem;font-weight:600;display:inline-flex}.filter-chip span:before{content:"";aspect-ratio:1;border:1.5px solid #969a93;border-radius:50%;width:.72rem;margin-right:.5rem}.filter-chip input:checked+span{background:var(--accent);color:#fff}.filter-chip input:checked+span:before{background:var(--accent-soft);border:3px solid #fff}.filter-chip input:focus-visible+span{outline-offset:-3px;outline:3px solid #da844f}.filter-chip-wrap:has(input:checked){border-color:var(--accent)}.results-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:1rem;margin-top:clamp(3rem,7vw,5.25rem);display:flex}.results-heading h2{margin-bottom:1rem}.text-button{min-height:2.75rem;color:var(--accent-dark);cursor:pointer;text-underline-offset:.2em;background:0 0;border:0;margin-bottom:1rem;padding:.3rem 0;font-size:.86rem;font-weight:700;text-decoration:underline}.result-status{color:var(--muted);margin:1rem 0 1.25rem;font-size:.86rem}.recipe-grid{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}.recipe-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);height:100%;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 1px #242b2408}.recipe-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.card-image-link{display:block}.recipe-image{aspect-ratio:16/10;background:#e2e6dc;position:relative;overflow:hidden}.recipe-image img{object-fit:cover;width:100%;height:100%;display:block}.fallback-art{width:100%;height:100%;color:var(--accent);background:radial-gradient(circle at 75% 15%,#f1d8bd,#0000 35%),linear-gradient(140deg,#eef0e5,#d9e2d5);align-content:center;place-items:center;display:grid}.fallback-art svg{width:min(72%,18rem)}.fallback-art span{letter-spacing:.12em;text-transform:uppercase;margin-top:-1rem;font-size:.72rem;font-weight:700}.card-body{padding:1.15rem 1.2rem 1.25rem}.card-title{margin-bottom:.55rem}.card-title a{text-decoration:none}.card-description{color:var(--muted);margin-bottom:.75rem;font-size:.9rem}.card-kenmerken{color:var(--accent-dark);margin-bottom:.85rem;font-size:.78rem;font-style:italic}.card-meta{color:var(--muted);gap:.2rem;margin:0;font-size:.78rem;display:grid}.card-meta dd{margin:0}.category-section{margin-top:clamp(4rem,9vw,7rem)}.homepage-taxonomies{gap:1rem;margin:1.25rem 0 1.75rem;display:grid}.homepage-taxonomies .category-section{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin-top:0;overflow:hidden}.category-disclosure summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;min-height:5.25rem;padding:1rem 1.25rem;list-style:none;display:flex}.category-disclosure summary::-webkit-details-marker{display:none}.category-disclosure summary:focus-visible{outline-offset:-3px;outline:3px solid #da844f}.category-disclosure[open] summary{border-bottom:1px solid var(--line)}.category-summary-copy{gap:.15rem;display:grid}.category-summary-copy .eyebrow{margin-bottom:0}.category-title{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(1.65rem,3vw,2.2rem);line-height:1}.disclosure-icon{aspect-ratio:1;background:var(--accent-soft);width:2.25rem;color:var(--accent-dark);border-radius:50%;flex:none;place-items:center;transition:transform .2s;display:grid}.disclosure-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:1.2rem}.category-disclosure[open] .disclosure-icon{transform:rotate(180deg)}.category-disclosure .category-links{padding:0 1.25rem 1rem}.section-heading{border-bottom:1px solid var(--line)}.category-links{gap:0;margin:0;padding:0;list-style:none;display:grid}.category-links a{border-bottom:1px solid var(--line);min-height:3.7rem;font-family:var(--font-display);justify-content:space-between;align-items:center;font-size:1.25rem;text-decoration:none;display:flex}.category-links a span:last-child{color:var(--accent);transition:transform .2s}.category-links a:hover span:last-child{transform:translate(.25rem)}.category-links--homepage a{min-height:2.75rem;font-family:var(--font-body);font-size:.9rem;font-weight:600}.breadcrumbs{color:var(--muted);white-space:nowrap;gap:.55rem;padding:1.25rem 0;font-size:.8rem;display:flex;overflow:hidden}.breadcrumbs span:last-child{text-overflow:ellipsis;overflow:hidden}.listing-header{padding:clamp(2.5rem,8vw,5rem) 0 2rem}.listing-header h1{margin-bottom:.5rem}.listing-header>p:last-child{color:var(--muted)}.listing-grid{margin-top:1rem}.recipe-detail{max-width:68rem;margin-inline:auto}.recipe-intro{gap:2rem;padding:clamp(2rem,7vw,5rem) 0 3rem;display:grid}.recipe-intro h1{font-size:clamp(2.6rem,8vw,5rem)}.recipe-lead{max-width:42rem;color:var(--muted);font-size:clamp(1.05rem,2vw,1.25rem)}.recipe-intro>.recipe-image{border-radius:var(--radius);box-shadow:var(--shadow)}.recipe-facts{flex-wrap:wrap;gap:1.3rem 2rem;margin:1.75rem 0;display:flex}.recipe-facts div{gap:.15rem;display:grid}.recipe-facts dt{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:700}.recipe-facts dd{margin:0;font-weight:600}.tag-list{flex-wrap:wrap;gap:.45rem;display:flex}.tag-list a{background:var(--accent-soft);color:var(--accent-dark);border-radius:999px;padding:.35rem .7rem;font-size:.78rem;font-weight:600;text-decoration:none}.recipe-columns{gap:3.5rem;padding:1.25rem 0 2rem;display:grid}.serving-scaler{display:block}.serving-toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.serving-toolbar h2,.method h2{margin-bottom:0}.stepper{border:1px solid var(--line);background:var(--surface);border-radius:999px;grid-template-columns:3rem minmax(7.6rem,auto) 3rem;min-height:3rem;display:grid;overflow:hidden}.stepper button{color:var(--accent-dark);cursor:pointer;background:0 0;border:0;font-size:1.45rem;line-height:1}.stepper button:hover:not(:disabled){background:var(--accent-soft)}.stepper button:disabled{color:#a7aaa4;cursor:not-allowed}.stepper output{border-inline:1px solid var(--line);place-items:center;font-size:.88rem;font-weight:700;display:grid}.ingredient-list{margin:0;padding:0;list-style:none}.ingredient-list li{border-bottom:1px solid var(--line);grid-template-columns:minmax(6.25rem,34%) 1fr;gap:.75rem;padding:.85rem 0;display:grid}.ingredient-amount{color:var(--accent-dark);font-weight:700}.method ol{counter-reset:step;margin:1.5rem 0 0;padding:0;list-style:none}.method li{border-bottom:1px solid var(--line);counter-increment:step;grid-template-columns:2.25rem 1fr;gap:.9rem;padding:1rem 0;display:grid}.method li:before{content:counter(step);background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:2.1rem;height:2.1rem;font-size:.82rem;font-weight:700;display:grid}.recipe-note{border-left:.25rem solid var(--warm);background:#f2e7d7;border-radius:0 .75rem .75rem 0;margin-top:2rem;padding:1.25rem}.recipe-note h3{margin-bottom:.35rem;font-size:1.25rem}.recipe-note p{margin-bottom:0}.empty-state{border-radius:var(--radius);text-align:center;border:1px dashed #b9bcb5;margin:1.5rem 0;padding:clamp(2rem,6vw,4rem)}.empty-state-icon{color:var(--warm);margin-bottom:.5rem;font-size:1.5rem;display:block}.empty-state h2{margin-bottom:.4rem;font-size:1.8rem}.empty-state p{color:var(--muted);margin:0}@media (width>=48rem){.page-shell{width:min(100% - 4rem,72rem)}.recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.category-links{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2.5rem}.homepage-taxonomies{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start}.homepage-taxonomies .category-links{column-gap:1rem}.recipe-intro{grid-template-columns:minmax(0,1fr) minmax(20rem,.8fr);align-items:center}.recipe-columns{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(3rem,7vw,6rem)}}@media (width>=64rem){.recipe-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=31rem){.results-heading{flex-direction:column;align-items:start}.text-button{margin-top:-.75rem}.serving-toolbar{flex-direction:column;align-items:start}.stepper{grid-template-columns:3rem 1fr 3rem;width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}