/* ============================================================================
   shared-reconcile.css - where the two design bundles disagree, and who wins
   ----------------------------------------------------------------------------
   `shared.css` and `shared-responsive.css` are generated from the FIRST design
   bundle (the 11 Sep homepage export). Every screen built since comes from the
   21 Sep handoff, and on a handful of GLOBAL values the two bundles differ -
   the header, the footer and the base typography are shared, so one of the two
   has to win.

   Phase 3 found each of these by measuring a built screen against its own
   export, not by reading the files. Each rule below is therefore a decision,
   with the measurement that produced it, and it is hand-written rather than
   generated: the generated files are each bundle's own 1:1 contract and must
   keep saying what their bundle said.

   Loads immediately after shared-responsive.css and before any screen's own
   responsive block, so a screen that genuinely wants something else still wins.

   This file is empty of anything but reconciliations. A value that belongs to
   one screen belongs in that screen's block, not here.
   ============================================================================ */

/* ---------------------------------------------------------- 1. the footer bar
   The bar under the footer columns - the copyright line and the credit - stacks
   at 1200px in the first bundle and at 768px in the newer one. Measured on
   location-sharjah and again on trainer-silvia: at 1099 the design draws one
   row and the theme drew two, on every page of the site.

   Adopting the newer bundle means two rules, not one: the 1200px override in
   shared-responsive.css has to be undone between 769px and 1200px before the
   newer breakpoint can take over. */
@media (max-width: 1200px) {
    #ffroot .footbar {
        flex-direction: row;
        gap: normal;
    }
}

@media (max-width: 768px) {
    #ffroot .footbar {
        flex-direction: column;
        gap: 8px;
    }
}

/* ------------------------------------------------------------------- 2. h1
   The first bundle takes h1 to 2.25rem at 768px, the newer one to 2.5rem.
   Measured on trainer-silvia, whose h1 came out 36px against the design's 40px.

   It is the only element-typography rule the two bundles disagree on - checked
   rule by rule across the whole newer screen, 1 of 4 - so this is the whole of
   the reconciliation, not the first instalment of it. */
@media (max-width: 768px) {
    #ffroot h1 {
        font-size: 2.5rem;
    }
}