/* Capability lifecycle explainer. Shows what actually happens when an agent
   works this surface, and which guard is load-bearing at each step.
   Monochrome tokens from style.css; status color only where it means something. */
.lc{margin-top:16px}
.lc-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;
  flex-wrap:wrap;margin-bottom:4px}
.lc-head h2{font-size:18px;font-weight:600;letter-spacing:-.022em}
.lc-note{font-size:13px;color:var(--slate);margin:4px 0 18px;line-height:1.6;max-width:78ch}
.lc-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.lc-steps{display:flex;gap:4px;flex-wrap:wrap}
.lc-step{font:inherit;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  color:var(--slate);background:#fff;border:1px solid var(--border);border-radius:var(--r-pill);
  padding:5px 11px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.lc-step:hover{border-color:var(--border-strong);color:var(--ink)}
.lc-step[aria-current="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.lc-stage{position:relative;display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:0;
  align-items:center;border:1px solid var(--border);border-radius:var(--r);
  background:var(--cloud);padding:22px 20px;overflow:hidden}
@media (max-width:760px){.lc-stage{grid-template-columns:1fr;gap:14px}}
.lc-lane{text-align:center;position:relative;z-index:2}
.lc-actor{display:inline-flex;flex-direction:column;align-items:center;gap:7px;
  background:#fff;border:1px solid var(--border);border-radius:var(--r);
  padding:14px 18px;min-width:130px;transition:border-color .25s,box-shadow .25s}
.lc-actor.is-active{border-color:var(--ink);box-shadow:0 0 0 3px var(--cloud-2)}
.lc-actor-k{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  color:var(--faint)}
.lc-actor-n{font-size:14px;font-weight:600;color:var(--ink);letter-spacing:-.012em}
.lc-actor-s{font-size:11.5px;color:var(--slate);min-height:1.3em}
.lc-link{position:absolute;top:50%;height:2px;background:var(--border);z-index:1;
  transition:background .3s}
.lc-link-l{left:20%;width:11%}
.lc-link-r{right:20%;width:11%}
.lc-link.is-live{background:var(--ink)}
@media (max-width:760px){.lc-link{display:none}}
.lc-reg{display:flex;flex-direction:column;gap:6px;padding:0 18px}
.lc-tool{display:flex;align-items:center;justify-content:space-between;gap:10px;
  background:#fff;border:1px solid var(--border);border-radius:8px;padding:7px 11px;
  font-family:var(--mono);font-size:11.5px;color:var(--slate);
  transition:border-color .25s,background .25s,color .25s,opacity .25s}
.lc-tool b{font-weight:500;color:var(--ink);word-break:break-all}
.lc-flag{font-family:var(--font);font-size:9.5px;font-weight:600;letter-spacing:.07em;
  text-transform:uppercase;border-radius:var(--r-pill);padding:2px 8px;white-space:nowrap;
  border:1px solid transparent;background:var(--cloud);color:var(--slate)}
.lc-tool[data-s="on"] .lc-flag{background:var(--green-soft);color:var(--green);
  border-color:var(--green-line)}
.lc-tool[data-s="fire"]{border-color:var(--ink);background:#fff}
.lc-tool[data-s="fire"] .lc-flag{background:var(--ink);color:#fff;border-color:var(--ink)}
.lc-tool[data-s="locked"] .lc-flag{background:var(--cloud);color:var(--slate);
  border-color:var(--border-strong)}
.lc-tool[data-s="granted"]{border-color:var(--green);box-shadow:0 0 0 3px var(--green-soft)}
.lc-tool[data-s="granted"] .lc-flag{background:var(--green-soft);color:var(--green);
  border-color:var(--green-line)}
.lc-tool[data-s="absent"]{border-style:dashed;background:var(--cloud)}
.lc-tool[data-s="absent"] b{text-decoration:line-through;color:var(--faint)}
.lc-tool[data-s="absent"] .lc-flag{background:var(--red-soft);color:var(--red);
  border-color:var(--red-line)}
.lc-tool[data-s="gone"]{border-style:dashed;background:var(--cloud);opacity:.75}
.lc-tool[data-s="gone"] b{text-decoration:line-through;color:var(--faint)}
.lc-read{display:grid;grid-template-columns:1.6fr 1fr;gap:14px;margin-top:14px}
@media (max-width:760px){.lc-read{grid-template-columns:1fr}}
.lc-say,.lc-guard{border:1px solid var(--border);border-radius:var(--r);padding:16px 18px;
  background:#fff}
.lc-guard{border-left:2px solid var(--ink)}
.lc-k{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  color:var(--faint);margin-bottom:7px}
.lc-say p{font-size:14px;color:var(--text);line-height:1.6;margin:0}
.lc-guard p{font-size:12.5px;color:var(--slate);line-height:1.6;margin:0;
  font-family:var(--mono)}
.lc-refuse .lc-guard{border-left-color:var(--red)}
.lc-human .lc-guard{border-left-color:var(--green)}
@media (prefers-reduced-motion:reduce){.lc-actor,.lc-tool,.lc-link{transition:none}}
.lc-auto{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:600;
  letter-spacing:.08em;text-transform:uppercase;color:var(--slate);margin-left:auto}
.lc-auto .lc-dot{width:6px;height:6px;border-radius:50%;background:var(--faint)}
.lc-auto.is-running .lc-dot{background:var(--green)}
.lc-play{margin-left:12px}