:root{
  --v18-ease:cubic-bezier(.22,.72,.2,1);
}

html[data-casepath-experience="18.0.0"] .agent-progress{
  min-height:76px;
  display:block;
  padding:0 28px;
  overflow:visible;
}

.v18-progress-focus{
  width:100%;
  min-width:0;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  padding:10px 0 9px;
}

.v18-progress-count{
  width:36px;
  height:36px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:var(--canvas);
  border:1px solid var(--line);
  color:var(--muted);
  font-size:9px;
  line-height:1;
  font-weight:840;
}

.v18-progress-focus[data-state="active"] .v18-progress-count{
  color:#fff;
  background:var(--accent);
  border-color:var(--accent);
  box-shadow:0 0 0 5px var(--accent-soft);
}

.v18-progress-focus[data-state="complete"] .v18-progress-count,
.v18-progress-focus[data-state="reuse"] .v18-progress-count{
  color:#fff;
  background:var(--green);
  border-color:var(--green);
}

.v18-progress-focus[data-state="human"] .v18-progress-count,
.v18-progress-focus[data-state="knowledge"] .v18-progress-count{
  color:#fff;
  background:var(--ink);
  border-color:var(--ink);
}

.v18-progress-copy{min-width:0}
.v18-progress-copy small{
  display:block;
  margin-bottom:1px;
  color:var(--quiet);
  font-size:9px;
  font-weight:790;
  letter-spacing:.075em;
  text-transform:uppercase;
}
.v18-progress-copy>strong{
  display:block;
  font-size:13px;
  line-height:1.3;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.v18-progress-copy>p{
  margin:1px 0 0;
  color:var(--muted);
  font-size:10px;
  line-height:1.35;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.v18-progress-context{
  display:block;
  margin-top:4px;
  color:var(--quiet);
  font-size:8px;
  line-height:1.35;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.v18-progress-next{
  max-width:180px;
  text-align:right;
}
.v18-progress-next span{
  display:block;
  color:var(--quiet);
  font-size:8px;
  font-weight:780;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.v18-progress-next strong{
  display:block;
  margin-top:2px;
  color:var(--ink);
  font-size:10px;
  line-height:1.3;
}

.v18-handoff{
  display:grid;
  grid-template-columns:10px minmax(0,1fr);
  gap:10px;
  align-items:start;
  margin-top:24px;
  padding:14px 0 2px;
  border-top:1px solid var(--line);
  animation:v18-rise .28s var(--v18-ease) both;
}
.v18-handoff>span{
  width:8px;
  height:8px;
  margin-top:5px;
  border-radius:50%;
  background:var(--accent);
  box-shadow:0 0 0 5px var(--accent-soft);
}
.v18-handoff[data-event-status="completed"]>span{
  background:var(--green);
  box-shadow:0 0 0 5px var(--green-soft);
}
.v18-handoff small{
  display:block;
  color:var(--quiet);
  font-size:8px;
  font-weight:780;
  letter-spacing:.075em;
  text-transform:uppercase;
}
.v18-handoff strong{
  display:block;
  margin-top:2px;
  max-width:780px;
  font-size:10px;
  line-height:1.45;
}

.v17-build-state[data-v18-backed="true"]{
  align-items:flex-start;
  border-top-color:var(--line-strong);
}
.v17-build-state[data-v18-backed="true"] .v17-build-meter{display:none!important}
.v17-build-state[data-v18-backed="true"] small{color:var(--green)}
.v17-build-state[data-v18-backed="true"] strong{font-size:12px}
.v17-build-state[data-v18-backed="true"] p{max-width:760px}

.v18-ready-artifacts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  margin:18px 0 22px;
  padding:15px 0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.v18-ready-artifacts article{
  min-width:0;
  padding:0 18px;
}
.v18-ready-artifacts article:first-child{padding-left:0}
.v18-ready-artifacts article+article{border-left:1px solid var(--line)}
.v18-ready-artifacts small{
  display:block;
  color:var(--quiet);
  font-size:8px;
  font-weight:780;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.v18-ready-artifacts strong{
  display:block;
  margin-top:3px;
  font-size:10px;
  line-height:1.35;
}
.v18-ready-artifacts p{
  margin:3px 0 0;
  color:var(--muted);
  font-size:9px;
  line-height:1.4;
}

.v18-checklist-details{
  margin-top:4px;
}
.v18-checklist-details summary{
  cursor:pointer;
  color:var(--accent);
  font-size:9px;
  font-weight:720;
  padding:3px 0;
}
.v17-derived-checklist[data-v18-condensed="true"] .v17-checklist-group{
  padding-top:11px;
  padding-bottom:8px;
}

.v18-review-hint{
  margin:0 0 14px;
  padding:10px 0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  color:var(--muted);
  font-size:10px;
  line-height:1.45;
}
.review-graph .process-node.v18-review-source .process-node-button{
  border-color:var(--accent);
  box-shadow:0 0 0 4px var(--accent-soft);
}
.review-graph .process-node.v18-review-source .process-node-button:after{
  content:"Simulated correction starts here";
  align-self:center;
  color:var(--accent);
  font-size:8px;
  font-weight:760;
  white-space:nowrap;
}
.review-graph .process-node.v18-review-downstream .process-node-button{
  border-style:dashed;
  background:linear-gradient(90deg,#fff,var(--canvas));
}
.review-graph .process-node.v18-review-downstream .process-node-button:after{
  content:"Changes downstream";
  align-self:center;
  color:var(--muted);
  font-size:8px;
  font-weight:720;
  white-space:nowrap;
}
.v18-review-propagation{
  margin:17px 0 0;
  padding:14px 0 2px;
  border-top:1px solid var(--line);
}
.v18-review-propagation>header small{
  display:block;
  color:var(--accent);
  font-size:8px;
  font-weight:790;
  letter-spacing:.075em;
  text-transform:uppercase;
}
.v18-review-propagation>header strong{
  display:block;
  margin-top:2px;
  font-size:11px;
}
.v18-review-propagation>div{
  margin-top:10px;
}
.v18-review-propagation article{
  position:relative;
  display:grid;
  grid-template-columns:22px 62px minmax(0,1fr);
  gap:8px;
  align-items:start;
  padding:8px 0;
  border-top:1px solid var(--line);
}
.v18-review-propagation article>span{
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--accent-soft);
  color:var(--accent);
  font-size:8px;
  font-weight:850;
}
.v18-review-propagation article>small{
  padding-top:3px;
  color:var(--quiet);
  font-size:8px;
  font-weight:780;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.v18-review-propagation article>strong{
  padding-top:2px;
  font-size:9px;
  line-height:1.42;
}

.v18-memory-boundary{
  display:grid;
  grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);
  align-items:center;
  gap:14px;
  margin:22px 0 4px;
  padding:15px 0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.v18-memory-boundary>span{
  position:relative;
  height:1px;
  background:var(--line-strong);
}
.v18-memory-boundary>span:after{
  content:"";
  position:absolute;
  right:0;
  top:-3px;
  width:6px;
  height:6px;
  border-top:1px solid var(--line-strong);
  border-right:1px solid var(--line-strong);
  transform:rotate(45deg);
}
.v18-memory-boundary small,
.v18-reuse-proof>header small{
  display:block;
  color:var(--quiet);
  font-size:8px;
  font-weight:780;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.v18-memory-boundary article:first-child small{color:var(--green)}
.v18-memory-boundary article:last-child small{color:var(--accent)}
.v18-memory-boundary strong{
  display:block;
  margin-top:3px;
  font-size:11px;
}
.v18-memory-boundary p{
  margin:3px 0 0;
  color:var(--muted);
  font-size:9px;
  line-height:1.4;
}

.v18-reuse-proof{
  margin-top:20px;
  padding-top:15px;
  border-top:1px solid var(--line);
}
.v18-reuse-proof>header strong{
  display:block;
  margin-top:3px;
  font-size:12px;
}
.v18-reuse-proof .v17-reuse-thread{
  margin-top:12px;
  border-top:0;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
}
.v18-reuse-proof .v17-reuse-thread strong,
.v18-reuse-proof .v17-reuse-thread code{
  overflow-wrap:anywhere;
  word-break:break-word;
}

.v18-release-tag{
  margin-left:auto;
  color:var(--quiet);
  font-size:8px;
  font-weight:760;
  letter-spacing:.06em;
  text-transform:uppercase;
  white-space:nowrap;
}
#auditDrawer #browserEvidenceLink{
  align-self:flex-start;
  max-width:190px;
  padding:7px 9px;
  border:1px solid #ded8c8;
  border-radius:8px;
  background:#fbf7ed;
  color:#655a3e;
  font-size:9px;
  font-weight:760;
  line-height:1.25;
}
#auditDrawer #browserEvidenceLink:before{
  content:"";
  display:inline-block;
  width:6px;
  height:6px;
  margin-right:6px;
  border-radius:50%;
  background:#aa7b1f;
  vertical-align:1px;
}

.legal-authority-list,
.memory-deterministic-checks .verification-list{
  display:grid;
  gap:10px;
  margin-top:10px;
}
.legal-authority{
  display:block;
  padding:12px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#fff;
  overflow-wrap:anywhere;
}
.legal-authority>small,
.precedent-ranking-receipt>small,
.memory-application-receipt header>small,
.causal-delta header>small,
.memory-deterministic-checks header>small{
  display:block;
  color:var(--quiet);
  font-size:8px;
  font-weight:780;
  letter-spacing:.065em;
  text-transform:uppercase;
}
.legal-authority>strong{display:block;margin-top:4px;font-size:11px}
.legal-authority blockquote{margin:9px 0;padding:9px 11px;border-left:2px solid var(--accent);background:var(--canvas);font-size:9px;line-height:1.55}
.legal-authority dl{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:4px 8px;margin:9px 0;font-size:8px}
.legal-authority dt{color:var(--quiet);font-weight:760}
.legal-authority dd{margin:0;overflow-wrap:anywhere}
.legal-authority code,.precedent-rank code,.precedent-ranking-receipt code,.memory-application-receipt code{font-size:7.5px;overflow-wrap:anywhere;white-space:normal}
.evidence-ownership{display:grid;gap:2px;margin:7px 0;padding:7px 9px;border-left:2px solid var(--accent);background:var(--canvas);font-size:8px}
.evidence-ownership small{color:var(--muted)}
.precedent-rank{display:grid;gap:3px;margin-top:8px;padding-top:8px;border-top:1px solid var(--line);text-align:left}
.precedent-rank strong{font-size:9px}.precedent-rank small{font-size:8px;color:var(--muted)}
.precedent-ranking-receipt{display:grid;gap:5px;margin:10px 0;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--canvas);overflow-wrap:anywhere}
.precedent-ranking-receipt p{margin:0;font-size:8px;color:var(--muted)}
.memory-application-receipt,.causal-delta,.memory-deterministic-checks{margin:18px 0;padding:16px;border:1px solid var(--line);border-radius:12px;background:#fff;overflow-wrap:anywhere}
.memory-application-receipt{border-color:#d7c9aa;background:linear-gradient(135deg,#fff,#fbf7ed)}
.memory-application-receipt.incomplete{border-color:#d7baba;background:#fff8f6}
.memory-application-receipt.retrieved-only{border-color:#c9d5df;background:linear-gradient(135deg,#fff,#f2f7fa)}
.memory-application-receipt h3,.causal-delta h3{margin:3px 0 0;font-size:14px}
.memory-application-receipt header p{margin:5px 0 0;color:var(--muted);font-size:9px}
.memory-semantic-eligibility{display:grid;gap:5px;margin-top:12px;padding:10px;border:1px solid #dcc99b;border-radius:9px;background:rgba(255,255,255,.78)}
.memory-semantic-eligibility>small{font-size:7.5px;color:var(--quiet);text-transform:uppercase;letter-spacing:.06em}.memory-semantic-eligibility>strong{font-size:9px}.memory-semantic-eligibility p{margin:0;color:var(--muted);font-size:8px}
.memory-hash-boundary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.memory-hash-boundary>section{padding:10px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.74)}
.memory-hash-boundary h4{margin:0 0 7px;font-size:9px;text-transform:uppercase;letter-spacing:.06em}
.memory-hash-boundary section>div{display:grid;gap:2px;margin-top:6px}.memory-hash-boundary small{font-size:7.5px;color:var(--quiet)}
.memory-operation-list{display:grid;gap:7px;padding-left:20px}.memory-operation-list li{font-size:8px}.memory-operation-list strong,.memory-operation-list span{display:block}.memory-operation-list span{color:var(--muted)}
.memory-application-hash{display:block;margin-top:10px}
.causal-delta>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:12px}.causal-delta article{padding:10px;border-top:2px solid var(--accent);background:var(--canvas)}.causal-delta article small,.causal-delta article strong{display:block}.causal-delta article small{font-size:8px;color:var(--quiet)}.causal-delta article strong{margin-top:4px;font-size:9px;line-height:1.4}
.memory-deterministic-checks header{display:flex;align-items:end;justify-content:space-between;gap:12px}.memory-deterministic-checks header strong{font-size:10px}.memory-deterministic-checks .verification-row small{display:block;color:var(--muted);font-size:7.5px}
.v17-reuse-thread.retrieved-only{border-color:#c9d5df;background:linear-gradient(135deg,#fff,#f2f7fa)}

@keyframes v18-rise{
  from{opacity:0;transform:translateY(5px)}
  to{opacity:1;transform:none}
}

@media(prefers-reduced-motion:reduce){
  .v18-handoff{animation-duration:.001ms!important}
}

@media(max-width:1050px){
  .v18-ready-artifacts{grid-template-columns:1fr}
  .v18-ready-artifacts article{padding:10px 0;border-left:0!important;border-top:1px solid var(--line)}
  .v18-ready-artifacts article:first-child{border-top:0}
  .review-graph .process-node.v18-review-source .process-node-button:after,
  .review-graph .process-node.v18-review-downstream .process-node-button:after{display:none}
}

@media(max-width:760px){
  html[data-casepath-experience="18.0.0"] .agent-progress{padding:0 16px;min-height:70px}
  .v18-progress-focus{grid-template-columns:auto minmax(0,1fr)}
  .v18-progress-next{display:none}
  .v18-progress-context{font-size:7.5px}
  .v18-memory-boundary{grid-template-columns:1fr;gap:9px}
  .v18-memory-boundary>span{width:1px;height:16px;margin-left:10px}
  .v18-memory-boundary>span:after{right:-3px;top:auto;bottom:0;transform:rotate(135deg)}
  .v18-review-propagation article{grid-template-columns:22px 56px minmax(0,1fr)}
  .v18-release-tag{display:none}
  .memory-hash-boundary,.causal-delta>div{grid-template-columns:1fr}
  .legal-authority dl{grid-template-columns:1fr}
}

@media(max-width:390px){
  html[data-casepath-experience="18.0.0"] .agent-progress{padding:0 12px}
  .v18-progress-count{width:31px;height:31px}
  .v18-progress-copy>p{display:none}
  .v18-progress-context{margin-top:3px;max-width:235px}
  .v18-ready-artifacts{margin-top:14px}
  .v18-review-propagation article{grid-template-columns:20px minmax(0,1fr)}
  .v18-review-propagation article>small{grid-column:2}
  .v18-review-propagation article>strong{grid-column:2}
}