/* OREC workshop deck — layers Simocean DOE theme + small org fixes.
 *
 * Dark (default): @import sea-stack-dark.css + #+REVEAL_THEME: black
 * Light:          @import sea-stack-light.css + #+REVEAL_THEME: white
 *
 * Match the protected-static DOE deck:
 *   simoceanxyz/public/protected-static/doe-updates/2025-q4/
 */

@import url("./sea-stack-dark.css");
/* @import url("./sea-stack-light.css"); */

/* ---------------------------------------------------------------------------
   Org / export hygiene (not in the Simocean theme)
   --------------------------------------------------------------------------- */

.reveal .tag {
  display: none !important;
}

.reveal .figure-number,
.reveal p:has(> .figure-number) {
  display: none !important;
}

.reveal div.figure {
  margin: 0.4em 0 0 0;
  padding: 0;
}

.reveal div.figure > p:first-child {
  margin: 0;
}

/* Inline HTML grids (capabilities slide) — keep readable on dark */
.reveal section div[style*="display:grid"] ul {
  text-align: left;
}

/* Tall workflow infographic — relax default 55vh cap from sea-stack theme */
.reveal section img[src*="workflow_seastack_vs_siloed"] {
  max-height: 78vh;
  width: auto;
  max-width: 96%;
  object-fit: contain;
}

/* Wide monthly-report TikZ PNG — theme caps img height; Org :width is overridden here
   (width:auto keeps aspect ratio). Tune max-height / max-width to fit the slide. */
.reveal section img[src*="architecture_tikz_monthly_report"] {
  display: block;
  margin: 0 auto;
  max-height: 58vh;
  width: auto;
  max-width: min(88vw, 1100px);
  height: auto;
  object-fit: contain;
}

/* TALOS Phase 10 taper-draft dashboard — wide PNG; relax default 55vh cap */
.reveal section img[src*="fig_talos_phase10_taper_draft_sweep"] {
  display: block;
  margin: 0 auto;
  max-height: 52vh;
  width: auto;
  max-width: min(88vw, 1000px);
  height: auto;
  object-fit: contain;
}

/* design_exploration_loop.svg — wide shallow strip; global max-height:55vh often
   dominates so Org #+ATTR_HTML :width feels like it “does nothing”. Keep width
   from the exported HTML attribute only; cap height here instead of 55vh. */
.reveal section img[src*="design_exploration_loop"] {
  display: block;
  margin: 0 auto;
  max-height: 32vh;
  height: auto;
  max-width: 100%;
  object-fit: contain;
}