/* ROUND 135, ITEM 2: THE DISCLAIMER'S MARGINS UNDER /recipes/.
 *
 * WHAT IS WRONG, MEASURED on /recipes/easy-salsa/ at 1440 before the change.
 * The recipe card's content column is one pair of lines and every block on
 * the page sits on them:
 *
 *     .ttc-v2            x=79   w=957   the card
 *     .embed             x=79   w=957   padding 56 left / 64 right  (--pad-l/r)
 *     .box.ing           x=135  w=542   the ingredients box  -- starts at 135
 *     .box.too           x=701  w=271   the tools box        -- ends   at 972
 *     section.ttc-policy-embed  x=135  w=837                 -- 135 to 972. right.
 *     #ttc-policy-small-disclaimer (the iframe)  x=173  w=760   <-- WRONG
 *
 * The section is on the column. The DISCLAIMER INSIDE IT IS NOT: the theme
 * pads `.content .text` by 38.4px on every side, so the policy iframe starts
 * 38px right of the ingredients box and ends 38px left of the tools box. That
 * is the "too large" -- not a margin the disclaimer sets, but the theme's box
 * padding on a block that is not a box.
 *
 * WHY IT HAS IT AND NOTHING ELSE DOES. `section.gt-block.text.without-box`
 * is the THEME'S OWN opt-out from that 38.4px padding, and every other block
 * of this shape on the site carries `without-box`. app/recipepage.py's
 * DISCLAIMER_EMBED is built as `gt-block text ttc-policy-embed` -- the
 * without-box is simply not on it.
 *
 * WHY THIS SHEET AND NOT THAT CLASS. Adding `without-box` in recipepage.py
 * would be the smaller diff and it is the wrong one here: that class changes
 * the block's VERTICAL padding too (38.4 top and bottom), and round 69
 * measured the space above and below this embed deliberately and settled it.
 * This item is "margins too large", and what measures too large is the two
 * SIDES. So the sides come off and round 69's vertical rhythm is left exactly
 * as it measured it. Anything else would be undoing a measured decision with
 * no measurement asking for it.
 *
 * ---------------------------------------------------------------------
 * THE REVISION PASS CHANGES THE TARGET. Tom: "Make the disclaimer box's
 * padding match the SEO-article paragraph block (the grey rounded
 * `.content .text` box, e.g. 'Selecting the Bread for the Bread Pudding
 * Recipe') -- EQUAL left, right, top and bottom insets, so it sits in the
 * page with the same rhythm as a body paragraph."
 *
 * SO THE FIRST BUILD'S ANSWER IS REPLACED, not adjusted. It took the two
 * SIDES off (padding-left/right: 0) so the disclaimer ran the full width of
 * the ingredients-to-tools column, 135 -> 972. That is "not too large", and
 * it is not what was asked for: a block with no side inset is not the same
 * rhythm as a paragraph block with one.
 *
 * THE BLOCK TOM NAMES, MEASURED on /recipes/zemlovka-apple-bread-pudding/ at
 * 1440, by finding the heading he quotes and walking up to the box it is in:
 *
 *     div.card    x=79  w=957   padding 48px top / 50px right /
 *                                       48px bottom / 50px left
 *                                radius 40px, background rgb(247,247,247)
 *
 * AND THE DISCLAIMER, on the same page, before this rule:
 *
 *     section.gt-block.text.ttc-policy-embed   x=135  w=837
 *       > .content > .text                     padding 38.4px on all sides
 *         > #ttc-policy-small-disclaimer       x=173  w=760
 *
 * 48px ON ALL FOUR SIDES, which is "equal" as asked and is the paragraph
 * block's own vertical inset. The block is 48/50/48/50 -- so it is not
 * itself equal, and one of its two numbers has to be the one. 48 is chosen
 * because the brief asks for EQUAL insets rather than for the block's exact
 * pair, and 48 is the number that appears on two of its four sides.
 *
 * WHAT THIS CHANGES THAT THE FIRST BUILD DID NOT TOUCH: the VERTICAL inset,
 * from 38.4px to 48px. Round 69 measured the space above and below this
 * embed and settled it, and the first build left it alone for that reason
 * and said so. This instruction asks for the top and bottom to match the
 * paragraph block, which is a decision about the same measurement -- so it
 * is taken, and the fact that it overrules round 69 is written here rather
 * than left for someone to discover.
 *
 * AFTER: the disclaimer's content runs 183 -> 924 with 48px above and below,
 * the same inset on all four sides, inside a section that still runs
 * 135 -> 972. The gate checks the four insets are equal AND that they are
 * the paragraph block's own 48, rather than checking the number 183 -- so
 * the day the column moves, the check moves with it.
 *
 * SCOPE, measured over all 233 published URLs fetched from the candidate:
 * #ttc-policy-small-disclaimer is on 172 pages, every one of them a
 * published recipe, and on 0 columns and 0 pages. All 172 take this rule.
 *
 * ITS OWN SWITCH: `site_r135_discrecipes`, OFF by default -- the sheet is
 * not linked at all until it is on.
 * ROLLBACK: site_r135_discrecipes off.
 */

/* THE PARAGRAPH BLOCK'S OWN INSET, EQUAL ON ALL FOUR SIDES. One declaration
   rather than four, so the four cannot drift apart. */
.ttc-v2 section.ttc-policy-embed > .content > .text {
  padding: 48px;
}

/* ON A PHONE the paragraph block pads less, and 48px of a 390px screen is a
   quarter of it. So the block is measured THERE TOO rather than assumed:
   at 390 the same grey box pads 26px top and bottom and 22px left and right.
   26px, by the same rule as the desktop value -- the vertical number, the
   one that appears on two of the four sides.

   THE FIRST VERSION OF THIS BLOCK SAID 20px, and 20px was a guess. It was
   caught by measuring the card at 390 before the claim went in the file. */
@media (max-width: 620px) {
  .ttc-v2 section.ttc-policy-embed > .content > .text {
    padding: 26px;
  }
}