/**
 * Module: article_definition_block
 */

/* ============================================
   DEFINITION BLOCK MODULE
   ============================================ */

.t1-defblock {
    font-size: 1.0625rem;
    line-height: 1.8;
    color: var(--ink);
    margin: 0 0 1.5rem;
}

.t1-defblock > *:first-child {
    margin-top: 0;
}

.t1-defblock > *:last-child {
    margin-bottom: 0;
}

/* Heading */

.t1-defblock__heading {
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0 0 1rem;
    color: var(--ink);
}

/* Intro paragraph */

.t1-defblock__intro {
    margin: 0 0 1.25rem;
}

/* Definition list */

.t1-defblock__list {
    margin: 0 0 0;
    padding: 0;
    border: 1px solid var(--pearl);
    border-radius: 8px;
    overflow: hidden;
}

.t1-defblock__row {
    display: grid;
    grid-template-columns: minmax(9rem, 28%) 1fr;
    border-bottom: 1px solid var(--pearl);
}

.t1-defblock__row:last-child {
    border-bottom: none;
}

.t1-defblock__term,
.t1-defblock__def {
    margin: 0;
    padding: 0.65rem 1rem;
    vertical-align: top;
}

.t1-defblock__term {
    font-weight: 600;
    font-size: 0.9375rem;
    color: var(--charcoal);
    background: var(--pearl);
    border-right: 1px solid var(--pearl);
}

.t1-defblock__def {
    font-size: 0.9375rem;
    color: var(--ink);
    background: #fff;
}

/* Alternating row tint */

.t1-defblock__row:nth-child(even) .t1-defblock__def {
    background: var(--cream);
}

/* Status note */

.t1-defblock__status {
    margin: 1rem 0 0;
    font-size: 0.9375rem;
    color: var(--stone);
    font-style: italic;
}

/* Responsive: stack on narrow screens */

@media (max-width: 540px) {
    .t1-defblock__row {
        grid-template-columns: 1fr;
    }

    .t1-defblock__term {
        border-right: none;
        border-bottom: 1px solid var(--pearl);
        padding-bottom: 0.4rem;
    }

    .t1-defblock__def {
        padding-top: 0.4rem;
    }

    .t1-defblock__row:nth-child(even) .t1-defblock__def {
        background: #fff;
    }
}

/* ========================================
   LIGHT THEME OVERRIDE
   ======================================== */

.t1-defblock--light {
    color: var(--ink);
}

.t1-defblock--light .t1-defblock__heading {
    color: var(--ink);
}

.t1-defblock--light .t1-defblock__list {
    border-color: var(--pearl);
}

.t1-defblock--light .t1-defblock__row {
    border-bottom-color: var(--pearl);
}

.t1-defblock--light .t1-defblock__term {
    color: var(--charcoal);
    background: var(--pearl);
    border-right-color: var(--pearl);
}

.t1-defblock--light .t1-defblock__def {
    color: var(--ink);
    background: #fff;
}

.t1-defblock--light .t1-defblock__row:nth-child(even) .t1-defblock__def {
    background: var(--cream);
}

.t1-defblock--light .t1-defblock__status {
    color: var(--stone);
}

@media (max-width: 540px) {
    .t1-defblock--light .t1-defblock__term {
        border-right: none;
        border-bottom-color: var(--pearl);
    }

    .t1-defblock--light .t1-defblock__row:nth-child(even) .t1-defblock__def {
        background: #fff;
    }
}