.work-example-desk {
  position: relative;
  margin: 0 clamp(28px, 6vw, 86px) clamp(42px, 6vw, 74px);
  border: 1px solid var(--workbench-ink);
  background:
    linear-gradient(90deg, rgb(255 255 255 / 38%), transparent 28%),
    #ded9ce;
  box-shadow: 7px 7px 0 rgb(23 27 24 / 10%);
}

.work-example-desk::before {
  position: absolute;
  top: -8px;
  left: clamp(22px, 4vw, 54px);
  width: 112px;
  height: 15px;
  border: 1px solid #aaa295;
  background: rgb(244 233 201 / 82%);
  content: "";
  transform: rotate(-1.5deg);
}

.work-example-hero-link {
  display: inline-flex;
  min-height: 46px;
  margin-top: 18px;
  padding: 10px 15px;
  gap: 22px;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #244639;
  color: #fffdf7;
  background: #244639;
  font: 800 0.76rem/1.3 Inter, ui-sans-serif, sans-serif;
  text-decoration: none;
}
.work-example-hero-link:hover { background: #35634c; }
.work-example-hero-link:focus-visible { outline: 3px solid #28748a; outline-offset: 3px; }

.work-example-heading {
  display: grid;
  min-width: 0;
  padding: clamp(20px, 2.7vw, 30px);
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 26px;
  align-items: end;
  border-bottom: 1px solid var(--workbench-ink);
}

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

.work-example-heading > div > p:first-child {
  display: flex;
  margin: 0 0 13px;
  gap: 9px;
  align-items: center;
  color: var(--workbench-green);
  font: 850 0.6rem/1.35 ui-monospace, "SFMono-Regular", Menlo, monospace;
  letter-spacing: 0.075em;
  text-transform: uppercase;
}

.work-example-heading > div > p:first-child span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--workbench-orange);
  box-shadow: 0 0 0 4px rgb(240 91 55 / 13%);
}

.work-example-heading h2 {
  max-width: 720px;
  margin: 0;
  font-size: clamp(2rem, 3.6vw, 3.25rem);
  letter-spacing: -0.06em;
  line-height: 0.94;
  text-wrap: balance;
}

.work-example-heading > div > p:last-child {
  max-width: 680px;
  margin: 10px 0 0;
  color: #535650;
  font-size: 0.78rem;
  line-height: 1.55;
  text-wrap: pretty;
}

.work-example-desk-status {
  max-width: 190px;
  margin: 0;
  padding: 9px 11px;
  border: 1px dashed #8e897e;
  color: #555851;
  background: rgb(255 253 247 / 48%);
  font: 750 0.56rem/1.4 ui-monospace, "SFMono-Regular", Menlo, monospace;
  letter-spacing: 0.045em;
  text-align: right;
  text-transform: uppercase;
}

.work-example-body {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(205px, 0.32fr) minmax(0, 1fr);
  align-items: start;
}

.work-example-choices {
  display: grid;
  min-width: 0;
  padding: clamp(18px, 2.4vw, 30px);
  grid-column: 1;
  grid-row: 1 / span 2;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  border-right: 1px solid var(--workbench-ink);
}

.work-example-choices button {
  position: relative;
  display: grid;
  min-width: 0;
  min-height: 88px;
  padding: 13px 14px 12px;
  gap: 5px;
  align-content: start;
  border: 1px solid #858179;
  border-radius: 0;
  color: var(--workbench-ink);
  background:
    linear-gradient(135deg, rgb(255 255 255 / 74%), transparent 52%),
    #f6f0df;
  box-shadow: 3px 4px 0 rgb(55 52 44 / 13%);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: transform 150ms ease, box-shadow 150ms ease, background-color 150ms ease;
}

.work-example-choices button:nth-child(2),
.work-example-choices button:nth-child(3) {
  background:
    linear-gradient(135deg, rgb(255 255 255 / 72%), transparent 52%),
    #e7efe9;
}

.work-example-choices button:hover {
  z-index: 1;
  box-shadow: 5px 6px 0 rgb(55 52 44 / 16%);
  transform: translateY(-2px) rotate(-0.35deg);
}

.work-example-choices button[aria-pressed="true"] {
  z-index: 2;
  border-color: var(--workbench-green);
  background:
    linear-gradient(135deg, rgb(255 255 255 / 68%), transparent 52%),
    #dcebdc;
  box-shadow: 5px 6px 0 rgb(45 118 80 / 20%);
  transform: translateY(-2px) rotate(-0.35deg);
}

.work-example-choices button[aria-pressed="true"]::after {
  position: absolute;
  top: 12px;
  right: 9px;
  padding: 5px 6px 4px;
  border: 2px solid #9b3c28;
  color: #8c3624;
  background: rgb(246 240 223 / 84%);
  content: "SELECTED";
  font: 900 0.48rem/1 ui-monospace, "SFMono-Regular", Menlo, monospace;
  letter-spacing: 0.08em;
  transform: rotate(6deg);
  animation: work-example-stamp 220ms cubic-bezier(0.2, 0.9, 0.3, 1.25) both;
}

.work-example-choices button > span:first-child {
  padding-right: 58px;
  color: #746f64;
  font: 800 0.52rem/1.3 ui-monospace, "SFMono-Regular", Menlo, monospace;
  letter-spacing: 0.065em;
  text-transform: uppercase;
}

.work-example-choices strong {
  font-size: 1.05rem;
  letter-spacing: -0.03em;
  line-height: 1.1;
}

.work-example-choices small {
  color: #5d605a;
  font-size: 0.66rem;
  line-height: 1.45;
}

.work-example-choices b {
  display: flex;
  margin-top: auto;
  padding-top: 6px;
  gap: 8px;
  align-items: center;
  color: var(--workbench-green);
  font-size: 0.63rem;
}

.work-example-body > .research-sample-tray {
  grid-column: 2;
  grid-row: 2;
}

.work-example-body > .work-example-plan {
  grid-column: 2;
  grid-row: 1;
}

