/* Dense, synthetic product workspaces within the watercolor story. */
.chapter.product.depth-product .product-wrap,
#the-record.depth-product .product-wrap {
  width: 100%;
  max-width: 1120px;
  justify-self: center;
  margin: 0 0 46px;
}
.chapter.product.depth-product .stage {
  grid-template-rows: auto auto;
  gap: 40px;
}
.chapter.product.depth-product .chapter-copy {
  width: 100%;
  max-width: 1120px;
  justify-self: center;
}
.depth-product .product-surface.depth-surface {
  height: auto;
  min-height: 0;
  overflow: visible;
  background: #fbfcfa;
  border: 1px solid #0f253832;
  border-radius: 5px;
  color: #0f2538;
  box-shadow: 0 10px 32px #0f253810;
}
.depth-workspace {
  --depth-ink: #0f2538;
  --depth-muted: #586b77;
  --depth-line: #dce3e3;
  --depth-sage: #6f775a;
  --depth-soft: #f0f3ee;
  position: relative;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  border-radius: 4px;
  color: var(--depth-ink);
  background: #fbfcfa;
  font: 12px/1.5 var(--sans, Inter, system-ui, sans-serif);
  text-align: left;
  letter-spacing: 0;
  isolation: isolate;
}
.depth-workspace *,
.depth-workspace *::before,
.depth-workspace *::after { box-sizing: border-box; }
.depth-workspace :is(h3, h4, p, dl, dd, ol) { margin: 0; }
.depth-workspace :is(h3, h4) {
  color: var(--depth-ink);
  font-family: var(--sans, Inter, system-ui, sans-serif);
  font-weight: 600;
  letter-spacing: -.015em;
  text-wrap: initial;
}
.depth-workspace :is(button, a) { -webkit-tap-highlight-color: transparent; }
.depth-workspace :is(button, a):focus-visible {
  position: relative;
  z-index: 3;
  outline: 3px solid #b8893a;
  outline-offset: -3px;
}
.depth-workspace [data-reveal] { opacity: 1; visibility: visible; }
.depth-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 54px;
  padding: 0 20px;
  background: #0f2538;
  color: #f7f3ec;
}
.depth-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -.01em;
}
.depth-brand img {
  display: block;
  width: 22px;
  height: 27px;
  object-fit: contain;
}
.depth-brand > span,
.depth-topbar > strong { font-size: 13px; font-weight: 600; }
.depth-tabs {
  display: flex;
  align-items: stretch;
  align-self: stretch;
  gap: 20px;
}
.depth-tabs a {
  display: inline-flex;
  align-items: center;
  min-height: 48px;
  padding: 2px 0 0;
  color: #d0d8d7;
  border-bottom: 3px solid transparent;
  font-size: 12px;
  line-height: 1.3;
  text-decoration: none;
  white-space: nowrap;
  transition: color .18s, border-color .18s;
}
.depth-tabs a:hover { color: #fff; }
.depth-tabs a:is([aria-current="page"], [aria-current="true"], .is-active) {
  color: #fff9ee;
  border-bottom-color: #b1bc9e;
}
.depth-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px 24px;
  padding: 19px 22px 15px;
}
.depth-toolbar > div { min-width: 0; }
.depth-workspace .depth-toolbar h3 { font-size: 19px; line-height: 1.3; }
.depth-toolbar p { margin-top: 4px; color: var(--depth-muted); font-size: 12px; }
.depth-replay,
.depth-show-all {
  display: none;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  gap: 7px;
  min-height: 44px;
  padding: 9px 13px;
  border: 1px solid #b8c4c9;
  border-radius: 4px;
  background: #fbfcfa;
  color: var(--depth-ink);
  font: 500 12px/1.4 var(--sans, Inter, system-ui, sans-serif);
  cursor: pointer;
  transition: background .18s, border-color .18s;
}
.depth-workspace.depth-motion .depth-replay { display: inline-flex; }
.depth-replay:hover,
.depth-show-all:hover { background: #edf2ed; border-color: var(--depth-sage); }
.depth-replay:disabled { opacity: .55; cursor: default; }
.depth-replay svg { width: 14px; height: 14px; }
.depth-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 14px;
  padding: 0 22px 15px;
  color: var(--depth-muted);
  font-size: 11px;
  line-height: 1.5;
}
.depth-meta > span:first-child {
  padding: 3px 7px;
  border: 1px solid #d5dcce;
  border-radius: 3px;
  color: #535f47;
  background: #f1f3ea;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .045em;
  text-transform: uppercase;
}
.depth-workspace .depth-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 5px 20px;
  padding: 11px 22px;
  border-top: 1px solid var(--depth-line);
  background: #f4f6f2;
  color: var(--depth-muted);
  font: 11px/1.5 var(--sans, Inter, system-ui, sans-serif);
}
.depth-footer > :is(p, span) { max-width: 100%; }
.depth-footer strong { color: #3f5948; font-weight: 500; }
.depth-footer a { color: var(--depth-ink); text-underline-offset: 3px; text-decoration: underline; }

/* Program Directory: several source records, then one selected detail. */
.depth-directory-grid {
  display: grid;
  grid-template-columns: minmax(235px, .85fr) minmax(0, 1.75fr);
  border-top: 1px solid var(--depth-line);
}
.depth-program-list {
  display: flex;
  flex-direction: column;
  gap: 7px;
  padding: 15px;
  border-right: 1px solid var(--depth-line);
  background: #f2f5f2;
}
.depth-program {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  width: 100%;
  min-height: 81px;
  padding: 12px 13px;
  border: 1px solid #d5dfdf;
  border-radius: 4px;
  background: #fbfcfa;
  color: var(--depth-ink);
  font: 12px/1.45 var(--sans, Inter, system-ui, sans-serif);
  text-align: left;
  cursor: pointer;
  transition: border-color .18s, background .18s, box-shadow .18s;
}
.depth-program strong { font-size: 13px; font-weight: 600; }
.depth-program span { color: var(--depth-muted); font-size: 11px; line-height: 1.45; }
.depth-program:hover { border-color: #99a88f; background: #f7faf5; }
.depth-program.is-selected {
  border-color: #6f775a;
  background: #eaf0e5;
  box-shadow: inset 3px 0 0 #6f775a;
}
.depth-program.is-selected strong { color: #2f503d; }
.depth-program-detail { min-width: 0; padding: 23px 25px 20px; }
.depth-workspace .depth-program-detail h4 { font-size: 22px; line-height: 1.3; }
.depth-program-detail > p { margin-top: 5px; color: var(--depth-muted); }
.depth-program-detail > .depth-chip { margin-bottom: 9px; }
.depth-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 24px;
  margin: 17px 0 0 !important;
}
.depth-facts > div { padding: 10px 0; border-top: 1px solid var(--depth-line); min-width: 0; }
.depth-facts dt { color: var(--depth-muted); font-size: 11px; line-height: 1.4; margin-bottom: 4px; }
.depth-facts dd { color: var(--depth-ink); font-size: 13px; line-height: 1.5; overflow-wrap: break-word; }
.depth-source-note {
  margin-top: 17px !important;
  padding: 10px 12px;
  border-left: 2px solid #8d977a;
  background: #f2f4ed;
  color: var(--depth-muted);
  font-size: 11px;
  line-height: 1.6;
}
.depth-source-note strong { color: #445e4d; font-weight: 500; }

/* Workload: every lane is present at every viewport size. */
.depth-summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0;
  margin: 0 22px 17px;
  padding: 12px 0;
  border-top: 1px solid var(--depth-line);
  border-bottom: 1px solid var(--depth-line);
}
.depth-summary > div {
  display: flex;
  align-items: baseline;
  gap: 8px;
  min-width: 0;
  padding: 0 24px;
  border-left: 1px solid var(--depth-line);
}
.depth-summary > div:first-child { padding-left: 0; border-left: 0; }
.depth-summary strong { font-size: 22px; line-height: 1.2; font-weight: 600; letter-spacing: -.03em; }
.depth-summary span { font-size: 11px; color: var(--depth-muted); }
.depth-lanes {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 13px;
  padding: 0 18px 18px;
}
.depth-lane {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-content: start;
  gap: 9px;
  min-width: 0;
  padding: 12px 10px 10px;
  border: 1px solid #e1e7e5;
  border-radius: 5px;
  background: #eff3f0;
}
.depth-workspace .depth-lane h4 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin: 0 1px 3px;
  font-size: 12px;
  line-height: 1.5;
  font-weight: 600;
}
.depth-lane h4 > :is(span, small) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  padding: 0 5px;
  border: 1px solid #d5dfd9;
  border-radius: 4px;
  background: #f9fbf8;
  color: #536657;
  font-size: 11px;
  font-weight: 500;
}
.depth-referral {
  position: relative;
  min-width: 0;
  padding: 11px 12px 9px;
  border: 1px solid #d7e0de;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 1px 1px #0f253806;
}
.depth-referral.is-story {
  border-color: #969f7b;
  background: #fafbf5;
  box-shadow: inset 3px 0 0 #7f8c60, 0 1px 2px #0f253808;
}
.depth-card-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 5px 7px;
  margin-bottom: 5px;
}
.depth-card-head > strong { font-size: 13px; font-weight: 600; letter-spacing: .01em; }
.depth-chip {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  padding: 3px 6px;
  border: 1px solid #d8e1de;
  border-radius: 3px;
  background: #eef3f0;
  color: #445c50;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.3;
  white-space: normal;
}
.depth-chip[data-tone="pending"] { color: #786030; background: #faf3e4; border-color: #e9dfc3; }
.depth-chip[data-tone="due"] { color: #87572e; background: #f9eee4; border-color: #ebd4bf; }
.depth-chip[data-tone="scheduled"] { color: #426051; background: #edf3eb; border-color: #d5e1d0; }
.depth-chip[data-tone="story"] { color: #455638; background: #edf1e2; border-color: #d5ddc4; }
.depth-workspace .depth-program-name { color: #425665; font-size: 11px; line-height: 1.4; margin-bottom: 7px; }
.depth-workspace .depth-card-next { color: var(--depth-ink); font-size: 12px; line-height: 1.45; margin: 0 0 9px; }
.depth-card-next > span { color: var(--depth-muted); }
.depth-card-foot {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 3px 8px;
  padding-top: 7px;
  border-top: 1px solid #e8edeb;
  color: var(--depth-muted);
  font-size: 10px;
  line-height: 1.4;
}
.depth-card-foot strong { font-weight: 500; color: #465b63; }
.depth-story-badge {
  display: inline-flex;
  padding: 2px 5px;
  border-radius: 2px;
  background: #e9eddd;
  color: #4a5c3e;
  font-size: 9px;
  line-height: 1.3;
  font-weight: 500;
}

/* An individual record keeps the surrounding queue and its recorded history. */
.depth-record-layout {
  display: grid;
  grid-template-columns: minmax(190px, .8fr) minmax(0, 2.45fr);
  border-top: 1px solid var(--depth-line);
}
.depth-queue {
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-width: 0;
  padding: 16px 13px;
  border-right: 1px solid var(--depth-line);
  background: #eff3f0;
}
.depth-workspace .depth-queue > h4 { margin: 0 3px 5px; color: #556964; font-size: 11px; font-weight: 500; }
.depth-queue-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: baseline;
  gap: 3px 7px;
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid #dce4e0;
  border-radius: 3px;
  background: #fbfcfa;
  color: var(--depth-ink);
  font-size: 11px;
  line-height: 1.4;
}
.depth-queue-row > strong { font-size: 12px; font-weight: 600; }
.depth-queue-row > span { color: var(--depth-muted); font-size: 10px; }
.depth-queue-row > small { grid-column: 1 / -1; color: var(--depth-muted); font-size: 10px; }
.depth-queue-row.is-selected,
.depth-queue-row.is-story,
.depth-queue-row[aria-current="true"] {
  border-color: #8f9d7b;
  background: #e8eee1;
  box-shadow: inset 3px 0 0 #77885f;
}
.depth-record-main { min-width: 0; padding: 20px 24px 22px; background: #fbfcfa; }
.depth-record-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 9px 15px;
  padding-bottom: 15px;
}
.depth-workspace .depth-record-heading h3 { font-size: 20px; line-height: 1.3; }
.depth-record-heading p { margin-top: 4px; color: var(--depth-muted); font-size: 11px; }
.depth-record-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 22px;
  margin: 0 0 17px !important;
}
.depth-record-fields > div { min-width: 0; border-top: 1px solid var(--depth-line); padding: 10px 0; }
.depth-record-fields dt { color: var(--depth-muted); font-size: 11px; line-height: 1.4; margin-bottom: 4px; }
.depth-record-fields dd { color: var(--depth-ink); font-size: 12px; line-height: 1.5; overflow-wrap: break-word; }
.depth-record-fields dd strong { font-weight: 600; }
.depth-handoff {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  margin: 0 0 18px;
  padding: 11px 13px;
  border: 1px solid #d7dfce;
  border-radius: 4px;
  background: #f0f3e9;
  color: #526343;
  font-size: 11px;
}
.depth-handoff :is([data-from], [data-to]) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  min-height: 31px;
  padding: 5px 8px;
  border: 1px solid #cbd7be;
  border-radius: 4px;
  background: #fcfdf8;
  color: #364e3c;
  font-size: 12px;
  font-weight: 600;
}
.depth-handoff [data-to] { border-color: #7f946e; background: #e6eddb; }
.depth-handoff > p { flex-basis: 100%; color: #5a6952; font-size: 11px; }
.depth-activity { min-width: 0; }
.depth-workspace .depth-activity h4 { margin-bottom: 10px; color: #43596a; font-size: 12px; }
.depth-activity ol { padding: 0; list-style: none; }
.depth-activity li {
  position: relative;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  column-gap: 13px;
  padding: 0 0 14px 17px;
  border-left: 1px solid #cfdacb;
  margin-left: 4px;
  min-width: 0;
}
.depth-activity li:last-child { padding-bottom: 0; border-left-color: transparent; }
.depth-activity li::before {
  content: "";
  position: absolute;
  left: -4px;
  top: 5px;
  width: 7px;
  height: 7px;
  border: 1px solid #859773;
  border-radius: 50%;
  background: #fbfcfa;
}
.depth-activity li:last-child::before { background: #7b8c67; }
.depth-activity time { color: var(--depth-muted); font-size: 10px; line-height: 1.8; white-space: nowrap; }
.depth-activity li > strong { font-size: 12px; font-weight: 500; line-height: 1.5; }
.depth-activity li > p { grid-column: 2; margin-top: 3px; color: var(--depth-muted); font-size: 11px; line-height: 1.5; }
.depth-activity li > div { min-width: 0; }
.depth-activity li > div > strong { font-size: 12px; font-weight: 500; }
.depth-activity li > div > p { margin-top: 3px; color: var(--depth-muted); font-size: 11px; line-height: 1.5; }

@media (min-width: 1200px) {
  .chapter.product.depth-product .stage { padding-top: calc(var(--nav-h) + 30px); padding-bottom: 116px; }
  .depth-product .product-art { inset: -36px -12px; height: calc(100% + 72px); }
}
@media (max-width: 959px) {
  .depth-topbar { padding: 0 16px; }
  .depth-tabs { gap: 15px; }
  .depth-toolbar { padding: 17px 17px 13px; }
  .depth-meta { padding: 0 17px 14px; }
  .depth-directory-grid { grid-template-columns: minmax(210px, .95fr) minmax(0, 1.6fr); }
  .depth-program-list { padding: 12px; }
  .depth-program-detail { padding: 20px; }
  .depth-summary { margin: 0 17px 14px; }
  .depth-summary > div { padding: 0 18px; }
  .depth-lanes { padding: 0 13px 14px; gap: 9px; }
  .depth-lane { padding: 10px 8px 8px; gap: 8px; }
  .depth-referral { padding: 10px 10px 8px; }
  .depth-record-layout { grid-template-columns: 185px minmax(0, 1fr); }
  .depth-record-main { padding: 19px 19px 20px; }
  .depth-record-fields { column-gap: 18px; }
  .depth-queue { padding: 14px 10px; }
}
@media (max-width: 759px) {
  .chapter.product.depth-product .stage { gap: 30px; padding-bottom: 106px; }
  .chapter.product.depth-product .product-wrap { margin-bottom: 30px; }
  .depth-topbar { flex-wrap: wrap; gap: 0 12px; padding: 11px 15px 0; }
  .depth-brand { min-height: 25px; }
  .depth-tabs { width: 100%; gap: 21px; margin-top: 3px; }
  .depth-tabs a { min-height: 42px; font-size: 11px; }
  .depth-toolbar { align-items: flex-start; padding: 16px 15px 12px; gap: 12px; }
  .depth-workspace .depth-toolbar h3 { font-size: 17px; }
  .depth-toolbar p { font-size: 11px; line-height: 1.55; }
  .depth-replay { font-size: 11px; padding: 9px 10px; }
  .depth-meta { padding: 0 15px 13px; font-size: 10px; gap: 7px; }
  .depth-directory-grid { grid-template-columns: minmax(0, 1fr); }
  .depth-program-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 12px;
    border-right: 0;
    border-bottom: 1px solid var(--depth-line);
  }
  .depth-program { min-height: 79px; padding: 10px 11px; gap: 4px; }
  .depth-program strong { font-size: 12px; line-height: 1.4; }
  .depth-program span { font-size: 10px; }
  .depth-program-detail { padding: 18px 17px; }
  .depth-workspace .depth-program-detail h4 { font-size: 20px; }
  .depth-facts { gap: 0 17px; margin-top: 15px !important; }
  .depth-facts > div { padding: 9px 0; }
  .depth-facts dt { font-size: 10px; }
  .depth-facts dd { font-size: 12px; }
  .depth-source-note { margin-top: 13px !important; font-size: 10px; padding: 9px 10px; }
  .depth-summary { margin: 0 15px 13px; padding: 10px 0; }
  .depth-summary > div { padding: 0 15px; gap: 6px; }
  .depth-summary strong { font-size: 20px; }
  .depth-summary span { font-size: 10px; }
  .depth-lanes { grid-template-columns: minmax(0, 1fr); gap: 10px; padding: 0 12px 14px; }
  .depth-lane { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 10px; gap: 8px; }
  .depth-workspace .depth-lane h4 { grid-column: 1 / -1; margin-bottom: 1px; }
  .depth-card-next { min-height: 2.9em; }
  .depth-record-layout { grid-template-columns: minmax(0, 1fr); }
  .depth-queue {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
    padding: 12px;
    border-right: 0;
    border-bottom: 1px solid var(--depth-line);
  }
  .depth-queue > h4 { grid-column: 1 / -1; }
  .depth-queue-row { grid-template-columns: minmax(0, 1fr); gap: 3px; padding: 8px 9px; }
  .depth-queue-row > span { font-size: 10px; }
  .depth-record-main { padding: 18px 17px 20px; }
  .depth-workspace .depth-record-heading h3 { font-size: 19px; }
  .depth-workspace .depth-footer { padding: 10px 15px; font-size: 10px; }
}
@media (max-width: 639px) {
  .depth-workspace.depth-ready:not(.depth-show-all-open) .depth-referral[data-extra="true"] { display: none; }
  .depth-workspace.depth-ready .depth-show-all { display: flex; margin: 0 12px 14px; width: calc(100% - 24px); }
  .depth-queue { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .depth-queue-row { grid-template-columns: minmax(0, 1fr) auto; gap: 3px 6px; }
  .depth-queue-row > span { grid-column: 1 / -1; }
  .depth-queue-row > small { grid-column: 2; grid-row: 1; }
}
@media (max-width: 479px) {
  .chapter.product.depth-product .stage { padding-left: 5vw; padding-right: 5vw; }
  .depth-toolbar { gap: 10px; }
  .depth-workspace .depth-toolbar h3 { font-size: 16px; }
  .depth-replay { padding: 8px; font-size: 10px; }
  .depth-meta > span:first-child { font-size: 9px; }
  .depth-summary { gap: 7px 0; }
  .depth-summary > div { flex: 1; display: grid; gap: 2px; padding: 0 10px; }
  .depth-summary strong { font-size: 19px; }
  .depth-summary span { font-size: 10px; line-height: 1.35; }
  .depth-lanes { padding: 0 9px 12px; gap: 9px; }
  .depth-lane { padding: 9px 7px 7px; gap: 7px; }
  .depth-referral { padding: 9px 9px 8px; }
  .depth-card-head { align-items: flex-start; gap: 5px; }
  .depth-card-head > strong { font-size: 12px; }
  .depth-chip { font-size: 9px; padding: 3px 5px; }
  .depth-workspace .depth-program-name { font-size: 10px; line-height: 1.4; margin-bottom: 6px; }
  .depth-workspace .depth-card-next { font-size: 11px; line-height: 1.5; }
  .depth-card-foot { font-size: 9px; padding-top: 6px; }
  .depth-program-detail { padding: 16px 14px; }
  .depth-facts { column-gap: 14px; }
  .depth-record-main { padding: 16px 14px 18px; }
  .depth-record-fields { column-gap: 14px; }
  .depth-record-fields dt { font-size: 10px; }
  .depth-record-fields dd { font-size: 12px; }
  .depth-activity li { grid-template-columns: 43px minmax(0, 1fr); column-gap: 8px; padding-left: 12px; }
  .depth-activity time { font-size: 9px; }
  .depth-activity li > p,
  .depth-activity li > div > p { font-size: 10px; }
  .depth-handoff { padding: 10px; gap: 7px 9px; font-size: 10px; }
}
@media (max-width: 359px) {
  .depth-tabs { gap: 15px; }
  .depth-tabs a { font-size: 10px; }
  .depth-program { padding: 9px; }
  .depth-program-list { padding: 9px; gap: 7px; }
  .depth-lane { grid-template-columns: minmax(0, 1fr); }
  .depth-card-next { min-height: 0; }
  .depth-referral { padding: 10px 11px; }
  .depth-workspace .depth-card-next { font-size: 12px; margin-bottom: 7px; }
  .depth-card-foot { font-size: 10px; }
  .depth-chip { font-size: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  .depth-workspace.depth-motion .depth-replay { display: none; }
  .depth-workspace :is(button, a) { transition: none; }
  .depth-workspace [data-reveal] { opacity: 1 !important; transform: none !important; }
  .depth-product .product-surface.depth-surface { opacity: 1 !important; clip-path: none !important; }
}
/* Align the compact queue with its nested identity / program / status markup. */
.depth-queue-title,.depth-queue-note{grid-column:1 / -1}
.depth-queue-title{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px}
.depth-queue-row{display:flex;flex-direction:column;align-items:stretch;gap:5px}
.depth-queue-row>div{display:flex;justify-content:space-between;gap:8px}
.depth-queue-row>div>span{font-size:10px;color:#62716b}
.depth-queue-row>p{margin:0;font-size:11px;line-height:1.45}
.depth-queue-row>small{font-size:10px;line-height:1.4}
.depth-card-head strong small{margin-left:6px;font-size:10px;font-weight:400}
.depth-record-heading h3>span{display:block;margin-top:5px;font-size:14px;font-weight:400}
.depth-activity li{grid-template-columns:82px minmax(0,1fr)} .depth-activity time{white-space:normal;line-height:1.5}

.depth-brand img{width:108px;height:auto;object-fit:contain}.depth-brand>span{border-left:1px solid #f7f3ec40;padding-left:12px;font-size:11px;font-weight:400;letter-spacing:.02em}.depth-topbar{min-height:64px}

.walkthrough-invite{max-width:1120px;width:100%;justify-self:center;position:relative;z-index:5;background:var(--surface);padding:20px 0;display:flex;align-items:center;flex-wrap:wrap;gap:14px 24px}.walkthrough-invite p{margin:0;font:18px/1.5 var(--sans)}.walkthrough-invite small{font:12px/1.5 var(--sans);color:#485a68}.walkthrough-close{margin:8px 0 16px}