/* ===========================================================================
   SERVICES PAGE
   The two care-tier cards and their Includes lists, which no other page has.

   Everything else this file used to do is gone. It carried a palette of its
   own (a warm off-white ground, cream text on the dark bands), a heading
   scale of its own, its own label sizes, its own section padding and its own
   container width. That is why Services never looked like the rest of the
   site. Colour, type and rhythm now come from site.css and the markup, the
   same as every other page, and only the card treatment lives here.

   Scoped to .page-services. Styling only; no wording on the page is touched.
   ========================================================================= */

.page-services {
  --line: rgba(17, 17, 17, 0.12);   /* the site hairline: black, faint */
  --hairline: rgba(17, 17, 17, 0.07); /* the lighter rule between rows */
}

/* ---- The two care-tier cards -------------------------------------------- */

.page-services .grid.md\:grid-cols-2 > * {
  background: #FFFFFF;
  border: 1px solid var(--line);
  border-radius: 3px;
  overflow: hidden;
  box-shadow: none;
}

/* The photographs are left exactly as they are everywhere else. This used to
   desaturate them, which made the two on this page look washed next to the
   same photographs elsewhere on the site. */
.page-services .grid.md\:grid-cols-2 img { border-radius: 0; }

/* ---- The Includes lists -------------------------------------------------- */

.page-services ul.space-y-2 { margin-top: 0; }

.page-services ul.space-y-2 li {
  display: block;
  padding: 7px 0;
  font-size: 15px;
  line-height: 1.45;
  border-bottom: 1px solid var(--hairline);
  text-indent: 0;
}

.page-services ul.space-y-2 li:last-child { border-bottom: 0; }
.page-services ul.space-y-2 li::before { content: none; }

/* ---- The closing caption on each card ------------------------------------ */

.page-services p.delivered-by {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.5;
}