/* claim — page-specific (shell + tokens from p2-shell.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}
.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)}
.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.cxerr{border-color:var(--dn); color:var(--dn)}
.bnote{color:var(--faint); font-size:var(--fs-meta); margin-top:10px; line-height:1.6}
.cnotice{margin-top:18px; border:1px solid var(--amber); border-left-width:3px; background:var(--panel); padding:13px 16px; color:var(--ink-2); font-size:var(--fs-small); line-height:1.7}
.cnotice b{color:var(--amber)}

/* status strip (migrated from the index claim card) */
.claimstate{display:flex; flex-wrap:wrap; align-items:center; gap:.5rem .9rem; font-size:12.5px; color:var(--ink-2)}
.claimstate .linkish{margin-left:auto; font-size:12px}

/* result */
.cxresult{margin-top:4px; border:1px solid var(--hair); background:var(--paper); padding:16px 16px 14px}
.cxbig{display:flex; align-items:baseline; gap:4px; flex-wrap:wrap}
.cxftb{font-family:var(--disp); font-size:clamp(26px,7.4vw,var(--fs-disp)); line-height:1.05; color:var(--ink); word-break:break-word}
.cxftbu{font-family:var(--disp); font-size:var(--fs-lead); color:var(--ink-2)}
.cxsub{color:var(--ink-2); font-size:var(--fs-small); margin-top:8px; line-height:1.6}
.cxsub b{color:var(--ink)}

/* product bars */
.cxbars{margin-top:14px; display:flex; flex-direction:column; gap:10px}
.cxbar{display:grid; grid-template-columns:150px 1fr 190px; gap:12px; align-items:center}
.cxblabel{display:flex; align-items:center; gap:8px; font-size:var(--fs-small); color:var(--ink-2)}
.cxdot{width:9px; height:9px; flex:0 0 auto; border-radius:2px; background:var(--ink)}
.cxtrack{height:12px; background:var(--panel); border:1px solid var(--hair); overflow:hidden}
.cxfill{display:block; height:100%; background:var(--ink)}
.cxbval{display:flex; align-items:baseline; justify-content:flex-end; gap:8px; white-space:nowrap}
.cxbnum{font-family:var(--mono); font-size:13px; color:var(--ink)}
.cxbpct{font-family:var(--mono); font-size:11px; color:var(--faint); min-width:52px; text-align:right}
/* product colors */
.cxdot.p-flm,.cxfill.p-flm{background:var(--ink)}
.cxdot.p-flk,.cxfill.p-flk{background:var(--amber)}
.cxdot.p-lp,.cxfill.p-lp{background:var(--ok)}
.cxdot.p-ob,.cxfill.p-ob{background:var(--ink-2)}
.cxdot.p-vt,.cxfill.p-vt{background:var(--dn)}
.cxdot.p-gr,.cxfill.p-gr{background:var(--faint)}
.cxdot.p-bk,.cxfill.p-bk{background:var(--amber)}

/* meta rows */
.cxmeta{margin-top:16px; border-top:1px solid var(--hair); padding-top:12px; display:flex; flex-direction:column; gap:7px}
.cxkv{display:grid; grid-template-columns:8.5em 1fr; gap:.4rem .9rem; align-items:baseline}
.cxk{font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--faint)}
.cxv{font-family:var(--mono); font-size:12.5px; color:var(--ink-2); word-break:break-all}
.cxhead{font-family:var(--disp); font-size:var(--fs-lead); color:var(--ink)}
.cxnote{color:var(--faint); font-size:var(--fs-meta); line-height:1.6; margin-top:4px}
.cxnote b{color:var(--ink-2)}
.cxact{margin-top:16px}
.cxact .bkey{width:100%; text-align:center}

.crow{display:grid; grid-template-columns:8em 1fr auto; gap:.4rem .9rem; align-items:baseline; font-size:13px; color:var(--ink-2); line-height:1.55}
.crow .cr-l{font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--faint)}
.crow .cr-v b{color:var(--ink); font-weight:400}
.crow .linkish{font-size:12px; white-space:nowrap}

@media (max-width:560px){
  .cxbar{grid-template-columns:1fr; gap:4px}
  .cxbval{justify-content:flex-start}
  .cxbpct{text-align:left}
  .crow{grid-template-columns:1fr auto}
  .crow .cr-l{grid-column:1 / 3}
  .crow .cr-v{grid-column:1 / 3}
}

/* utilities: former inline style= attributes (CSP style-src is now self) */
.u01a8c8{max-width:54ch}
.uacef09{margin-top:.6rem}
.ub9199e{font-size:20px}
.ufbef3d{margin-top:22px; max-width:66ch}