/* =====================================================
 * Custom Reveal.js theme overrides for HIHI presentation
 *
 * Goals:

 *   • Maintain reveal.js default slide sizing (16:9) and alignment.
 *   • Present each slide as a white “card” centred on a blue gradient backdrop.
 *   • Provide equal margins on all sides, with graceful overflow for long content.
 *   • Do not alter font sizes or content positioning set by Quarto/reveal.js.
 *
 * These styles draw on the working layout from an earlier “old.css” where
 * the slides were centred, padded and scrollable. The key is to style
 * the section element directly (as the card) instead of using a pseudo-
 * element. This keeps Reveal’s scaling and navigation intact.
 */

/* Brand colour definitions */
:root {
  --brand-blue: #33bbfc;
  --brand-blue-dark: #129ad9;
  --canvas-bg: #ffffff;
  --text-color: #0f2d3a;
  --shadow: 0 20px 60px rgba(0, 0, 0, 0.18), 0 8px 24px rgba(0, 0, 0, 0.12);
  --radius: 22px;
}

/* Global background gradient with faded shadow effect */
.reveal {
  /* Multi-layer gradient for depth and fade effect */
  background:
    /* Vignette shadow effect from edges */
    radial-gradient(ellipse at center, transparent 0%, rgba(0, 0, 0, 0.15) 100%),
    /* Subtle light spots for interest */
    radial-gradient(circle at 15% 20%, rgba(255, 255, 255, 0.08) 0%, transparent 40%),
    radial-gradient(circle at 85% 80%, rgba(18, 154, 217, 0.25) 0%, transparent 45%),
    /* Main gradient with fade */
    linear-gradient(145deg,
      #3BC4FF 0%,           /* Brighter top-left */
      #33bbfc 25%,          /* Main brand blue */
      #2eb5f5 50%,          /* Slightly darker middle */
      #2aacee 75%,          /* Fading */
      #26a3e5 100%          /* Darker bottom-right for depth */
    );
  color: var(--text-color);
}

/* Centre the entire slide deck within the viewport. Without this,
   each slide can appear to shift downward when the content size varies.

   These properties mirror the effective behaviour of Reveal’s own centering
   and were used in the working “old.css”.

   On mobile screens we override these values to allow the slides to fill
   the viewport naturally (see media query below). */

.reveal .slides {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}

/* White card styling for every slide. Instead of using a ::before pseudo-
   element, the section itself becomes the card. The margin creates equal
   space on all four sides, independent of content length. Padding adds
   breathing room around the slide content. The max-height with overflow
   ensures very long slides can scroll internally without affecting the
   positioning of subsequent slides. */

