/* page group c additions (scan, verify, earnings, analytics, docs). Kit language only: 1-bit, no red. */
/* bar charts: first day, peak, last day under the bars */
.dx .c-axis{display:flex;justify-content:space-between;gap:10px;margin-top:6px;font-size:11.5px}
/* earnings: next payout line under the KPIs */
.dx .c-line{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;border:1px dashed var(--l2);padding:10px 14px}
.dx .c-line .live b{color:var(--fg)}
/* KPI sub line (USD, "x of y") */
.dx .kpis>div>small{font-size:12px;color:var(--mu)}
/* verify: the raw attestation scrolls instead of being cut */
.dx .armor.c-scroll{overflow:auto;max-height:440px;text-overflow:clip}
.dx .armor a{color:var(--tx);text-decoration:underline}
/* docs article bits */
.dx .art .c-ul{display:grid;gap:8px;padding-left:18px;font-size:14.5px;line-height:1.7;list-style:square}
.dx .art .c-kv{border:1px solid var(--l2);padding:12px 14px;gap:8px}
.dx .art .c-kv>div{border-top:1px dashed var(--l2);padding-top:8px;align-items:baseline}
.dx .art .c-kv>div:first-child{border-top:0;padding-top:0}
.dx .art .c-kv>div>span:last-child{text-align:right;color:var(--tx)}
.dx .art .c-kv>div>.k{flex:none;max-width:45%}
.dx .art code{font:13px 'Space Mono';color:var(--fg);background:#0D0D0D;border:1px solid var(--l1);padding:0 4px;overflow-wrap:anywhere}
.dx .art .c-addr{overflow-wrap:anywhere;font-size:12.5px}
.dx .art .code{max-width:100%}
/* docs: article list on screens without the side nav */
.dx .c-dsel{display:none;border:1px solid var(--fg)}
.dx .c-dsel summary{display:flex;gap:10px;align-items:center;padding:10px 12px;cursor:pointer;font:400 12px Silkscreen;text-transform:uppercase;list-style:none}
.dx .c-dsel summary::-webkit-details-marker{display:none}
.dx .c-dsel[open] summary{background:var(--fg);color:#000}
.dx .c-dsel nav{display:grid;gap:2px;padding:4px 12px 12px;font-size:13px}
.dx .c-dsel nav h4{font:400 11px Silkscreen;color:var(--mu);margin:12px 0 4px;text-transform:uppercase}
.dx .c-dsel nav a{padding:5px 8px;border-left:2px solid transparent;color:var(--mu)}
.dx .c-dsel nav a.on{border-color:var(--fg);color:var(--fg)}
@media (max-width:900px){ .dx .c-dsel{display:block} }
@media (max-width:560px){ .dx .art .c-kv>div{flex-direction:column;gap:2px} .dx .art .c-kv>div>.k{max-width:none} .dx .art .c-kv>div>span:last-child{text-align:left} }