.rh{margin:18px 0 8px}.kick{font-size:12px;font-weight:800;letter-spacing:2px;color:var(--gd);text-transform:uppercase}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.chips button{font:inherit;font-weight:700;font-size:14px;padding:9px 14px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer}.chips button.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.rg{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:10px}
.rc{display:block;background:var(--card);border:1px solid var(--line);border-radius:20px;overflow:hidden;text-decoration:none;color:var(--ink);transition:transform .15s}.rc:hover{transform:translateY(-3px)}
.rc .ph{position:relative;aspect-ratio:4/3;background:#ddd center/cover}.rc .kc{position:absolute;left:10px;bottom:10px;background:#fff;color:#0d3b25;font-weight:800;border-radius:999px;padding:5px 11px;font-size:13px;box-shadow:0 6px 16px rgba(0,0,0,.2)}
.rc .in{padding:12px 14px 14px}.rc h3{font:700 16px/1.25 Fredoka,Inter,sans-serif}.rc .mt{font-size:13px;color:var(--muted);margin-top:6px}
.hero-img{border-radius:22px;overflow:hidden;aspect-ratio:16/9;background:#ddd center/cover;margin:10px 0 6px}
.facts{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:14px 0}.facts div{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:10px;text-align:center}.facts b{display:block;font:700 22px Fredoka,Inter,sans-serif;color:var(--gd)}.facts span{font-size:12px;color:var(--muted);font-weight:600}
.scale{background:linear-gradient(135deg,#e9fbf2,#d5f5e5);border:1px solid #bfeccf;border-radius:22px;padding:16px 18px;margin:16px 0;color:#0f1a16}
.scale b.h{display:block;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;color:#0b7a45;margin-bottom:8px}
.scale .r{display:flex;align-items:center;gap:12px}.scale input[type=range]{flex:1;accent-color:#1fae63;margin:0;padding:0;border:0;background:none}
.scale output{font:700 22px Fredoka,Inter,sans-serif;min-width:96px;text-align:right}.scale .q{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.scale .q button{font:inherit;font-size:13px;font-weight:700;border:1px solid #bfeccf;background:#fff;border-radius:999px;padding:6px 12px;cursor:pointer;color:#0f1a16}
@media (prefers-color-scheme:dark){.scale{background:linear-gradient(135deg,#0f2b1f,#123526);border-color:#1d4a35;color:var(--ink)}.scale b.h{color:var(--g)}.scale .q button{background:var(--card);border-color:var(--line);color:var(--ink)}}
.ing td:nth-child(2){font-weight:700}.steps li{font-weight:500}
.leafy{display:flex;gap:12px;align-items:flex-start;margin:18px 0}.leafy img{width:64px;height:64px;flex:none}.leafy p{margin:0;background:var(--card);border:1px solid var(--line);border-radius:4px 18px 18px 18px;padding:12px 14px;font-size:15px}
.ebk{display:flex;gap:16px;align-items:center;margin-top:28px;background:var(--card);border:2px dashed var(--g);border-radius:22px;padding:18px}.ebk img{width:90px;border-radius:10px;flex:none;box-shadow:0 8px 24px rgba(0,0,0,.15)}.ebk h3{font:700 19px/1.2 Fredoka,Inter,sans-serif}.ebk p{font-size:14px;color:var(--muted);margin:4px 0 10px}
#empty{display:none;color:var(--muted);margin-top:16px}.cred{font-size:12px;color:var(--muted)}
@media (max-width:760px){.rg{grid-template-columns:1fr 1fr}}
.ing td:first-child{width:52%}
@media (max-width:480px){.facts{gap:6px}.facts div{padding:8px 2px;border-radius:12px}.facts b{font-size:17px}.facts span{font-size:11px}}
@media (max-width:480px){.rg{grid-template-columns:1fr}.ebk{flex-direction:column;text-align:center}}