/* DESKTOP ONLY - All custom card styling wrapped in media query */
@media screen and (min-width: 769px) {
  .reveal .slides section {
    background: var(--canvas-bg);
    border-radius: var(--radius);
    /* Enhanced shadow for depth against faded background */
    box-shadow:
      0 25px 80px rgba(0, 0, 0, 0.25),
      0 10px 35px rgba(0, 0, 0, 0.15),
      0 5px 15px rgba(0, 0, 0, 0.1);
    /* Fixed height for all slides */
    height: 65vh;
    /* horizontal size leaves 2vw on each side (4vw total) - increased from 8vw */
    width: calc(100% - 4vw);
    /* Equal vertical margins */
    margin-top: 0vh;
    margin-bottom: 19.0vh;
    margin-left: 2vw;
    margin-right: 2vw;
    /* Desktop padding - reduced horizontal padding */
    padding: 3rem 3.5rem 2rem 3.5rem;
    overflow-y: auto;
    overflow-x: hidden;
    /* Use flexbox with top alignment to avoid bottom empty space */
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
}

/* MOBILE ONLY - Clean slate, let Reveal.js handle most of it */
@media screen and (max-width: 768px) {
  /* Force blue gradient background on mobile - override Reveal.js theme */
  html,
  body,
  .reveal,
  .reveal-viewport {
    /* Same beautiful gradient background as desktop */
    background:
      /* Vignette shadow effect from edges */
      radial-gradient(ellipse at center, transparent 0%, rgba(0, 0, 0, 0.15) 100%),
      /* Subtle light spots for interest */
      radial-gradient(circle at 15% 20%, rgba(255, 255, 255, 0.08) 0%, transparent 40%),
      radial-gradient(circle at 85% 80%, rgba(18, 154, 217, 0.25) 0%, transparent 45%),
      /* Main gradient with fade */
      linear-gradient(145deg,
        #3BC4FF 0%,
        #33bbfc 25%,
        #2eb5f5 50%,
        #2aacee 75%,
        #26a3e5 100%
      ) !important;
    height: 100vh !important;
    width: 100vw !important;
  }

  /* Mobile card styling: retain the white card, border radius and
     subtle shadow while allowing the slide to fill the narrow viewport.
     Use margins to create breathing room around the card. */
  .reveal .slides section {
    background: var(--canvas-bg) !important;
    border-radius: var(--radius) !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25),
      0 6px 20px rgba(0, 0, 0, 0.12) !important;
    /* Centre the card horizontally by using auto margins on left and right. */
    margin: 4vh auto !important;
    /* Leave 10vw total horizontal margin (5vw each side) */
    width: 90vw !important;
    /* Allow the card to expand vertically but not exceed the viewport */
    height: auto !important;
    max-height: calc(100vh - 8vh) !important;
    padding: 1.25rem 1rem !important;
    overflow-y: auto;
    overflow-x: hidden;
    /* Center content vertically within the card - same as desktop */
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
  }

  /* Override the global slide centring on small screens.  When the
     viewport is narrow, the absolute centring used on desktop causes
     the slides to be partially off-screen.  Revert to relative
     positioning so the deck fills the viewport naturally. */
  .reveal .slides {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    transform: none !important;
    width: 100% !important;
    height: 100vh !important;
  }

  /* ================================================================
   * MOBILE - MATCH DESKTOP CONFIGURATION EXACTLY
   * Same individual slide classes and styling as desktop
   * ================================================================ */

  /* Apply all individual slide classes on mobile (same as desktop) */

  /* Slide 2: Title & Outcome - Mobile */
  .reveal .slide-title-outcome h1 {
    font-size: 1.6em !important;
    margin-bottom: 1.2rem !important;
    margin-top: 0 !important;
  }
  .reveal .slide-title-outcome p,
  .reveal .slide-title-outcome li {
    font-size: 0.8em !important;
    line-height: 1.35 !important;
  }

  /* Slide 3: Healthcare Need - Mobile */
  .reveal .slide-healthcare-need h1 {
    font-size: 1.5em !important;
    margin-bottom: 1.2rem !important;
    margin-top: 1.2rem !important;
  }
  .reveal .slide-healthcare-need p,
  .reveal .slide-healthcare-need li {
    font-size: 0.75em !important;
    line-height: 1.3 !important;
  }

  /* Slide 4: Intervention - Mobile */
  .reveal .slide-intervention h1 {
    font-size: 1.5em !important;
    margin-bottom: 1.2rem !important;
    margin-top: 1.2rem !important;
  }
  .reveal .slide-intervention p,
  .reveal .slide-intervention li {
    font-size: 0.75em !important;
    line-height: 1.3 !important;
  }

  /* Slide 5: Collaboration - Mobile */
  .reveal .slide-collaboration h1 {
    font-size: 1.5em !important;
    margin-bottom: 1.2rem !important;
    margin-top: 0 !important;
  }
  .reveal .slide-collaboration p,
  .reveal .slide-collaboration li {
    font-size: 0.75em !important;
    line-height: 1.3 !important;
  }

  /* Slide 6: Workflow - Mobile */
  .reveal .slide-workflow h1 {
    font-size: 1.45em !important;
    margin-bottom: 1.2rem !important;
    margin-top: 0 !important;
  }
  .reveal .slide-workflow p,
  .reveal .slide-workflow li {
    font-size: 0.75em !important;
    line-height: 1.3 !important;
  }

  /* Slide 7: Data & PETs - Mobile */
  .reveal .slide-data-pets h1 {
    font-size: 1.5em !important;
    margin-bottom: 1.2rem !important;
    margin-top: 0 !important;
  }
  .reveal .slide-data-pets p,
  .reveal .slide-data-pets li {
    font-size: 0.75em !important;
    line-height: 1.3 !important;
  }

  /* Slide 8: Integration - Mobile */
  .reveal .slide-integration h1 {
    font-size: 1.5em !important;
    margin-bottom: 1.2rem !important;
    margin-top: 0 !important;
  }
  .reveal .slide-integration p,
  .reveal .slide-integration li {
    font-size: 0.75em !important;
    line-height: 1.3 !important;
  }

  /* Slide 9: Evidence - Mobile */
  .reveal .slide-evidence h1 {
    font-size: 1.5em !important;
    margin-bottom: 1.2rem !important;
    margin-top: 0 !important;
  }
  .reveal .slide-evidence p,
  .reveal .slide-evidence li {
    font-size: 0.75em !important;
    line-height: 1.3 !important;
  }

  /* Slide 10: Regulatory - Mobile */
  .reveal .slide-regulatory h1 {
    font-size: 1.45em !important;
    margin-bottom: 1.2rem !important;
    margin-top: 0 !important;
  }
  .reveal .slide-regulatory p,
  .reveal .slide-regulatory li {
    font-size: 0.75em !important;
    line-height: 1.3 !important;
  }

  /* Slide 11: Pilot Plan - Mobile */
  .reveal .slide-pilot h1 {
    font-size: 1.5em !important;
    margin-bottom: 1.2rem !important;
    margin-top: 0 !important;
  }
  .reveal .slide-pilot p,
  .reveal .slide-pilot li {
    font-size: 0.75em !important;
    line-height: 1.3 !important;
  }

  /* Slide 12: Team - Mobile */
  .reveal .slide-team h1 {
    font-size: 1.45em !important;
    margin-bottom: 1.2rem !important;
    margin-top: 0 !important;
  }
  .reveal .slide-team p,
  .reveal .slide-team li {
    font-size: 0.75em !important;
    line-height: 1.3 !important;
  }

  /* Slide 13: The Ask - Mobile */
  .reveal .slide-ask h1 {
    font-size: 1.5em !important;
    margin-bottom: 1.2rem !important;
    margin-top: 0 !important;
  }
  .reveal .slide-ask p,
  .reveal .slide-ask li {
    font-size: 0.75em !important;
    line-height: 1.3 !important;
  }

  /* Slide 14: Demo - Mobile */
  .reveal .slide-demo h1 {
    font-size: 1.5em !important;
    margin-bottom: 1.2rem !important;
    margin-top: 0 !important;
  }
  .reveal .slide-demo p,
  .reveal .slide-demo li {
    font-size: 0.75em !important;
    line-height: 1.3 !important;
  }

  /* Slide 15: References - Mobile */
  .reveal .slide-references h1 {
    font-size: 1.5em !important;
    margin-bottom: 1.2rem !important;
    margin-top: 0 !important;
  }
  .reveal .slide-references p,
  .reveal .slide-references li {
    font-size: 0.7em !important;
    line-height: 1.25 !important;
  }

  /* Appendix Slides - Mobile */
  .reveal .slide-appendix-dataflows h1,
  .reveal .slide-appendix-kpis h1,
  .reveal .slide-appendix-interop h1,
  .reveal .slide-appendix-methods h1,
  .reveal .slide-appendix-governance h1,
  .reveal .slide-appendix-commercial h1 {
    font-size: 1.45em !important;
    margin-bottom: 1.2rem !important;
    margin-top: 0 !important;
  }

  .reveal .slide-appendix-dataflows p,
  .reveal .slide-appendix-dataflows li,
  .reveal .slide-appendix-kpis p,
  .reveal .slide-appendix-kpis li,
  .reveal .slide-appendix-interop p,
  .reveal .slide-appendix-interop li,
  .reveal .slide-appendix-methods p,
  .reveal .slide-appendix-methods li,
  .reveal .slide-appendix-governance p,
  .reveal .slide-appendix-governance li,
  .reveal .slide-appendix-commercial p,
  .reveal .slide-appendix-commercial li {
    font-size: 0.75em !important;
    line-height: 1.3 !important;
  }

  /* ================================================================
   * END MOBILE CONFIGURATION
   * ================================================================ */
}

