.dti-input-grid {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.dti-intro {
    margin-bottom: 22px;
}

.dti-intro h2,
.dti-method-note h2 {
    margin-top: 0;
}

.dti-primary-callout {
    margin-top: 18px;
}

.dti-results {
    margin-top: 22px;
}

.dti-result-primary {
    border-color: var(--accent);
}

.dti-percent-output {
    font-size: clamp(1.35rem, 3vw, 2rem);
    overflow-wrap: anywhere;
}

.dti-method-note {
    margin-top: 30px;
}

.dti-method-note p:last-child {
    margin-bottom: 0;
}

@media (max-width: 620px) {
    .dti-input-grid {
        grid-template-columns: 1fr;
    }
}