/* ==========================================================================
   datetime.css — site-local additions, loaded after the four shared sheets.

   shared/styles/ is the design system and is not forked. This file exists for
   rules that are true of site-datetime's page shapes only, and it is loaded
   from src/templates/partials/head-extra.html, i.e. inside base.html's
   `head_extra` block, which renders after tokens/base/layout/calculator.css.
   Every custom property used here is declared in shared/styles/tokens.css.

   IT MUST NOT CHANGE ANY RESERVED AD GEOMETRY. --slot-h / --slot-w and the
   .ad-slot box model belong to layout.css; measured CLS is 0 and that is a
   constraint, not an outcome (Design-System.md section 5). Nothing below
   touches a slot's width, height or padding — only the space above one.
   ========================================================================== */

/* --------------------------------------------------------------------------
   P3 — 96px minimum separation between a navigation control and an ad.
   Ad-Placement-Policy.md section 4; AdSense-Compliance.md finding R4.

   The 16 hand-built tool pages emit `ul.quick-links`, a centred row of
   accent-coloured pill links. Before this rule the result slot was its
   immediately following sibling and the gap from the bottom of a pill to the
   top of the "Advertisement" label was 24px (.quick-links has no bottom
   margin; .ad-slot--result has margin-block: var(--sp-6)). A user reaching
   for a link 24px above a 300x250 is the exact pattern Google's prohibition
   on ads "adjacent to navigational or other action items" is written about.

   calculator.html now emits the "Rebuilt ... conventions last checked" line
   between the two. This adds the hairline rule and the space:

       pill bottom
         + --sp-4  (16px)  margin above the meta line
         + 1px     hairline rule
         + --sp-4  (16px)  padding below the rule
         + ~19px            the meta line itself at --fs-xs
         + --sp-16 (64px)  margin above the slot
       = ~116px to the top of the Advertisement label.

   The selector is deliberately chained: on a generated page there are no
   pills, so the meta line stays a plain date line and the slot keeps its
   normal --sp-6 margin. Only the pages with the adjacency problem pay for it.
   -------------------------------------------------------------------------- */

.quick-links + .page-head__meta {
  margin-top: var(--sp-4);
  padding-top: var(--sp-4);
  border-top: var(--bw) solid var(--border);
}

.quick-links + .page-head__meta + .ad-slot--result {
  margin-block-start: var(--sp-16);
}