.pageheader .info>div {

    background: white; border-radius: 12px;border: 1px solid #221D33; padding:64px;
}

.pageheader .info>div h2{

    font-size: 24px; margin-bottom: 16px;
}
dl.meta :is(dt,dd) ,
.pageheader .info>div dl :is(dt,dd) {
    float: left; font-size: 18px; line-height: 22px; margin:8px 0 0;

}
.pageheader .info>div dl { }
.pageheader .info>div dl dt:first-child,
.pageheader .info>div dl dt:first-child+dd {
    margin-top:0;
}

dl.meta dt,
.pageheader .info>div dl dt { clear: left; font-weight: 700; margin-right: 0.5em;  line-height: 21px; }

dl.meta dt { font-size: 14px;}

dl.meta dt::after,
.pageheader .info>div dl dt::after { content:":"; }

dl.meta dl::after,
.pageheader .info>div dl::after { display: block; height: 0px; content:""; clear: both; }

dl.meta dt,
dl.meta dd > :is(a,span),
.pageheader .info>div dt ,
.pageheader .info>div dl dd > :is(a,span) {
    padding:8px 0;  display: inline-block;
}
.pageheader .info>div dt ,
.pageheader .info>div dl dd {
}

dl.meta dd a:not(.status),
.pageheader .info>div dl dd a:not(.status){
    padding:6px 10px; font-size: 14px; color: #221D33;
    border: 1px solid #8772CC; background: white; border-radius: 300px; border-radius: 1.3em; margin:1px 8px 1px 0;
}
dl.meta dd a:not(.status):is(:hover,:focus-visible),
.pageheader .info>div dl dd a:not(.status):is(:hover,:focus-visible){

     background: var(--dark-purple);
     border-color: var(--dark-purple);
     color: white;
}

.pageheader .info>div dl dd span.status{
    padding:7px 10px; font-size: 14px; font-weight: bold;
    border: 1px solid #221D33; background: white; border-radius:4px; margin: 0;

    background: #FC8D8D;
}
.pageheader .info>div dl dd span.status.open{
    background: #8DFCA5;
}
.pageheader .info>div dl dd span.status.soon{
    background: #FCD08D;
}


@media all and (max-width:1199px) {
    .pageheader .info>div {
        padding:48px;
    }
}
@media all and (max-width: 899px) {
    .pageheader .info>div {
        padding:32px;
    }
}
@media all and (max-width: 599px) {
    .pageheader .info>div {
        padding:24px;
    }
}