:root { --manual-mint: #6ce5d0; }
[data-md-color-scheme="slate"] {
  color-scheme: dark;
  --md-default-bg-color: #171717;
  --md-default-fg-color: #d2dbe4;
  --md-default-fg-color--light: #acb9c7;
  --md-primary-fg-color: #161616;
  --md-accent-fg-color: #6ce5d0;
  --md-typeset-a-color: #6ce5d0;
  --md-code-bg-color: #222;
  --md-footer-bg-color: #131313;
}
body, input, button { font-family: "Segoe UI", system-ui, sans-serif; }
code, pre { font-family: Consolas, monospace; }
.md-grid { max-width: 78rem; }
.md-header { border-bottom: 1px solid #363636; box-shadow: none; }
.md-typeset { font-size: .8rem; line-height: 1.5; }
.md-typeset h1, .md-typeset h2 { color: #edf3f8; font-weight: 600; }
.md-typeset a { color: var(--manual-mint); }
.md-typeset a:hover { color: #b0f7e9; }
.md-typeset table:not([class]) { font-size: .74rem; background: #1d1d1d; }
.md-typeset table:not([class]) th { background: #282828; }
.md-nav { font-size: .73rem; }
.md-nav__link--active { font-weight: 650; }
.eyebrow { color: var(--manual-mint); font-size: .62rem; font-weight: 700; letter-spacing: .16em; }
.manual-hero { padding: 1.3rem 1.5rem; border: 1px solid #414141; border-radius: 12px; background: linear-gradient(90deg, rgba(12, 18, 22, .72), rgba(12, 18, 22, .35)), url("../assets/images/psyscope-pro-cover.jpg") center / cover no-repeat, #212121; }
.md-typeset .manual-hero h1 { font-size: clamp(2rem, 4vw, 3.35rem); margin: 0 0 .6rem; }
.md-typeset .md-button { border-radius: 5px; padding: .56em 1em; font-size: .7rem; margin: .4rem .4rem .3rem 0; }
.md-typeset .md-button--primary { color: #102322; background: var(--manual-mint); border-color: var(--manual-mint); }
.md-typeset a:focus-visible { outline: 2px solid var(--manual-mint); outline-offset: 3px; }
.md-typeset .manual-capture { margin: 1rem 0 1.2rem; max-width: none; text-align: left; }
.manual-capture a { display: inline-block; max-width: 100%; }
.manual-capture img { display: block; max-width: 100%; height: auto; border: 1px solid #3c4547; border-radius: 4px; }
.manual-capture img[src$="/show-menu.png"] { width: 155px; }
.manual-capture img[src$="/sync-channels.png"] { width: 143px; }
.manual-capture img[src$="/sync-settings.png"] { width: 270px; }
.manual-capture img[src$="/filter.png"] { width: 154px; }
.manual-capture img[src$="/fft-settings.png"] { width: 327px; }
.manual-capture:has(img[src$="/navigation.gif"]) { width: 50%; }
.manual-capture:has(img[src$="/meters-drag.gif"]) { width: 50%; }
.manual-capture img[src$="/meters-split.gif"] { width: 70px; max-width: 100%; }
.manual-capture img[src$="/values-data.png"] { width: 110px; }
.manual-capture:has(img[src$="/skin-editor.png"]) { width: 650px; max-width: 100%; }
.manual-capture img[src$="/skin-controls.png"] { width: 360px; }
.manual-capture:has(img[src$="/lufs-all-crop.png"]) { width: 25%; }
.lufs-detail-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); column-gap: 1.2rem; row-gap: .6rem; align-items: start; }
.md-typeset .lufs-detail-layout .manual-capture { display: contents; }
.lufs-detail-layout .manual-capture > a { grid-column: 1; grid-row: 1 / span 2; }
.md-typeset .lufs-detail-layout figcaption { grid-column: 2; grid-row: 1; margin: 0; }
.lufs-detail-layout > div { grid-column: 2; grid-row: 2; }
.lufs-detail-layout p:first-child { margin-top: 0; }
@media (max-width: 600px) {
  .lufs-detail-layout { display: block; }
  .md-typeset .lufs-detail-layout .manual-capture { display: block; width: 50%; margin-bottom: 1rem; }
}
.manual-capture:has(img[src$="/zoom-drag.gif"]) { width: 50%; }
.manual-capture:has(img[src$="/scale-drag.gif"]) { width: 50%; }
.manual-capture:has(img[src$="/fft-collisions.gif"]),
.manual-capture:has(img[src$="/fft-bars.gif"]) { width: 50%; }
.manual-capture:has(img[src$="/fft-spectrogram.png"]) { width: 50%; }
.md-typeset .gesture-pair .manual-capture { width: 100%; }
.manual-capture:has(img[src$="/product-ballistics.png"]) { width: 50%; }
.manual-capture:has(img[src$="/product-delta-mode.png"]) { width: 50%; }
.md-typeset .manual-capture:has(img[src$="/interpolation-strip.png"]) { display: block; width: 100%; max-width: 100%; min-width: 0; }
.manual-capture a:has(img[src$="/interpolation-strip.png"]) { display: block; width: 100%; }
.manual-capture img[src$="/interpolation-strip.png"] { width: 100%; max-width: 100%; }
.md-typeset .manual-capture figcaption { margin: .4rem 0 0; max-width: none; font-size: .68rem; color: #acb9c7; font-style: normal; }
.product-origin { display: block; margin-top: .2rem; color: #a1b0b7; font-size: .6rem; }
.capture-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.peak-examples { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin: 1rem 0; }
.md-typeset .peak-examples .manual-capture { margin: 0; }
.peak-examples img { width: 240px; }
.peak-examples .manual-capture a { display: flex; align-items: center; height: 75px; }
@media (max-width: 600px) { .peak-examples { grid-template-columns: minmax(0, 1fr); } }
.interface-gesture-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; margin: 1.8rem 0; }
.interface-gesture-columns > div { min-width: 0; }
.md-typeset .interface-gesture-columns h2 { margin-top: 0; }
.md-typeset .interface-gesture-columns .manual-capture { width: 100%; }
.md-typeset .interface-gesture-columns #resize-the-meter-displays { margin-top: 1.5rem; }
.meter-split-detail { display: grid; grid-template-columns: 70px minmax(0, 1fr); gap: 1rem; align-items: start; }
.md-typeset .meter-split-detail .manual-capture { width: 70px; margin: 0; }
.meter-split-detail figcaption { display: none; }
.meter-split-detail p:first-child { margin-top: 0; }
@media (max-width: 760px) { .interface-gesture-columns { grid-template-columns: minmax(0, 1fr); } }
.filter-controls-layout { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 1.2rem; align-items: start; margin: 1rem 0; }
.md-typeset .filter-controls-layout .manual-capture { display: block; margin: 0; }
.filter-controls-description p:first-child { margin-top: 0; }
@media (max-width: 600px) { .filter-controls-layout { grid-template-columns: minmax(0, 1fr); } }
.display-mode-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin: 1.2rem 0; }
.display-mode-card { min-width: 0; padding: .7rem; border: 1px solid #3c4547; border-radius: 5px; }
.md-typeset .display-mode-card h2 { margin: 0 0 .6rem; font-size: 1.2em; }
.md-typeset .display-mode-card .manual-capture { display: block; width: 100%; margin: 0 0 .7rem; }
.display-mode-card p:last-child { margin-bottom: 0; }
@media (max-width: 600px) { .display-mode-grid { grid-template-columns: minmax(0, 1fr); } }
.md-typeset .capture-pair .manual-capture { margin: .6rem 0; min-width: 0; }
.toolbar-guide td:first-child { min-width: 10rem; vertical-align: middle; }
.toolbar-guide td:first-child img { display: block; max-width: none; height: auto; }
.toolbar-guide td:first-child a { display: inline-block; vertical-align: middle; }
@media (max-width: 600px) { .capture-pair { grid-template-columns: minmax(0, 1fr); } }

/* Native interface regions, drawn as a linked schematic rather than a screenshot. */
.scope-map { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: .4rem; margin: 1rem 0 1.5rem; padding: .7rem; border: 1px solid #41494b; border-radius: 9px; background: #121616; }
.scope-map-heading { grid-column: 1 / -1; display: flex; justify-content: space-between; flex-wrap: wrap; gap: .3rem; margin-bottom: .2rem; color: #9bb2bc; font-size: .5rem; letter-spacing: .12em; }
.md-typeset .scope-map-zone { display: flex; flex-direction: column; min-width: 0; gap: .2rem; padding: .5rem .6rem; border: 1px solid #414b4e; border-radius: 4px; background: #242a2c; color: #b4c6d0; font-size: .58rem; line-height: 1.45; text-decoration: none; }
.md-typeset a.scope-map-zone:hover { border-color: var(--manual-mint); background: #303b3d; color: #d7e8ec; }
.scope-map-zone strong { color: #e4eef0; font-size: .68rem; font-weight: 600; }
.scope-map-number { color: var(--manual-mint); font-size: .52rem; font-weight: 700; letter-spacing: .08em; }
.scope-map-analysis { grid-column: 1 / 10; grid-row: 2; min-height: 9rem; justify-content: flex-start; overflow: hidden; }
.scope-map-wave { width: 100%; height: 4.5rem; margin-top: auto; }
.scope-map-wave path { fill: none; vector-effect: non-scaling-stroke; }
.scope-map-grid { stroke: #455457; stroke-width: 1; }
.scope-map-trace { stroke: #ef5261; stroke-width: 1.8; }
.scope-map-secondary { stroke: #ffb75e; stroke-width: 1.3; opacity: .65; }
.scope-map-meters { grid-column: 10 / -1; grid-row: 2 / 4; align-items: flex-start; }
.scope-map-meter-art { display: flex; align-items: flex-end; gap: .3rem; flex: 1; min-height: 3rem; margin: .4rem 0; }
.scope-map-meter-art i { display: block; height: 3.3rem; width: .55rem; border: 1px solid #bca45c; background: repeating-linear-gradient(to top, #d8b15b 0 3px, #30383a 3px 5px); }
.scope-map-meter-art i + i { height: 2.7rem; }
.scope-map-optional { color: #93aab4; font-size: .52rem; }
.md-typeset .scope-map-zoom { grid-column: 1 / 10; grid-row: 3; flex-direction: row; flex-wrap: wrap; align-items: center; column-gap: .5rem; padding-top: .35rem; padding-bottom: .35rem; }
.scope-map-scroll { width: 100%; height: .35rem; border: 1px solid #556365; background: linear-gradient(to right, #384144 12%, #6c8586 12% 74%, #384144 74%); }
.md-typeset .scope-map-sounds { grid-column: 1 / -1; flex-direction: row; align-items: center; flex-wrap: wrap; gap: .35rem .7rem; }
.scope-map-sound-names { display: inline-flex; gap: .55rem; color: #ef5261; font-weight: 600; }
.scope-map-sound-names span:nth-child(2) { color: #ffb75e; }
.scope-map-sound-names span:nth-child(3) { color: #aab5ff; }
.scope-map-groups, .scope-map-modes, .scope-map-sync, .scope-map-scale, .scope-map-capture, .scope-map-tools { grid-column: span 2; }
.scope-map-tool-links { display: flex; flex-wrap: wrap; gap: .2rem .5rem; }
.scope-map-tool-links a { text-decoration: underline; text-underline-offset: .15em; }
.md-typeset .scope-map-help { grid-column: 1 / -1; flex-direction: row; align-items: center; flex-wrap: wrap; gap: .3rem .65rem; padding-top: .35rem; padding-bottom: .35rem; background: #1c2325; }
@media (max-width: 760px) {
  .scope-map-groups, .scope-map-modes, .scope-map-sync, .scope-map-scale, .scope-map-capture, .scope-map-tools { grid-column: span 4; }
}
@media (max-width: 480px) {
  .scope-map { padding: .45rem; gap: .3rem; }
  .scope-map-heading { flex-direction: column; }
  .scope-map-analysis, .md-typeset .scope-map-zoom { grid-column: 1 / 9; }
  .scope-map-meters { grid-column: 9 / -1; }
  .scope-map-groups, .scope-map-modes, .scope-map-sync, .scope-map-scale, .scope-map-capture, .scope-map-tools { grid-column: span 6; }
  .md-typeset .scope-map-zone { padding: .4rem; }
  .scope-map-zone strong { font-size: .63rem; }
}