/* Nisi v0.2.0 review desk. Loaded only for /code/nisi/. */
body[data-page="nisi"]{--bg:#f6f8fa;--paper:#fff;--ink:#1f2328;--muted:#59636e;--rule:#d1d9e0;--accent:#9a4e27;--surface:#fff5ed;--pass:#1a7f37;--link:#0969da;--code-bg:#eff2f5;--focus:var(--link);--code:var(--accent);--deep:var(--surface);--on-deep:var(--ink);--deep-muted:var(--muted);--deep-rule:var(--accent);--serif:Georgia,serif;--sans:system-ui,-apple-system,"Segoe UI",sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--bg)}
@media(prefers-color-scheme:dark){body[data-page="nisi"]{--bg:#0d1117;--paper:#161b22;--ink:#e6edf3;--muted:#9da7b3;--rule:#30363d;--accent:#e3956a;--surface:#2a1c14;--pass:#4ac26b;--link:#6cb6ff;--code-bg:#1c2229}}
body[data-page="nisi"]{
& :is(h1,h2,h3,h4){font-family:var(--serif);font-weight:400;letter-spacing:-.035em}
.product-hero{max-width:1100px;padding-block:clamp(48px,8vw,110px) 36px}
.product-hero h1{font-size:clamp(64px,10vw,124px);margin-block:12px 20px}
.product-role{font:400 clamp(25px,3.5vw,42px)/1.2 var(--serif);max-width:25ch;margin-bottom:22px}
.product-hero .article-summary{font-size:18px;max-width:48ch}
.product-facts{display:flex;flex-wrap:wrap;gap:12px 28px;color:var(--muted);font:12px/1.8 var(--mono);margin-block:28px}
.workflow-ledger{display:flex;flex-wrap:wrap;gap:12px;margin:36px 0;padding:24px 0;border-block:1px solid var(--rule);list-style:none;font:clamp(11px,2.5vw,17px)/1.7 var(--mono)}
.workflow-ledger li{display:flex;align-items:center;gap:12px;margin:0}
.workflow-ledger li>span:first-child{border-bottom:3px solid transparent}
.workflow-ledger .ledger-current>span:first-child{color:var(--accent);border-bottom-color:var(--accent)}
.ledger-arrow{color:var(--muted)}
.product-hero :is(.eyebrow,.article-kind),.project-details,.legacy-study :is(.eyebrow,.fact-grid,.case-nav,.workflow,.diagram-step-number,.diagram-code,.story-capability-mark){font-family:var(--mono)}
& .legacy-study{max-width:1100px;line-height:1.8}
.legacy-study :is(.case-hero,.nisi-guide-detail,.story-boundary,.next-case){padding:clamp(20px,3vw,36px);background:var(--paper);border:1px solid var(--rule)}
.legacy-study :is(.story-capability,.project-visual,.nisi-workflow-diagram){background:var(--paper)}
.legacy-study .project-visual{border-top:3px solid var(--accent)}
.legacy-study .mark-box{color:var(--accent)}
.legacy-study .workflow{font-family:var(--mono)}
.legacy-study .workflow span{border-color:var(--rule);background:var(--surface)}
.legacy-study :is(h2,h3,h4){overflow-wrap:break-word}
.legacy-study .case-nav{background:var(--paper);padding:20px;border:1px solid var(--rule)}
.legacy-study :is(.case-nav a,.button,.text-link),.project-links a{display:inline-flex;align-items:center;min-height:44px;padding-block:8px}
.legacy-study a{color:var(--link)}
.legacy-study :is(.diagram-node-emphasis,.nisi-diagram-steps>li:last-child) a{color:var(--on-deep)}
.legacy-study :is(pre,code){font-family:var(--mono)}
& .legacy-study pre{background:var(--code-bg);color:var(--ink);border:1px solid var(--rule);border-radius:0;max-width:100%}
.legacy-study pre code{color:inherit;background:none}
.legacy-study :not(pre)>code{background:var(--code-bg);color:var(--ink);padding:2px 4px}
.legacy-study table{background:var(--paper);color:var(--ink)}
.legacy-study th{background:var(--surface)}
.legacy-study .diagram-steps{min-width:0}
.legacy-study .diagram-steps>li{background:var(--paper)}
.legacy-study .nisi-diagram-steps>li:last-child{background:var(--surface);border-color:var(--accent)}
.legacy-study .nisi-guide-example{border-left:3px solid var(--pass);padding-left:20px}
}
@media(prefers-reduced-motion:no-preference){@keyframes nisi-ledger{from{opacity:.4;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}.workflow-ledger li{animation:nisi-ledger 360ms both}.workflow-ledger li:nth-child(2){animation-delay:60ms}.workflow-ledger li:nth-child(3){animation-delay:120ms}.workflow-ledger li:nth-child(4){animation-delay:180ms}.workflow-ledger li:nth-child(5){animation-delay:240ms}}
@media(max-width:760px){body[data-page="nisi"]{.workflow-ledger{gap:8px}.workflow-ledger li{gap:8px}.product-hero .article-summary{font-size:16px}.legacy-study .nisi-guide-grid{grid-template-columns:1fr}.legacy-study .nisi-workflow-diagram{padding:16px}.project-details{overflow-wrap:anywhere}}}

body[data-page="nisi"] { --on-accent: #fff; }
@media (prefers-color-scheme: dark) { body[data-page="nisi"] { --on-accent: #1f2328; } }

body[data-page="nisi"] .legacy-study .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  max-width: 100%;
  padding: 0 16px;
  border: 1px solid var(--accent);
  border-radius: 0;
  background: var(--accent);
  color: var(--on-accent);
  font-family: var(--mono);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer;
}
body[data-page="nisi"] .legacy-study .button:hover {
  text-decoration: none;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--on-accent) 40%, transparent);
}
body[data-page="nisi"] .legacy-study .button.secondary {
  background: transparent;
  color: var(--ink);
  border-color: var(--muted);
  box-shadow: none;
}
body[data-page="nisi"] .legacy-study .button.secondary:hover {
  background: var(--surface);
  border-color: var(--accent);
}