/* AC34 — micro-language + iconography. Pure presentation; factual/runtime contract untouched. */
:root{
  --acx-micro:rgba(12,29,32,.115);
  --acx-micro-soft:rgba(12,29,32,.065);
  --acx-brass-wash:rgba(181,138,88,.095);
  --acx-brass-line:rgba(156,112,68,.52);
  --acx-icon-size:18px;
}
.acx-icon{width:var(--acx-icon-size);height:var(--acx-icon-size);display:block;flex:none;overflow:visible}

/* Journey: icon-led matter map, not progress dots. */
.acx-journey{padding-top:14px;padding-bottom:13px}
.acx-journey-meta span{display:inline-flex;align-items:center;gap:7px}
.acx-journey-meta .acx-meta-icon{width:12px;height:12px;color:var(--acx-brass)}
.acx-journey-track:before{left:13px;right:13px;top:13px;background:linear-gradient(90deg,rgba(156,112,68,.45),rgba(12,29,32,.13) 18%,rgba(12,29,32,.13))}
.acx-journey-item{display:flex;align-items:center;gap:7px;padding:0 9px 0 0;min-height:34px;font-size:7px;letter-spacing:.14em}
.acx-journey-item:before{display:none}
.acx-journey-item:after{left:33px;top:-1px;font-size:6px;color:#a0a7a8}
.acx-journey-item em{font-style:normal;margin-top:9px}
.acx-journey-glyph{position:relative;z-index:2;width:27px;height:27px;display:grid;place-items:center;border:1px solid rgba(12,29,32,.16);background:#fbf8f2;color:#8a9496;transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease}
.acx-journey-glyph .acx-icon{width:13px;height:13px}
.acx-journey-item.is-active .acx-journey-glyph{border-color:var(--acx-brass);background:var(--acx-ink);color:#d8b37e;box-shadow:0 0 0 4px rgba(181,138,88,.08)}
.acx-journey-item.is-active em{color:var(--acx-ink)}
.acx-journey-item.is-done .acx-journey-glyph{border-color:rgba(156,112,68,.58);color:var(--acx-brass);background:#f8f1e6}

/* Live file rail: micro glyphs make the case ledger scannable. */
.acx-live-row{grid-template-columns:74px 1fr;gap:8px}
.acx-live-row dt{display:flex;align-items:center;gap:5px;white-space:nowrap}
.acx-live-glyph{width:14px;height:14px;display:grid;place-items:center;color:rgba(213,181,132,.58)}
.acx-live-glyph .acx-icon{width:11px;height:11px}
.acx-live-row:not(.is-empty) .acx-live-glyph{color:#d8b37e}
.acx-live-row.is-latest .acx-live-glyph{filter:drop-shadow(0 0 6px rgba(213,181,132,.28))}

/* Stage marker + contextual legal guidance. */
.acx-stage-mark{gap:8px}
.acx-stage-mark:before{display:none}
.acx-stage-glyph{width:22px;height:22px;display:grid;place-items:center;border:1px solid rgba(156,112,68,.32);color:var(--acx-brass);background:rgba(255,253,249,.65)}
.acx-stage-glyph .acx-icon{width:12px;height:12px}
.acx-decision-caption>span{display:inline-flex;align-items:center;gap:6px}
.acx-caption-icon{width:10px;height:10px;color:var(--acx-brass)}
.acx-context-kicker>span{display:inline-flex;align-items:center;gap:7px}
.acx-context-kicker>span i{display:grid;place-items:center;width:20px;height:20px;border:1px solid rgba(156,112,68,.28);font-style:normal}
.acx-context-kicker>span i .acx-icon{width:11px;height:11px}
.acx-context-note{padding-left:25px}
.acx-context-note:before{display:none}
.acx-context-note-icon{position:absolute;left:0;top:18px;color:var(--acx-brass);width:17px;height:17px;display:grid;place-items:center;border:1px solid rgba(156,112,68,.28);border-radius:50%}
.acx-context-note-icon .acx-icon{width:10px;height:10px}

/* Choices: own AC interaction grammar — sequence, pictogram, fact, directional affordance. */
.acx-choice{grid-template-columns:28px 36px minmax(0,1fr) 31px;gap:10px;padding:13px 3px 13px 0;min-height:54px}
.acx-choice-index{font-family:var(--acx-sans);font-size:7px;letter-spacing:.12em;color:#9d7952;align-self:center}
.acx-choice-index:after{display:none}
.acx-choice-glyph{position:relative;width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(12,29,32,.14);color:#6f7a7d;background:rgba(255,253,249,.58);transition:color .2s,border-color .2s,background .2s,transform .2s}
.acx-choice-glyph:after{content:"";position:absolute;right:-4px;bottom:-4px;width:5px;height:5px;border-right:1px solid rgba(156,112,68,.45);border-bottom:1px solid rgba(156,112,68,.45)}
.acx-choice-glyph .acx-icon{width:16px;height:16px}
.acx-choice:hover .acx-choice-glyph,.acx-choice:focus-visible .acx-choice-glyph{color:var(--acx-brass);border-color:rgba(156,112,68,.58);background:#fbf5eb;transform:translateX(2px)}
.acx-choice:hover,.acx-choice:focus-visible{padding-left:6px}
.acx-choice:focus-visible{box-shadow:inset 0 0 0 1px rgba(156,112,68,.46)}
.acx-choice.is-selected{padding-left:9px}
.acx-choice.is-selected .acx-choice-glyph{color:#f1cf9b;border-color:rgba(241,207,155,.46);background:rgba(255,255,255,.04)}
.acx-choice.is-selected .acx-choice-label{color:#fffaf0}
.acx-choice-arrow{border-radius:0;border-color:rgba(156,112,68,.20);background:rgba(255,253,249,.45)}
.acx-choice-arrow .acx-icon{width:13px;height:13px}
.acx-choice:hover .acx-choice-arrow{background:#f8efe2}
.acx-choice.is-selected .acx-choice-arrow{background:rgba(255,255,255,.04);border-color:rgba(216,179,126,.38)}

/* Document aperture: micro status tags and registration marks. */
.acx-document-aperture{background:linear-gradient(90deg,rgba(181,138,88,.035),transparent 44%)}
.acx-doc-targets span{position:relative;padding-left:20px}
.acx-doc-targets span:before{position:absolute;left:8px;width:6px;height:6px;background:transparent;border:1px solid var(--acx-brass);border-radius:50%}
.acx-doc-targets span:after{content:"";position:absolute;left:10px;top:50%;width:3px;height:1px;background:var(--acx-brass);transform:translateY(-50%)}

/* Result sheet: small pictograms carry state without turning into dashboard cards. */
.acx-status{display:inline-flex;align-items:center;gap:7px}
.acx-status:before{display:none}
.acx-status .acx-icon{width:13px;height:13px}
.acx-result-seal{padding-left:52px}
.acx-seal-icon{position:absolute;left:19px;top:23px;width:24px;height:24px;display:grid;place-items:center;color:var(--acx-brass);border:1px solid rgba(156,112,68,.30)}
.acx-seal-icon .acx-icon{width:14px;height:14px}
.acx-result-route span{display:flex;align-items:center;gap:9px;padding:11px 15px;color:#596669}
.acx-result-route span:before{display:none}
.acx-result-route span .acx-icon{width:13px;height:13px;color:var(--acx-brass)}
.acx-result-route span b{font:600 7px var(--acx-sans);letter-spacing:.12em}
.acx-result-body h3{justify-content:flex-start;gap:7px}
.acx-result-body h3 .acx-icon{width:12px;height:12px;color:var(--acx-brass)}
.acx-result-body h3:after{margin-left:auto}
.acx-ledger-row{grid-template-columns:116px 1fr;padding-left:22px}
.acx-ledger dt{display:flex;align-items:center;gap:6px}
.acx-ledger dt>span{display:grid;place-items:center;width:16px;height:16px;color:#8e765b}
.acx-ledger dt .acx-icon{width:10px;height:10px}
.acx-next-columns strong{display:flex;align-items:center;gap:7px}
.acx-next-columns strong>span{display:grid;place-items:center;width:20px;height:20px;color:var(--acx-brass);border:1px solid rgba(156,112,68,.22)}
.acx-next-columns strong .acx-icon{width:11px;height:11px}
.acx-primary{gap:12px}
.acx-primary:after{display:none!important}
.acx-primary .acx-icon{width:14px;height:14px;color:#e0bc86;transition:transform .18s ease}
.acx-primary:hover .acx-icon{transform:translateX(3px)}
.acx-boundary{display:flex;align-items:flex-start;gap:6px}
.acx-boundary>span{color:var(--acx-brass);margin-top:1px}.acx-boundary .acx-icon{width:11px;height:11px}

/* Product-principle strip: a quiet iconographic signature. */
.acx-system-strip div{display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:10px;padding:15px 18px 15px 18px}
.acx-system-strip div:before{display:none}
.acx-strip-glyph{grid-row:1/3;width:22px;height:22px;display:grid;place-items:center;border:1px solid rgba(156,112,68,.26);color:var(--acx-brass);align-self:start;background:#fbf6ee}
.acx-strip-glyph .acx-icon{width:12px;height:12px}
.acx-system-strip strong,.acx-system-strip span:not(.acx-strip-glyph){grid-column:2}

/* Fine-grain keyboard state + restrained motion. */
.acx-choice,.acx-choice-glyph,.acx-journey-glyph,.acx-primary .acx-icon{transition-timing-function:cubic-bezier(.2,.7,.2,1)}

@media(max-width:1100px){
  .acx-choice{grid-template-columns:24px 32px minmax(0,1fr) 28px;gap:8px}
  .acx-choice-glyph{width:28px;height:28px}.acx-choice-glyph .acx-icon{width:14px;height:14px}
  .acx-result-route span{padding-left:12px;padding-right:10px;gap:6px}
  .acx-result-route span b{font-size:6.5px;letter-spacing:.09em}
}
@media(max-width:820px){
  .acx-journey-track{height:29px}.acx-journey-track:before{top:11px}
  .acx-journey-item{min-height:27px;font-size:0}.acx-journey-item:after,.acx-journey-item em{display:none}
  .acx-journey-glyph{width:23px;height:23px}.acx-journey-glyph .acx-icon{width:11px;height:11px}
  .acx-live-row dt{display:flex!important;align-items:center;gap:4px}.acx-live-glyph{width:12px;height:12px}.acx-live-glyph .acx-icon{width:9px;height:9px}
  .acx-choice{grid-template-columns:24px 34px minmax(0,1fr) 27px;gap:8px;padding:13px 0}
  .acx-choice-glyph{width:30px;height:30px}
  .acx-context-kicker>span i{width:18px;height:18px}
  .acx-result-route{grid-template-columns:repeat(3,1fr)!important}.acx-result-route span{border-right:1px solid rgba(12,29,32,.08)!important;border-bottom:0!important;justify-content:center;padding:10px 5px}.acx-result-route span b{font-size:0}.acx-result-route span .acx-icon{width:15px;height:15px}
  .acx-system-strip div{grid-template-columns:22px minmax(0,1fr)}
}
@media(max-width:520px){
  .acx-stage-glyph{width:20px;height:20px}.acx-stage-glyph .acx-icon{width:11px;height:11px}
  .acx-choice{grid-template-columns:20px 32px minmax(0,1fr) 25px;gap:7px}
  .acx-choice-index{font-size:6px}.acx-choice-glyph{width:28px;height:28px}.acx-choice-glyph .acx-icon{width:14px;height:14px}
  .acx-choice-arrow{width:22px;height:22px}.acx-choice-arrow .acx-icon{width:11px;height:11px}
  .acx-result-seal{padding-left:43px}.acx-seal-icon{left:14px;top:21px;width:21px;height:21px}.acx-seal-icon .acx-icon{width:12px;height:12px}
  .acx-ledger-row{grid-template-columns:105px 1fr;padding-left:18px}.acx-ledger dt{gap:4px}
  .acx-system-strip div{padding:13px 12px}.acx-strip-glyph{width:20px;height:20px}
}
@media(prefers-reduced-motion:reduce){.acx-choice-glyph,.acx-journey-glyph,.acx-primary .acx-icon{transition:none!important}}