/* DESKTOP ONLY - Title slide */
@media screen and (min-width: 769px) {
  .reveal .slides section.title-slide {
    /* Title slide can be centered since it has more content */
    justify-content: center;
    /* Title slide gets slightly more padding than other slides */
    padding: 4rem 4rem 2rem 4rem;
  }
}

/* MOBILE ONLY - Title slide */
@media screen and (max-width: 768px) {
  .reveal .slides section.title-slide {
    padding: 2rem 1.5rem !important;
  }
}

/* DESKTOP ONLY - Add spacing between author and date on title slide */
@media screen and (min-width: 769px) {
  .reveal .slides section.title-slide .author {
    margin-bottom: 5rem !important;  /* More space after company name */
  }

  .reveal .slides section.title-slide .date {
    margin-top: 3rem !important;  /* More space before date */
  }
}

/* MOBILE ONLY - Reduce spacing on mobile */
@media screen and (max-width: 768px) {
  .reveal .slides section.title-slide .author {
    margin-bottom: 2rem !important;
  }

  .reveal .slides section.title-slide .date {
    margin-top: 1rem !important;
  }

}

/* Typography colours: keep heading/link colours aligned with the brand
   palette. Font sizes are left untouched so that Quarto defaults apply. */
.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
  color: var(--brand-blue-dark);
}

