/* data-check affordances only; all styling is provisional */
main { max-width: 72rem; }
/* label beside its value rather than above it: the labels are short and
   the stacked form spent a whole line on each */
dl { display: grid; grid-template-columns: max-content minmax(0, 1fr);
     gap: 0.4rem 1.5rem; margin: 0; }
dt { color: var(--pico-muted-color); font-weight: normal; }
dd { margin: 0; }
dd > p { margin-bottom: 0.5rem; }
dd > p:last-child { margin-bottom: 0; }
@media (max-width: 40rem) { dl { grid-template-columns: 1fr; gap: 0.1rem; }
                            dd { margin-bottom: 0.6rem; } }
.empty { color: var(--pico-muted-color); font-style: italic; }
td, th { vertical-align: top; }
/* Column widths come from the colgroup, not from the content. Without
   this, opening a details in a prose cell drags that column wide and
   squeezes every other one, so the table reshuffles as you read it. */
table { table-layout: fixed; }
td { overflow-wrap: break-word; }
details > summary { cursor: pointer; }
.sub { color: var(--pico-muted-color); }
/* The criterion letter is the heading of its block; the subcriteria that
   follow are indented and quieter. Themed tokens, not fixed colours,
   because these sit on the page rather than on a fixed-colour chip. */
.crit { display: inline-block; min-width: 1.9rem; text-align: center;
        padding: 0.15rem 0.4rem; border-radius: 0.3rem;
        background: var(--pico-secondary-background);
        color: var(--pico-secondary-inverse); font-weight: 700;
        font-size: 1.05rem; line-height: 1.1; }
.subcrit { font-weight: 600; color: var(--pico-muted-color); }
nav a[role="button"] { padding: 0.25rem 0.75rem; }
nav [aria-disabled="true"] { opacity: 0.4; pointer-events: none; }
nav .position { color: var(--pico-muted-color); white-space: nowrap; }
/* IUCN risk category badges, standard palette */
.cat { display: inline-block; padding: 0.05rem 0.45rem; border-radius: 0.25rem;
       font-weight: 700; font-size: 0.85em; color: #fff; }
.cat-CO { background: #000; }
.cat-CR { background: #d81e05; }
.cat-EN { background: #fc7f3f; color: #000; }
.cat-VU { background: #f9e814; color: #000; }
.cat-NT { background: #cce226; color: #000; }
.cat-LC { background: #60c659; color: #000; }
.cat-DD { background: #d1d1c6; color: #000; }
.cat-NE { background: #fff; color: #000; border: 1px solid #999; }
/* The sign-out control sits in the nav list, so it must not take a line. */
nav form.signout { display: inline-block; margin: 0; }
nav form.signout button { width: auto; padding: 0.1rem 0.6rem; margin: 0;
                          font-size: 0.8rem; }
/* Pico makes a button fill its container, which in a narrow table column
   breaks the label across three lines. */
td button, td [role="button"], td form { width: auto; margin: 0;
                                         white-space: nowrap; }
td button, td [role="button"] { padding: 0.2rem 0.7rem; font-size: 0.85rem; }