#anchorlinks { margin-top: auto; font-size: 16px; line-height: 1.2; padding-top:1em;  }
#anchorlinks h2 {   font-size: inherit; white-space: nowrap;
    font-weight: 700; line-height: inherit; }
#anchors { display: flex; flex-wrap: wrap; gap: 0.75em;  }
#anchors li a .icon { font-style: normal !important;   }
#anchors li a .icon::after { content:"\E800"; font-family: ttl_icons; font-weight: normal;  font-style: normal !important;  transform: rotate(180deg); display: inline-block}

#anchors li a:is(:hover,:focus-visible) .icon{
    color:var(--ttl_black) !important;


}

@media (prefers-color-scheme: dark) {

    #anchors li a:is(:hover,:focus-visible) .icon{
        color:white !important;


    }
}

#anchors li a {background: none !important; font-weight: 400 !important; }
#anchors li a span {  font-weight: inherit !important; }
#anchors li a:focus-visible span{
    /* outline:2px solid var(--ttl_error); outline-offset: 2px; */ outline: 3px solid black; box-shadow: 0 0 0 6px white;
}
@media all and (min-width:1200px) {
    #anchorlinks { display: flex;  gap: 0.75em; }

}

@media all and (min-width:1200px) {

}