/* Project details — i2t3 component styles
 * A metadata block: a two-weight title, label/value rows (caret marker +
 * primary bold labels), an optional project link row, and a row of tag pills.
 * No script.
 */

.i2t3-projectdetail__title { margin-bottom: 1rem; font-weight: 400; }
/* Two-weight headline: normal text + extra-bold strong part (Karma parity). */
.i2t3-projectdetail__title-strong { font-weight: 800; }

.i2t3-projectdetail__list { margin: 0 0 1rem; }
.i2t3-projectdetail__row {
    display: flex;
    gap: 1rem;
    align-items: baseline;
    padding: .5rem 0;
    border-bottom: 1px solid var(--i2t3-border-color, #dee2e6);
}
.i2t3-projectdetail__row:last-child { border-bottom: 0; }
/* Caret marker in front of the label (replaces Karma fa-caret-right). */
.i2t3-projectdetail__label {
    position: relative;
    flex: 0 0 35%;
    padding-left: 1.25rem;
    font-weight: 700;
    margin: 0;
    color: var(--i2t3-primary, #0d6efd);
}
.i2t3-projectdetail__label::before {
    content: "";
    position: absolute;
    left: 0;
    top: .35em;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .3em 0 .3em .45em;
    border-color: transparent transparent transparent var(--i2t3-primary, #0d6efd);
}
.i2t3-projectdetail__value { margin: 0; }
.i2t3-projectdetail__link { color: inherit; text-decoration: underline; }
.i2t3-projectdetail__link:hover { color: var(--i2t3-primary, #0d6efd); }

/* Dark badge pills (Karma badge-dark badge-pill parity), non-clickable. */
.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;
    font-weight: 600;
    background: var(--i2t3-dark, #212529);
    color: #fff;
}