.main-content .detail-page {

    margin-top: 0;

}


#results {
    margin: 100px;
}

span.highlighted {
    backdrop-filter: invert(1);
    background-color: white;
    background-image: radial-gradient(#ff0000 20%, transparent 20%), radial-gradient(#ff0000 20%, transparent 20%);
    background-position: 0 0, 2px 2px;
    background-size: 4px 4px;
    line-height: 100%;
    display: inline-block;
}

.search-cell {

    padding: 0vw 2%;
}

.result-container {
    display: flex;
    align-items: center;
    gap: 3rem;
    margin: 3rem;
}

.result-container .number {
    min-width: 3rem;
}

.main-content .content {
    width: 100%;
}

.semtype:not(:last-child):after {
    content: ',';
}

span.formats {
    display: inline-block;
}

body > header {
    position: static;
}

body {
    margin: auto;
}

.formats a{
    background: black;
    color: white;
    padding: .5rem;
    font-size: x-small;
}

@media (min-width: 1367px) {
    .main-content {
        margin: 4rem auto;
    }
}

.main-content {
    margin: 4rem auto;
}

.formats{
    margin: 1rem auto;
    text-align: right;
    width: 96%;
}

.page-title-cell {
    display: -ms-flexbox;
    display: flex;
    padding: 20px 10% 40px 10%;
    width: 100%;
    flex-flow: inherit;
}


/* RESPONSIVE ARROWS */
[class^=arr-]{
    border:       solid currentColor;
    border-width: 0 .1em .1em 0;
    display:      inline-block;
    padding:      .20em;
    font-size:      5rem;
}
.arr-right {transform:rotate(-45deg);  -webkit-transform:rotate(-45deg);}
.arr-left  {transform:rotate(135deg);  -webkit-transform:rotate(135deg);}
.arr-up    {transform:rotate(-135deg); -webkit-transform:rotate(-135deg);}
.arr-down  {transform:rotate(45deg);   -webkit-transform:rotate(45deg);}