recipe page: fix breadcrumb alignment and note line-height

- Breadcrumbs: a duplicate `.breadcrumbs ol` rule with `padding: 0;
  margin: 0` was silently clobbering my earlier `padding-inline: 2rem;
  margin: 0 auto` (same specificity, source order wins). Merged into
  one rule so the inner `<ol>` actually mirrors the header's
  max-w-cookbook + px-8 — first crumb now tracks the wordmark on every
  viewport width.
- Notes vs steps line-height: callout paragraphs were inheriting
  `article p { line-height: 1.6 }`, while steps render as `<li>` (no
  `<p>` wrapper) and inherit body's `leading-relaxed` (1.625). Dropped
  the 1.6 override so both share 1.625.

Author: pjdoland

static/css/custom.css

@@ -542,7 +542,6 @@ article h2 {
 
 article p {
   margin-bottom: 2rem;
-  line-height: 1.6;
 }
 
 article ul {
@@ -1078,18 +1077,14 @@ body.cook-mode .tsm-check-label input.tsm-check {
   font-size: 0.8rem;
   color: var(--cb-light);
 }
-.breadcrumbs > ol {
-  max-width: 1200px;
-  margin: 0 auto;
-  padding-inline: 2rem;
-}
 @media (min-width: 768px) {
   .breadcrumbs { padding-block: 1.25rem 0.75rem; }
 }
 .breadcrumbs ol {
   list-style: none;
-  padding: 0;
-  margin: 0;
+  max-width: 1200px;
+  margin: 0 auto;
+  padding: 0 2rem;
   display: flex;
   flex-wrap: wrap;
   gap: 0.4rem;