.dns-lookup__workspace {
    width: 100%;
}

.dns-lookup__panel,
.dns-lookup__results {
    width: 100%;
}

.dns-lookup__heading,
.dns-lookup__results h2,
.dns-lookup__section h3 {
    margin: 0;
    color: var(--color-heading);
}

.dns-lookup__hint,
.dns-lookup__subhint,
.dns-lookup__timestamp {
    margin: 0;
    color: var(--color-subtext);
}

.dns-lookup__form {
    grid-template-columns: minmax(0, 1fr);
}

.dns-lookup__actions {
    gap: 0.65rem;
}

.dns-lookup__message {
    margin: 0;
}

.dns-lookup__results {
    gap: clamp(1.25rem, 3vw, 2rem);
}

.dns-lookup__results-header {
    display: grid;
    gap: 0.45rem;
}

.dns-lookup__section {
    display: grid;
    gap: 0.75rem;
    min-width: 0;
}

.dns-lookup__section + .dns-lookup__section {
    padding-top: clamp(1rem, 2vw, 1.5rem);
    border-top: 1px solid var(--color-border);
}

.dns-lookup__table-wrap {
    max-width: 100%;
    overflow-x: auto;
}

.dns-lookup__table {
    min-width: 42rem;
}

.dns-lookup__table--wide {
    min-width: 62rem;
}

.dns-lookup__table th,
.dns-lookup__table td {
    overflow-wrap: anywhere;
}

.dns-lookup__table code {
    color: inherit;
    font: inherit;
}

.dns-lookup__nameservers {
    display: grid;
    gap: 0.25rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.dns-lookup__detail {
    display: block;
    margin-top: 0.25rem;
    color: var(--color-subtext);
}

@media (max-width: 48rem) {
    .dns-lookup__actions {
        width: 100%;
    }

    .dns-lookup__actions .btn {
        width: 100%;
    }

    .dns-lookup__table {
        min-width: 34rem;
    }

    .dns-lookup__table--wide {
        min-width: 54rem;
    }
}