/* Project details — i2t3 component styles
 * A metadata block: label/value rows plus a row of tag pills. No script.
 */

.i2t3-projectdetail__title { margin-bottom: 1rem; }
.i2t3-projectdetail__list { margin: 0 0 1rem; }
.i2t3-projectdetail__row {
    display: flex;
    gap: 1rem;
    padding: .5rem 0;
    border-bottom: 1px solid var(--i2t3-border-color, #dee2e6);
}
.i2t3-projectdetail__label {
    flex: 0 0 35%;
    font-weight: 600;
    margin: 0;
}
.i2t3-projectdetail__value { margin: 0; }

.i2t3-projectdetail__tags { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0; padding: 0; list-style: none; }
.i2t3-projectdetail__tag {
    padding: .25rem .75rem;
    border-radius: 50rem;
    font-size: .85rem;
    background: color-mix(in srgb, var(--i2t3-primary, #0d6efd) 12%, transparent);
    color: var(--i2t3-primary, #0d6efd);
}