/* badges */
.badges{display:flex;flex-wrap:wrap;gap:6px}

.badge{display:inline-flex;align-items:center;font-size:12px;line-height:1.3;font-weight:600;padding:3px 8px;border-radius:999px;border:1px solid transparent;white-space:nowrap;max-width:100%}

.b-oj{background:var(--oj-bg);color:var(--oj);border-color:#cbd5e1}

.b-real{background:var(--jev-bg);color:#065f46;border-color:#a7f3d0}

.b-mock{background:#f8fafc;color:#475569;border:1px dashed #94a3b8}

.b-pending{background:var(--pend-bg);color:#92400e;border-color:#fcd34d}

.b-claim{background:var(--claim-bg);color:var(--claim);border-color:#fecdd3}

.b-note{background:#f1f5f9;color:#475569;border-color:#e2e8f0}

.hero .badge,.phero .badge{box-shadow:none}

/* sections */
.sect{padding:40px 20px 8px}

.sh{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}

.sh h2{margin:0;font-size:24px;letter-spacing:-.02em;color:var(--ink)}

.sh p{margin:0;color:var(--muted);font-size:14px}

/* grid + cards */
.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}