.tr-contribute-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    background: var(--tr-line)
}

.tr-contribute-grid article {
    min-width: 0;
    padding: 18px;
    background: var(--tr-bg)
}

.tr-contribute-grid h2 {
    margin: 5px 0 10px;
    font-size: 1.1rem
}

.tr-contribute-grid p {
    margin: 0 0 12px
}

.tr-contribute-kicker {
    color: var(--tr-muted);
    font-size: .72rem;
    letter-spacing: .08em
}

.tr-contribute-steps {
    display: grid;
    gap: 12px;
    margin: 20px 0;
    padding-left: 24px
}

.tr-contribute-steps li {
    padding-left: 5px
}

.tr-contribute-steps strong,
.tr-contribute-steps span {
    display: block
}

.tr-contribute-steps span {
    margin-top: 3px;
    color: var(--tr-muted)
}

.tr-contribute-note {
    padding: 14px 16px;
    border-left: 2px solid var(--tr-accent);
    background: var(--tr-surface)
}

.tr-contribute-list {
    display: grid;
    gap: 7px
}

.tr-section pre {
    overflow-x: auto
}

@media (max-width: 760px) {
    .tr-contribute-grid {
        grid-template-columns: 1fr
    }
}