/*
 * What the Verified badge means (25 Sep 2026).
 *
 * An additive sheet loaded after `public-signature-v1.css`, in the same way
 * `motion-preference-v1.css` and `site-footer-v1.css` are: it styles one new
 * disclosure inside `.cc-desk__stamp` and changes nothing that exists without
 * it.
 *
 * The one existing rule it touches is the stamp's `flex-wrap`. The row was
 * built for an icon, a label and a line of text on one line; the disclosure has
 * to sit underneath them, and a row that cannot wrap has nowhere to put it. The
 * unverified branch has no disclosure, so nothing about it changes.
 *
 * Colours come from the profile theme's own tokens (`--ink`, `--cc-soft`,
 * `--cc-accent`, `--line`), which every one of the sixty themes defines.
 */

.cc-desk__stamp {
    flex-wrap: wrap;
}

.cc-desk__verified-detail {
    flex: 1 0 100%;
    margin-top: .35rem;
    font-size: .74rem;
    line-height: 1.5;
}

.cc-desk__verified-detail > summary {
    cursor: pointer;
    list-style: none;
    color: var(--cc-soft);
    text-decoration: underline;
    text-underline-offset: .15em;
    /* A 24px target, the minimum for a control (WCAG 2.5.8) — R27's rule. */
    display: inline-flex;
    align-items: center;
    min-height: 1.5rem;
}

.cc-desk__verified-detail > summary::-webkit-details-marker {
    display: none;
}

.cc-desk__verified-detail > summary:hover {
    color: var(--ink);
}

.cc-desk__verified-detail > summary:focus-visible {
    outline: 2px solid var(--cc-accent);
    outline-offset: 2px;
    border-radius: .2rem;
}

.cc-desk__verified-detail ul {
    margin: .4rem 0 0;
    padding: 0 0 0 1rem;
    display: grid;
    gap: .3rem;
    color: var(--cc-soft);
}

/*
 * The stamp clips its own `span` children to one line with an ellipsis, which
 * is right for the single summary line and wrong for a list of sentences.
 */
.cc-desk__verified-detail li {
    overflow: visible;
    white-space: normal;
    text-overflow: clip;
}