a{color:inherit}
a:focus, button:focus{outline:3px solid var(--focus); outline-offset:3px}

section > *:first-child{margin-top:0}
.meta{
    color:var(--muted);
    margin:.25rem 0 0;
}
dl{
    display:grid;
    grid-template-columns: 1fr;
    gap:.5rem .75rem;
    margin:0;
}
dt{font-weight:700}
dd{margin:0}
.card{
    background:#fff;
    border:1px solid var(--border);
    border-radius:.8rem;
    padding:1rem;
    margin:.75rem 0;
}

@media (min-width: 50rem){
    dl{grid-template-columns: 18rem 1fr}
    dt{text-align:left}
    dd{padding-left:.25rem}
}