/* discord bond — page-specific (shell + tokens from p2-shell.css) */
.bpage{max-width:var(--col); margin:0 auto; padding:26px 22px 64px}
.btitle{font-family:var(--disp); font-weight:400; font-size:var(--fs-num); margin:0}
.bsub{color:var(--ink-2); font-size:var(--fs-small); max-width:66ch; margin:6px 0 0; line-height:1.75}
.bscaffold{display:inline-block; color:var(--dn); font-size:10px; letter-spacing:.08em; text-transform:uppercase; border:1px solid var(--dn); padding:1px 6px; border-radius:2px; margin-left:8px; vertical-align:middle}
.blive{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}
.bsec{margin-top:30px; 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)}
.brow{display:flex; gap:10px; flex-wrap:wrap; align-items:center; margin-top:10px}
.bfield{display:block; margin-top:12px}
.bfield label{display:block; color:var(--faint); font-size:var(--fs-meta); letter-spacing:.05em; text-transform:uppercase; margin-bottom:4px}
.bfield input, .bfield select{width:100%; background:var(--paper); border:1px solid var(--data-bd); color:var(--ink); font-family:var(--mono); font-size:13px; padding:9px 11px}
.bamount{font-family:var(--disp); font-size:var(--fs-num); color:var(--ink)}
.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)}
.bkey.ghost{background:transparent; color:var(--ink-2); border-color:var(--hair)}
.bkey.ghost:hover{background:var(--sel); color:var(--sel-ink)}
.bprev{margin-top:12px; border:1px dashed var(--data-bd); background:var(--paper); padding:12px 14px; color:var(--ink-2); font-size:var(--fs-small); line-height:1.65}
.bprev b{color:var(--ink)}
.bnote{color:var(--faint); font-size:var(--fs-meta); margin-top:10px; line-height:1.6}
.bstat{display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:4px}
.bstat .k{color:var(--faint); font-size:var(--fs-meta); letter-spacing:.05em; text-transform:uppercase}
.bstat .v{font-family:var(--disp); font-size:var(--fs-num); color:var(--ink); margin-top:2px}
.bcase{border:1px solid var(--hair); background:var(--paper); padding:14px; margin-top:12px}
.bcase .bchead{display:flex; justify-content:space-between; gap:10px; flex-wrap:wrap; align-items:baseline}
.bcase .bcid{color:var(--faint); font-size:var(--fs-meta)}
.bcreason{color:var(--ink); font-size:var(--fs-small); margin:8px 0}
.bvote{display:grid; grid-template-columns:110px 1fr 90px; align-items:center; gap:10px; margin:6px 0}
.bvname{font-size:var(--fs-small); color:var(--ink-2)}
.bvwrap{height:12px; background:var(--panel); border:1px solid var(--hair); overflow:hidden}
.bvbar{display:block; height:100%}
.bvbar.liq{background:var(--dn)} .bvbar.keep{background:var(--ink)}
.bvv{text-align:right; font-size:var(--fs-small); color:var(--ink-2)}
.bbanner{border:1px dashed var(--data-bd); background:var(--paper); padding:14px 16px; color:var(--ink-2); font-size:var(--fs-small); line-height:1.7; margin-top:30px}
.bbanner b{color:var(--ink)}
.bhash{font-family:var(--mono); font-size:11px; color:var(--ink-2); word-break:break-all; line-height:1.9}
.bhash b{color:var(--ink)}
@media (max-width:560px){ .bvote{grid-template-columns:86px 1fr 78px} .bstat{grid-template-columns:1fr} }
.bwall{margin-top:4px; border:1px solid var(--hair); background:var(--paper)}
.bwrow{display:grid; grid-template-columns:96px 1fr; gap:12px; padding:9px 14px; border-top:1px solid var(--hair); align-items:center}
.bwrow:first-child{border-top:0}
.bwhead{color:var(--faint); font-size:var(--fs-meta); letter-spacing:.06em; text-transform:uppercase}
.bwnum{font-family:var(--mono); font-size:13px; color:var(--ink-2)}
.bwid{font-family:var(--mono); font-size:13px; color:var(--ink); word-break:break-all}
.dbtick{display:inline-flex; align-items:center; gap:7px; font-family:var(--mono); font-size:12.5px; letter-spacing:.03em; color:var(--ink-2); border:1px solid var(--hair); background:var(--paper); padding:6px 11px}
.dbtick .dot{width:7px; height:7px; border-radius:50%; background:var(--ok); flex:0 0 auto; animation:dbpulse 2.2s ease-out infinite}
.dbtick b{color:var(--ink)}
@keyframes dbpulse{0%{box-shadow:0 0 0 0 rgba(123,220,123,.45)}70%{box-shadow:0 0 0 7px rgba(123,220,123,0)}100%{box-shadow:0 0 0 0 rgba(123,220,123,0)}}
@media (prefers-reduced-motion: reduce){.dbtick .dot{animation:none}}

/* utilities: former inline style= attributes (CSP style-src is now self) */
.u01a8c8{max-width:54ch}
.u2517a5{margin-top:22px}
.u56f435{margin-top:12px}
.u715c5b{padding:12px 14px;margin:0}
.u8a77e5{margin-top:8px}
.uacef09{margin-top:.6rem}
.ub9199e{font-size:20px}
.ud46224{margin-top:0}