/* HSSM ecosystem brand tokens + shared helpers.
   VENDORED COPY — source of truth: https://github.com/lnccbrown/HSSMSpine
   (docs-brand/extra.css). Edit there and re-sync; local edits will be
   flagged as drift. */

/* -- palette (ocean = light/auto, slate = dark) -- */
[data-md-color-scheme="ocean"] {
  --md-primary-fg-color: #245c81;
  --md-accent-fg-color: #ec205b;
  --md-typeset-a-color: #338fb8;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #245c81;
  --md-accent-fg-color: #ec205b;
  --md-typeset-a-color: #00b4b5;
}

/* -- shared typography -- */
.md-typeset h1 {
  font-weight: 300;
}

h2 {
  font-weight: 700;
}

.md-typeset code {
  font-size: 0.7rem;
}

.md-typeset table:not([class]) {
  font-size: 0.7rem;
}

/* -- notebook output sizing (was inline in HSSM's main.html) -- */
pre {
  font-size: 0.7rem;
}

.jp-OutputArea-executeResult pre,
.jp-xr-text-repr-fallback pre,
.jupyter-wrapper .jp-RenderedText pre {
  font-size: 0.7rem !important;
}

.xr-sections {
  font-size: 0.7rem;
}

div .jp-RenderedText {
  font-size: 0.7rem !important;
}

/* -- header/sidebar tweaks -- */
.md-header-nav__title img {
  height: 200px;
  width: 200px;
}

div .md-sidebar__inner {
  margin-left: 0.2rem;
}

div .md-sidebar__inner nav .md-nav__list {
  margin-left: 0.2rem;
}

/* -- landing-page grid -- */
#wrapper {
  display: grid;
  grid-template-columns: 33.334% 66.667%;
}

#main-logo {
  text-align: center;
}

#main-title {
  padding-top: 1.3em;
  padding-left: 1em;
}

/* -- announcement-banner helpers (used by the shared main.html) -- */
.right-margin {
  margin-right: 10px;
}

@media screen and (min-width: 1220px) {
  .show-on-small {
    display: none;
  }
}

.move-down {
  transform: translate(0px, -5px);
  animation: down-movement 1000ms infinite ease-out;
}

@keyframes down-movement {
  to {
    transform: translate(0px, 5px);
  }
}

.question {
  color: pink;
  width: 35px;
  height: 35px;
}