/* Shared screen palette for the imported library, lessons and experience. */
@media screen {
  :root, body, body.session-page {
    color-scheme: dark;
    --paper: #15191d;
    --surface: #1e252b;
    --ink: #dde4e9;
    --muted: #a5b1bb;
    --line: #3e4a54;
    --accent: #8ccfdf;
    --tint: #293740;
    --magenta: #ed91bd;
    --focus: #8ccfdf;
    --code-paper: #101519;
    --code-ink: #dde4e9;
    color: var(--ink);
    background: var(--paper);
  }
  html { background: #15191d !important; color-scheme: dark !important; }
  a, .command-lab-entry a, .catalog-item > a, .catalog-sources a, .explanation-content a { color: #8ccfdf; }
  input, select, textarea, .scene-navigation select, .scene-navigation button,
  .restart-button, #previous-step {
    color: #dde4e9;
    background-color: #1e252b;
    border-color: #3e4a54;
  }
  input::placeholder, textarea::placeholder { color: #9caab5; }
  .site-header, .site-footer, .step-instruction, .explanation,
  .catalog, .catalog-item, .option-glossary dd,
  .session-pane > h2, .session-table {
    color: #dde4e9;
    background: #1e252b;
    border-color: #3e4a54;
  }
  .catalog-group, .option-glossary dt, .session-table th,
  .example-table .is-current-row > td, .gui-address {
    color: #dde4e9;
    background: #293740;
    border-color: #3e4a54;
  }
  .intro p, .catalog > p, .catalog-kind, .catalog-group summary small,
  .catalog #catalog-count, .catalog #legacy-count, .source-label, footer,
  .workspace-action p, .step-position, .section-label, .explanation-step-label {
    color: #a5b1bb;
  }
  .catalog-group, .catalog-group[open] summary, .catalog-item,
  .option-glossary, .option-glossary dt, .option-glossary dd, footer {
    border-color: #3e4a54;
  }
  .explanation-content code, .explanation-content pre {
    color: #dde4e9;
    background: #101519;
  }
  .gui-frame, .gui-buttons span {
    color: #dde4e9;
    background: #242e35;
    border-color: #4c5e69;
  }
  .scene-navigation button:hover:not(:disabled), .restart-button:hover,
  #previous-step:hover:not(:disabled) { background: #293740; }
  .scene-navigation button:disabled, #previous-step:disabled {
    color: #8d9ba6;
    background: #1a2025;
  }
  :focus-visible { outline-color: #8ccfdf; }
  /* Put both dividers above a shared number/title baseline. */
  .session-page .explanation-step, .session-page .terminal-entry,
  .session-page [data-composer] {
    border-top: 1px solid #444;
    padding-top: .6rem;
    margin-top: 1.1rem;
  }
  .session-page .explanation-step h3, .session-page .terminal-divider {
    display: flex;
    align-items: flex-start;
    min-height: 1.65rem;
    line-height: 1.65rem;
    margin: 0 0 .8rem;
    gap: 0;
  }
  .session-page .explanation-step h3 > span, .session-page .terminal-divider > span {
    flex: none;
    min-width: 1.7rem;
    font: 400 .8rem/1.65rem var(--mono);
    color: #a5b1bb;
  }
  .session-page [data-composer] > .terminal-divider { margin-top: 0; }
  .session-page .terminal-divider::after { display: none; }
}