/* cpage.css - shared single-topic page layout (tokens + shell from p2-shell.css).
   One function per page: a title, a lede, then bordered sections. Used by the
   function pages (lend, governance, stake) alongside p2-shell.css and any page CSS. */
.cpage{max-width:var(--col); margin:0 auto; padding:26px 22px 64px}
.ctitle{font-family:var(--disp); font-weight:400; font-size:var(--fs-num); margin:0}
.clive{display:inline-block; color:var(--ok); font-size:10px; letter-spacing:.08em; text-transform:uppercase; border:1px solid var(--ok); padding:1px 6px; border-radius:2px; margin-left:8px; vertical-align:middle}
.clive.rd{color:var(--ink-2); border-color:var(--hair)}
.csub{color:var(--ink-2); font-size:var(--fs-small); max-width:66ch; margin:6px 0 0; line-height:1.75}
.csub b{color:var(--ink)}

.bsec{margin-top:26px; border:1px solid var(--hair); background:var(--panel); padding:20px}
.bh{font-size:var(--fs-meta); letter-spacing:.09em; text-transform:uppercase; color:var(--faint); margin:0 0 12px; display:flex; justify-content:space-between; align-items:center; gap:10px}
.bstep{color:var(--faint)}
.bfield{display:block}
.bfield label{display:block; color:var(--faint); font-size:var(--fs-meta); letter-spacing:.05em; text-transform:uppercase; margin-bottom:4px}
.bfield input{width:100%; background:var(--paper); border:1px solid var(--data-bd); color:var(--ink); font-family:var(--mono); font-size:13px; padding:9px 11px}
.brow{display:flex; gap:10px; flex-wrap:wrap; align-items:center; margin-top:12px}
.bkey{display:inline-block; background:var(--keybg); color:var(--keyfg); border:1px solid var(--keyfg); padding:8px 14px; font-family:var(--mono); font-size:12.5px; letter-spacing:.06em; text-transform:uppercase; cursor:pointer}
.bkey:hover{background:var(--keyfg); color:var(--keybg)}
.bnote{color:var(--faint); font-size:var(--fs-meta); margin-top:10px; line-height:1.6}
.bnote b{color:var(--ink-2)}
.note-foot{margin-top:22px; max-width:66ch}
.ovlede{max-width:54ch}
.ovrow{margin-top:.6rem}
.footmark{font-size:20px}