:root{--g:#173d2a;--gold:#856a35;--g2:#536958;--paper:#fffefa}
html{scroll-padding-top:88px}
body{font-size:16px;line-height:1.6}
.wrap{max-width:880px}
.hero{padding:48px 28px 36px}
.hero .script{font-size:18px}
.hero h1{max-width:650px;font-size:clamp(2.1rem,6vw,3.3rem);line-height:1.08;margin:14px auto 18px}
.hero p,.intro{font-size:1rem}
.hero p{max-width:560px}
.intro{padding:24px 32px}
.filters{padding:14px 22px;gap:8px}
.filters button{font-size:.875rem;min-height:44px;padding:10px 16px;cursor:pointer}
.filters button:hover{background:#e8eee7}
.filters button.active:hover{background:var(--g)}
button:focus-visible,summary:focus-visible{outline:3px solid #a2864e;outline-offset:4px}
.list{padding:24px 26px 16px}
.card{padding:24px 24px 12px;margin-bottom:16px;box-shadow:none;border-radius:12px}
.card[hidden]{display:none}
.card:hover{transform:none}
.top{gap:18px}
.n{width:42px;height:42px;flex-basis:42px;font-size:1rem}
.tag{font-size:.75rem;letter-spacing:.1em;color:#806532}
h2{font-size:1.6rem;line-height:1.25}
.meta{font-size:.875rem;line-height:1.6;color:#5e6961}
summary{font-size:.875rem;line-height:1.5;letter-spacing:.05em;min-height:48px;padding:16px 40px 14px 0}
summary:after{top:12px}
.recipe{padding:0 0 4px 60px}
.recipe h3{font-size:1.25rem}
li,.pro p,.plate p,.finish p{font-size:1rem;line-height:1.65}
.pro,.plate,.finish{padding:18px}
.small{font-size:.8125rem;line-height:1.65;padding:8px 32px 30px;color:#566259}
.origin{min-height:320px;background-position:center 62%;display:flex;flex-direction:column;justify-content:flex-end;padding:120px 24px 32px}
.origin h2{margin-bottom:0}.origin p{margin:8px 0 0}
footer{padding:22px;font-size:.875rem;letter-spacing:.02em}
@media(max-width:600px){.hero{padding:36px 22px 28px}.intro{padding:20px 22px}.filters{padding:12px}.list{padding:16px 12px 12px}.card{padding:20px 16px 10px}.top{gap:12px}.n{width:34px;height:34px;flex-basis:34px;font-size:.875rem}h2{font-size:1.35rem}.recipe{padding-left:0}.small{padding:8px 22px 28px}.origin{min-height:290px}.origin h2{font-size:1.5rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}