/* Reduce heading sizes slightly so that slides with long titles and lists fit more comfortably.  These values are
   tuned to be smaller than the defaults without sacrificing readability. */
/* Aggressively reduce heading sizes to prevent overflow */
.reveal h1 {
  font-size: 1.9em;
  margin-bottom: 0.5rem;
}
/* Set a moderate size for second- and third-level headings globally.  Lower
   values help long slide titles fit within one line. */
.reveal h2 {
  font-size: 1.7em;
  margin-bottom: 0.5rem;
}
.reveal h3 {
  font-size: 1.4em;
  margin-bottom: 0.4rem;
}

/* Slightly reduce font size for paragraphs and list items to mitigate overflow on content-heavy slides. */
/* Reduce body and list text size slightly more to help accommodate long content */
/* Base font size for paragraphs and list items */
.reveal p, .reveal li {
  font-size: 0.78em;
  line-height: 1.35;
}

.reveal p, .reveal li, .reveal table {
  color: var(--text-color);
}

/* Prevent text overlap globally */
.reveal p {
  margin-bottom: 0.5rem;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.reveal ul, .reveal ol {
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.reveal a, .reveal a:visited {
  color: var(--brand-blue-dark);
  text-decoration: none;
  border-bottom: 1px solid rgba(18, 154, 217, 0.35);
}

.reveal a:hover {
  border-bottom-color: rgba(18, 154, 217, 0.9);
}

/* For all slides except the title slide, tighten up heading and body sizes further
   to ensure long titles fit on one line and content does not overflow. */
.reveal .slides section:not(.title-slide) h1 {
  font-size: 1.85em;
  line-height: 1.08;
  margin-bottom: 6.9rem;
  margin-top: 3.9rem;
}
.reveal .slides section:not(.title-slide) h2 {
  font-size: 1.15em;
  line-height: 1.08;
  margin-bottom: 0.5rem;
  margin-top: 0;
}
.reveal .slides section:not(.title-slide) h3 {
  font-size: 1.0em;
  line-height: 1.08;
  margin-bottom: 0.4rem;
  margin-top: 0;
}
.reveal .slides section:not(.title-slide) p,
.reveal .slides section:not(.title-slide) li {
  font-size: 0.75em;
  line-height: 1.28;
  margin-bottom: 0.35rem;
}
.reveal .slides section:not(.title-slide) ul,
.reveal .slides section:not(.title-slide) ol {
  margin-top: 0.3rem;
  margin-bottom: 0.3rem;
  line-height: 1.2;
}

/* Adjust list spacing and ensure bullets don't touch the card edge. */
.reveal ul, .reveal ol {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  line-height: 1.28;
  max-width: 75ch;
}

/* Tighter spacing for list items */
.reveal li {
  margin-bottom: 0.15rem;
  margin-top: 0;
}

/* Remove ALL indentation from bibliography container */
.reveal #refs {
  padding: 0 !important;
  margin: 0 !important;
}
.reveal #refs div,
.reveal #refs .csl-entry,
.reveal #refs p {
  padding-left: 0 !important;
  margin-left: 0 !important;
  text-indent: 0 !important;
}

/* Code blocks and tables remain within the card boundaries with subtle styles */
.reveal pre, .reveal code {
  color: #0e2a36;
  background: #f3f7fb;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.reveal table {
  border-collapse: separate;
  border-spacing: 0;
  background: var(--canvas-bg);
  border-radius: 14px;
  overflow: hidden;
  box-shadow: var(--shadow);
}

.reveal table th, .reveal table td {
  padding: 0.6rem 0.9rem;
  border-bottom: 1px solid #eef3f7;
}

.reveal table tr:last-child td {
  border-bottom: 0;
}

/* Slide numbers with improved contrast on the blue backdrop */
.reveal .slide-number {
  background: #ffffff !important;  /* Solid white background */
  color: #000000 !important;
  border-radius: 999px;
  padding: 10px 16px !important;
  box-shadow:
    0 8px 24px rgba(0, 0, 0, 0.3),
    0 4px 12px rgba(0, 0, 0, 0.2),
    0 0 0 2px rgba(18, 154, 217, 0.2) !important;  /* Blue border for visibility */
  font-weight: 700 !important;  /* Extra bold */
  font-size: 0.3em !important;
  z-index: 1000 !important;
}

