/* ==========================================================================
   THE BOUYGUES DESIGN BASE — global element rules, ported design pages only.
   ==========================================================================

   Separate from `brand.css` for one reason: that file also loads on a CHECKOUT
   (it is what puts this brand's footer there), and these are `body` / `a` / `h1`
   rules — on a payment page they would restyle the form. Only `PartnerShell`
   loads this file, and only a ported design page goes through `PartnerShell`.

   Every declaration is the design export's own. Both exports carried a copy of
   this block and they had already drifted: the FAQ said the page ground was
   #fff, the landing said #f9f9f9. LIVE SAYS #f9f9f9 on both, measured, so that
   is the value kept and the FAQ page's own wrapper paints its white over it.

   Not here, because the foundation already owns them: `box-sizing` and the `img`
   reset (`foundation/reset.css`). The @font-face declarations are not here
   either — `public/assets/css/fonts.css` is the one file that declares every
   face, and it declares these three files as ONE "Bouygues Read" family with a
   400/500/600 weight axis. The exports redeclared the same files under four
   invented family names, so a weight change meant editing a family name; every
   rule here asks for a weight instead. */

html,
body {
  margin: 0;
  padding: 0;
  background: var(--brand-ground);
}

body {
  color: var(--brand-ink);
  font-family: var(--font-body);
  font-size: 14px;
  line-height: 1.5;
}

a {
  color: var(--brand-link);
  text-decoration: none;
}

a:hover {
  color: var(--brand-ink);
  text-decoration: none;
}

/* CENTRED HEADINGS are this design's own choice — the export sets it on every
   level, and live draws it. The page-title band overrides it back to `start`. */
h1,
h2,
h3,
h4,
h5 {
  margin: 0 0 0.5rem;
  font-family: var(--font-heading);
  font-weight: var(--weight-medium);
  line-height: 1.2;
  text-align: center;
}

p {
  margin: 0 0 1rem;
}

ul {
  margin: 0 0 1rem;
  padding-left: 2rem;
}

/* The FAQ accordions. `.faq-item` is the shared hook every partner's accordion
   carries — scoped rather than a bare `details`, because the header's language
   and plan menus are `<details>` too and would take the highlight. */
summary {
  list-style: none;
  cursor: pointer;
}

summary::-webkit-details-marker {
  display: none;
}

.faq-item[open] {
  box-shadow: inset 0 0 10px 2px rgb(240 240 240 / 100%);
}