/* ── Tools strip ──────────────────────────────────────────────────────
   One card of equal link cells (the rate and deadline widgets). No
   dividers: a wrapped cell would start its line with one. */
@layer components {
    .c-tools {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        background: var(--color-surface-alt);
        border: 1px solid var(--color-line);
        border-radius: var(--radius-lg);
    }

    .c-tools__item {
        display: flex;
        flex-direction: column;
        gap: var(--space-1);
        padding: var(--space-1) var(--space-5);
        color: var(--color-ink);
        text-decoration: none;
    }

    .c-tools__item:hover .c-tools__value {
        color: var(--color-accent);
    }

    .c-tools__label {
        font-size: var(--fs-ui-sm);
        font-weight: 500;
        color: var(--color-ink-mute);
    }

    .c-tools__value {
        display: flex;
        flex-wrap: wrap;
        gap: var(--space-2);
        font-size: var(--fs-ui);
        color: var(--color-ink);
    }

    .c-tools__value strong {
        font-weight: 600;
    }

    /* The homepage row under the hero. */
    .c-tools-band {
        margin-bottom: var(--space-7);
    }

    .c-tools-band__label {
        margin: 0 0 var(--space-2);
        font-size: var(--fs-ui-sm);
        color: var(--color-ink-soft);
    }

    /* The full-width band above the footer, on every marketing page. */
    .c-tools-strip {
        padding-block: var(--space-5);
        border-bottom: 1px solid var(--color-line);
    }
}