/* Drop shadow on the logo for better visibility on the blue gradient */
.reveal .slide-logo {
  filter: drop-shadow(0 6px 16px rgba(0, 0, 0, 0.25));
  max-height: 60px !important;  /* Enlarged from default ~80px */
  max-width: 120px !important;   /* Maintain aspect ratio */
}

/* =====================================================
 * INDIVIDUAL SLIDE CLASSES - Custom font sizing per slide
 * Apply these classes in index.qmd using {.class-name}
 * ===================================================== */

/* Slide 2: Title & Outcome */
.reveal .slide-title-outcome h1 {
  font-size: 1.9em !important;
  margin-bottom: 3.2rem !important;
  margin-top: 6.2rem !important;
}
.reveal .slide-title-outcome p,
.reveal .slide-title-outcome li {
  font-size: 0.85em !important;
  line-height: 1.6 !important;
}

/* Slide 3: The Healthcare Need */
.reveal .slide-healthcare-need h1 {
  font-size: 1.4em !important;
  margin-bottom: 2.0rem !important;
  margin-top: 1.0rem !important;
}
.reveal .slide-healthcare-need p,
.reveal .slide-healthcare-need li {
  font-size: 0.85em !important;
  line-height: 1.6 !important;
}

/* Slide 4: Our Intervention */
.reveal .slide-intervention h1 {
  font-size: 1.5em !important;
  margin-bottom: 2.0rem !important;
  margin-top: 1.0rem !important;
}
.reveal .slide-intervention p,
.reveal .slide-intervention li {
  font-size: 0.85em !important;
  line-height: 1.6 !important;
}

/* Slide 5: Collaboration Focus */
.reveal .slide-collaboration h1 {
  font-size: 1.5em !important;
  margin-bottom: 2.0rem !important;
  margin-top: 1.0rem !important;
}
.reveal .slide-collaboration p,
.reveal .slide-collaboration li {
  font-size: 0.85em !important;
  line-height: 1.6 !important;
}

/* Slide 6: Clinical Workflow */
.reveal .slide-workflow h1 {
  font-size: 1.5em !important;
  margin-bottom: 2.0rem !important;
  margin-top: 1.0rem !important;
}
.reveal .slide-workflow p,
.reveal .slide-workflow li {
  font-size: 0.85em !important;
  line-height: 1.6 !important;
}

/* Slide 7: Data & PETs */
.reveal .slide-data-pets h1 {
  font-size: 1.5em !important;
  margin-bottom: 2.0rem !important;
  margin-top: 1.0rem !important;
}
.reveal .slide-data-pets p,
.reveal .slide-data-pets li {
  font-size: 0.85em !important;
  line-height: 1.6 !important;
}

/* Slide 8: Integration & IT */
.reveal .slide-integration h1 {
  font-size: 1.5em !important;
  margin-bottom: 2.0rem !important;
  margin-top: 1.0rem !important;
}
.reveal .slide-integration p,
.reveal .slide-integration li {
  font-size: 0.85em !important;
  line-height: 1.6 !important;
}

/* Slide 9: Evidence & Metrics */
.reveal .slide-evidence h1 {
  font-size: 1.5em !important;
  margin-bottom: 2.0rem !important;
  margin-top: 1.0rem !important;
}
.reveal .slide-evidence p,
.reveal .slide-evidence li {
  font-size: 0.85em !important;
  line-height: 1.6 !important;
}

/* Slide 10: Regulatory & Governance */
.reveal .slide-regulatory h1 {
  font-size: 1.5em !important;
  margin-bottom: 2.0rem !important;
  margin-top: 1.0rem !important;
}
.reveal .slide-regulatory p,
.reveal .slide-regulatory li {
  font-size: 0.85em !important;
  line-height: 1.6 !important;
}

/* Slide 11: Pilot Plan */
.reveal .slide-pilot h1 {
  font-size: 1.5em !important;
  margin-bottom: 2.0rem !important;
  margin-top: 1.0rem !important;
}
.reveal .slide-pilot p,
.reveal .slide-pilot li {
  font-size: 0.85em !important;
  line-height: 1.6 !important;
}

