h1,h2{font-family:"Bricolage Grotesque",Inter,system-ui,sans-serif}
.hero{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.hero .art{width:120px;height:120px;background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:8px}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.tags span{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:3px 9px;border-radius:99px;background:var(--surface);border:1px solid var(--line)}
.nutri{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;text-align:center}.nutri div{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 4px}.nutri b{display:block;font-size:1.1rem}.nutri span{font-size:.75rem;color:var(--muted)}
.steps li{margin:8px 0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}.grid a{display:flex;gap:10px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:10px;text-decoration:none;color:var(--ink)}.grid .art{width:52px;height:52px;flex:none}.grid small{display:block;color:var(--muted)}
.cta{margin-top:36px;display:flex;gap:14px;align-items:center;flex-wrap:wrap;background:var(--surface);border:1.5px solid var(--accent);border-radius:20px;padding:16px}.cta .art{width:64px;height:64px}.cta div{flex:1;min-width:200px}.cta p{margin:4px 0 0;color:var(--muted)}.cta .btn{background:var(--accent);color:#082717;font-weight:700;text-decoration:none;padding:14px 22px;border-radius:999px}