:root {
  color-scheme: dark;
  --desk-ground: #0a0810;
  --desk-glass: #14101e;
  --desk-raised: #1a1425;
  --desk-ink: #f2ebf7;
  --desk-muted: #bcafcc;
  --desk-pink: #f3b2e1;
  --desk-lilac: #c9b1ff;
  --desk-circuit: #d6249f;
  --desk-violet: #7b3ff2;
  --desk-edge: #3d2c4a;
}
body { background: var(--desk-ground); color: var(--desk-ink); }
::selection { color: var(--desk-ink); background: #692557; }
a { color: var(--desk-pink); }
a:hover { color: #ffdbf0; }
button { color: var(--desk-ink); cursor: pointer; }
:focus-visible { outline: 3px solid var(--desk-lilac); outline-offset: 5px; }
[class$="-mast"] { border-bottom: 1px solid var(--desk-edge); position: relative; }
[class$="-mast"]::after { content: ""; position: absolute; width: 23%; height: 1px; bottom: -1px; left: 0; background: var(--desk-circuit); box-shadow: 0 0 15px #d6249f80; }
[class$="-mark"]::before { border: 1px solid var(--desk-circuit); border-radius: 50%; box-shadow: 0 0 13px #d6249f40; }
[class$="-mark"]::after { background: var(--desk-violet); }
[class$="-toggle"] { background: var(--desk-glass); border: 1px solid #5b3a67; border-radius: 99px; box-shadow: inset 0 1px 0 #ffffff07; }
[class$="-toggle"]:hover { border-color: var(--desk-pink); background: var(--desk-raised); }
[class$="-toggle"][aria-pressed="false"] { border-color: #7a5b96; }
[class$="-skip"] { background: var(--desk-glass); color: var(--desk-ink); border: 1px solid var(--desk-pink); border-radius: 99px; }
[class$="-breadcrumbs"] li + li::before { color: var(--desk-lilac); }
[class$="-breadcrumbs"] a { text-decoration: none; color: var(--desk-pink); background: var(--desk-glass); border: 1px solid var(--desk-edge); border-radius: 99px; }
[class$="-breadcrumbs"] li > span { color: var(--desk-muted); background: #15101d; border: 1px solid #302438; border-radius: 99px; }
[class$="-breadcrumbs"] li > span > span { border: 0; background: transparent; }
h1 { color: #ffe8f5; }
h1 em { color: var(--desk-lilac); }
h2, h3 { color: var(--desk-ink); }
[class$="-eyebrow"], [class$="-margin-cue"], [class$="-route-label"] { color: var(--desk-lilac); }
[class$="-intro"] { color: #d4c8df; }
[class$="-sheet"] { border-top: 1px solid var(--desk-edge); }
[class$="-margin"] { border-left: 1px solid var(--desk-violet); color: var(--desk-muted); }
[class$="-pair"] { background: var(--desk-glass); border: 1px solid #392442; border-left: 2px solid var(--desk-circuit); border-radius: 0 18px 18px 0; box-shadow: inset 0 1px 0 #ffffff04; }
[class$="-source"] { color: var(--desk-pink); }
[class$="-link"], [class$="-next-link"] { border: 1px solid #5d365c; border-radius: 99px; text-decoration: none; background: var(--desk-glass); }
[class$="-link"]:hover, [class$="-next-link"]:hover { border-color: var(--desk-pink); background: var(--desk-raised); }
[class$="-next"] { border: 1px solid #4e2b55; border-radius: 23px; background: var(--desk-glass); box-shadow: 0 0 35px #7b3ff209; }
[class$="-footer"] { border-top: 1px solid var(--desk-edge); color: var(--desk-muted); }
.wd-route-map { border: 1px solid #48264c; border-radius: 27px; background: var(--desk-glass); box-shadow: 0 0 50px #7b3ff20c, inset 0 1px 0 #ffffff08; }
.wd-route-map figcaption { color: var(--desk-ink); }
.wd-map-start { color: #d4c8df; }
.wd-node { border: 1px solid var(--desk-pink); background: #441a3a; border-radius: 50%; box-shadow: 0 0 14px #d6249f50; }
.wd-map-branches::before { background: var(--desk-circuit); box-shadow: 0 0 7px #d6249f30; }
.wd-map-link { background: var(--desk-raised); border: 1px solid #513050; border-radius: 99px; text-decoration: none; }
.wd-map-link::before { background: var(--desk-circuit); }
.wd-map-link:hover { border-color: var(--desk-pink); }
.wd-route-section { border-top: 1px solid var(--desk-edge); }
.wd-route { background: var(--desk-glass); border: 1px solid #38283f; border-radius: 21px; box-shadow: inset 0 1px 0 #ffffff05; }
.wd-route:nth-child(3n) { border-color: #48335e; }
.wd-route:hover { border-color: var(--desk-pink); background: var(--desk-raised); box-shadow: 0 0 26px #d6249f08; }
.wd-route-question { color: var(--desk-ink); }
.wd-route-detail { color: var(--desk-muted); }
.wd-route-arrow { color: var(--desk-pink); }
.wd-route:last-child { border-color: #69325b; }
.md-bill thead { color: var(--desk-pink); }
.md-bill tr { border-bottom: 1px solid var(--desk-edge); }
.md-bill tbody th { color: var(--desk-lilac); }
.sd-study-row { border-bottom: 1px solid var(--desk-edge); }
.sd-bar-track { border-radius: 99px; background: #352640; }
.sd-bar-track span { border-radius: 99px; background: var(--desk-circuit); box-shadow: 0 0 12px #d6249f25; }
.sd-bar-bladder { background: #9967f4 !important; }
.sd-bar-vein { background: #bd95e6 !important; }
a, button { transition: color .15s ease, background-color .15s ease, border-color .15s ease; }

@media (max-width: 650px) {
  [class$="-margin"] { background: #110d19; border: 1px solid #38264b; border-left: 2px solid var(--desk-violet); border-radius: 0 16px 16px 0; }
  [class$="-mast"]::after { width: 42%; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}
