/* The shared header (tm-chrome.css) on the old pages (site.css), until each is rebuilt. The old black nav was fixed, so
   each old page starts with its own gap for it (a 50 px margin or a 50 to 70 px padding). The new header sits in the
   page's flow on phones, so that gap goes; on laptops it floats as a pill reaching 84 px down, so the pages whose first
   card or heading started higher get enough room for it. Only the element straight after the header is touched. */

@media (max-width: 959px) {
  .tm-head + .black-section-wrapper, .tm-head + .white-section-wrapper, .tm-head + .white-section-wrapper-2 { margin-top:0 !important; }
  .tm-head + .careers-root, .tm-head + .hp-root, .tm-head + .mt-root { padding-top:0 !important; }
  /* prelim prep sizes its hero frame from --nav-h, the old nav's height over the hero; the bar now sits above it */
  .tm-head + .pp-root { --nav-h:0px; }
}

@media (min-width: 960px) {
  .tm-head + .hero-green-bg { padding-top:28px !important; }
  .tm-head + .trial-page { padding-top:48px !important; }
  .tm-head + .pp-root { --nav-h:84px; }
  .tm-head + .pp-root .hva-card { top:calc(50% + var(--nav-h) / 2); }
  /* careers: its dark hero runs up under the pill, as the timetable's does, instead of under a paper strip */
  .tm-head + .careers-root { padding-top:0 !important; }
  .tm-head + .careers-root .hero .wrap { padding-top:120px; }
}