/* Kijestic Acceptance page (/acceptance). Page-specific arrangement only, loaded after kj.css.
   Every colour, size and space comes from kijestic-tokens.css. No new fonts, no external requests.

   Release state. The source ships both states, wrapped in <!--R1-->..<!--/R1--> (public only) and
   <!--R0-->..<!--/R0--> (private only) comment pairs; the build strips the blocks that do not belong
   to sample-site/release-state.json, so the shipped HTML carries one state. The rules below only make a
   source preview (opened without a build) behave: data-r1 appears only when public, data-r0-only only when
   private. Flip with businesses/kijestic/launch-surfaces-2026-10-03/tools/set_release_state.py. */
html[data-release="private"] [data-r1] { display: none !important; }
html[data-release="public"] [data-r0-only] { display: none !important; }

/* Footer: a fifth column (Product) was added to the shared footer. */
@media (min-width: 860px) { .footer-grid { grid-template-columns: 1.6fr 1fr 1fr 1fr 1fr; } }

/* Hero: copy left of the amber line, terminal right */
.hero--acceptance .line-aside { min-width: 0; }
.hero--acceptance .fine { max-width: 40em; margin: 0; }
.status-chip { display: inline-block; max-width: 34em; margin: 0 0 var(--kj-4); line-height: 1.5; color: var(--kj-ivory);
  border-color: var(--kj-amber); }
.hero-action { margin: 0 0 var(--kj-5); }

/* Terminal panel. Verbatim tool output: lines wrap with a hanging indent, no sideways scroll needed. */
.terminal { margin: 0; }
.term-box { background: var(--kj-surface); border: 1px solid var(--kj-line-strong); border-radius: var(--kj-radius);
  padding: var(--kj-4) var(--kj-5); overflow-x: auto; }
.term-box:focus-visible { outline-offset: -3px; }
.term-box pre { margin: 0; white-space: normal; font-family: var(--kj-mono); font-size: 0.8125rem; line-height: 1.65;
  color: var(--kj-text); }
.term-box .ln { display: block; white-space: pre-wrap; overflow-wrap: anywhere; padding-left: 2ch; text-indent: -2ch; }
.term-box .ln + .ln { margin-top: var(--kj-1); }
.term-box .ln.gap { margin-top: var(--kj-5); }
.t-ok { color: var(--kj-done); }
.t-stop { color: var(--kj-stopped); }
.t-held { color: var(--kj-held); }
.t-head { color: var(--kj-ivory); }
.terminal figcaption { margin-top: var(--kj-3); font-size: var(--kj-small); color: var(--kj-text-2); line-height: 1.5; }

/* Rule section: body beside the heading */
.rule-note { border-left: var(--kj-line-w) solid var(--c-line2); padding-left: var(--kj-4); color: var(--c-head); }
.line-aside > p:last-child { margin-bottom: 0; }

/* How: the four words as a path, then the four steps */
.pipeline { display: grid; gap: var(--kj-1); grid-template-columns: minmax(0, 1fr); margin: var(--kj-6) 0 var(--kj-7); }
.pipeline .node { position: relative; border: 1px solid var(--kj-line-strong); border-top: 2px solid var(--kj-amber);
  border-radius: var(--kj-radius); background: var(--kj-surface); padding: var(--kj-4) var(--kj-5);
  font-family: var(--kj-mono); font-size: var(--kj-label); font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase;
  color: var(--kj-ivory); }
.pipeline .join { text-align: center; line-height: 1; padding: var(--kj-1) 0; font-family: var(--kj-mono); color: var(--kj-text-2); }
.pipeline .join::before { content: "\2193"; }
@media (min-width: 720px) {
  .pipeline { grid-template-columns: minmax(0, 1fr) var(--kj-6) minmax(0, 1fr) var(--kj-6) minmax(0, 1fr) var(--kj-6) minmax(0, 1fr);
    gap: 0; align-items: center; }
  .pipeline .join { padding: 0; }
  .pipeline .join::before { content: "\2192"; }
}
.steps--how .step { grid-template-columns: minmax(0, 1fr); }
@media (min-width: 900px) { .steps--how .step { grid-template-columns: 12rem minmax(0, 1fr); } }
.steps--how .step h3 { font-family: var(--kj-mono); font-size: var(--kj-label); font-weight: 500; letter-spacing: 0.12em;
  text-transform: uppercase; color: var(--c-text2); padding-top: var(--kj-1); }
