/* No pure black on this site.
 *
 * The theme sets `a { color: #000 }` and `.share-line__label { color: #000 }`.
 * On a recipe that is every ingredient's shop link — thirty of them on the pan
 * pizza — sitting in a list whose own text is #1a2428, so the links read as a
 * different, harder colour than the words around them.
 *
 * #1a2428 is not a new colour: it is what `body`, every paragraph and every
 * heading on the site already compute to. Headings stay distinguished by
 * weight, which they already are (700), and not by being darker than the text.
 *
 * This is an override in our own stylesheet rather than an edit to the theme's:
 * that file is CookingHub's, reproduced byte for byte, and both the tokenised
 * and untokenised copies load this one — so the design-parity proof is
 * unaffected.
 */
a { color: #1a2428; }
.share-line__label { color: #1a2428; }

/* The recipe body has its own copy of the theme's rules, and that copy doubles
   its class names on purpose — `.ch-embed.ch-embed .ch-recipe.ch-recipe a` —
   so that nothing on a host page can reach into the embed by accident. A
   single `.ch-recipe a` loses to it four times over. The doubling is repeated
   here so the two are equal on specificity and this file wins on order, which
   it does: it is in the head and the embed's stylesheet is above it. */
.ch-embed.ch-embed .ch-recipe.ch-recipe a { color: #1a2428; }
.ch-embed.ch-embed .ch-recipe.ch-recipe .share-line__label { color: #1a2428; }
.ch-embed.ch-embed .ch-recipe.ch-recipe .cooking-control__text { color: #1a2428; }

/* Item 9's other half: a heading is told apart by weight, not by colour.
 *
 * The recipe's sub-headings inside Ingredients and Tools — "Pizza Dough:",
 * "Greasing:", "Sauce:", "Toppings:" — render at weight 300, which is exactly
 * the weight of the list under them, at 14.8px against the list's 13.9. They
 * read as another line of the list. The section headings above them are 700
 * and this brings the sub-headings into line with those.
 *
 * This is a deliberate departure from CookingHub's own rendering, on Tom's
 * instruction of 9 September; it changes no word and no structure, so the
 * recipe-text parity contract and the format audit are untouched.
 */
/* The rule being answered is
   `.ch-embed.ch-embed .ch-recipe.ch-recipe section#info .ingredients-tools h3`
   — an id and five classes. Matching it exactly and coming later is the only
   thing that beats it without `!important`. */
.ch-embed.ch-embed .ch-recipe.ch-recipe section#info .ingredients-tools h3 {
  font-weight: 700;
}
