/* r14 (REQ-0070): story order Today -> Proof -> Where we're going, said once; the confirmed fixes. Loaded after r13.css. */

/* 1 · Today: what works now on the left; the rule and one line pointing ahead on the right */
.t14 .t14-side{padding-top:44px}
.t14 .t14-side .honest{margin-top:0}
.t14 .t14-next{display:flex;align-items:center;gap:12px;margin:30px 0 0;font:500 14px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#c3ccd8}
.t14 .t14-next i{flex:none;width:30px;height:1px;background:linear-gradient(90deg,rgba(143,232,255,0),#8fe8ff)}
@media (max-width:820px){.t14 .t14-side{padding-top:0}.t14 .t14-next{margin-top:22px}}

/* 6 · Proof: numbered like the others; the chapter label and the ledger window share one ruled row, at the chapter top */
#proof .pf-head{display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px;padding-bottom:16px;border-bottom:1px solid rgba(230,192,123,.45);margin-bottom:clamp(26px,4vh,40px)}
#proof .pf-head .chap-label{margin:0}
#proof .pf-head .pf-k{margin:0;padding:0;border:0;font-size:14px}
#proof .pf{margin-top:0;padding-top:0;border-top:0;min-height:0;justify-content:flex-start}

/* 5 · Try it: on the page's content grid (same left edge as every chapter), heading on the Proof/Principles h2 step */
.bsec .try{width:100%;max-width:none;margin-left:0;margin-right:0}
.bsec .try .try-h{font:300 clamp(34px,3.6vw,60px)/1.08 var(--serif);letter-spacing:-.025em}

/* 7b · Future columns: one title line height, and the three bodies start on one line (subgrid rows) */
.fut-cols h3{line-height:1.2}
@media (min-width:821px){
  .future .fut-cols{grid-template-rows:auto auto auto}
  .future .fut-cols>div{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0}
  .future .fut-cols>div>h3{align-self:start}
}

/* 7c · Who: less empty space under the roles, so the next chapter's light arrives sooner */
@media (min-width:821px){section.who{min-height:0;padding-bottom:clamp(64px,9vh,96px)}}

/* 3 · Future: the "Coming next" tag labels the three columns; the art above them is captioned as the foundation */
.future .fut-cols{position:relative}
.future .fut-cols>.fut-tag{position:absolute;left:0;top:0;transform:translateY(-50%);background:#05070b;box-shadow:0 0 0 10px #05070b}

/* 6 · Proof: the same top spacing under the nav as Architecture, Engagement and After (13vh) */
#proof.chap{padding-top:clamp(96px,13vh,150px)}

/* r14 fix round 2 · Today: the right column's rule sits level with the left list's first line, so the two halves read as one row */
@media (min-width:821px){.t14 .t14-side{padding-top:0;align-self:center}}
/* Future: the "Coming next" tag breathes above column 01 instead of touching its number */
.future .fut-cols{padding-top:34px}
@media (max-width:820px){.future .fut-cols{padding-top:30px}}
/* r14 finish (Orchestrator) · colour carries meaning: in Principles only the person line (II "name") is gold.
   I "evidence" takes evidence cyan; III "unknown" takes the neutral ink. Found by the r14 builder (open since r8). */
.prin .pr h3 em{color:var(--gold)}
.prin h2 + .pr h3 em{color:var(--ice)}
.prin .pr + .pr + .pr h3 em{color:var(--plat)}

/* ===== r14 polish (REQ-0070 r14p) ===== */
/* 1 · Today: one column, so the lower half is not an empty right side; the section ends soon after its last line */
.t14.chap{padding-bottom:clamp(48px,7vh,80px)}
.t14 .today-grid{grid-template-columns:minmax(0,760px);margin-top:clamp(34px,5vh,56px)}
.t14 .t14-side{padding-top:0;align-self:start}
.t14 .t14-next{margin-top:clamp(22px,3.4vh,34px)}
/* What it is: "Available today" is plain text in the sentence, not a chip (the one chip on the page is Today's) */
.w9-rn{display:block}
/* 2 · The record's status pill fits its text; its width glides between states (no layout shift: the pill is right-aligned in a grid cell that has its own fixed width) */
.rc-top .rc-st{width:auto;min-width:0;justify-self:end;transition:width .36s var(--ease),color .4s var(--ease),border-color .4s var(--ease),background-color .4s var(--ease)}
.rc-st .stv{width:max-content;justify-self:start}
.rm .rc-top .rc-st{transition:none}
/* 4 · Phone: Who's running light overshoots the roles rail by 160 px at the end of its run and is left there when the section scrolls away.
   On a phone that widened the layout viewport (iw 390 → 426/525), which pushed the fixed nav, and its gold Briefing pill, off the screen. Clip the overshoot at the section. */
section.who{overflow-x:clip}

/* 3 · Micro-text contrast (REQ-0070 r14p): mono labels, axis labels, captions and secondary text raised to >= 7:1 on their real pixels (the floor; most now sit above 10:1).
   Same hues, same sizes: gold stays the person, cyan stays evidence, the rest is the page's platinum ink. */
:root{--r14-mic:#d3d9e2;--r14-mic2:#c6cedb;--r14-gold:#f6dca4}
.chap-label .t,.chap-label .t .ch,.rec dt,.tl dt,.rc-real,.rs-lg,.ar-real,.fut-cap,.prob-foot p b,.steps .get b,.proof .pk,.foot .c,.foot-brand span,.rail a span,.keeps li span,.q-row .who span{color:var(--r14-mic)}
.hero-meta,.cue span{color:var(--r14-mic2)}
.chap-label .n,.pf-k,.rc-id{color:var(--r14-gold)}
.pf-cap,.pf-s,.pf-x,.cst-cap .c2,.try-help,.try-uh,.try-hint,.try-l,.try-qv.ph,.rs-lg{color:var(--r14-mic)}
.pf-cap b{color:#fff}
.pf-cap.pf-md{color:#f2fcff}
.try-hint,.try .wr{color:var(--r14-mic)}
.who-roles span,.w9-quiet,.who-note,.ent-sub,.src,.rc-note,.bsec .note{color:var(--r14-mic)}
.cst-cap .c2,.future .fut-cap,.cst-cap .c2 span{color:var(--r14-mic)}
/* the option cards in the decision demo: the unchosen option and the labels stay legible over the lit card */
.opt,.opt.no{color:var(--r14-mic)}
.opt.no b,.opt.no b::after{color:var(--plat)}
.opt.yes b,.opt.yes b::after{color:var(--r14-gold)}
.t14 .today-grid{row-gap:0;gap:0}
.t14 .t14-next{margin-top:clamp(26px,4vh,38px)}
/* specificity: the Try-it help lines were set by .bsec .try .try-help / .try-uh */
.bsec .try .try-help,.bsec .try .try-uh,.bsec .try .try-hint{color:var(--r14-mic)}
.fut-cap+*,.future .cst-cap .c2{color:var(--r14-mic)}

/* ---------- footer: Follow (Ortivs's own pages; owner 2026-10-01). Same column as On this page / Legal. ---------- */
.foot.f12{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,.7fr) minmax(0,.7fr)}
.f12-social a{display:inline-flex;align-items:center;gap:12px}
.f12-social svg{width:18px;height:18px;flex:none;fill:currentColor;opacity:.88;transition:opacity .2s var(--ease)}
.f12-social a:hover svg,.f12-social a:focus-visible svg{opacity:1}
@media (max-width:820px){
  .foot.f12{grid-template-columns:1fr 1fr}
  .foot.f12 nav[aria-label="On this page"]{grid-row:span 2}   /* phone: Legal and Follow stack in the right column */
}