/* What the copied list header needs in order to render on a themed page.
 *
 * `static/site/listhead.css` is Tom's file byte for byte and is not edited.
 * That file is a document on its own: its `*{margin:0;padding:0}` reset is
 * the only thing setting those properties, so it wins by default. On a real
 * page the 996kB theme is also loaded, and a plain element selector beats the
 * universal one -- so the theme's own rules come back through. This sheet is
 * the difference, and nothing else.
 *
 * Loaded straight after listhead.css, so it is a delta rather than an
 * override fight, and every rule in it is under `.lh-` and cannot reach
 * anything but the header.
 */

/* The theme gives every h1 a bottom margin -- 18.4px at a 1440 window, more
 * as its root font-size steps up -- which the file's reset removes and the
 * theme puts back. It made the band 90px at 1440 and 94 below it, against the
 * 86 its own comment specifies. */
.lh-band h1 { margin: 0; }

/* A filter row sets no font-size of its own and inherits one: 16px from the
 * file's body, 13.8px from the theme's rem-based root. The labels and counts
 * carry their own sizes and were unaffected, but the row's line box was not. */
.lh-row { font-size: 16px; }

/* ROUND 4, ITEM 2: the 30px header-area rule, for the pages that carry this
 * header. They do not load `header.css` -- their band is not a `.ttc-hdr` --
 * so the same four numbers are set here, and only here.
 *
 * The header BOX on these pages is the band and the filter row together: the
 * file puts the filter 3px under the band on purpose, and that 3 is inside
 * the component, not the gap below it. So the 30 goes under `.lh-wrap`.
 */
main.center { padding-top: 0; }
.gt-block.advertising-banner { margin-top: 30px; margin-bottom: 0; }
.gt-block.advertising-banner:has(.ads-banner-slot:not([style])) { display: none; }
section.lh-band { margin-top: 30px; }
.lh-wrap { margin-bottom: 30px; }

/* The design file gives the section heading `margin-top:34px`, and at 1024 and
 * above that collapses with the 30 under the filter row to 34 -- 4px outside
 * the locked rule's tolerance. Item 2 is explicit and carries a fail
 * threshold, so the locked 30 wins and the heading's own margin gives way.
 * Below 1024 the file already says 24, which collapses to 30 on its own and
 * needs nothing. Recorded as a deviation from the file in the report. */
@media (min-width: 1024px) {
  .lh-sec { margin-top: 0; }
}