/* ── HLRS Branding ── */
    :root {
      --hlrsLightBlue: rgb(0,178,233);
      --hlrsDarkBlue : rgb(29,61,145);
      --hlrsYellow   : rgb(248,234,66);
      --hlrsGreen    : rgb(187,208,55);
      --hlrsRed      : rgb(232,70,21);
      --hlrsTurquoise: rgb(162,214,217);
      --hlrsGrey     : rgb(248,248,248);
      --codeBG:      rgb(248, 248, 248);
      --hlrs-light:   rgb(255, 255, 255);
      --hlrs-black:   rgb(0, 0, 0);
      --hlrsAccent:  rgb(232,70,21);
      --hlrsGray:    rgb(248, 248, 248);
      --codeBG:      rgb(248, 248, 248);
    }

   .reveal {
      font-family: "Overpass", "Overpass", Overpass, Overpass;
      font-size: 22px;
      color: #000000;
	  text-align: left;
    }

	.reveal .slides section {
	  text-align: left;          /* ← overrides reveal.js default centering */
	}

	.reveal h1, .reveal h2 {
	  text-align: center;
	}

    /* Slide titles */
    .reveal h1, .reveal h2, .reveal h3 {
      color: var(--hlrsLightBlue);
      font-weight: 700;
      text-transform: none;
    }
    .reveal h1 { font-size: 2.0em; }
    .reveal h2 { font-size: 1.5em; }
    .reveal h3 { font-size: 1.1em; color: var(--hlrsDarkBlue); }

    /* Section separator slides */
    .reveal section.separator {
      display: block;
      justify-content: flex-start !important;
      padding: 3em !important;
      font-size: 1.45em;
      text-align: left;
      color: white;
    }
    .reveal section.separator h1,
    .reveal section.separator h2 {
      color: white;
      border: none;
      font-size: 1.8em;
      -webkit-text-stroke: 4px black;
      paint-order: stroke fill;
    }
    .reveal section.separator p {
      color: white;
	  text-align: center;
      border: none;
      -webkit-text-stroke: 2px black;
      paint-order: stroke fill;
    }

    /* Title slide */
    .reveal section.title-slide {
      background: linear-gradient(135deg, var(--hlrsDarkBlue), var(--hlrsLightBlue));
      color: white;
    }
    .reveal section.title-slide h1 { color: white; font-size: 2.5em; border: none; }
    .reveal section.title-slide p   { color: #c0d0e0; font-size: 0.9em; }

.reveal .slides section table {
  margin-left: 0 !important;
  margin-right: auto !important;
}

.reveal pre {
  margin-left: 0 !important;
  margin-right: auto !important;
}