/* The Trust Boundary, the 13-page linear reading for Module 3.
   Ported from drafts/catalyst/trust-boundary-reading.html in
   fontanini-advisor-os at a45e2d7. It is built the same way as Conversation
   Architecture, so the page also links reading-conversation-architecture.css for
   the pager, progress bar and shared reading components, and module.css for the
   rest. Only this reading's own components live here.
   Tokens only. No new color, radius, or shadow. */

/* the two-sides table on page 3 */
.tb{width:100%; max-width:65ch; border-collapse:collapse; margin:20px 0; font-size:0.98rem;}
.tb th{font-family:var(--font-mono); font-size:0.6rem; letter-spacing:0.12em; text-transform:uppercase; color:rgba(247,245,242,0.6); font-weight:500; text-align:left; padding:8px 10px; border-bottom:1px solid rgba(247,245,242,0.2);}
.tb td{padding:12px 10px; border-bottom:1px solid rgba(247,245,242,0.08); vertical-align:top;}
.tb td:first-child{color:var(--paper); font-weight:600;}
.tb .s{color:var(--whiskey);}
.tb .r{color:var(--rust);}

/* the consequence test, one tier per answer to "who finds out?" */
.tiers{margin:22px 0; max-width:65ch; display:flex; flex-direction:column; gap:10px;}
.tier{display:grid; grid-template-columns:150px 1fr; gap:16px; padding:14px 16px; border:1px solid rgba(247,245,242,0.12); border-left:4px solid var(--frost); background:rgba(247,245,242,0.03);}
.tier.t2{border-left-color:var(--whiskey);}
.tier.t3{border-left-color:var(--rust);}
.tier .who{font-family:var(--font-mono); font-size:0.64rem; letter-spacing:0.12em; text-transform:uppercase; color:rgba(247,245,242,0.6);}
.tier .who b{display:block; font-family:var(--font-display); font-size:1.2rem; letter-spacing:0; text-transform:none; color:var(--paper); font-weight:400; margin-top:2px;}
.tier p{margin:0 0 6px;}
.tier small{display:block; color:rgba(247,245,242,0.6); font-size:0.9rem;}

/* the trust steps, drawn bottom up, each rung's fill a step deeper than the last */
.ladder{margin:22px 0; max-width:65ch; display:flex; flex-direction:column-reverse; gap:8px;}
.rung{display:grid; grid-template-columns:48px 1fr; gap:14px; align-items:start; padding:12px 16px; border:1px solid rgba(247,245,242,0.12);}
.rung:nth-child(1){background:rgba(212,165,116,0.04);}
.rung:nth-child(2){background:rgba(212,165,116,0.08);}
.rung:nth-child(3){background:rgba(212,165,116,0.12);}
.rung:nth-child(4){background:rgba(212,165,116,0.16);}
.rung .n{font-family:var(--font-mono); font-size:0.7rem; color:var(--whiskey); padding-top:4px;}
.rung h3{margin:0 0 2px; font-size:1.05rem;}
.rung p{margin:0; font-size:0.95rem; color:rgba(247,245,242,0.75);}

/* the onboarding cycle; .hot marks the step where trust is built */
.cycle{display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin:22px 0; max-width:65ch;}
.cstep{padding:12px; border:1px solid rgba(247,245,242,0.12); background:rgba(247,245,242,0.03);}
.cstep.hot{border-color:var(--rust); background:rgba(196,93,62,0.12);}
.cstep .n{font-family:var(--font-mono); font-size:0.62rem; color:var(--whiskey); letter-spacing:0.1em;}
.cstep h3{margin:4px 0; font-size:1.02rem;}
.cstep p{margin:0; font-size:0.88rem; color:rgba(247,245,242,0.7); line-height:1.35;}

mark.c{background:rgba(196,93,62,0.25); color:var(--paper); padding:1px 3px; border-bottom:2px solid var(--rust);}

@media (max-width:700px){
  .tier{grid-template-columns:1fr; gap:6px;}
  .cycle{grid-template-columns:1fr 1fr;}
  .tb{font-size:0.92rem;}
  .tb td, .tb th{padding:10px 6px;}
}