:root{--wine:#790c23;--cream:#faf5ec;--ink:#32251e;--gold:#b59255}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.6 system-ui,sans-serif}a{color:var(--wine)}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,#book:focus-visible{outline:3px solid #ad8b45;outline-offset:4px}header{display:flex;justify-content:space-between;align-items:center;padding:24px 5%;border-bottom:1px solid #ddcfbb;background:#fffcf6}.brand{font:700 32px Georgia,serif;text-decoration:none}.brand span{display:block;font:10px system-ui;letter-spacing:2px;color:#68594b}nav{display:flex;gap:24px}nav a{font-size:14px;text-decoration:none}main{max-width:1400px;margin:auto;padding:40px 5%}.intro{max-width:780px;margin-bottom:34px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--wine);font-weight:700}h1{font:normal clamp(32px,4vw,52px)/1.12 Georgia,serif;margin:14px 0}h2{font-family:Georgia,serif}.intro>p:last-child{color:#746557;max-width:600px}.layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:42px}aside{border-top:2px solid var(--wine);padding-top:10px}aside h2{font-size:25px}aside label{display:block;font-size:12px;margin-bottom:8px}input{width:100%;padding:11px;border:1px solid #cbbda8;border-radius:6px;background:white;margin-bottom:16px}.toc{display:block;width:100%;border:0;border-bottom:1px solid #e1d6c6;text-align:left;padding:13px 8px;background:transparent;font-size:14px;color:var(--ink)}.toc small{color:#887663;margin-right:9px}.toc[aria-current=page]{background:#efe2cf;color:var(--wine);font-weight:700;border-radius:5px}.aside-note{font-size:12px;color:#776757;margin-top:24px}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:8px}.toolbar button,.page-footer button,.page-footer a,#start{background:var(--wine);border:1px solid var(--wine);color:white;border-radius:6px;padding:10px 16px;text-decoration:none;font-size:14px}.toolbar button:disabled{opacity:.35;cursor:default}#position{font-size:13px;color:#746557}#book{position:relative;max-width:640px;margin:auto;background:white;box-shadow:-9px 4px 0 #e9decc,0 18px 46px #53392520;border-radius:3px;min-height:300px;touch-action:pan-y}#page{width:100%;height:auto;display:block;cursor:zoom-in}#page[hidden],#cover[hidden],[hidden]{display:none!important}#cover{background:var(--wine);color:#fff5df;padding:18px;aspect-ratio:9/16}.cover-inner{border:1px solid #c9a868;height:100%;text-align:center;padding:7% 5%;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.cover-inner>p:first-child{font-size:10px;letter-spacing:2px}.cover-inner h2{font:normal clamp(32px,4vw,52px)/1.18 Georgia;margin:10px 0}.cover-photo{width:100%;height:38%;background:url('/receptenboek/pages/stoofschotel.jpeg') center 9%/cover;border-radius:50% 50% 3px 3px}.cover-inner>p{line-height:1.8;font-size:15px}#start{background:#e5c897;color:#4b1320;border:0}.cover-inner small{font-size:10px;letter-spacing:1px}.page-footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px;margin:26px auto 0;max-width:720px}.page-footer>div{width:100%;text-align:center}.page-footer h2{font-size:23px;margin:0}.page-footer p{font-size:13px;color:#746557;margin:4px 0}.page-footer a{background:transparent;color:var(--wine)}.hint{text-align:center;font-size:12px;color:#746557;margin-top:22px}#status{text-align:center}dialog{border:0;width:min(95vw,1000px);max-height:94dvh;padding:16px;background:#fffcf6}dialog::backdrop{background:#1f130dd9}dialog form{position:sticky;top:0;text-align:right}dialog button{padding:10px 15px;border:0;background:var(--wine);color:white;border-radius:5px}dialog img{width:100%;height:auto;display:block}footer{border-top:1px solid #ddcfbb;padding:28px 5%;font-size:12px;display:flex;justify-content:space-between;gap:20px}#image-error{padding:30px}.turn{animation:turn .22s ease-out}@keyframes turn{from{opacity:.3;transform:translateX(9px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.turn{animation:none}}@media(max-width:800px){header{padding:18px 5%}.brand{font-size:26px}nav{gap:12px}nav a{font-size:12px}.layout{display:flex;flex-direction:column;gap:24px}aside h2{margin:0 0 12px}#contents{display:flex;overflow:auto;gap:7px;padding-bottom:8px}.toc{min-width:155px;border:1px solid #e1d6c6;border-radius:5px;font-size:12px}aside .aside-note{display:none}main{padding-top:22px}.intro{margin-bottom:24px}#book{max-width:560px}.cover-inner h2{font-size:clamp(32px,7vw,52px)}footer{flex-direction:column}.toolbar button{padding:10px;font-size:12px}}@media print{header,.intro,aside,.toolbar,.page-footer,.hint,footer,dialog{display:none!important}.layout{display:block}main{padding:0}#book{box-shadow:none;max-width:100%}}

#preface{padding:clamp(24px,6vw,55px);background:#fffcf6;border:1px solid #d8bd87;font:clamp(15px,1.5vw,17px)/1.75 Georgia,serif;color:#32251e}#preface h2{font-size:clamp(34px,5vw,46px);color:var(--wine);margin:24px 0}#preface p{margin:0 0 19px}.preface-logo{display:block;width:210px;max-width:70%;height:auto;margin:0 auto 30px}#preface .preface-signoff{color:var(--wine);margin-top:30px}#preface .preface-signature{font-size:26px;font-style:italic;color:var(--wine);margin-bottom:5px}

/* Een uitnodigende omslag met de eigen kookstudio als middelpunt. */
#cover{padding:0;background:#fcf3e4;color:#54202a;aspect-ratio:auto;border:1px solid #dac7a7;border-left:12px solid #6b1828;overflow:hidden}
.cover-inner{border:0;padding:0;display:block;height:auto;text-align:center;position:relative;background:linear-gradient(100deg,#e9dcc6 0,transparent 3%,transparent 97%,#eddfc8 100%)}
.cover-heading{padding:28px 20px 20px}.cover-brand{font:700 30px/1.1 Georgia,serif;margin:0 0 22px}.cover-brand span{display:block;font:700 9px/1.4 system-ui,sans-serif;letter-spacing:2.2px;margin-top:8px;color:#775d48}.cover-kicker{font:italic 15px/1.4 Georgia,serif;margin:0 0 12px;color:#6b624d}.cover-inner h2{font:normal clamp(42px,5vw,70px)/.98 Georgia,serif;letter-spacing:-2px;margin:0}.cover-inner h2 em{font-style:italic;color:#6b1828}.cover-subtitle{font-size:14px;margin:15px 0 0;letter-spacing:.6px}
.cover-image-wrap{position:relative;margin:0 22px}.cover-photo{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:100px 100px 4px 4px;background:none}.cover-seal{position:absolute;right:-7px;bottom:-20px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:104px;height:104px;border-radius:50%;border:4px solid #fcf3e4;background:#6b1828;color:#fff3db;font:11px/1.2 system-ui,sans-serif;transform:rotate(8deg)}.cover-seal br{display:none}.cover-seal strong{font:italic 28px/1.1 Georgia,serif;margin:2px 0}.cover-bottom{padding:24px 18px 25px}.cover-bottom p{font:20px/1.4 Georgia,serif;margin:0 0 17px}.cover-bottom p span{font:12px/1.6 system-ui,sans-serif;color:#75604d}.cover-bottom #start{min-height:48px;background:#6b1828;color:#fff6e7;border-radius:999px;padding:12px 26px;font-weight:700;box-shadow:0 5px 12px #6b182820}.cover-bottom #start:hover{background:#4e1018}.cover-bottom small{display:block;font:italic 17px/1.5 Georgia,serif;margin-top:18px}.cover-bottom small span{display:block;font:9px/1.5 system-ui,sans-serif;letter-spacing:1px;text-transform:uppercase;color:#75604d}
@media(max-width:800px){.cover-heading{padding-top:23px}.cover-inner h2{font-size:clamp(42px,9vw,66px)}.cover-image-wrap{margin:0 18px}.cover-seal{width:86px;height:86px;font-size:10px}.cover-seal strong{font-size:24px}.cover-brand{margin-bottom:17px;font-size:27px}}

#cover.approved-cover{padding:0;border:0;background:#fcf3e4;aspect-ratio:auto}#cover .cover-art-button{display:block;width:100%;padding:0;margin:0;border:0;border-radius:0;background:transparent;color:inherit;box-shadow:none;cursor:pointer;line-height:0}#cover .cover-art-button img{display:block;width:100%;height:auto}#cover .cover-art-button:focus-visible{outline:4px solid #b59255;outline-offset:4px}