/* Brand vars at :root for the menu-header background.
   EBS brand color (#3366CC) sourced from the EBS-RO site at
   https://sites.google.com/bitsoftware.ro/ebs-ro/home (active sidebar link).
   Switch the body + heading font stack to Roboto Condensed (loaded via
   Google Fonts in layouts/partials/custom-header.html). */
:root {
  --MENU-HEADER-BG-color: #3366CC;
  --MAIN-font: "Roboto Condensed", "Roboto Flex", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
  --MAIN-TITLES-font: "Roboto Condensed", "Roboto Flex", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
}

/* Denser body copy than Relearn's default 1rem. Headings use rem rooted at
   the unaffected <html>, so they keep their authored sizes — only body
   text and em-relative descendants shrink. */
body {
  font-size: 0.9rem;
}

/* Variant-scoped overrides for --MENU-HEADER-color and --PRIMARY-color. */
:root[data-r-theme-variant=auto],
:root[data-r-theme-variant=relearn-light],
:root[data-r-theme-variant=relearn-dark] {
  --MENU-HEADER-color: rgba(255, 255, 255, 1) !important;
  --PRIMARY-color: #3366CC !important;
}

/* Menu logo: smaller, bold, white. */
#R-logo.R-default .logo-title {
  font-size: 1.4em;
  font-weight: 700;
  color: rgba(255, 255, 255, 1);
}

/* Page H1: only slightly larger than H2, bold. */
#R-body #R-body-inner article h1 {
  font-size: 2.3rem;
  font-weight: 700;
}

/* Process tables: shrink the first (label) column so the second (content)
   column gets the remaining width. */
.tbl-content > table > tbody > tr > td:first-child {
  width: 1%;
  white-space: nowrap;
  padding-right: 1.5rem;
  vertical-align: top;
}

/* Row hover: subtle highlight on the row under the cursor for easier scanning. */
.tbl-content > table > tbody > tr:hover,
.tbl-content > table > tbody > tr:hover > td:first-child {
  background-color: rgba(51, 102, 204, 0.10);
}

/* Sidebar meta-area links (siteVersion etc., rendered by menu-footer.html).
   Smaller and muted so they do not compete with content sections. */
.ebs-meta-link {
  font-size: 0.85em;
  margin: 0.25rem 0;
}
.ebs-meta-link a {
  color: inherit;
  opacity: 0.75;
}
.ebs-meta-link a:hover {
  opacity: 1;
}

/* Per-page last-modified line in content footer */
.ebs-lastmod {
  font-size: 0.85em;
  opacity: 0.7;
  margin-top: 2rem;
}

/* Translation banner (EN pages without translation) */
.ebs-translation-banner {
  background: rgba(51, 102, 204, 0.10);
  border-left: 4px solid #3366CC;
  padding: 0.75rem 1rem;
  margin: 1rem 0;
  border-radius: 4px;
}

/* Reduce default-article horizontal padding so tables render
   with more usable width. */
#R-body-inner {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
@media screen and (max-width: 59.999rem) {
  #R-body-inner {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
