
dl.taxonomies { display: flex; gap:8px; align-items: center;
    position: relative;
    z-index: 2; pointer-events: none;  }

body.single-resources dl.taxonomies { margin-top: var(--gutter); border-top:1px solid var(--lighter_blue); }

#pageheader dl.taxonomies:last-child  { padding-top: var(--gutter); }

.eventmeta dl.taxonomies,
body.single-events dl.taxonomies,
body.single-projects dl.taxonomies { padding-top: 0 !important; border-top: none !important;}
body.single-projects dl.taxonomies { margin-bottom: var(--bodytext_size); position: relative; top:-4px; }

dl.taxonomies :is(dt,dd) {white-space: nowrap; margin-top: 4px; margin-bottom: 4px; pointer-events: auto;}
dl.taxonomies dt { font-size: 14px; margin-right: 8px; white-space: nowrap !important;}
dl.taxonomies dt:not(:first-child) {  }
dl.taxonomies dd { font-size: 14px; margin-right: 8px;}
dl.taxonomies dd.last { margin-right: 2em; }
dl.taxonomies dd >span,
dl.taxonomies dd a { pointer-events: auto; background-image:none !important; color:inherit; border: 1px solid currentColor; padding: 5px 8px; margin-top: 4px; margin-bottom: 4px; display: inline-block; white-space: nowrap;  }
dl.taxonomies dd a:is(:hover,:focus-visible) {  background-color: var(--hover_blue); color:black;  }
dl.taxonomies dd a:focus-visible {
    outline: 3px solid black; box-shadow: 0 0 0 6px white;
}
@media all and (min-width: 1200px) {
    #pageheader dl.taxonomies dd.last {
        margin-right: 2em;
    }
}
@media all and (max-width: 1199.98px) {
    dl.taxonomies { display: block; }
    dl.taxonomies :is(dt,dd) {white-space: normal;    display: inline;}
    dl.taxonomies dt::before {
        content: "\A";
        white-space: pre;
        margin-bottom: .5em;
        height: 1px;
        display: block;
    }
}


.cards dl.taxonomies { display: block; padding-top: 8px; margin-top: 16px;}
.cards dl.taxonomies :is(dt,dd) {white-space: normal;    display: inline;}
.cards dl.taxonomies dt::before {
    content: "\A";
    white-space: pre;
    margin-bottom: .5em;
    height: 1px;
    display: block;
}