.decision-demo {
  min-width: 0;
  margin: 0 clamp(28px, 6vw, 86px) clamp(42px, 6vw, 74px);
  border: 1px solid var(--workbench-ink);
  background: #eee8d9;
  box-shadow: 7px 7px 0 rgb(23 27 24 / 10%);
}
.decision-demo:focus-visible { outline: 3px solid #326b87; outline-offset: 4px; }

.decision-demo *,
.decision-demo *::before,
.decision-demo *::after {
  box-sizing: border-box;
}

.decision-heading {
  display: flex;
  min-width: 0;
  padding: clamp(24px, 4vw, 42px);
  gap: 20px;
  align-items: start;
  justify-content: space-between;
  border-bottom: 1px solid var(--workbench-ink);
  background: #1d312b;
  color: #fffdf7;
}

.decision-heading > div { min-width: 0; }

.decision-kicker,
.decision-eyebrow {
  margin: 0;
  font: 800 0.71rem/1.4 ui-monospace, "SFMono-Regular", Menlo, monospace;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.decision-kicker { color: #cce2b7; }
.decision-kicker span { color: #f4b182; }
.decision-heading h2 {
  max-width: 730px;
  margin: 12px 0 0;
  font-size: clamp(2.1rem, 4.7vw, 4.4rem);
  letter-spacing: -0.065em;
  line-height: 0.98;
  text-wrap: balance;
}

.decision-heading > div > p:last-child {
  max-width: 610px;
  margin: 16px 0 0;
  color: #d9e1d6;
  font-size: 0.91rem;
  line-height: 1.5;
}

.decision-made-stamp {
  flex: 0 0 auto;
  display: grid;
  width: 78px;
  height: 78px;
  align-items: center;
  border: 2px solid #f4b182;
  border-radius: 50%;
  color: #f4b182;
  font: 900 0.67rem/1.12 ui-monospace, "SFMono-Regular", Menlo, monospace;
  letter-spacing: 0.04em;
  text-align: center;
  transform: rotate(11deg);
}

.decision-layout {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
}

.decision-input,
.decision-output { min-width: 0; }
.decision-input { border-right: 1px solid var(--workbench-ink); }

.decision-problem {
  padding: clamp(22px, 3vw, 34px);
  border-bottom: 1px solid #a9a99d;
  background: #f8f1d8;
}

.decision-eyebrow { color: #426f55; }
.decision-eyebrow span { color: #8c8c7f; }
.decision-problem h3 {
  max-width: 410px;
  margin: 17px 0 0;
  font-size: clamp(1.4rem, 2.2vw, 2.05rem);
  letter-spacing: -0.045em;
  line-height: 1.13;
  text-wrap: balance;
}

.decision-problem > p:not(.decision-eyebrow) {
  max-width: 430px;
  margin: 14px 0 0;
  color: #424840;
  font-size: 0.86rem;
  line-height: 1.5;
}

.decision-problem-note {
  display: block;
  margin-top: 17px;
  color: #4b624e;
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.4;
}

.decision-priorities { padding: clamp(22px, 3vw, 34px); }
.decision-priorities > .decision-eyebrow { margin-bottom: 14px; }

.decision-priorities button {
  display: grid;
  width: 100%;
  min-height: 82px;
  margin-top: 9px;
  padding: 14px;
  grid-template-columns: 30px minmax(0, 1fr) 20px;
  gap: 11px;
  align-items: center;
  border: 1px solid #798279;
  border-radius: 0;
  color: var(--workbench-ink);
  background: #fffdf7;
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: background 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.decision-priorities button:hover { transform: translateY(-2px); box-shadow: 3px 3px 0 #a2b7a4; }
.decision-priorities button:focus-visible { outline: 3px solid #326b87; outline-offset: 3px; }
.decision-priorities button[aria-pressed="true"] {
  border: 2px solid #285c3b;
  background: #e3eedf;
  box-shadow: inset 0 -4px 0 #7eac84;
}

.decision-choice-number {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border: 1px solid #758b79;
  border-radius: 50%;
  color: #285c3b;
  font: 900 0.7rem/1 ui-monospace, "SFMono-Regular", Menlo, monospace;
}

.decision-priorities button > span:nth-child(2) { min-width: 0; }
.decision-priorities strong,
.decision-priorities small { display: block; }
.decision-priorities strong { font-size: 0.95rem; line-height: 1.2; }
.decision-priorities small { margin-top: 5px; color: #4f554e; font-size: 0.8rem; line-height: 1.3; }
.decision-choice-arrow { color: #326b48; font-size: 1.25rem; }
.decision-switch-note { margin: 16px 0 0; color: #515c52; font-size: 0.78rem; line-height: 1.45; }

.decision-output {
  display: flex;
  min-height: 480px;
  padding: clamp(22px, 3vw, 36px);
  align-items: stretch;
  flex-direction: column;
  background: radial-gradient(circle at 88% 13%, #e0e4d1 0, transparent 37%), #dedfd2;
}

.decision-waiting,
.decision-paper { min-width: 0; }
.decision-waiting {
  display: grid;
  flex: 1;
  min-height: 390px;
  padding: 40px clamp(20px, 3vw, 38px);
  align-content: center;
  border: 1px dashed #8b998b;
  background: rgb(255 253 247 / 63%);
  text-align: center;
}

.decision-waiting-papers {
  position: relative;
  width: 100px;
  height: 80px;
  margin: 0 auto 26px;
}

.decision-waiting-papers span {
  position: absolute;
  inset: 5px 20px 5px 20px;
  border: 1px solid #697c6c;
  background: #fffdf7;
  box-shadow: 2px 3px 0 rgb(26 51 34 / 13%);
}

.decision-waiting-papers span:first-child { transform: rotate(-17deg) translate(-17px, 4px); background: #e4c7a3; }
.decision-waiting-papers span:nth-child(2) { transform: rotate(12deg) translate(15px, -3px); background: #d4e5d2; }
.decision-waiting-papers span:last-child { transform: rotate(0); }
.decision-waiting .decision-eyebrow { text-align: center; }
.decision-waiting h3 { margin: 12px 0 0; font-size: clamp(1.4rem, 2.3vw, 2rem); letter-spacing: -0.04em; line-height: 1.15; }
.decision-waiting > p:last-child { max-width: 310px; margin: 12px auto 0; color: #515b51; font-size: 0.81rem; line-height: 1.5; }

.decision-paper {
  position: relative;
  padding: clamp(18px, 2.8vw, 30px);
  border: 1px solid #425548;
  background: #fffdf7;
  box-shadow: 7px 8px 0 #b6c1ac, 12px 13px 0 rgb(48 74 53 / 16%);
  transform-origin: 50% 0;
}

.decision-paper[hidden],
.decision-waiting[hidden] { display: none; }
.decision-paper[data-route="sooner"] { animation: decision-paper-sooner 290ms cubic-bezier(0.2, 0.9, 0.26, 1) both; }
.decision-paper[data-route="evidence"] { animation: decision-paper-evidence 290ms cubic-bezier(0.2, 0.9, 0.26, 1) both; }
@keyframes decision-paper-sooner { from { opacity: 0.5; transform: translate(13px, -5px) rotate(2deg); } to { opacity: 1; transform: none; } }
@keyframes decision-paper-evidence { from { opacity: 0.5; transform: translate(-13px, -5px) rotate(-2deg); } to { opacity: 1; transform: none; } }

.decision-paper > header {
  display: flex;
  min-width: 0;
  padding-bottom: 17px;
  gap: 12px;
  align-items: start;
  justify-content: space-between;
  border-bottom: 2px solid #33483a;
}

.decision-paper > header > div { min-width: 0; }
.decision-paper h3 { margin: 7px 0 0; font-size: clamp(1.25rem, 2vw, 1.75rem); letter-spacing: -0.045em; line-height: 1.15; }
.decision-paper-stamp { flex: 0 0 auto; padding: 7px; border: 1px solid #c8765b; color: #aa4a2e; font: 900 0.53rem/1.1 ui-monospace, "SFMono-Regular", Menlo, monospace; text-align: center; transform: rotate(7deg); }

.decision-active-priority {
  position: sticky;
  z-index: 2;
  top: 0;
  display: flex;
  min-width: 0;
  margin: 14px 0 6px;
  padding: 10px 13px;
  gap: 7px 15px;
  align-items: baseline;
  border: 1px solid #365a41;
  border-left: 5px solid #365a41;
  background: #e7efe3;
  box-shadow: 0 3px 0 rgb(36 76 54 / 15%);
}
.decision-active-priority span { flex: 0 0 auto; color: #3b6047; font: 800 0.66rem/1.3 ui-monospace, "SFMono-Regular", Menlo, monospace; letter-spacing: 0.06em; text-transform: uppercase; }
.decision-active-priority strong { min-width: 0; color: #20412d; font-size: 0.89rem; line-height: 1.25; }
.decision-paper[data-route="evidence"] .decision-active-priority { border-color: #865d41; border-left-color: #865d41; background: #f5e8d7; }
.decision-paper[data-route="evidence"] .decision-active-priority span,
.decision-paper[data-route="evidence"] .decision-active-priority strong { color: #69472f; }

.decision-agents { margin: 0; padding: 0; list-style: none; }
.decision-agents li {
  display: grid;
  min-width: 0;
  padding: 11px 0;
  grid-template-columns: 89px minmax(0, 1fr);
  gap: 13px;
  align-items: start;
  border-bottom: 1px solid #dadfd4;
}

.decision-agents span { color: #397150; font: 800 0.73rem/1.5 ui-monospace, "SFMono-Regular", Menlo, monospace; }
.decision-agents strong { color: #1e3929; }
.decision-agents p { min-width: 0; margin: 0; color: #38463b; font-size: 0.83rem; line-height: 1.45; }

.decision-deliverable { margin-top: 18px; padding: 17px; border-left: 4px solid #da7953; background: #fbefdf; }
.decision-deliverable h4 { margin: 7px 0 0; font-size: clamp(1.05rem, 1.55vw, 1.3rem); letter-spacing: -0.03em; line-height: 1.2; }
.decision-artifact { margin-top: 12px; padding: 12px 14px; border: 1px solid #c8b99d; background: #fffdf7; }
.decision-artifact span { color: #7b5847; font: 850 0.69rem/1.3 ui-monospace, "SFMono-Regular", Menlo, monospace; letter-spacing: 0.055em; }
.decision-artifact p { margin: 7px 0 0; color: #3b423b; font-size: 0.83rem; line-height: 1.5; white-space: pre-line; }

.decision-cost { display: grid; margin: 15px 0; padding: 13px 0; grid-template-columns: 24px minmax(0, 1fr); gap: 9px; border-top: 1px solid #d5d8cf; border-bottom: 1px solid #d5d8cf; }
.decision-cost > span { color: #ad674a; font-size: 1.25rem; line-height: 1; }
.decision-cost h4 { margin: 0; color: #90523b; font-size: 0.82rem; line-height: 1.3; }
.decision-cost p { margin: 5px 0 0; color: #494c43; font-size: 0.82rem; line-height: 1.45; }

.decision-human { padding: 15px 17px; border: 1px solid #476a4f; background: #e7efe3; }
.decision-human h4 { margin: 7px 0 0; font-size: 1.05rem; letter-spacing: -0.02em; line-height: 1.25; }
.decision-human > p:nth-of-type(2) { margin: 7px 0 0; color: #405043; font-size: 0.82rem; line-height: 1.45; }
.decision-call { display: grid; margin-top: 17px; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.decision-call button {
  display: flex;
  min-width: 0;
  min-height: 48px;
  padding: 10px 12px;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  border: 1px solid #32543e;
  border-radius: 0;
  color: #183b26;
  background: #fffdf7;
  font: inherit;
  font-size: 0.79rem;
  font-weight: 800;
  line-height: 1.25;
  text-align: left;
  cursor: pointer;
  /* Keep ink and paper in sync when a call changes. */
  transition: transform 160ms ease;
}
.decision-call button:hover { background: #f4f7ee; transform: translateY(-2px); }
.decision-call button:focus-visible { outline: 3px solid #326b87; outline-offset: 3px; }
.decision-call button[aria-pressed="true"] { color: #fffdf7; background: #244c36; }
.decision-call button[data-decision-call="hold"][aria-pressed="true"] { background: #704c3d; border-color: #704c3d; }
.decision-call button span { flex: 0 0 auto; font-size: 1.1rem; }

.decision-verdict {
  margin-top: 13px;
  padding: 16px;
  border: 1px solid #425548;
  background: #f8f7ec;
  transition: background-color 160ms ease, border-color 160ms ease;
}
.decision-verdict[hidden] { display: none; }
.decision-paper[data-call="hold"] .decision-verdict { border-color: #8a5a45; background: #fbf2e9; }
.decision-verdict-top { display: grid; grid-template-columns: 92px minmax(0, 1fr); gap: 15px; align-items: center; }
.decision-verdict-top > div { min-width: 0; }
.decision-verdict-stamp {
  display: grid;
  min-height: 60px;
  padding: 8px;
  place-items: center;
  border: 3px double #315a41;
  color: #315a41;
  font: 900 0.71rem/1 ui-monospace, "SFMono-Regular", Menlo, monospace;
  letter-spacing: 0.04em;
  transform: rotate(-8deg);
  animation: decision-stamp-land 300ms cubic-bezier(0.16, 1, 0.3, 1) both;
}
@keyframes decision-stamp-land { from { opacity: 0.2; transform: translateY(-13px) rotate(5deg) scale(1.15); } to { opacity: 1; transform: rotate(-8deg) scale(1); } }
.decision-paper[data-call="hold"] .decision-verdict-stamp { border-color: #8a5a45; color: #8a5a45; }
.decision-verdict h4 { margin: 5px 0 0; font-size: 1.05rem; line-height: 1.25; }
.decision-dry-note { margin: 5px 0 0; color: #5e665b; font-size: 0.76rem; line-height: 1.35; }
.decision-verdict-ledger { display: grid; margin-top: 14px; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid #c2c9bb; border-bottom: 1px solid #c2c9bb; }
.decision-verdict-ledger > div { min-width: 0; padding: 12px 14px 12px 0; }
.decision-verdict-ledger > div + div { padding-left: 14px; border-left: 1px solid #c2c9bb; }
.decision-verdict-ledger h5 { margin: 0; color: #315a41; font-size: 0.75rem; line-height: 1.3; }
.decision-verdict-ledger p { margin: 7px 0 0; color: #37443a; font-size: 0.81rem; line-height: 1.48; }
.decision-verdict-boundary { margin: 12px 0 0; color: #555e54; font-size: 0.72rem; line-height: 1.4; }
.decision-next-steps { display: grid; gap: 9px; margin-top: 16px; }
.decision-slip-progress { margin: 0; padding: 9px 11px; border: 1px dashed #879b85; color: #405849; background: #f3f5e9; font-size: 0.76rem; line-height: 1.4; }
.decision-slip-progress[data-complete="true"] { border-style: solid; border-color: #476a4f; background: #e7efe3; font-weight: 700; }
.decision-open-comparison { display: flex; width: 100%; min-height: 50px; padding: 10px 13px; gap: 10px; align-items: center; justify-content: space-between; border: 1px solid #823c2c; color: #fffdf7; background: #823c2c; font: inherit; font-size: 0.81rem; font-weight: 800; text-align: left; cursor: pointer; }
.decision-open-comparison[hidden] { display: none; }
.decision-open-comparison:hover { background: #9b4c34; }
.decision-open-comparison:focus-visible { outline: 3px solid #326b87; outline-offset: 3px; }
.decision-switch,
.decision-private-open { width: 100%; min-height: 48px; padding: 10px 12px; border: 1px solid #477357; color: #234a30; background: #fffdf7; font: inherit; font-size: 0.8rem; font-weight: 800; text-align: center; cursor: pointer; }
.decision-switch:hover,
.decision-private-open:hover { background: #e3eedf; }
.decision-switch:focus-visible,
.decision-private-open:focus-visible { outline: 3px solid #326b87; outline-offset: 3px; }
.decision-paper[data-call="approve"] .decision-switch,
.decision-paper[data-call="hold"] .decision-switch { border-color: #244c36; color: #fffdf7; background: #244c36; }
.decision-paper[data-call="approve"] .decision-switch:hover,
.decision-paper[data-call="hold"] .decision-switch:hover { background: #315f46; }
.decision-private-open[hidden] { display: none; }
.decision-private-open span { margin-left: 6px; }
.decision-status { margin: 13px 0 0; color: #46544a; font-size: 0.75rem; font-weight: 700; line-height: 1.4; }

.decision-comparison-sheet {
  position: relative;
  min-width: 0;
  padding: clamp(22px, 4vw, 43px);
  border-top: 1px solid #586250;
  background: repeating-linear-gradient(90deg, transparent 0 26px, rgb(103 83 56 / 4%) 26px 27px), #d9d1bc;
  animation: decision-sheet-arrive 350ms ease-out both;
}
.decision-comparison-sheet[hidden] { display: none; }
@keyframes decision-sheet-arrive { from { transform: translateY(18px); } to { transform: none; } }
.decision-comparison-heading { display: flex; gap: 20px; align-items: start; justify-content: space-between; }
.decision-comparison-heading > div { min-width: 0; }
.decision-comparison-heading h3 { margin: 5px 0 0; color: #243a2a; font-size: clamp(1.7rem, 3vw, 2.7rem); letter-spacing: -0.055em; line-height: 1.05; }
.decision-comparison-heading h3:focus { outline: 3px solid #326b87; outline-offset: 5px; }
.decision-comparison-heading p:last-child { max-width: 580px; margin: 10px 0 0; color: #435146; font-size: 0.85rem; line-height: 1.45; }
.decision-paperclip { display: grid; width: 39px; height: 50px; flex: 0 0 auto; place-items: center; border: 3px solid #6d766b; border-radius: 18px 18px 7px 7px; color: #59665b; font-size: 1.2rem; transform: rotate(14deg); }
.decision-compare-costs { display: grid; min-width: 0; margin-top: 24px; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(13px, 2vw, 30px); align-items: stretch; }
.decision-compare-slip { position: relative; display: flex; min-width: 0; padding: clamp(19px, 2.7vw, 30px); flex-direction: column; border: 1px solid #667061; background: #fffdf7; box-shadow: 5px 6px 0 rgb(55 67 47 / 16%); }
.decision-compare-slip:first-child { transform: rotate(-0.8deg); }
.decision-compare-slip:last-child { transform: rotate(0.8deg); background: #fff9ef; }
.decision-compare-slip::before { position: absolute; top: 0; right: 20px; width: 22px; height: 10px; border: 1px solid #846c55; border-top: 0; background: #dfb888; content: ""; }
.decision-compare-index { margin: 0; color: #746957; font: 800 0.67rem/1.3 ui-monospace, "SFMono-Regular", Menlo, monospace; letter-spacing: 0.07em; }
.decision-compare-slip h4 { margin: 11px 0 8px; color: #203a2a; font-size: clamp(1.25rem, 2vw, 1.8rem); letter-spacing: -0.045em; line-height: 1.12; }
.decision-compare-call { width: fit-content; max-width: 100%; padding: 7px 9px; border: 1px solid #42624a; color: #284d33; background: #e9f1e5; font-size: 0.79rem; line-height: 1.3; }
.decision-compare-slip[data-call="hold"] .decision-compare-call { border-color: #8a5a45; color: #694532; background: #faede1; }
.decision-compare-label { margin: 19px 0 0; padding-top: 12px; border-top: 1px solid #d2d3c8; color: #315a41; font: 800 0.71rem/1.35 ui-monospace, "SFMono-Regular", Menlo, monospace; }
.decision-compare-label + p { margin: 7px 0 0; color: #3b473c; font-size: 0.84rem; line-height: 1.5; }
.decision-compare-slip button { display: flex; width: 100%; min-height: 46px; margin-top: auto; padding: 16px 0 0; gap: 12px; align-items: center; justify-content: space-between; border: 0; border-top: 1px solid #aebcaf; color: #234d32; background: transparent; font: inherit; font-size: 0.8rem; font-weight: 800; text-align: left; cursor: pointer; }
.decision-compare-slip button:hover { color: #8a4c2f; }
.decision-compare-slip button:focus-visible { outline: 3px solid #326b87; outline-offset: 4px; }
.decision-compare-note { width: fit-content; margin: 26px 0 0; padding: 8px 12px; border: 1px solid #94866d; color: #544d3f; background: #f9f1df; font: 700 0.74rem/1.35 ui-monospace, "SFMono-Regular", Menlo, monospace; transform: rotate(-1deg); }

.replay-sheet { margin-top: 24px; padding: clamp(18px, 3vw, 30px); border: 1px solid #4e584a; background: #f8f3e7; box-shadow: 6px 7px 0 #c5bb9f; scroll-margin-top: 20px; }
.replay-sheet[hidden], .replay-share-result[hidden] { display: none; }
.replay-sheet:focus-visible { outline: 3px solid #326b87; outline-offset: 3px; }
.replay-sheet-heading { display: flex; gap: 18px; align-items: start; justify-content: space-between; }
.replay-sheet-heading > div { min-width: 0; }
.replay-sheet-heading h4 { margin: 8px 0; color: #243a2a; font-size: clamp(1.45rem, 2.8vw, 2.25rem); letter-spacing: -0.05em; line-height: 1.08; }
.replay-sheet-heading p:last-child { max-width: 620px; margin: 0; color: #475246; font-size: 0.84rem; line-height: 1.5; }
.replay-sheet-stamp { flex: 0 0 auto; display: grid; width: 74px; height: 74px; place-items: center; border: 2px solid #995139; border-radius: 50%; color: #995139; font: 900 0.63rem/1.15 ui-monospace, "SFMono-Regular", Menlo, monospace; text-align: center; transform: rotate(10deg); }
.replay-routes { display: grid; margin-top: 22px; gap: 16px; }
.replay-route { min-width: 0; border: 1px solid #a5a893; background: #fffdf8; }
.replay-route h5 { margin: 0; padding: 12px 16px; border-bottom: 1px solid #a5a893; color: #203a2a; font-size: 1rem; }
.replay-pair { display: grid; min-width: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.replay-pair > div { min-width: 0; padding: 16px; }
.replay-original { background: #f3efe4; }
.replay-revised { border-left: 1px dashed #a5a893; background: #f9f9f2; }
.replay-route[data-revised="true"] .replay-revised { background: #e7f0e8; box-shadow: inset 4px 0 0 #467754; }
.replay-label { margin: 0 0 6px; color: #5b6a59; font: 800 0.67rem/1.35 ui-monospace, "SFMono-Regular", Menlo, monospace; letter-spacing: 0.06em; text-transform: uppercase; }
.replay-label:not(:first-child) { margin-top: 13px; }
.replay-pair strong { display: block; color: #264b34; font-size: 0.83rem; line-height: 1.35; }
.replay-pair p:not(.replay-label) { margin: 0; overflow-wrap: anywhere; color: #3d473b; font-size: 0.8rem; line-height: 1.48; }
.replay-actions { display: flex; margin-top: 16px; gap: 9px; flex-wrap: wrap; }
.replay-actions button { display: flex; min-height: 44px; padding: 10px 14px; gap: 18px; align-items: center; justify-content: space-between; border: 1px solid #416b50; color: #21583f; background: #fffdf8; font: inherit; font-size: 0.8rem; font-weight: 800; text-align: left; cursor: pointer; }
.replay-actions button:hover { background: #e7f0e8; }
.replay-actions button:focus-visible, .replay-share button:focus-visible, .replay-share a:focus-visible, .replay-share input:focus-visible { outline: 3px solid #326b87; outline-offset: 2px; }
.replay-feedback { margin: 15px 0 0; padding: 9px 12px; border-left: 3px solid #995139; color: #6f3f30; background: #f8e9dd; font-size: 0.8rem; font-weight: 700; line-height: 1.4; }
.replay-share { display: grid; min-width: 0; margin-top: 28px; padding: clamp(17px, 2.5vw, 24px); gap: 14px; border: 1px dashed #69806b; background: #edf2e9; }
.replay-share > div:first-child > p:last-child { max-width: 560px; margin: 7px 0 0; color: #485b4b; font-size: 0.82rem; line-height: 1.45; }
.replay-share > button, .replay-share a { display: flex; width: fit-content; min-height: 44px; padding: 10px 15px; gap: 16px; align-items: center; justify-content: space-between; border: 1px solid #254c3a; color: #fffdf7; background: #254c3a; font: inherit; font-size: 0.83rem; font-weight: 800; text-align: left; text-decoration: none; cursor: pointer; }
.replay-share > button:hover, .replay-share a:hover { background: #3b7055; }
.replay-share-result { display: grid; min-width: 0; gap: 8px; padding-top: 14px; border-top: 1px solid #a2b4a2; }
.replay-share-result label { color: #365541; font-size: 0.75rem; font-weight: 800; }
.replay-share-result input { width: 100%; min-width: 0; padding: 10px; border: 1px solid #7c997f; color: #203a2a; background: #fffdf8; font: 0.76rem/1.4 ui-monospace, "SFMono-Regular", Menlo, monospace; }
.replay-share-result p { margin: 2px 0 0; color: #506450; font-size: 0.72rem; line-height: 1.45; }
.checked-result-drawer { min-width: 0; margin-top: clamp(35px, 5vw, 58px); animation: checked-result-drawer-open 420ms cubic-bezier(0.2, 0.9, 0.25, 1) both; }
.checked-result-drawer[hidden] { display: none; }
@keyframes checked-result-drawer-open { from { transform: translateY(-18px); } to { transform: none; } }
.checked-result-drawer-tab { display: flex; width: min(240px, 70%); min-height: 35px; padding: 7px 16px; align-items: center; justify-content: space-between; border: 1px solid #263e4c; border-bottom: 0; color: #f5f8f5; background: #263e4c; font: 800 0.69rem/1.3 ui-monospace, "SFMono-Regular", Menlo, monospace; letter-spacing: 0.07em; text-transform: uppercase; }
.checked-result-sheet { position: relative; min-width: 0; padding: clamp(22px, 3.5vw, 38px); border: 2px solid #263e4c; color: #192e38; background: #f5f8f5; box-shadow: 0 8px 0 rgb(38 62 76 / 13%); }
.checked-result-sheet::before { position: absolute; top: 12px; right: 12px; bottom: 12px; width: 7px; border-left: 1px solid #c2d6d3; border-right: 1px solid #c2d6d3; content: ""; pointer-events: none; }
.checked-result-heading { display: flex; min-width: 0; gap: 16px; align-items: start; justify-content: space-between; }
.checked-result-heading > div { min-width: 0; }
.checked-result-kicker { margin: 0; color: #3b6971; font: 800 0.7rem/1.4 ui-monospace, "SFMono-Regular", Menlo, monospace; letter-spacing: 0.06em; text-transform: uppercase; }
.checked-result-kicker span { color: #8a9ea0; }
.checked-result-heading h4 { max-width: 650px; margin: 9px 0 0; font-size: clamp(1.55rem, 3vw, 2.6rem); letter-spacing: -0.055em; line-height: 1.06; text-wrap: balance; }
.checked-result-stamp { flex: 0 0 auto; display: grid; width: 72px; height: 72px; place-items: center; border: 2px solid #2d6675; border-radius: 50%; color: #245768; font: 900 0.65rem/1.15 ui-monospace, "SFMono-Regular", Menlo, monospace; text-align: center; transform: rotate(9deg); }
.checked-result-boundary { width: fit-content; max-width: 100%; margin: 20px 0 0; padding: 7px 10px; border-left: 4px solid #28576c; color: #214257; background: #dfebed; font-size: 0.82rem; font-weight: 800; line-height: 1.4; }
.checked-result-summary { max-width: 730px; margin: 18px 0 0; font-size: clamp(0.95rem, 1.5vw, 1.1rem); line-height: 1.5; }
.checked-result-details { display: grid; min-width: 0; margin-top: 23px; grid-template-columns: minmax(0, 0.65fr) minmax(0, 1.35fr); border-top: 1px solid #9fb8bb; border-bottom: 1px solid #9fb8bb; }
.checked-result-details > div { min-width: 0; padding: 15px 17px 15px 0; }
.checked-result-details > div + div { padding-left: 18px; border-left: 1px solid #9fb8bb; }
.checked-result-details span { display: block; color: #426571; font: 800 0.67rem/1.3 ui-monospace, "SFMono-Regular", Menlo, monospace; letter-spacing: 0.05em; text-transform: uppercase; }
.checked-result-details time, .checked-result-details p { display: block; margin: 7px 0 0; color: #1e3947; font-size: 0.88rem; font-weight: 750; line-height: 1.45; }
.case-file-choices { display: grid; min-width: 0; margin-top: 24px; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
/* Switch the selected ink and paper in the same frame so its label stays readable. */
.case-file-choices button { display: flex; min-width: 0; min-height: 94px; padding: 14px 17px; gap: 12px; align-items: center; justify-content: space-between; border: 1px solid #79959b; color: #25424c; background: #fffdf7; font: inherit; text-align: left; cursor: pointer; transition: transform 180ms ease, box-shadow 180ms ease; }
.case-file-choices button:hover { transform: translateY(-3px); box-shadow: 0 4px 0 #b8cbc9; }
.case-file-choices button[aria-pressed="true"] { border-color: #245768; color: #fffdf7; background: #245768; box-shadow: inset 5px 0 0 #f1cc75, inset 0 -5px 0 rgb(0 0 0 / 14%); }
.case-file-choices button[aria-pressed="true"] small,
.case-file-choices button[aria-pressed="true"] strong { color: #fffdf7; }
.case-file-choices button:focus-visible { outline: 3px solid #9d4e2b; outline-offset: 3px; }
.case-file-choices button > span:first-child { display: grid; min-width: 0; gap: 5px; }
.case-file-choices small { font: 800 0.65rem/1.2 ui-monospace, "SFMono-Regular", Menlo, monospace; letter-spacing: 0.06em; }
.case-file-choices strong { font-size: 1rem; line-height: 1.25; }
.case-file-choices button > span:last-child { flex: 0 0 auto; font-size: 1.25rem; }
.case-file-filing-status { margin: 11px 0 0; color: #4b6570; font: 700 0.72rem/1.35 ui-monospace, "SFMono-Regular", Menlo, monospace; }
.case-file-panel { position: relative; min-width: 0; margin-top: 16px; padding: clamp(18px, 2.5vw, 26px); border: 1px solid #6c9095; border-left: 6px solid #245768; background: #fffdf7; box-shadow: 5px 6px 0 #d5e2de; animation: case-file-arrive 280ms ease-out both; }
.case-file-panel[hidden] { display: none; }
@keyframes case-file-arrive { from { transform: translateY(-8px) rotate(-0.5deg); } to { transform: none; } }
.case-file-panel-heading { display: flex; min-width: 0; gap: 16px; align-items: baseline; justify-content: space-between; }
.case-file-panel-heading span { flex: 0 0 auto; padding: 5px 7px; border: 1px solid #72929a; color: #245768; font: 800 0.65rem/1.2 ui-monospace, "SFMono-Regular", Menlo, monospace; letter-spacing: 0.05em; transform: rotate(3deg); }
.case-file-panel h5 { order: -1; min-width: 0; margin: 0; color: #173844; font-size: clamp(1.25rem, 2vw, 1.6rem); letter-spacing: -0.035em; line-height: 1.17; }
.case-file-panel h5:focus { outline: 3px solid #326b87; outline-offset: 4px; }
.case-file-panel p { max-width: 70ch; margin: 15px 0 0; color: #25434d; font-size: 0.91rem; line-height: 1.5; }
.case-file-panel .case-file-panel-limit { padding-top: 13px; border-top: 1px solid #c4d3d1; color: #4c6266; font-size: 0.81rem; }
.checked-result-sheet > a { display: flex; width: fit-content; min-height: 48px; margin-top: 20px; padding: 11px 14px; gap: 18px; align-items: center; justify-content: space-between; border: 1px solid #244b5b; color: #fff; background: #244b5b; font-size: 0.85rem; font-weight: 800; line-height: 1.3; text-decoration: none; }
.checked-result-sheet > a:hover { background: #356c7b; }
.checked-result-sheet > a:focus-visible { outline: 3px solid #9d4e2b; outline-offset: 3px; }
.checked-result-footnote { margin: 12px 0 0; color: #566b6c; font-size: 0.72rem; line-height: 1.4; }
.decision-case-handoff { display: grid; min-width: 0; margin-top: 25px; padding: 20px; grid-template-columns: 56px minmax(0, 1fr); gap: 17px; align-items: center; border: 1px dashed #7b988e; color: #193f39; background: #e7f0e8; }
.decision-handoff-pen { display: grid; width: 52px; height: 52px; place-items: center; border: 1px solid #39705c; border-radius: 50%; color: #245c49; background: #fffdf7; font-size: 1.9rem; transform: rotate(-14deg); animation: decision-pen-arrive 400ms cubic-bezier(0.2, 0.8, 0.3, 1) both; }
@keyframes decision-pen-arrive { from { opacity: 0; transform: translateX(-20px) rotate(-40deg); } to { opacity: 1; transform: rotate(-14deg); } }
.decision-case-handoff > div { min-width: 0; }
.decision-case-handoff p { margin: 0 0 11px; font-size: 0.85rem; font-weight: 800; line-height: 1.4; }
.decision-case-handoff small { display: block; margin-top: 9px; color: #49695c; font-size: 0.7rem; line-height: 1.4; }
.decision-case-handoff .decision-private-open { display: flex; width: 100%; min-height: 52px; align-items: center; justify-content: space-between; gap: 12px; border-color: #245c49; color: #fffdf7; background: #245c49; text-align: left; }
.decision-case-handoff .decision-private-open:hover { color: #193f39; background: #cfe4d4; }
.decision-case-handoff .decision-private-open[hidden] { display: none; }
.decision-boundary { padding: 15px clamp(22px, 3vw, 34px); border-top: 1px solid #a5ada0; color: #46564b; background: #e5e8dd; font-size: 0.79rem; line-height: 1.45; }

@media (max-width: 850px) {
  .decision-layout { grid-template-columns: minmax(0, 1fr); }
  .decision-input { border-right: 0; }
  .decision-priorities { border-bottom: 1px solid var(--workbench-ink); }
  .decision-output { min-height: 0; }
  .decision-waiting { min-height: 240px; }
  .decision-compare-costs { grid-template-columns: minmax(0, 1fr); }
  .decision-compare-slip:first-child,
  .decision-compare-slip:last-child { transform: none; }
  .checked-result-details { grid-template-columns: minmax(0, 1fr); }
  .checked-result-details > div + div { padding-left: 0; border-left: 0; border-top: 1px solid #9fb8bb; }
  .case-file-choices { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 600px) {
  .replay-pair { grid-template-columns: minmax(0, 1fr); }
  .replay-revised { border-left: 0; border-top: 1px dashed #a5a893; }
  .replay-route[data-revised="true"] .replay-revised { box-shadow: inset 4px 0 0 #467754; }
  .replay-sheet-stamp { width: 55px; height: 55px; font-size: 0.48rem; }
  .replay-actions { display: grid; }
  .replay-share > button, .replay-share a { width: 100%; }
  .decision-demo { margin: 0 12px 42px; }
  .decision-heading { padding: 25px 20px; }
  .decision-heading h2 { font-size: clamp(2rem, 10vw, 3rem); }
  .decision-heading > div > p:last-child { font-size: 0.82rem; }
  .decision-made-stamp { width: 52px; height: 52px; font-size: 0.47rem; }
  .decision-problem, .decision-priorities, .decision-output { padding: 21px 19px; }
  .decision-priorities button { min-height: 76px; }
  .decision-paper { padding: 18px; box-shadow: 4px 5px 0 #b6c1ac, 7px 8px 0 rgb(48 74 53 / 16%); }
  .decision-paper-stamp { display: none; }
  .decision-active-priority { gap: 3px 9px; flex-wrap: wrap; }
  .decision-agents li { grid-template-columns: 68px minmax(0, 1fr); gap: 10px; }
  .decision-agents p { font-size: 0.81rem; }
  .decision-call, .decision-verdict-ledger { grid-template-columns: minmax(0, 1fr); }
  .decision-verdict-ledger > div { padding: 12px 0; }
  .decision-verdict-ledger > div + div { padding: 12px 0; border-left: 0; border-top: 1px solid #c2c9bb; }
  .decision-boundary { padding: 14px 19px; }
  .decision-comparison-sheet { padding: 23px 19px; }
  .decision-comparison-heading { gap: 10px; }
  .decision-paperclip { width: 28px; height: 37px; border-width: 2px; font-size: 0.9rem; }
  .decision-compare-slip { padding: 20px; }
  .checked-result-sheet { padding: 23px 20px; }
  .checked-result-sheet::before { display: none; }
  .checked-result-stamp { width: 54px; height: 54px; font-size: 0.5rem; }
  .case-file-panel-heading { flex-wrap: wrap; }
  .case-file-panel h5 { flex-basis: 100%; }
  .checked-result-sheet > a { width: 100%; }
  .decision-case-handoff { padding: 15px 13px; grid-template-columns: 38px minmax(0, 1fr); gap: 10px; }
  .decision-handoff-pen { width: 36px; height: 36px; font-size: 1.35rem; }
}

@media (max-width: 350px) {
  .decision-made-stamp { display: none; }
  .decision-priorities button { grid-template-columns: 26px minmax(0, 1fr) 14px; gap: 8px; padding: 10px; }
  .decision-choice-number { width: 25px; height: 25px; }
  .decision-paper { padding: 14px; }
  .decision-verdict-top { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .decision-verdict-stamp { width: 90px; min-height: 42px; }
  .decision-comparison-sheet { padding: 19px 14px; }
  .decision-compare-slip { padding: 16px; }
  .checked-result-stamp { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .decision-priorities button { transition: none; }
  .decision-paper[data-route] { animation: none; }
  .decision-call button { transition: none; }
  .decision-verdict { transition: none; }
  .decision-verdict-stamp { animation: none; }
  .decision-comparison-sheet { animation: none; }
  .checked-result-drawer { animation: none; }
  .case-file-choices button { transition: none; }
  .case-file-panel { animation: none; }
  .decision-handoff-pen { animation: none; }
}