/*rp-palette:copper-still-1*//* /sections/ar-journey.css - THE AR JOURNEY, /ar-journey (L4 Phase B, 2026-10-08; B12). Copied verbatim by scripts/ar-set-build.mjs,
   after /sections/room.css (whose stage, buttons, facts and points it reuses). Roles only. The stage keeps its 4:5 box before anything
   loads (the still, then the live view: nothing moves when it starts). Desktop: the stage at the left, the steps and the controls at
   its right; a phone: the steps, the stage, then the controls. The list of the four steps below is the HTML equivalent. */
main li.rp-spine-mark>a{display:block;min-height:44px}   /* the station strip's marks: 44 px tap targets (as records-index.css gives them) */
.si.rp-aj-si{max-width:min(60rem,100%);margin:0 auto}
.rp-aj-si>.rp-note,.rp-aj-si>.rp-evidence,.rp-aj-si>.rp-source,.rp-aj-steps,#aj-steps-h{max-width:var(--rp-space-container-narrow,760px)}
.rp-aj{margin:var(--rp-space-scale-6,2rem) 0}
.rp-aj-stagewrap{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--rp-space-scale-4,1rem);align-items:start}
@media (min-width:820px){.rp-aj-stagewrap{grid-template-columns:minmax(0,24rem) minmax(16rem,1fr);gap:var(--rp-space-scale-4,1rem) var(--rp-space-scale-6,2rem)}.rp-aj-stage{grid-column:1;grid-row:1 / span 4}.rp-aj-stagewrap>:not(.rp-aj-stage){grid-column:2}.rp-aj-ctl{align-self:start}}
.rp-aj-stage{max-width:24rem;width:100%}
.rp-aj-stage.is-loading{cursor:progress}
.rp-aj-stepper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem .8rem;margin:0;padding:0;list-style:none;counter-reset:none}
@media (min-width:1100px){.rp-aj-stepper{grid-template-columns:repeat(4,minmax(0,1fr))}}
.rp-aj-stepper a{display:flex;align-items:center;gap:.55rem;min-height:44px;padding:.35rem 0;border-bottom:1px solid var(--rp-hair);color:var(--rp-text);text-decoration:none;font:400 var(--rp-type-scale-small,.9rem)/1.25 var(--rp-body)}
.rp-aj-n{display:inline-flex;align-items:center;justify-content:center;flex:none;width:1.7rem;height:1.7rem;border:1px solid var(--rp-brass);border-radius:50%;font:500 var(--rp-type-scale-label,.7rem)/1 var(--rp-mono);color:var(--rp-brass)}
.rp-aj-stepper a[aria-current=step]{border-bottom:2px solid var(--rp-brass);font-weight:500}
.rp-aj-stepper a[aria-current=step] .rp-aj-n{background:var(--rp-brass);color:var(--rp-color-ink-sepia,#1d1a15)}
.rp-aj-stepper a:hover{color:var(--rp-brass-hi)}
.rp-aj-stepper a:focus-visible{outline:var(--rp-focus-ring,2px solid currentColor);outline-offset:2px}
.rp-aj-caption{margin:0;min-height:3.1em;font:400 var(--rp-body-size,1rem)/1.55 var(--rp-body);color:var(--rp-text)}
.rp-aj-ctl .rp-room-row{margin:0 0 .6rem}
.rp-aj-ctl .rp-room-btn[disabled]{opacity:.45;cursor:default}
.rp-aj-ctl .rp-room-btn[hidden]{display:none}
.rp-aj-ctl .rp-aj-note{max-width:var(--rp-measure,62ch)}
.rp-aj-steps{margin:var(--rp-space-scale-8,3rem) 0 0;padding:0;list-style:none}
.rp-aj-step{display:grid;grid-template-columns:minmax(0,12rem) minmax(0,1fr);gap:var(--rp-space-scale-6,2rem);align-items:start;margin:0 0 var(--rp-space-scale-6,2rem);padding:var(--rp-space-scale-6,2rem) 0 0 var(--rp-space-scale-4,1rem);border-top:1px solid var(--rp-hair);border-left:2px solid transparent;scroll-margin-top:96px}
.rp-aj-step.is-current{border-left-color:var(--rp-brass)}
@media (max-width:599px){.rp-aj-step{grid-template-columns:minmax(0,1fr);padding-left:var(--rp-space-scale-3,.75rem)}.rp-aj-step .rp-room-fig{max-width:12rem}}
.rp-aj-what,.rp-aj-do{margin:0 0 .9rem;font:400 var(--rp-body-size,1rem)/1.6 var(--rp-body);color:var(--rp-text);max-width:var(--rp-measure,62ch)}
.rp-aj-do{font-size:var(--rp-type-scale-small,.9rem);color:var(--rp-text-muted)}
.rp-aj-line{margin-top:var(--rp-space-scale-4,1rem)}
@media (prefers-reduced-motion:reduce){.rp-aj *{transition:none!important}}
@media print{.rp-aj-stagewrap{display:none}}
