/* The groceries page's own styles. A separate file because the site's CSP
   (style-src 'self') refuses an inline <style> block in production. */
  /* Cobblr for Groceries wears the app's own palette (see the managed-app theme
     in core): cream, deep green text, a leaf accent. Only the tokens move; the
     page is otherwise the homepage's own components. */
  .groceries-page { --mortar: #F4F6EF; --paper: #FFFFFF; --slate: #2B3A2E; --ember-d: #5B8C3A; --line: #DDE3D5; }
  .groceries-page .hero { background: #F4F6EF; }
  .groceries-page .btn { background: #5B8C3A; border-color: #5B8C3A; }
  .groceries-page .btn:hover { background: #4A742F; }
  .groceries-page .btn-ghost { background: transparent; color: #2B3A2E; border-color: #2B3A2E; }
  .groceries-free { display: inline-flex; align-items: center; gap: 8px; font-family: var(--mono); font-size: .85rem; color: #6E7A70; margin-top: 10px; }
  .groceries-free .bd { width: 8px; height: 8px; border-radius: 50%; background: #5B8C3A; }