/* ============================================================
   rhm.ae inner pages, in the home page's world (11 Nov 2026).

   Loaded LAST on every inner page (services, the nine service pages, the assessment,
   guides, careers, legal, 404), after each page's own <style>, so these rules win
   without touching each page's layout. It brings the pages into the same pale
   snowy world as the home page: a frost ground in tone steps, a top band that
   carries the real snow under a pale veil, labels in the text face, quiet
   headlines (no coloured accent words), cards as tone steps (no lines, no
   resting shadows), and the same navigation and footer.
   ============================================================ */

:root {
  --frost-0: #d3d8df;   /* the sky */
  --frost-1: #e2e6ec;
  --frost-2: #eef1f5;
  --frost-3: #f7f8fa;
  --n-ink: #0b1220;
  --n-text: rgba(11, 18, 32, 0.74);
  --n-label: #2a44b8;
}

html, body { background: var(--frost-2); }
body { color: var(--n-ink); }

/* ---------- navigation: frosted, like the home page once scrolled ---------- */
.nav-marketing {
  background: rgba(255, 255, 255, 0.82);
  backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
  border-bottom: 0; box-shadow: none;
}
.nav-marketing .btn, .nav-marketing .btn-ink { box-shadow: none; }
.nav-links a[aria-current], .nav-links a.active, .nav-links a.is-active { background: none; box-shadow: none; }

/* ---------- the top band: the real snow under a pale veil ---------- */
.page-hero, .svc-hero {
  background:
    linear-gradient(rgba(226, 230, 236, 0.84), rgba(226, 230, 236, 0.84)),
    url("../glass-next/tex/snow-color.jpg") center / 560px repeat;
  border-bottom: 0;
}
.page-hero::before, .page-hero::after, .svc-hero::before, .svc-hero::after { display: none; }

/* headlines speak in one colour; the words carry the emphasis */
.mark-underline em, .mark-underline .thin, h1 em, h2 em, .display em {
  color: inherit; background: none; font-style: normal;
}
.mark-underline em::after { display: none; }
.mark-underline .thin { font-weight: inherit; }

/* labels above headings: the text face, sentence case, full contrast */
.eyebrow-c {
  font-family: inherit; font-size: 15px; font-weight: 600; letter-spacing: 0;
  text-transform: none; color: var(--n-label);
}
.eyebrow-c::before { display: none; }

/* ---------- sections sit on the frost ground ---------- */
.svc-section, .svc-prose, .svc-capabilities, .svc-use-cases, .svc-related, .svc-faq,
.svc-detail-section, .pillar-prose, .faq-band, .offer-section, .prose-section,
.guides-section, .self-check { background: transparent; border: 0; }

/* the in-page contents bar */
.svc-toc { background: rgba(238, 241, 245, 0.92); border: 0; box-shadow: none; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.svc-toc-label { font-family: inherit; letter-spacing: 0; text-transform: none; font-size: 13px; }

/* ---------- cards: tone steps, no lines, no resting shadows ---------- */
.svc-detail-card, .svc-cap, .svc-related-card, .offer-card, .offer-fact,
.cta-band-card, .sc-shell {
  background: var(--frost-3); border: 0; box-shadow: none; border-radius: 14px;
}
.svc-detail-card:hover, .svc-related-card:hover, .svc-cap:hover { box-shadow: none; transform: none; background: #fff; }
.cta-band { background: transparent; border: 0; }

/* questions and answers: soft rows instead of ruled lines */
.faq-item, .svc-faq-item {
  background: var(--frost-3); border: 0; border-radius: 12px; margin-bottom: 8px; padding-left: 18px; padding-right: 18px;
}

/* buttons: flat */
.btn, .btn-ink, .btn-primary { box-shadow: none; }

/* ---------- footer: as on the home page ---------- */
.foot-col h4 { font-family: inherit; font-size: 14px; letter-spacing: 0; text-transform: none; color: #fff; }
.foot-base { border-top: 0; background: rgba(255, 255, 255, 0.04); }
.foot-base-inner { font-size: 13px; }

/* body text in the full ink, readable */
.svc-prose p, .pillar-prose p, .prose p, .svc-prose li, .prose li { color: var(--n-text); }

/* the headline's second voice (.thin) speaks in the same weight and colour */
.page-hero h1 .thin, .svc-hero h1 .thin, .page-hero h1 em, .svc-hero h1 em,
h1.mark-underline .thin, h1.mark-underline em, h2 .thin { color: var(--n-ink) !important; font-weight: inherit !important; opacity: 1; }

/* each page's own rules are stronger in a few places: these must win */
.eyebrow-c, .page-hero .eyebrow-c, .svc-hero .eyebrow-c {
  font-family: inherit !important; font-size: 15px !important; letter-spacing: 0 !important;
  text-transform: none !important; color: var(--n-label) !important;
}
.eyebrow-c::before, .eyebrow-c::after { display: none !important; }
h1 em, h2 em, h3 em, .sc-head em { color: inherit !important; font-style: normal !important; background: none !important; }

/* the guide's date line is plain text, not a card */
.guide-meta { background: none !important; font-family: inherit !important; letter-spacing: 0 !important; text-transform: none !important; font-size: 14px; color: var(--n-text); }