/* Only what this page has (criterion 9): no token is re-declared here, and
   every class below is a joint between two shared primitives.

   FR-2.6 keeps its own id and its byte-exact sentence, and takes the same boxed
   info card the form gives it — one sentence, one treatment, on both surfaces
   that show it. Inside the card the id's own accent left rule would be a second
   edge, so it is turned off here rather than in the shared file. */
.topbar p#banner { border-left:0; padding:0; margin:0 0 0 auto; }

/* Criterion 48: the three affordances take the card edge and keep their `.tag`
   mono caps. `.card` supplies the edge; this restores the rhythm `.affordance`
   used to get from its own top hairline. */
#capture .affordance { margin:0 0 1.25rem; }

/* Criterion 50's own consequence: a proposal card IS an artefact band now, so
   the two rules `.section-card` used to give it are stated against `.band`
   here — this page's proposals are the only bands that carry a decision. */
#proposals .band { border-top:1px solid var(--line); padding-top:1.5rem; }
#proposals .band .cites { padding-left:0; }

/* Story 3.5 — the survey instrument (AC-2, AC-3), re-laid by story 5.4 to the
   ruled capture design. The stamp row is the form's own `.steprow`; the section
   list is `.rail-steps`/`.rail-step` in the RAIL now, as the form's is; the
   choices reuse the segmented control. Only the joints are here — the lift,
   the press and the drawer are capture.css's. */
#survey { margin:0 0 2.25rem; }
#survey .steprow { display:flex; align-items:center; gap:.55rem; margin:0 0 .9rem; }
#survey .steprow .hint { margin:0; }
.survey-head { border-left:1px solid var(--line); padding:.1rem 0 .1rem 1.1rem; margin:0 0 2rem; }
#survey-title { font-size:var(--fs-head); font-weight:600; letter-spacing:-0.015em;
                line-height:1.25; margin:0 0 .45rem; }
#survey-where { margin:0; }
#survey-sections { margin:0 0 1rem; }
#survey-sections .rail-step { font-size:var(--fs-hint); line-height:1.4; }
#survey-sections span.rail-step[aria-current="false"][data-done="false"] { color:var(--muted); }
#survey-sections button.rail-step { width:100%; text-align:left; background:none; color:var(--ink);
                                   border:0; font-weight:400; }
#survey-sections button.rail-step:hover { background:rgba(26,26,26,.055); }
#survey .field { margin:0 0 1.75rem; }
#survey .field label, #survey .seg-legend { color:var(--ink); font-size:var(--fs-body); font-weight:500;
                                           line-height:1.4; }
.survey-no { margin-right:.35rem; }
.survey-guide { color:var(--muted); font-size:var(--fs-hint); margin:-.1rem 0 .55rem; }
/* A legend that wraps to two lines is drawn across the fieldset's border; floated, it sits above it. */
#survey legend.seg-legend { float:left; width:100%; padding:0; margin:0 0 .5rem; }
#survey fieldset.seg::after, #survey fieldset::after { content:''; display:block; clear:both; }
#survey .seg { margin:0; }
#survey .seg-body { text-align:left; }
#survey .seg-label { font-weight:400; }
#survey .seg-label strong { font-weight:700; }
#survey .survey-other { margin:.75rem 0 0; }
.survey-folded, .survey-ladder { list-style:none; margin:0; padding:0; }
/* A folded group: a flat bar on the one filled neutral. Ink, not muted, on the
   fill — muted on --fill falls under the 4.5:1 floor. */
.survey-folded { margin:0 0 1.5rem; }
.survey-folded li { display:flex; justify-content:space-between; align-items:center; gap:1rem;
                    background:var(--fill); border:1px solid var(--line); border-radius:var(--radius);
                    padding:.55rem .6rem .55rem 1rem; margin:0 0 .5rem; font-size:var(--fs-hint); }
.survey-folded .what { flex:1; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.survey-folded .range { font-weight:600; margin-right:.6rem; }
.survey-folded button { flex:none; padding:.3rem .8rem; font-size:var(--fs-hint);
                        color:var(--accent); border:1px solid var(--line); font-weight:600; }
/* Accent on --fill is 4.16:1; on the paper it clears 4.5:1, so the button carries the paper. */
.survey-folded button { background:var(--paper); }
.survey-ladder { border-top:1px solid var(--line); padding-top:1rem; }
.survey-ladder li { color:var(--muted); font-size:var(--fs-hint); border-left:2px solid var(--line);
                    padding:.2rem 0 .2rem 1rem; margin:0 0 .45rem; white-space:nowrap;
                    overflow:hidden; text-overflow:ellipsis; }
.survey-ladder .range { margin-right:.6rem; }
#survey .formbar { margin-top:1.75rem; padding-top:1.25rem; }
#survey-done { margin:0 0 1.5rem; }
/* The aside: the info card, then the next action and the line that says why. */
#capture-aside .aside-next { margin:1rem 0 0; } /* FC-14: the panel fits a laptop's height */
#capture-aside #read { width:100%; margin:0; }
#read-note { text-align:center; margin:.55rem 0 0; }

/* Anthony, 2026-09-16, on the live page: "widen the center content to take more of the
   space on the left of the screen". The shared panel is capped at 68ch for reading prose;
   this page is a form of short questions and inputs, so its panel takes the whole
   column between the rail and the aside. Page-scoped. */
.shell.has-aside .panel { max-width:none; }
.lift-info-guidance { margin:.6rem 0 0; padding-left:1.1rem; color:var(--muted); font-size:var(--fs-hint); line-height:1.4; }
.lift-info-guidance li { margin:.25rem 0; }

/* FC-4: an asked strategy's saved capture — the count, then ONE primary (Review inputs) and
   the explicit way to start a new strategy. */
.saved-capture { margin:0 0 2rem; }
.saved-capture .acts { align-items:center; gap:1.2rem; }
.saved-capture a.primary { display:inline-block; padding:.65rem 1.2rem; border-radius:var(--radius); text-decoration:none; }