/* Slide 12: Team & Differentiators */
.reveal .slide-team h1 {
  font-size: 1.5em !important;
  margin-bottom: 2.0rem !important;
  margin-top: 1.0rem !important;
}
.reveal .slide-team p,
.reveal .slide-team li {
  font-size: 0.85em !important;
  line-height: 1.6 !important;
}

/* Slide 13: The Ask */
.reveal .slide-ask h1 {
  font-size: 1.5em !important;
  margin-bottom: 2.0rem !important;
  margin-top: 1.0rem !important;
}
.reveal .slide-ask p,
.reveal .slide-ask li {
  font-size: 0.85em !important;
  line-height: 1.6 !important;
}

/* Slide 14: Demo & Next Steps */
.reveal .slide-demo h1 {
  font-size: 1.5em !important;
  margin-bottom: 2.0rem !important;
  margin-top: 1.0rem !important;
}
.reveal .slide-demo p,
.reveal .slide-demo li {
  font-size: 0.85em !important;
  line-height: 1.6 !important;
}

/* Slide 15: References - EXACTLY like other slides */
.reveal .slide-references h1 {
  font-size: 1.5em !important;
  margin-bottom: 1.2rem !important;
  margin-top: 0 !important;
}
.reveal .slide-references p,
.reveal .slide-references li {
  font-size: 0.75em !important;
  line-height: 1.3 !important;
  margin-bottom: 0.35rem !important;
}

/* Appendix Slide 1: Q&A Data Flows */
.reveal .slide-appendix-dataflows h1 {
  font-size: 1.5em !important;
  margin-bottom: 2.0rem !important;
  margin-top: 1.0rem !important;
}
.reveal .slide-appendix-dataflows p,
.reveal .slide-appendix-dataflows li {
  font-size: 0.85em !important;
  line-height: 1.6 !important;
  margin-bottom: 0.35rem !important;
}

/* Appendix Slide 2: KPIs & Baselines */
.reveal .slide-appendix-kpis h1 {
  font-size: 1.5em !important;
  margin-bottom: 2.0rem !important;
  margin-top: 1.0rem !important;
}
.reveal .slide-appendix-kpis p,
.reveal .slide-appendix-kpis li {
  font-size: 0.95em !important;
  line-height: 1.5 !important;
  margin-bottom: 0.15rem !important;
}

/* Appendix Slide 3: Interoperability */
.reveal .slide-appendix-interop h1 {
  font-size: 1.5em !important;
  margin-bottom: 1.0rem !important;
  margin-top: 0.8rem !important;
}
.reveal .slide-appendix-interop p,
.reveal .slide-appendix-interop li {
  font-size: 0.55em !important;
  line-height: 1.3 !important;
  margin-bottom: 0.35rem !important;
}

/* Appendix Slide 4: Methods */
.reveal .slide-appendix-methods h1 {
  font-size: 1.5em !important;
  margin-bottom: 2.0rem !important;
  margin-top: 1.0rem !important;
}
.reveal .slide-appendix-methods p,
.reveal .slide-appendix-methods li {
  font-size: 0.85em !important;
  line-height: 1.6 !important;
  margin-bottom: 0.35rem !important;
}

/* Appendix Slide 5: Governance & Risk */
.reveal .slide-appendix-governance h1 {
  font-size: 1.5em !important;
  margin-bottom: 3.0rem !important;
  margin-top: 1.0rem !important;
}
.reveal .slide-appendix-governance p,
.reveal .slide-appendix-governance li {
  font-size: 0.95em !important;
  line-height: 1.9 !important;
  margin-bottom: 0.15rem !important;
}

/* Appendix Slide 6: IP & Commercial */
.reveal .slide-appendix-commercial h1 {
  font-size: 1.5em !important;
  margin-bottom: 2.0rem !important;
  margin-top: 1.0rem !important;
}
.reveal .slide-appendix-commercial p,
.reveal .slide-appendix-commercial li {
  font-size: 0.85em !important;
  line-height: 1.6 !important;
  margin-bottom: 0.35rem !important;
}

/* Mobile adjustments - minimal overrides, let Reveal.js handle most of it */
@media screen and (max-width: 768px) {
  /* Slightly reduce logo on very small screens */
  .reveal .slide-logo {
    max-height: 50px !important;
    max-width: 120px !important;
  }
}

/* Print/PDF export: remove shadows and apply a light border around slides */
@media print {
  .reveal {
    background: #ffffff !important;
  }
  .reveal .slides section {
    box-shadow: none;
    border: 1px solid #e5eef5;
  }
}