.steps--how .step p { margin: 0; color: var(--c-head); font-size: 1.125rem; max-width: 40em; }

/* Reading a verdict */
.not-list { margin-top: var(--kj-5); max-width: 36em; }
.not-list li { color: var(--c-head); }
.receipt { margin: 0; }
.receipt-label { font-family: var(--kj-mono); font-size: var(--kj-label); font-weight: 500; letter-spacing: 0.12em;
  text-transform: uppercase; color: var(--kj-text-2); margin: 0 0 var(--kj-3); }
.code-box { background: var(--kj-surface); border: 1px solid var(--kj-line-strong); border-radius: var(--kj-radius); overflow-x: auto; }
.code-box:focus-visible { outline-offset: -3px; }
.code-box pre { margin: 0; padding: var(--kj-4) var(--kj-5); font-family: var(--kj-mono); font-size: 0.8125rem; line-height: 1.65;
  color: var(--kj-text); white-space: pre-wrap; overflow-wrap: anywhere; }
.code-box .k { color: var(--kj-text-2); }
.code-box .v { color: var(--kj-ivory); }

pre code { font: inherit; }

/* Install */
.install-lead { max-width: 40em; }
.cmd { border: 1px solid var(--kj-line-strong); border-radius: var(--kj-radius); background: var(--kj-surface); margin-top: var(--kj-5); max-width: 62rem; }
.cmd-head { display: flex; align-items: center; justify-content: space-between; gap: var(--kj-3);
  padding: var(--kj-1) var(--kj-1) var(--kj-1) var(--kj-4); border-bottom: 1px solid var(--kj-line); }
.cmd-head h3 { font-family: var(--kj-mono); font-size: var(--kj-label); font-weight: 500; letter-spacing: 0.12em;
  text-transform: uppercase; color: var(--kj-text-2); }
.cmd pre { margin: 0; padding: var(--kj-4); font-family: var(--kj-mono); font-size: 0.8125rem; line-height: 1.7; color: var(--kj-ivory);
  white-space: pre-wrap; overflow-wrap: anywhere; }
.copy { min-width: 5.5rem; font-family: var(--kj-mono); font-size: var(--kj-label); letter-spacing: 0.12em; text-transform: uppercase; }
.install-after { margin-top: var(--kj-6); max-width: 40em; }
.link-row { list-style: none; display: flex; flex-wrap: wrap; gap: var(--kj-1) var(--kj-6); margin: var(--kj-5) 0 0; padding: 0; }
.link-row a { display: inline-flex; align-items: center; min-height: var(--touch); min-width: var(--touch); font-weight: 500; }

/* Where it stands: a ruled two-column table */
.kv--tested { margin-top: var(--kj-7); }
.kv--tested th { width: 15rem; color: var(--c-head); padding-right: var(--kj-6); }
.kv--tested td { color: var(--c-text); max-width: 46em; }
@media (max-width: 720px) { .kv--tested th { width: 100%; } }

/* Limits and ask */
.limits .plain-list { margin-top: 0; max-width: none; }
.limits .plain-list li { font-size: 1.0625rem; color: var(--c-head); }
.privacy-line { margin: var(--kj-6) 0 0; max-width: 46em; }
.ask-foot { margin: var(--kj-7) 0 0; }
.ask-second { margin: var(--kj-5) 0 0; max-width: 34em; }
.ask-private-lede { margin: 0; max-width: 18em; }
.cta-band .line-copy > .lede { margin-top: var(--kj-4); }