.work-example-plan {
  position: relative;
  min-width: 0;
  padding: 28px;
  overflow: hidden;
  background:
    linear-gradient(90deg, transparent 25px, rgb(240 91 55 / 10%) 26px, transparent 27px),
    repeating-linear-gradient(#fffdf7 0 27px, #e7e3d9 28px);
  animation: work-example-plan-in 260ms cubic-bezier(0.2, 0.8, 0.25, 1) both;
}

.work-example-plan[hidden] {
  display: none;
}

.work-example-plan:focus-visible {
  outline: 3px solid var(--workbench-blue);
  outline-offset: -7px;
}

.work-example-plan > header {
  display: flex;
  min-width: 0;
  padding-bottom: 16px;
  gap: 16px;
  align-items: start;
  justify-content: space-between;
  border-bottom: 1px dashed #9a9589;
}

.work-example-plan > header > div {
  min-width: 0;
}

.work-example-plan > header p {
  margin: 0 0 6px;
  color: #777166;
  font: 800 0.52rem/1.35 ui-monospace, "SFMono-Regular", Menlo, monospace;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.work-example-plan h3 {
  margin: 0;
  font-size: clamp(1.6rem, 3vw, 2.45rem);
  letter-spacing: -0.055em;
  line-height: 0.95;
  text-wrap: balance;
}

.work-example-plan > header > span {
  flex: 0 0 auto;
  margin-top: 6px;
  padding: 7px 8px 6px;
  border: 2px solid #9b3c28;
  color: #8c3624;
  background: rgb(255 253 247 / 70%);
  font: 900 0.51rem/1 ui-monospace, "SFMono-Regular", Menlo, monospace;
  letter-spacing: 0.08em;
  transform: rotate(5deg);
}

.work-example-steps-title {
  margin: 24px 0 0;
  font-size: 1.05rem;
  letter-spacing: -0.025em;
  line-height: 1.2;
}

.work-example-plan-summary {
  margin: 7px 0 0;
  color: #4e514d;
  font-size: 0.81rem;
  line-height: 1.5;
}

.work-example-result {
  --example-accent: #2d7650;
  --example-tint: #e0efdf;
  min-width: 0;
  margin-top: 18px;
  border: 2px solid var(--example-accent);
  background: #fffdf7;
  box-shadow: 5px 6px 0 rgb(45 42 36 / 18%);
  scroll-margin-top: 22px;
}

.work-example-plan[data-example="operations"] .work-example-result {
  --example-accent: #365f78;
  --example-tint: #e2eef3;
}

.work-example-plan[data-example="feedback"] .work-example-result {
  --example-accent: #95523a;
  --example-tint: #f7e8d8;
}

.work-example-plan[data-example="tool"] .work-example-result {
  --example-accent: #584c83;
  --example-tint: #ede9f7;
}

.work-example-result:focus-visible {
  outline: 3px solid var(--workbench-blue);
  outline-offset: 4px;
}

.work-example-result-head,
.work-example-result-actions {
  display: flex;
  min-width: 0;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
}

.work-example-result-head {
  padding: 10px 15px;
  color: #fff;
  background: var(--example-accent);
  font: 850 0.58rem/1.3 ui-monospace, "SFMono-Regular", Menlo, monospace;
  letter-spacing: 0.07em;
}

.work-example-result-head p { margin: 0; }
.work-example-result-head span { white-space: nowrap; }
.work-example-result-paper { padding: clamp(18px, 3vw, 28px); background: #fffdf7; }
.work-example-plan[data-example="operations"] .work-example-result-paper {
  background: repeating-linear-gradient(#f8fcfd 0 29px, #e2edf1 30px);
}
.work-example-plan[data-example="feedback"] .work-example-result-paper {
  background: linear-gradient(130deg, #fffdf7 0 76%, #f6e8da 76%);
}
.work-example-plan[data-example="tool"] .work-example-result-paper {
  background: linear-gradient(90deg, #fffdf7 0 93%, #d9d2e8 93%);
}
.work-example-result-paper > span,
.work-example-result-decision > span {
  display: block;
  color: var(--example-accent);
  font: 850 0.57rem/1.3 ui-monospace, "SFMono-Regular", Menlo, monospace;
  letter-spacing: 0.07em;
}

.work-example-result-paper h4 {
  max-width: 650px;
  margin: 9px 0 12px;
  font-size: clamp(1.45rem, 2.7vw, 2.3rem);
  letter-spacing: -0.05em;
  line-height: 1.08;
  text-wrap: balance;
}

.work-example-result-paper > p {
  max-width: 640px;
  margin: 0;
  font-size: 0.81rem;
  line-height: 1.5;
}

.work-example-result-detail {
  display: grid;
  min-width: 0;
  margin-top: 19px;
  padding: 12px 14px;
  gap: 5px;
  border-left: 4px solid var(--example-accent);
  background: var(--example-tint);
  font-size: 0.72rem;
  line-height: 1.45;
}

.work-example-result-detail strong { color: var(--example-accent); }
.work-example-result-paper > .work-example-margin-note {
  display: inline-block;
  margin-top: 13px;
  padding: 5px 7px 4px;
  border: 1px dashed var(--example-accent);
  color: var(--example-accent);
  background: var(--example-tint);
  font: 900 0.55rem/1.2 ui-monospace, "SFMono-Regular", Menlo, monospace;
  letter-spacing: 0.075em;
  transform: rotate(-2deg);
}
.work-example-result-decision { padding: 16px clamp(18px, 3vw, 28px); border-top: 1px dashed var(--example-accent); background: var(--example-tint); }
.work-example-result-decision p { margin: 7px 0 0; font-size: 0.78rem; font-weight: 700; line-height: 1.5; }
.work-example-result-actions { padding: 13px clamp(18px, 3vw, 28px); flex-wrap: wrap; gap: 9px; }
.work-example-result-actions :is(a, button) {
  display: inline-flex;
  min-height: 46px;
  padding: 10px 12px;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--example-accent);
  color: var(--example-accent);
  background: #fffdf7;
  font: 850 0.68rem/1.3 Inter, ui-sans-serif, sans-serif;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}
.work-example-result-actions a { color: #fff; background: var(--example-accent); }
.work-example-result-actions :is(a, button):hover { box-shadow: 3px 3px 0 var(--example-accent); transform: translate(-1px, -1px); }
.work-example-result-actions :is(a, button):focus-visible { outline: 3px solid var(--workbench-blue); outline-offset: 3px; }
.work-example-result-boundary { margin: 0; padding: 0 clamp(18px, 3vw, 28px) 17px; color: #555b55; font-size: 0.66rem; line-height: 1.45; }

.work-example-plan ol {
  margin: 13px 0 0;
  padding: 0;
  list-style: none;
}

.work-example-plan li {
  display: grid;
  min-width: 0;
  padding: 10px 0;
  grid-template-columns: 26px minmax(0, 1fr);
  gap: 10px;
  border-top: 1px dashed rgb(110 105 95 / 45%);
}

.work-example-plan li > span {
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border: 1px solid #868177;
  border-radius: 50%;
  color: #615d55;
  background: rgb(255 253 247 / 68%);
  font: 800 0.5rem/1 ui-monospace, "SFMono-Regular", Menlo, monospace;
}

.work-example-plan li strong {
  display: block;
  margin-bottom: 3px;
  font-size: 0.78rem;
  line-height: 1.25;
}

.work-example-plan li p {
  margin: 0;
  color: #5b5d57;
  font-size: 0.75rem;
  line-height: 1.45;
}

.work-example-plan li[data-work-example-person] {
  margin: 3px -8px 0;
  padding: 10px 8px;
  border: 1px solid var(--workbench-green);
  background: rgb(217 235 220 / 72%);
}

.work-example-plan li[data-work-example-person] > span {
  border-color: var(--workbench-green);
  color: var(--workbench-green);
}

.work-example-plan > footer {
  display: grid;
  margin-top: 18px;
  gap: 12px;
}

.work-example-plan > footer p {
  margin: 0;
  color: #686961;
  font-size: 0.58rem;
  line-height: 1.45;
}

#work-example-open-brief {
  width: auto;
  min-height: 46px;
  border-color: var(--example-accent);
  color: var(--example-accent);
  background: #fffdf7;
}

#work-example-open-brief:hover {
  color: #fffdf7;
  background: var(--example-accent);
}

.work-example-plan > footer .research-sample-boundary,
.work-example-plan > footer .operations-sample-boundary,
.work-example-plan > footer .feedback-sample-boundary {
  justify-self: start;
  padding: 8px 10px 7px;
  border: 2px solid var(--workbench-green);
  outline: 1px dashed var(--workbench-green);
  outline-offset: -5px;
  color: var(--workbench-green);
  background: rgb(238 242 232 / 88%);
  box-shadow: 2px 2px 0 rgb(45 118 80 / 18%);
  font: 900 0.56rem/1.25 ui-monospace, "SFMono-Regular", Menlo, monospace;
  letter-spacing: 0.045em;
  transform: rotate(-1deg);
}

.research-sample-start,
.operations-sample-start,
.feedback-sample-start {
  display: flex;
  width: 100%;
  min-height: 48px;
  padding: 10px 13px 10px 16px;
  gap: 18px;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--workbench-green);
  color: var(--workbench-green);
  background: #eef2e8;
  box-shadow: 4px 4px 0 rgb(45 118 80 / 20%);
  font: inherit;
  font-size: 0.7rem;
  font-weight: 850;
  cursor: pointer;
}

.research-sample-start {
  border-color: var(--workbench-ink);
  color: #fff;
  background: var(--workbench-ink);
  box-shadow: 4px 4px 0 var(--workbench-orange);
}

.operations-sample-start {
  border-color: #8f4b2c;
  color: #733b24;
  background: #f5dfbf;
  box-shadow: 4px 4px 0 rgb(143 75 44 / 20%);
}

.operations-sample-start:hover {
  color: #fff;
  background: #8f4b2c;
}

.research-sample-start:hover {
  color: var(--workbench-ink);
  background: var(--workbench-orange);
}

.feedback-sample-start:hover {
  color: #fff;
  background: var(--workbench-green);
}

.research-sample-boundary[hidden],
.research-sample-start[hidden],
.research-sample-tray[hidden],
.operations-sample-boundary[hidden],
.operations-sample-start[hidden],
.operations-sample-workspace[hidden],
.operations-sample-ready[hidden],
.operations-sample-run[hidden],
.operations-sample-run-card[hidden],
.feedback-sample-boundary[hidden],
.feedback-sample-start[hidden],
.feedback-sample-workspace[hidden],
.feedback-sample-group-prompt[hidden],
.feedback-sample-groups[hidden],
.feedback-sample-decision[hidden],
.feedback-sample-complete[hidden],
.feedback-call-comparison[hidden],
.feedback-late-paper[hidden],
.feedback-missing-fact[hidden],
.feedback-comparison-revised[hidden],
.feedback-comparison-call[hidden],
.feedback-sample-handoff[hidden] {
  display: none;
}

.research-sample-tray {
  min-width: 0;
  padding: clamp(26px, 5vw, 58px);
  border-top: 1px solid var(--workbench-ink);
  background:
    radial-gradient(circle at 82% 15%, rgb(255 255 255 / 52%), transparent 24%),
    repeating-linear-gradient(90deg, transparent 0 35px, rgb(70 66 58 / 5%) 36px),
    #d7d2c8;
  scroll-margin-top: 24px;
}

.research-sample-sheet {
  position: relative;
  max-width: 880px;
  min-width: 0;
  margin: 0 auto;
  border: 1px solid #6f6b63;
  color: var(--workbench-ink);
  background:
    linear-gradient(90deg, transparent 41px, rgb(240 91 55 / 13%) 42px, transparent 43px),
    repeating-linear-gradient(#fffdf7 0 35px, #e7e2d7 36px);
  box-shadow: 8px 9px 0 rgb(45 42 36 / 14%);
  animation: research-sample-sheet-in 280ms cubic-bezier(0.2, 0.85, 0.3, 1) both;
}

.research-sample-sheet::before {
  position: absolute;
  top: -9px;
  left: 50%;
  width: 118px;
  height: 17px;
  border: 1px solid #aaa295;
  background: rgb(244 233 201 / 86%);
  content: "";
  transform: translateX(-50%) rotate(-1deg);
}

.research-sample-sheet:focus-visible {
  outline: 3px solid var(--workbench-blue);
  outline-offset: 5px;
}

.research-sample-sheet > header {
  display: grid;
  min-width: 0;
  padding: clamp(28px, 4vw, 42px) clamp(24px, 4.5vw, 48px) 25px;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 25px;
  align-items: start;
  border-bottom: 2px solid var(--workbench-ink);
}

.research-sample-sheet > header > div {
  min-width: 0;
}

.research-sample-sheet > header p {
  margin: 0 0 10px;
  color: var(--workbench-green);
  font: 900 0.54rem/1.35 ui-monospace, "SFMono-Regular", Menlo, monospace;
  letter-spacing: 0.075em;
  text-transform: uppercase;
}

.research-sample-sheet h3 {
  max-width: 680px;
  margin: 0;
  font-size: clamp(1.75rem, 3.7vw, 3rem);
  letter-spacing: -0.055em;
  line-height: 0.98;
  text-wrap: balance;
}

.research-sample-stamp {
  display: grid;
  width: 76px;
  height: 76px;
  place-items: center;
  border: 3px double #963b2a;
  border-radius: 50%;
  color: #963b2a;
  background: rgb(255 253 247 / 70%);
  font: 900 0.5rem/1.2 ui-monospace, "SFMono-Regular", Menlo, monospace;
  letter-spacing: 0.06em;
  text-align: center;
  text-transform: uppercase;
  transform: rotate(7deg);
  animation: research-sample-stamp-in 250ms 90ms cubic-bezier(0.2, 0.9, 0.3, 1.2) both;
}

.research-sample-rows {
  margin: 0;
  padding: 0 clamp(24px, 4.5vw, 48px);
  list-style: none;
}

.research-sample-rows > li {
  display: grid;
  min-width: 0;
  padding: 23px 0;
  grid-template-columns: minmax(145px, 0.34fr) minmax(0, 1fr);
  gap: clamp(20px, 4vw, 42px);
  align-items: start;
  border-bottom: 1px dashed #8d887e;
}

.research-sample-row-label {
  display: grid;
  min-width: 0;
  grid-template-columns: 27px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}

.research-sample-row-label > span {
  display: grid;
  width: 25px;
  height: 25px;
  place-items: center;
  border: 1px solid #817c72;
  border-radius: 50%;
  color: #5e5b54;
  background: rgb(255 253 247 / 70%);
  font: 850 0.48rem/1 ui-monospace, "SFMono-Regular", Menlo, monospace;
}

.research-sample-row-label h4 {
  margin: 0;
  font-size: 0.8rem;
  letter-spacing: -0.02em;
  line-height: 1.2;
}

.research-sample-rows > li > div:last-child {
  min-width: 0;
}

.research-sample-rows p {
  margin: 0;
  color: #4f524d;
  font-size: 0.69rem;
  line-height: 1.55;
}

.research-sample-rows a {
  display: grid;
  min-width: 0;
  margin-top: 13px;
  padding: 11px 13px;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  border: 1px solid #8d887e;
  border-left: 4px solid var(--workbench-green);
  color: var(--workbench-green);
  background: rgb(238 242 232 / 84%);
  font-size: 0.61rem;
  font-weight: 800;
  line-height: 1.4;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.research-sample-rows a:hover {
  background: #dcebdc;
}

.research-sample-rows time {
  color: #555b55;
  font: 800 0.5rem/1.3 ui-monospace, "SFMono-Regular", Menlo, monospace;
  letter-spacing: 0.035em;
  white-space: nowrap;
}

.research-sample-rows > .research-sample-decision-row {
  margin: 8px -14px 0;
  padding: 24px 14px;
  border: 1px solid var(--workbench-green);
  color: #fff;
  background: var(--workbench-green);
  box-shadow: 4px 4px 0 rgb(45 118 80 / 18%);
}

.research-sample-decision-row .research-sample-row-label > span {
  border-color: #fff;
  color: #fff;
  background: transparent;
}

.research-sample-decision-row .research-sample-row-label h4,
.research-sample-decision-row p {
  color: #fff;
}

.research-sample-decision-row strong {
  display: block;
  margin-top: 10px;
  color: #e9f4e7;
  font-size: 0.6rem;
  line-height: 1.45;
}

.research-sample-sheet > footer {
  display: flex;
  min-width: 0;
  padding: 22px clamp(24px, 4.5vw, 48px) 27px;
  gap: 18px;
  align-items: center;
  justify-content: space-between;
}

.research-sample-sheet > footer p {
  max-width: 520px;
  margin: 0;
  color: #66675f;
  font-size: 0.55rem;
  line-height: 1.45;
}

.research-sample-sheet > footer button {
  flex: 0 0 auto;
  min-height: 42px;
  padding: 9px 12px;
  border: 1px solid #777269;
  color: #4f514c;
  background: rgb(255 253 247 / 65%);
  font: inherit;
  font-size: 0.59rem;
  font-weight: 800;
  cursor: pointer;
}

.research-sample-sheet > footer button:hover {
  border-color: var(--workbench-ink);
  color: var(--workbench-ink);
  background: #fffdf7;
}

.operations-sample-workspace {
  min-width: 0;
  border-top: 1px solid var(--workbench-ink);
  background:
    linear-gradient(90deg, rgb(255 255 255 / 42%), transparent 32%),
    #d8d2c5;
  scroll-margin-top: 24px;
}

.operations-sample-workspace:focus-visible {
  outline: 3px solid var(--workbench-blue);
  outline-offset: -6px;
}

.operations-sample-heading {
  display: grid;
  min-width: 0;
  padding: clamp(25px, 3.7vw, 42px);
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  align-items: end;
  border-bottom: 1px solid var(--workbench-ink);
  background:
    repeating-linear-gradient(90deg, transparent 0 39px, rgb(76 72 63 / 5%) 40px),
    rgb(239 233 220 / 82%);
}

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

.operations-sample-heading > div > p:first-child {
  margin: 0 0 8px;
  color: #8f4b2c;
  font: 850 0.54rem/1.35 ui-monospace, "SFMono-Regular", Menlo, monospace;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.operations-sample-heading h3 {
  max-width: 720px;
  margin: 0;
  font-size: clamp(1.9rem, 4vw, 3.35rem);
  letter-spacing: -0.055em;
  line-height: 0.96;
  text-wrap: balance;
}

.operations-sample-heading > div > p:last-child {
  max-width: 680px;
  margin: 14px 0 0;
  color: #555850;
  font-size: 0.7rem;
  line-height: 1.55;
}

.operations-sample-heading > span {
  max-width: 190px;
  padding: 8px 10px;
  border: 1px solid #81786c;
  color: #5c554d;
  background: rgb(255 253 247 / 62%);
  font: 800 0.53rem/1.35 ui-monospace, "SFMono-Regular", Menlo, monospace;
  letter-spacing: 0.05em;
  text-align: right;
  text-transform: uppercase;
}

.operations-sample-paper {
  min-width: 0;
  padding: clamp(22px, 4vw, 46px);
  background:
    repeating-linear-gradient(0deg, transparent 0 31px, rgb(83 80 72 / 7%) 32px),
    #e9e4d8;
}

.operations-sample-ready {
  display: grid;
  max-width: 900px;
  min-width: 0;
  margin: 0 auto;
  padding: clamp(20px, 3vw, 32px);
  grid-template-columns: 72px minmax(0, 1fr) auto;
  gap: clamp(16px, 3vw, 30px);
  align-items: center;
  border: 1px solid #777167;
  background: #fffaf0;
  box-shadow: 6px 7px 0 rgb(55 52 44 / 12%);
  transform: rotate(-0.25deg);
}

.operations-sample-ready > span {
  display: grid;
  width: 66px;
  height: 66px;
  place-items: center;
  border: 2px solid #8f4b2c;
  border-radius: 50%;
  color: #8f4b2c;
  font: 900 0.52rem/1.15 ui-monospace, "SFMono-Regular", Menlo, monospace;
  letter-spacing: 0.07em;
  text-align: center;
}

.operations-sample-ready > div {
  min-width: 0;
}

.operations-sample-ready > div > p:first-child {
  margin: 0 0 6px;
  color: #8f4b2c;
  font: 850 0.5rem/1.3 ui-monospace, "SFMono-Regular", Menlo, monospace;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.operations-sample-ready h4 {
  margin: 0;
  font-size: clamp(1.2rem, 2.5vw, 1.8rem);
  letter-spacing: -0.04em;
  line-height: 1;
}

.operations-sample-ready > div > p:last-child {
  max-width: 560px;
  margin: 10px 0 0;
  color: #555850;
  font-size: 0.66rem;
  line-height: 1.5;
}

.operations-sample-ready button {
  min-height: 48px;
  padding: 11px 15px;
  border: 1px solid var(--workbench-ink);
  color: #fff;
  background: var(--workbench-ink);
  box-shadow: 4px 4px 0 var(--workbench-orange);
  font: inherit;
  font-size: 0.66rem;
  font-weight: 850;
  white-space: nowrap;
  cursor: pointer;
}

.operations-sample-ready button:hover {
  color: var(--workbench-ink);
  background: var(--workbench-orange);
}

.operations-sample-run {
  display: grid;
  max-width: 960px;
  min-width: 0;
  margin: 0 auto;
  gap: 18px;
}

.operations-sample-checks {
  display: grid;
  min-width: 0;
  margin: 0;
  padding: 0;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid #777167;
  background: #fffaf0;
  box-shadow: 5px 5px 0 rgb(55 52 44 / 10%);
  list-style: none;
}

.operations-sample-checks li {
  display: grid;
  min-width: 0;
  padding: 16px;
  grid-template-columns: 24px minmax(0, 1fr) 22px;
  gap: 9px;
  align-items: start;
}

.operations-sample-checks li + li {
  border-left: 1px dashed #918a7f;
}

.operations-sample-checks li > span,
.operations-sample-checks li > b {
  display: grid;
  width: 22px;
  height: 22px;
  place-items: center;
  border: 1px solid #837d72;
  border-radius: 50%;
  color: #5c5952;
  font: 850 0.45rem/1 ui-monospace, "SFMono-Regular", Menlo, monospace;
}

.operations-sample-checks li > b {
  border-color: var(--workbench-green);
  color: var(--workbench-green);
  font-size: 0.7rem;
}

.operations-sample-checks li[data-run-check="paused"] > b {
  border-color: #9b3c28;
  color: #9b3c28;
}

.operations-sample-checks strong {
  display: block;
  font-size: 0.66rem;
  line-height: 1.35;
}

.operations-sample-checks p {
  margin: 5px 0 0;
  color: #60615b;
  font-size: 0.55rem;
  line-height: 1.4;
}

.operations-sample-delay {
  display: grid;
  min-width: 0;
  padding: 17px 19px;
  grid-template-columns: minmax(160px, 0.35fr) minmax(0, 1fr);
  gap: 10px 24px;
  align-items: center;
  border: 2px solid #9b3c28;
  color: #542c25;
  background:
    linear-gradient(135deg, rgb(255 255 255 / 55%), transparent 50%),
    #f7dcc8;
  box-shadow: 4px 4px 0 rgb(150 59 42 / 16%);
}

.operations-sample-delay:focus-visible,
.operations-sample-run-card:focus-visible {
  outline: 3px solid var(--workbench-blue);
  outline-offset: 4px;
}

.operations-sample-delay header {
  display: grid;
  gap: 5px;
}

.operations-sample-delay header span {
  color: #8b4b3c;
  font: 850 0.48rem/1.25 ui-monospace, "SFMono-Regular", Menlo, monospace;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.operations-sample-delay header strong {
  font-size: 1.05rem;
  letter-spacing: -0.025em;
}

.operations-sample-delay > p {
  margin: 0;
  font-size: 0.68rem;
  line-height: 1.48;
}

.operations-sample-delay > small {
  grid-column: 2;
  color: #765c54;
  font-size: 0.51rem;
  line-height: 1.4;
}

.operations-sample-next-step {
  min-width: 0;
  margin: 0;
  padding: 18px;
  border: 1px solid var(--workbench-green);
  background: #e1ebdf;
}

.operations-sample-next-step legend {
  max-width: 100%;
  padding: 0 7px;
  font-size: 0.77rem;
  font-weight: 850;
  line-height: 1.35;
}

.operations-sample-next-step legend span {
  display: block;
  margin-bottom: 4px;
  color: var(--workbench-green);
  font: 850 0.48rem/1.25 ui-monospace, "SFMono-Regular", Menlo, monospace;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.operations-sample-next-step > p {
  margin: 2px 0 13px;
  color: #555b55;
  font-size: 0.61rem;
  line-height: 1.45;
}

.operations-sample-next-step > div {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.operations-sample-next-step button {
  display: grid;
  min-width: 0;
  padding: 13px;
  gap: 5px;
  border: 1px solid #747b72;
  color: var(--workbench-ink);
  background: #fffdf7;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.operations-sample-next-step button:hover,
.operations-sample-next-step button[aria-pressed="true"] {
  border-color: var(--workbench-green);
  background: #cfe1cd;
  box-shadow: inset 0 -3px 0 var(--workbench-green);
}

.operations-sample-next-step button strong {
  font-size: 0.66rem;
  line-height: 1.3;
}

.operations-sample-next-step button small {
  color: #60645e;
  font-size: 0.54rem;
  line-height: 1.4;
}

.operations-sample-run-card {
  position: relative;
  min-width: 0;
  padding: clamp(18px, 3vw, 30px);
  overflow: hidden;
  opacity: 1;
  border: 2px solid var(--workbench-green);
  background:
    linear-gradient(90deg, transparent 33px, rgb(240 91 55 / 12%) 34px, transparent 35px),
    repeating-linear-gradient(#fffdf7 0 31px, #e5e1d7 32px);
  box-shadow: 7px 8px 0 rgb(45 118 80 / 18%);
  animation: operations-sample-card-in 280ms cubic-bezier(0.2, 0.9, 0.3, 1.15) both;
}

.operations-sample-run-card > header {
  display: grid;
  min-width: 0;
  padding-bottom: 15px;
  grid-template-columns: minmax(0, 1fr) 78px;
  gap: 18px;
  align-items: center;
  border-bottom: 2px solid var(--workbench-ink);
}

.operations-sample-run-card > header > div {
  display: grid;
  min-width: 0;
  gap: 5px;
}

.operations-sample-run-card > header span {
  color: var(--workbench-green);
  font: 900 0.52rem/1.25 ui-monospace, "SFMono-Regular", Menlo, monospace;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.operations-sample-run-card > header strong {
  font-size: clamp(1.25rem, 3vw, 2rem);
  letter-spacing: -0.045em;
  line-height: 1;
}

.operations-sample-run-card > header b {
  display: grid;
  width: 72px;
  height: 72px;
  place-items: center;
  border: 3px double #963b2a;
  border-radius: 50%;
  color: #963b2a;
  background: rgb(255 253 247 / 72%);
  font: 900 0.48rem/1.15 ui-monospace, "SFMono-Regular", Menlo, monospace;
  letter-spacing: 0.055em;
  text-align: center;
  text-transform: uppercase;
  opacity: 1;
  transform: rotate(7deg);
  animation: operations-sample-stamp-in 250ms 80ms cubic-bezier(0.2, 0.9, 0.3, 1.2) both;
}

.operations-sample-run-card dl {
  display: grid;
  min-width: 0;
  margin: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.operations-sample-run-card dl > div {
  min-width: 0;
  padding: 17px 14px 14px 0;
}

.operations-sample-run-card dl > div + div {
  padding-left: 14px;
  border-left: 1px dashed #918a7f;
}

.operations-sample-run-card dt {
  margin-bottom: 7px;
  color: #5f645e;
  font: 850 0.49rem/1.3 ui-monospace, "SFMono-Regular", Menlo, monospace;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.operations-sample-run-card dd {
  margin: 0;
  font-size: 0.64rem;
  font-weight: 700;
  line-height: 1.45;
}

.operations-sample-run-card dl > div:last-child dd {
  display: grid;
  gap: 7px;
  color: #195b3b;
}

.operations-sample-run-card-reason {
  color: #4f5b51;
  font-size: 0.58rem;
  font-weight: 650;
  line-height: 1.45;
}

.operations-sample-run-card > footer {
  padding-top: 13px;
  border-top: 1px dashed #918a7f;
  color: #64665f;
  font-size: 0.53rem;
  line-height: 1.4;
}

.feedback-sample-workspace {
  min-width: 0;
  border-top: 1px solid var(--workbench-ink);
  background:
    linear-gradient(90deg, rgb(255 255 255 / 38%), transparent 28%),
    #ebe5d7;
  scroll-margin-top: 24px;
}

.feedback-sample-workspace:focus-visible {
  outline: 3px solid var(--workbench-blue);
  outline-offset: -6px;
}

.feedback-sample-heading {
  display: grid;
  min-width: 0;
  padding: clamp(25px, 3.7vw, 42px);
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  align-items: end;
  border-bottom: 1px solid var(--workbench-ink);
}

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

.feedback-sample-heading > div > p:first-child,
.feedback-sample-raw header p,
.feedback-sample-groups > header p {
  margin: 0 0 8px;
  color: var(--workbench-green);
  font: 850 0.54rem/1.35 ui-monospace, "SFMono-Regular", Menlo, monospace;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.feedback-sample-heading h3 {
  max-width: 710px;
  margin: 0;
  font-size: clamp(1.9rem, 4vw, 3.35rem);
  letter-spacing: -0.055em;
  line-height: 0.96;
  text-wrap: balance;
}

.feedback-sample-heading > div > p:last-child {
  max-width: 680px;
  margin: 14px 0 0;
  color: #555850;
  font-size: 0.7rem;
  line-height: 1.55;
}

.feedback-sample-heading > span {
  padding: 8px 10px;
  border: 1px solid #858178;
  color: #555850;
  background: rgb(255 253 247 / 54%);
  font: 800 0.53rem/1.35 ui-monospace, "SFMono-Regular", Menlo, monospace;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.feedback-sample-stage-strip {
  display: grid;
  margin: 0;
  padding: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-bottom: 1px solid var(--workbench-ink);
  list-style: none;
}

.feedback-sample-stage-strip li {
  display: grid;
  min-width: 0;
  padding: 14px clamp(14px, 2.4vw, 26px);
  grid-template-columns: 25px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  color: #6c6c65;
  background: rgb(255 253 247 / 42%);
}

.feedback-sample-stage-strip li + li {
  border-left: 1px solid var(--workbench-ink);
}

.feedback-sample-stage-strip li[aria-current="step"] {
  color: var(--workbench-ink);
  background: #fffdf6;
  box-shadow: inset 0 -4px 0 var(--workbench-orange);
}

.feedback-sample-stage-strip li[data-complete] {
  color: var(--workbench-green);
  background: #e2ebdf;
}

.feedback-sample-stage-strip li > span {
  display: grid;
  width: 23px;
  height: 23px;
  place-items: center;
  border: 1px solid currentColor;
  border-radius: 50%;
  font: 850 0.48rem/1 ui-monospace, "SFMono-Regular", Menlo, monospace;
}

.feedback-sample-stage-strip strong {
  overflow-wrap: anywhere;
  font-size: 0.63rem;
  line-height: 1.3;
}

.feedback-sample-evidence {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr);
}

.feedback-sample-raw,
.feedback-sample-analysis {
  min-width: 0;
  padding: clamp(22px, 3vw, 36px);
}

.feedback-sample-raw {
  border-right: 1px solid var(--workbench-ink);
  background: #d9d4c9;
}

.feedback-sample-raw header,
.feedback-sample-groups > header {
  display: flex;
  min-width: 0;
  margin-bottom: 18px;
  gap: 16px;
  align-items: start;
  justify-content: space-between;
}

.feedback-sample-raw h4,
.feedback-sample-groups h4 {
  margin: 0;
  font-size: clamp(1.25rem, 2.4vw, 1.75rem);
  letter-spacing: -0.04em;
  line-height: 1;
}

.feedback-sample-raw header > span {
  padding: 5px 6px;
  border: 1px dashed #777268;
  color: #625f58;
  font: 800 0.45rem/1 ui-monospace, "SFMono-Regular", Menlo, monospace;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.feedback-sample-slips {
  display: grid;
  min-width: 0;
  gap: 10px;
}

.feedback-sample-slips article {
  position: relative;
  min-width: 0;
  padding: 14px 15px 15px;
  border: 1px solid #8a857a;
  background: #fffaf0;
  box-shadow: 3px 3px 0 rgb(55 52 44 / 11%);
  transform: rotate(-0.35deg);
  animation: feedback-sample-slip-in 260ms cubic-bezier(0.2, 0.85, 0.3, 1) both;
}

.feedback-sample-slips article:nth-child(even) {
  transform: rotate(0.4deg);
  animation-delay: 55ms;
}

.feedback-sample-slips article > span {
  color: #746f65;
  font: 850 0.48rem/1.3 ui-monospace, "SFMono-Regular", Menlo, monospace;
  letter-spacing: 0.065em;
  text-transform: uppercase;
}

.feedback-sample-slips article > p {
  margin: 8px 0 0;
  font-size: 0.68rem;
  line-height: 1.48;
}

.feedback-sample-analysis {
  display: grid;
  align-content: center;
  background:
    repeating-linear-gradient(0deg, transparent 0 31px, rgb(83 80 72 / 7%) 32px),
    #f2eee4;
}

.feedback-sample-group-prompt {
  display: grid;
  max-width: 580px;
  margin: auto;
  justify-items: center;
  text-align: center;
}

.feedback-sample-group-prompt > span {
  display: grid;
  width: 112px;
  height: 74px;
  place-items: center;
  border: 1px dashed #807b71;
  color: #6e6a62;
  background: rgb(255 253 247 / 58%);
  font: 850 0.55rem/1 ui-monospace, "SFMono-Regular", Menlo, monospace;
  letter-spacing: 0.5em;
  text-indent: 0.5em;
  transform: rotate(-2deg);
}

.feedback-sample-group-prompt p {
  max-width: 460px;
  margin: 20px 0;
  color: #575a54;
  font-size: 0.7rem;
  line-height: 1.55;
}

.feedback-sample-group-prompt p strong {
  color: var(--workbench-ink);
}

.feedback-sample-group-prompt button,
.feedback-sample-complete button {
  min-height: 46px;
  padding: 10px 15px;
  border: 1px solid var(--workbench-ink);
  color: #fff;
  background: var(--workbench-ink);
  box-shadow: 4px 4px 0 var(--workbench-orange);
  font: inherit;
  font-size: 0.68rem;
  font-weight: 850;
  cursor: pointer;
}

.feedback-sample-groups {
  min-width: 0;
}

.feedback-sample-groups > article {
  min-width: 0;
  margin-top: 12px;
  padding: 16px;
  border: 1px solid #888378;
  background: rgb(255 253 247 / 88%);
  box-shadow: 3px 3px 0 rgb(55 52 44 / 9%);
  animation: feedback-sample-cluster-in 240ms cubic-bezier(0.2, 0.85, 0.3, 1) both;
}

.feedback-sample-groups > article:nth-of-type(2) {
  animation-delay: 75ms;
}

.feedback-sample-groups > article > div {
  display: flex;
  min-width: 0;
  gap: 10px;
  align-items: center;
}

.feedback-sample-groups > article > div span {
  flex: 0 0 auto;
  padding: 5px 6px;
  border: 1px solid var(--workbench-green);
  color: var(--workbench-green);
  font: 850 0.46rem/1 ui-monospace, "SFMono-Regular", Menlo, monospace;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.feedback-sample-groups > article > div strong {
  font-size: 0.75rem;
}

.feedback-sample-groups > article > p {
  margin: 10px 0;
  color: #555851;
  font-size: 0.63rem;
  line-height: 1.45;
}

.feedback-sample-groups ul {
  display: flex;
  margin: 0;
  padding: 0;
  gap: 7px;
  flex-wrap: wrap;
  list-style: none;
}

.feedback-sample-groups li {
  padding: 5px 7px;
  border: 1px dashed #979187;
  color: #62645e;
  background: #eee9dc;
  font: 700 0.51rem/1.3 ui-monospace, "SFMono-Regular", Menlo, monospace;
}

.feedback-sample-groups li b {
  color: var(--workbench-green);
}

.feedback-sample-groups > article > small {
  display: block;
  margin-top: 10px;
  color: #8c522f;
  font-size: 0.52rem;
  line-height: 1.4;
}

.feedback-sample-decision {
  min-width: 0;
  margin: 20px 0 0;
  padding: 17px;
  border: 1px solid var(--workbench-green);
  background: #e2ebdf;
}

.feedback-sample-decision legend {
  max-width: 100%;
  padding: 0 6px;
  font-size: 0.74rem;
  font-weight: 850;
  line-height: 1.35;
}

.feedback-sample-decision legend span {
  display: block;
  margin-bottom: 4px;
  color: var(--workbench-green);
  font: 850 0.48rem/1.25 ui-monospace, "SFMono-Regular", Menlo, monospace;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.feedback-sample-decision > p {
  margin: 1px 0 12px;
  color: #555b55;
  font-size: 0.61rem;
  line-height: 1.45;
}

.feedback-sample-decision > div {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.feedback-sample-decision button {
  display: grid;
  min-width: 0;
  padding: 12px;
  gap: 5px;
  border: 1px solid #777d74;
  color: var(--workbench-ink);
  background: #fffdf7;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.feedback-sample-decision button:hover,
.feedback-sample-decision button[aria-pressed="true"] {
  border-color: var(--workbench-green);
  background: #cfe1cd;
  box-shadow: inset 0 -3px 0 var(--workbench-green);
}

.feedback-sample-decision button strong {
  font-size: 0.65rem;
  line-height: 1.3;
}

.feedback-sample-decision button small {
  color: #60645e;
  font-size: 0.54rem;
  line-height: 1.4;
}

.feedback-sample-complete {
  display: grid;
  min-width: 0;
  margin-top: 16px;
  padding: 16px;
  grid-template-columns: 76px minmax(0, 1fr);
  gap: 15px;
  align-items: center;
  border: 2px solid #963b2a;
  color: #4a2922;
  background: #fae4d4;
}

.feedback-sample-complete:focus-visible,
.feedback-sample-groups h4:focus-visible {
  outline: 3px solid var(--workbench-blue);
  outline-offset: 4px;
}

.feedback-sample-complete > span {
  display: grid;
  width: 70px;
  height: 70px;
  place-items: center;
  border: 3px double #963b2a;
  border-radius: 50%;
  font: 900 0.5rem/1.25 ui-monospace, "SFMono-Regular", Menlo, monospace;
  letter-spacing: 0.055em;
  text-align: center;
  transform: rotate(-7deg);
  animation: feedback-sample-stamp-in 260ms cubic-bezier(0.2, 0.9, 0.3, 1.2) both;
}

.feedback-sample-complete strong {
  display: block;
  font-size: 0.72rem;
  line-height: 1.35;
}

.feedback-sample-complete p,
.feedback-sample-complete small {
  display: block;
  margin: 5px 0 0;
  font-size: 0.55rem;
  line-height: 1.42;
}

.feedback-sample-handoff {
  display: grid;
  min-width: 0;
  padding-top: 14px;
  grid-column: 1 / -1;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 9px;
  border-top: 1px dashed rgb(150 59 42 / 55%);
}

.feedback-sample-handoff > p {
  margin: 0 0 2px;
  grid-column: 1 / -1;
  color: #65483f;
}

.feedback-sample-handoff > p > span {
  display: inline-block;
  margin-right: 5px;
  color: #963b2a;
  font: 900 0.49rem/1.25 ui-monospace, "SFMono-Regular", Menlo, monospace;
  letter-spacing: 0.045em;
  text-transform: uppercase;
}

.feedback-sample-handoff .feedback-sample-open-brief {
  display: flex;
  min-width: 0;
  min-height: 48px;
  padding: 10px 12px 10px 15px;
  gap: 16px;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--workbench-ink);
  color: #fff;
  background:
    linear-gradient(225deg, transparent 0 12px, var(--workbench-ink) 12px) top right / 100% 100% no-repeat;
  box-shadow: 3px 3px 0 rgb(150 59 42 / 24%);
  font: inherit;
  font-size: 0.65rem;
  font-weight: 850;
  text-align: left;
  cursor: pointer;
}

.feedback-sample-handoff .feedback-sample-open-brief:hover {
  color: var(--workbench-ink);
  background: #fffdf7;
}

.feedback-sample-open-brief b {
  font-size: 0.9rem;
}

.feedback-sample-handoff .feedback-sample-reset {
  min-height: 40px;
  padding: 8px 10px;
  border: 1px solid rgb(150 59 42 / 52%);
  color: #684338;
  background: transparent;
  box-shadow: none;
  font: inherit;
  font-size: 0.56rem;
  font-weight: 750;
  white-space: nowrap;
  cursor: pointer;
}

.feedback-sample-handoff .feedback-sample-reset:hover {
  border-color: #963b2a;
  background: rgb(255 253 247 / 64%);
}

.research-sample-start:focus-visible,
.research-sample-sheet a:focus-visible,
.research-sample-sheet button:focus-visible,
.operations-sample-start:focus-visible,
.operations-sample-ready button:focus-visible,
.operations-sample-next-step button:focus-visible,
.feedback-sample-start:focus-visible,
.feedback-sample-group-prompt button:focus-visible,
.feedback-sample-decision button:focus-visible,
.feedback-sample-complete button:focus-visible,
.feedback-late-paper button:focus-visible,
.feedback-revised-decision button:focus-visible,
.feedback-sample-handoff button:focus-visible,
#work-example-open-brief:focus-visible {
  outline: 3px solid var(--workbench-blue);
  outline-offset: 3px;
}

@keyframes research-sample-sheet-in {
  from { opacity: 1; transform: translateY(13px) rotate(-0.25deg); }
  to { opacity: 1; transform: translateY(0) rotate(0); }
}

@keyframes research-sample-stamp-in {
  from { opacity: 0; transform: scale(1.35) rotate(11deg); }
  to { opacity: 1; transform: scale(1) rotate(7deg); }
}

@keyframes operations-sample-card-in {
  from { transform: translateY(8px) rotate(-0.2deg); }
  to { transform: translateY(0) rotate(0); }
}

@keyframes operations-sample-stamp-in {
  from { transform: scale(1.12) rotate(10deg); }
  to { transform: scale(1) rotate(7deg); }
}

@keyframes feedback-sample-slip-in {
  from { opacity: 0; transform: translateY(8px) rotate(0); }
}

@keyframes feedback-sample-cluster-in {
  from { opacity: 0; transform: translateX(12px); }
}

@keyframes feedback-sample-stamp-in {
  from { opacity: 0; transform: scale(1.5) rotate(-12deg); }
}

.problem-brief-layout {
  grid-template-areas:
    "privacy privacy"
    "context context"
    "form path";
}

.problem-brief-context {
  display: grid;
  min-width: 0;
  padding: 15px 18px;
  grid-area: context;
  grid-template-columns: auto auto minmax(180px, 1fr);
  gap: 14px;
  align-items: center;
  border: 1px dashed var(--workbench-green);
  color: #353a35;
  background: rgb(224 238 224 / 74%);
}

.problem-brief-context[hidden] {
  display: none;
}

.problem-brief-context > span {
  color: var(--workbench-green);
  font: 850 0.54rem/1.35 ui-monospace, "SFMono-Regular", Menlo, monospace;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.problem-brief-context > strong {
  padding: 5px 8px;
  border: 1px solid var(--workbench-green);
  background: rgb(255 255 255 / 56%);
  font-size: 0.72rem;
}

.problem-brief-context > p {
  margin: 0;
  color: #5c625c;
  font-size: 0.62rem;
  line-height: 1.45;
  text-align: right;
}

@keyframes work-example-stamp {
  from { opacity: 0; transform: scale(1.5) rotate(9deg); }
  to { opacity: 1; transform: scale(1) rotate(6deg); }
}

@keyframes work-example-plan-in {
  from { opacity: 0; transform: translateX(12px); }
  to { opacity: 1; transform: translateX(0); }
}

@media (max-width: 920px) {
  .work-example-body {
    grid-template-columns: minmax(0, 1fr);
  }

  .work-example-choices {
    grid-row: 1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-right: 0;
    border-bottom: 1px solid var(--workbench-ink);
  }

  .work-example-body > .research-sample-tray {
    grid-column: 1;
    grid-row: 3;
    border-top: 1px solid var(--workbench-ink);
    border-left: 0;
  }

  .work-example-body > .work-example-plan {
    grid-column: 1;
    grid-row: 2;
    padding: clamp(24px, 5vw, 38px);
  }

  .feedback-sample-evidence {
    grid-template-columns: minmax(0, 1fr);
  }

  .feedback-sample-raw {
    border-right: 0;
    border-bottom: 1px solid var(--workbench-ink);
  }

  .feedback-sample-slips {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 860px) {
  .problem-brief-layout {
    grid-template-areas:
      "privacy"
      "context"
      "path"
      "form";
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 640px) {
  .work-example-desk {
    margin: 0 18px 42px;
    box-shadow: 5px 5px 0 rgb(23 27 24 / 10%);
  }

  .work-example-desk::before {
    left: 20px;
    width: 82px;
  }

  .work-example-heading {
    padding: 20px 18px 18px;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  .work-example-heading h2 {
    font-size: 2.15rem;
  }

  .work-example-desk-status {
    max-width: none;
    text-align: left;
  }

  .work-example-choices {
    padding: 14px;
    gap: 8px;
  }

  .work-example-choices button {
    min-height: 78px;
    padding: 10px;
    gap: 4px;
  }

  .work-example-choices button > span:first-child {
    padding-right: 47px;
  }

  .work-example-choices strong {
    font-size: 0.86rem;
  }

  .work-example-choices small {
    display: none;
  }

  .work-example-choices b {
    font-size: 0.56rem;
  }

  .work-example-choices button[aria-pressed="true"]::after {
    top: 7px;
    right: 6px;
    padding: 3px;
    font-size: 0.4rem;
  }

  .work-example-plan {
    padding: 25px 18px 27px;
  }

  .work-example-result-actions { display: grid; grid-template-columns: minmax(0, 1fr); }
  .work-example-result-actions :is(a, button) { width: 100%; }
  .work-example-result-actions #work-example-open-brief { width: 100%; }

  .problem-brief-layout {
    grid-template-areas:
      "privacy"
      "context"
      "path"
      "form";
  }

  .problem-brief-context {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }

  .problem-brief-context > p {
    text-align: left;
  }

  .operations-sample-heading {
    padding: 24px 18px;
    grid-template-columns: minmax(0, 1fr);
    gap: 15px;
  }

  .operations-sample-heading > span {
    max-width: none;
    justify-self: start;
    text-align: left;
  }

  .operations-sample-paper {
    padding: 18px 12px 22px;
  }

  .operations-sample-ready {
    padding: 18px 15px;
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 12px;
    transform: none;
  }

  .operations-sample-ready > span {
    width: 50px;
    height: 50px;
  }

  .operations-sample-ready button {
    width: 100%;
    grid-column: 1 / -1;
    white-space: normal;
  }

  .operations-sample-checks,
  .operations-sample-next-step > div,
  .operations-sample-run-card dl {
    grid-template-columns: minmax(0, 1fr);
  }

  .operations-sample-checks li {
    padding: 12px;
  }

  .operations-sample-checks li + li {
    border-top: 1px dashed #918a7f;
    border-left: 0;
  }

  .operations-sample-delay {
    padding: 14px;
    grid-template-columns: minmax(0, 1fr);
  }

  .operations-sample-delay > small {
    grid-column: 1;
  }

  .operations-sample-next-step {
    padding: 15px 12px;
  }

  .operations-sample-run-card {
    padding: 17px 14px;
    box-shadow: 5px 6px 0 rgb(45 118 80 / 18%);
  }

  .operations-sample-run-card > header {
    grid-template-columns: minmax(0, 1fr) 58px;
    gap: 10px;
  }

  .operations-sample-run-card > header b {
    width: 54px;
    height: 54px;
    border-width: 2px;
    font-size: 0.42rem;
  }

  .operations-sample-run-card dl > div {
    padding: 11px 0;
  }

  .operations-sample-run-card dl > div + div {
    padding-left: 0;
    border-top: 1px dashed #918a7f;
    border-left: 0;
  }

  .feedback-sample-heading {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }

  .feedback-sample-heading > span {
    justify-self: start;
  }

  .feedback-sample-stage-strip {
    grid-template-columns: minmax(0, 1fr);
  }

  .feedback-sample-stage-strip li + li {
    border-top: 1px solid var(--workbench-ink);
    border-left: 0;
  }

  .feedback-sample-raw,
  .feedback-sample-analysis {
    padding: 24px 18px;
  }

  .feedback-sample-slips,
  .feedback-sample-decision > div {
    grid-template-columns: minmax(0, 1fr);
  }

  .research-sample-tray {
    padding: 22px 12px;
  }

  .research-sample-sheet {
    background:
      linear-gradient(135deg, transparent 0 18px, rgb(45 118 80 / 12%) 18px 19px, transparent 19px) top right / 27px 27px no-repeat,
      linear-gradient(90deg, transparent 27px, rgb(240 91 55 / 13%) 28px, transparent 29px),
      repeating-linear-gradient(#fffdf7 0 27px, #e7e2d7 28px);
    box-shadow: 5px 6px 0 rgb(45 42 36 / 14%);
  }

  .research-sample-sheet::before {
    top: -7px;
    width: 82px;
    height: 12px;
  }

  .research-sample-sheet > header {
    padding: 22px 14px 13px;
    grid-template-columns: minmax(0, 1fr) 50px;
    gap: 10px;
    align-items: center;
    border-bottom-width: 1px;
  }

  .research-sample-sheet > header p {
    margin-bottom: 5px;
    font-size: 0.52rem;
    line-height: 1.3;
  }

  .research-sample-sheet h3 {
    font-size: 1.25rem;
    line-height: 1;
  }

  .research-sample-stamp {
    width: 48px;
    height: 48px;
    border-width: 2px;
    font-size: 0.44rem;
  }

  .research-sample-rows {
    padding: 0 14px;
  }

  .research-sample-rows > li {
    padding: 11px 0;
    grid-template-columns: 78px minmax(0, 1fr);
    gap: 10px;
  }

  .research-sample-row-label {
    grid-template-columns: 19px minmax(0, 1fr);
    gap: 6px;
    align-items: start;
  }

  .research-sample-row-label > span {
    width: 19px;
    height: 19px;
    font-size: 0.4rem;
  }

  .research-sample-row-label h4 {
    padding-top: 3px;
    font-size: 0.68rem;
    line-height: 1.15;
  }

  .research-sample-rows a {
    margin-top: 7px;
    padding: 7px 8px;
    grid-template-columns: minmax(0, 1fr);
    gap: 3px;
    border-left-width: 3px;
    font-size: 0.61rem;
    line-height: 1.3;
  }

  .research-sample-rows time {
    font-size: 0.5rem;
    white-space: normal;
  }

  .research-sample-rows > .research-sample-decision-row {
    margin: 5px -8px 0;
    padding: 11px 8px;
    box-shadow: 3px 3px 0 rgb(45 118 80 / 18%);
  }

  .research-sample-decision-row strong {
    margin-top: 5px;
    font-size: 0.58rem;
    line-height: 1.3;
  }

  .research-sample-sheet > footer {
    padding: 10px 14px 13px;
    gap: 10px;
    align-items: center;
    flex-direction: row;
  }

  .research-sample-sheet > footer p {
    font-size: 0.54rem;
    line-height: 1.35;
  }

  .research-sample-sheet > footer button {
    min-height: 36px;
    padding: 7px 9px;
    font-size: 0.58rem;
  }

  .feedback-sample-complete {
    grid-template-columns: 64px minmax(0, 1fr);
  }

  .feedback-sample-complete > span {
    width: 58px;
    height: 58px;
  }

  .feedback-sample-handoff {
    grid-template-columns: minmax(0, 1fr);
  }

  .feedback-sample-handoff > p,
  .feedback-sample-handoff .feedback-sample-open-brief,
  .feedback-sample-handoff .feedback-sample-reset {
    grid-column: 1;
    width: 100%;
  }

  .feedback-sample-handoff .feedback-sample-reset {
    white-space: normal;
  }
}

@media (prefers-reduced-motion: reduce) {
  .work-example-choices button,
  .work-example-choices button[aria-pressed="true"]::after,
  .work-example-plan,
  .work-example-result-actions :is(a, button),
  .research-sample-sheet,
  .research-sample-stamp,
  .operations-sample-run-card,
  .operations-sample-run-card > header b,
  .feedback-sample-slips article,
  .feedback-sample-groups > article,
  .feedback-sample-complete > span {
    animation: none;
    transition: none;
  }
}

/* The made paper leads. The picker and routes follow the human decision. */
.work-example-body {
  display: block;
}

.work-example-body > .work-example-plan {
  grid-column: auto;
  grid-row: auto;
}

.work-example-plan {
  padding: clamp(18px, 2.7vw, 32px);
}

.work-example-result {
  max-width: 920px;
  margin: 16px auto 0;
}

.work-example-snag {
  max-width: 680px;
  margin: 12px 0 0 !important;
  padding-left: 12px;
  border-left: 2px solid var(--example-accent);
  color: #554e48;
  font-size: 0.72rem !important;
  font-style: italic;
  line-height: 1.4 !important;
}

.work-example-result-paper > .work-example-margin-note {
  margin-top: 10px;
}

.work-example-picker {
  max-width: 920px;
  margin: 26px auto 0;
}

.work-example-picker h4 {
  margin: 0;
  font-size: clamp(1.15rem, 2vw, 1.45rem);
  letter-spacing: -0.035em;
}

.work-example-picker > p {
  margin: 4px 0 12px;
  color: #555951;
  font-size: 0.71rem;
  line-height: 1.45;
}

.work-example-choices {
  grid-column: auto;
  grid-row: auto;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding: 0;
  gap: 8px;
  border: 0;
}

.work-example-choices button {
  min-height: 74px;
  padding: 12px;
  gap: 5px;
  align-content: center;
  box-shadow: 2px 3px 0 rgb(55 52 44 / 13%);
}

.work-example-choices button > span:first-child {
  padding-right: 0;
}

.work-example-choices strong {
  padding-right: 32px;
  font-size: 0.85rem;
  line-height: 1.18;
}

.work-example-choices button[aria-pressed="true"]::after {
  top: 8px;
  right: 8px;
  bottom: auto;
  padding: 3px 4px;
  font-size: 0.39rem;
}

.work-example-result-actions {
  max-width: 920px;
  margin: 18px auto 0;
  padding: 0;
  justify-content: start;
}

.work-example-result-actions :is(a, button) {
  flex: 1 1 230px;
  max-width: 360px;
}

.work-example-result-boundary {
  max-width: 920px;
  margin: 9px auto 0;
  padding: 0;
}

.work-example-steps-title,
.work-example-plan-summary,
.work-example-plan > ol,
.work-example-plan > footer {
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 760px) {
  .work-example-choices {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .work-example-plan {
    padding: 20px 14px 26px;
  }

  .work-example-result-paper {
    padding: 15px;
  }

  .work-example-result-paper h4 {
    margin: 7px 0 9px;
    font-size: 1.55rem;
  }

  .work-example-result-detail {
    margin-top: 12px;
    padding: 9px 10px;
  }

  .work-example-result-decision {
    padding: 12px 15px;
  }

  .work-example-picker {
    margin-top: 22px;
  }

  .work-example-choices {
    padding: 0;
  }

  .work-example-choices button {
    min-height: 68px;
    padding: 9px;
  }

  .work-example-choices strong {
    padding-right: 0;
  }

  .work-example-result-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    padding: 0;
  }

  .work-example-result-actions :is(a, button) {
    max-width: none;
  }
}

/* The later paper reopens the made feedback decision without erasing its first result. */
.feedback-call-comparison {
  min-width: 0;
  padding: clamp(22px, 4vw, 42px);
  border-top: 1px solid var(--workbench-ink);
  background: #f7f1e5;
  scroll-margin-top: 24px;
}

.feedback-call-comparison:focus-visible,
.feedback-missing-fact:focus-visible {
  outline: 3px solid var(--workbench-blue);
  outline-offset: -5px;
}

.feedback-call-comparison > header {
  max-width: 750px;
  margin-bottom: 20px;
}

.feedback-call-comparison > header > p:first-child,
.feedback-comparison-card > span,
.feedback-missing-fact-sheet > span {
  margin: 0 0 9px;
  color: #315b45;
  font: 850 0.57rem/1.4 ui-monospace, "SFMono-Regular", Menlo, monospace;
  letter-spacing: 0.065em;
  text-transform: uppercase;
}

.feedback-call-comparison > header h4 {
  margin: 0;
  font-size: clamp(1.7rem, 3vw, 2.7rem);
  letter-spacing: -0.045em;
  line-height: 1;
}

.feedback-call-comparison > header > p:last-child {
  margin: 9px 0 0;
  color: #555850;
  font-size: 0.75rem;
  line-height: 1.5;
}

.feedback-comparison-cards {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.feedback-comparison-card {
  display: flex;
  min-width: 0;
  min-height: 225px;
  padding: clamp(17px, 2.4vw, 26px);
  flex-direction: column;
  border: 1px solid #807b70;
  background: #fffdf6;
  box-shadow: 4px 4px 0 rgb(54 53 45 / 13%);
}

.feedback-comparison-revised {
  border-color: #94633c;
  background: #fbe9d6;
  box-shadow: 4px 4px 0 rgb(148 99 60 / 19%);
  animation: feedback-sample-cluster-in 240ms ease-out both;
}

.feedback-comparison-revised > span {
  color: #89532e;
}

.feedback-comparison-card h5 {
  margin: 0;
  font-size: clamp(1.15rem, 2vw, 1.55rem);
  letter-spacing: -0.035em;
  line-height: 1.15;
}

.feedback-comparison-card > p:not(.feedback-comparison-call) {
  margin: 10px 0 16px;
  color: #4f514b;
  font-size: 0.73rem;
  line-height: 1.55;
}

.feedback-comparison-call {
  display: grid;
  margin: auto 0 0;
  padding-top: 13px;
  gap: 5px;
  border-top: 1px dashed #8d897e;
}

.feedback-comparison-call b {
  color: #5a6159;
  font: 850 0.56rem/1.35 ui-monospace, "SFMono-Regular", Menlo, monospace;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.feedback-comparison-call strong {
  font-size: 0.94rem;
  line-height: 1.35;
}

.feedback-sample-decision button:disabled {
  opacity: 1;
  cursor: default;
}

.feedback-fact-request {
  min-width: 0;
  margin: 18px 0 0;
  padding: clamp(16px, 2.4vw, 24px);
  border: 1px solid #6b705e;
  background: #e7eadb;
  box-shadow: 4px 4px 0 rgb(56 79 56 / 14%);
}

.feedback-fact-request[hidden],
.feedback-fact-request-receipt[hidden] {
  display: none;
}

.feedback-fact-request legend {
  max-width: 100%;
  padding: 0 7px;
  font-size: clamp(1rem, 1.8vw, 1.2rem);
  font-weight: 850;
  line-height: 1.25;
}

.feedback-fact-request legend span {
  display: block;
  color: #315b45;
  font: 850 0.57rem/1.6 ui-monospace, "SFMono-Regular", Menlo, monospace;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.feedback-fact-request > p:not(.feedback-fact-request-receipt) {
  margin: 0 0 13px;
  color: #4d564a;
  font-size: 0.73rem;
  line-height: 1.5;
}

.feedback-fact-choices {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.feedback-fact-choices button {
  display: grid;
  min-width: 0;
  min-height: 70px;
  padding: 11px 14px;
  align-content: center;
  gap: 4px;
  border: 1px solid #7a8471;
  color: var(--workbench-ink);
  background: #fffdf6;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.feedback-fact-choices button:hover,
.feedback-fact-choices button[aria-pressed="true"] {
  border-color: #315b45;
  background: #d4e6cc;
  box-shadow: inset 0 -3px 0 #315b45;
}

.feedback-fact-choices button:focus-visible,
.feedback-late-paper button:focus-visible,
.feedback-revised-decision button:focus-visible {
  outline: 3px solid #28748a;
  outline-offset: 2px;
}

.feedback-fact-choices button:disabled {
  opacity: 1;
  cursor: default;
}

.feedback-fact-choices strong {
  font-size: 0.79rem;
}

.feedback-fact-choices small {
  color: #526052;
  font-size: 0.65rem;
  line-height: 1.35;
}

.feedback-fact-request-receipt {
  margin: 13px 0 0;
  padding: 9px 12px;
  border-left: 3px solid #315b45;
  color: #254333;
  background: #f8f6e9;
  font-size: 0.7rem;
  font-weight: 750;
  line-height: 1.4;
}

.feedback-late-paper {
  display: flex;
  min-width: 0;
  margin-top: 14px;
  padding: 13px 15px;
  gap: 13px;
  align-items: center;
  border: 1px dashed #94633c;
  background: #f1dfcb;
}

.feedback-late-paper > span {
  color: #8a4d2c;
  font-size: 1.9rem;
  line-height: 1;
  transform: rotate(-15deg);
}

.feedback-late-paper p {
  margin: 0;
  flex: 1 1 auto;
  font-size: 0.73rem;
  font-weight: 750;
  line-height: 1.45;
}

.feedback-late-paper button {
  min-height: 44px;
  padding: 9px 13px;
  border: 1px solid var(--workbench-ink);
  color: #fff;
  background: var(--workbench-ink);
  box-shadow: 3px 3px 0 #b77643;
  font: inherit;
  font-size: 0.7rem;
  font-weight: 850;
  cursor: pointer;
}

.feedback-late-paper button:hover {
  background: #315b45;
}

.feedback-missing-fact {
  display: grid;
  min-width: 0;
  margin-top: 16px;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 15px;
}

.feedback-missing-fact-sheet {
  position: relative;
  min-width: 0;
  padding: clamp(18px, 2.7vw, 28px);
  border: 1px solid #8d694e;
  background: #fff9ea;
  box-shadow: 5px 5px 0 #ddbea0;
  animation: feedback-late-paper-slide-in 250ms ease-out both;
}

@keyframes feedback-late-paper-slide-in {
  from { transform: translateY(8px); }
  to { transform: translateY(0); }
}

.feedback-missing-fact-sheet::after {
  position: absolute;
  top: 13px;
  right: 15px;
  padding: 5px;
  border: 1px solid #a96439;
  color: #a35b30;
  content: "LATE";
  font: 900 0.55rem/1 ui-monospace, "SFMono-Regular", Menlo, monospace;
  letter-spacing: 0.07em;
  transform: rotate(8deg);
}

.feedback-missing-fact-sheet h5 {
  margin: 0 0 11px;
  padding-right: 48px;
  font-size: clamp(1.25rem, 2.3vw, 1.75rem);
  line-height: 1.1;
}

.feedback-missing-fact-sheet p {
  margin: 0 0 12px;
  font-size: 0.82rem;
  line-height: 1.55;
}

.feedback-fact-answer {
  margin: 16px 0;
  padding: 14px;
  border-top: 1px dashed #996d48;
  border-bottom: 1px dashed #996d48;
  background: #f7ead6;
}

.feedback-fact-answer strong {
  display: inline-block;
  padding: 5px 8px;
  border: 2px solid #9a522f;
  color: #93472a;
  font: 900 0.65rem/1.25 ui-monospace, "SFMono-Regular", Menlo, monospace;
  letter-spacing: 0.04em;
  transform: rotate(-3deg);
}

.feedback-fact-answer[data-match="missed"] strong {
  border-color: #526654;
  color: #3e5c49;
}

.feedback-fact-answer p {
  margin: 10px 0 0;
  font-size: 0.76rem;
  line-height: 1.5;
}

.feedback-missing-fact-sheet small {
  color: #704b35;
  font-size: 0.66rem;
  line-height: 1.5;
}

.feedback-revised-decision {
  min-width: 0;
  margin: 0;
  padding: 18px;
  border: 1px solid #5d6d57;
  background: #e7eee0;
}

.feedback-revised-decision legend {
  max-width: 100%;
  padding: 0 5px;
  font-size: 0.88rem;
  font-weight: 850;
  line-height: 1.35;
}

.feedback-revised-decision > p {
  margin: 0 0 12px;
  color: #50584f;
  font-size: 0.7rem;
  line-height: 1.45;
}

.feedback-revised-decision > div {
  display: grid;
  gap: 8px;
}

.feedback-revised-decision button {
  display: grid;
  min-width: 0;
  min-height: 58px;
  padding: 10px 12px;
  gap: 4px;
  border: 1px solid #888b7e;
  color: var(--workbench-ink);
  background: #fffdf7;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.feedback-revised-decision button:hover,
.feedback-revised-decision button[aria-pressed="true"] {
  border-color: #315b45;
  background: #d1e5cf;
  box-shadow: inset 0 -3px 0 #315b45;
}

.feedback-revised-decision button strong {
  font-size: 0.76rem;
}

.feedback-revised-decision button small {
  color: #575d55;
  font-size: 0.64rem;
  line-height: 1.35;
}

.feedback-call-comparison > .feedback-sample-handoff {
  margin-top: 22px;
  padding-top: 20px;
}

@media (max-width: 760px) {
  .feedback-fact-choices {
    grid-template-columns: minmax(0, 1fr);
  }

  .feedback-missing-fact {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 640px) {
  .feedback-call-comparison {
    padding: 24px 16px;
  }

  .feedback-sample-stage-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .feedback-sample-stage-strip li + li {
    border-top: 0;
    border-left: 1px solid var(--workbench-ink);
  }

  .feedback-sample-stage-strip li:nth-child(odd) {
    border-left: 0;
  }

  .feedback-sample-stage-strip li:nth-child(n + 3) {
    border-top: 1px solid var(--workbench-ink);
  }

  .feedback-comparison-cards {
    grid-template-columns: minmax(0, 1fr);
  }

  .feedback-comparison-card {
    min-height: 0;
  }

  .feedback-late-paper {
    align-items: start;
    flex-wrap: wrap;
  }

  .feedback-late-paper p {
    flex-basis: calc(100% - 50px);
  }

  .feedback-late-paper button {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .feedback-comparison-revised,
  .feedback-missing-fact-sheet {
    animation: none;
  }
}