:root{--g:#2f6f4f;--bg:#faf8f3;--t:#2b2b2b}
*{box-sizing:border-box}body{margin:0;font-family:Georgia,serif;background:var(--bg);color:var(--t);line-height:1.6}
a{color:var(--g)}header.site{background:var(--g);color:#fff;padding:1.2rem 1rem;text-align:center}
header.site.big{padding:2.5rem 1rem}header.site h1,header.site .brand{margin:0 0 .3rem;font-size:1.6rem}header.site.big h1{font-size:2rem}
header.site a{color:#fff;text-decoration:none}header.site p{margin:.2rem 0}
.lang{font-size:.85rem;margin-top:.4rem}.lang a{text-decoration:underline}
main{max-width:960px;margin:0 auto;padding:1.5rem 1rem}
h1.rt{color:var(--g);font-size:1.7rem;line-height:1.25;margin:.2rem 0 .6rem}
h2{color:var(--g);border-bottom:2px solid #e3dccb;padding-bottom:.3rem;margin-top:2.2rem}
.crumb{font-size:.85rem;color:#666}.crumb a{color:#666}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}
.card{background:#fff;border-radius:10px;padding:1rem 1.2rem;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.card h3{margin:.2rem 0 .5rem;color:var(--g)}ul,ol{padding-left:1.2rem;margin:.4rem 0}
.rc{background:#fff;border-radius:10px;box-shadow:0 1px 4px rgba(0,0,0,.08);overflow:hidden;display:flex;flex-direction:column}
.rc a{text-decoration:none;color:inherit}.rc img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover}
.rc .t{padding:.6rem .8rem}.rc h3{margin:0 0 .2rem;font-size:1rem;color:var(--g)}.rc small{color:#777}
.recipe{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:flex-start}
.recipe figure{margin:0;flex:0 0 340px;max-width:100%}.recipe figure img{width:100%;height:auto;border-radius:10px;box-shadow:0 1px 6px rgba(0,0,0,.15)}
.recipe .body{flex:1 1 320px;min-width:0}
.facts{list-style:none;padding:0;display:flex;gap:1rem;flex-wrap:wrap;margin:.6rem 0}.facts li{background:#fff;border-radius:20px;padding:.2rem .9rem;box-shadow:0 1px 3px rgba(0,0,0,.08);font-size:.9rem}
.note{font-size:.85rem;color:#777;margin-top:2rem}
footer{text-align:center;font-size:.8rem;color:#777;padding:2rem 1rem}