@import './table-dl.css';

h3 {
    margin-top: 0;
}

dl {
    max-width: 30em;
    border-collapse: collapse;
}

dt, dd {
    padding: .2em .5em;
    border: 1px solid black;
}

dt {
    background: var(--table-header);
    color: var(--table-header-contrast);
}

.detailsBox {
    width: fit-content;
    display: grid;
    grid-gap: 1em;
}

@media screen and (min-width: 768px) {
    .detailsBox {
        grid-template-columns: auto auto;
        h2 {
		    margin-top: 0;
	    }
    }
}