/* NOCK blocks: their own table below the Pearl one, in the same container
   style, with a cool teal accent so the two chains never read as one. */

/* Both block tables share one column plan so their columns line up. Fixed
   layout only where there is room for the confirmation grid; narrower
   screens keep auto layout and scroll inside the container. */
@media (min-width: 900px) {
    .blocks-table {
        table-layout: fixed;
    }
}
.blocks-table col.c-height { width: 12%; }
.blocks-table col.c-hash { width: 30%; }
.blocks-table col.c-reward { width: 14%; }
.blocks-table col.c-effort { width: 10%; }
.blocks-table col.c-conf { width: 19%; }
.blocks-table col.c-found { width: 15%; }
.nock-blocks {
    --nock-color: #7fb8b3;
    --nock-glow: rgba(127, 184, 179, 0.22);
    /* sits close under the Pearl table as its continuation; the teal rule
       and the teal figures are the only cue that the chain changed */
    margin-top: 0.8rem;
    border-top-color: var(--nock-color);
}
.nock-blocks .retro-table th {
    border-bottom-color: var(--nock-glow);
}
.nock-blocks .block-height,
.nock-blocks .reward-nock,
.nock-blocks .status-chip.nock {
    color: var(--nock-color);
}
.nock-blocks .retro-table tr:hover td {
    background: rgba(127, 184, 179, 0.07);
}
.nock-blocks .retro-table tr.is-reorged td {
    color: var(--muted, #93887a);
}
.nock-blocks .txhash.nock-id {
    color: var(--text-color, #ece7dd);
}
/* Feed state footnote; hidden while the feed is live */
.nock-blocks-note {
    margin: 0.7rem 0 0;
    font-size: 0.5em;
    color: var(--muted, #93887a);
    letter-spacing: 1px;
    line-height: 1.7;
    text-align: right;
}
.nock-blocks-note.is-error {
    color: var(--red-soft, #c98f8f);
}