/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *

    This file contains rules for the
    REK.AI
    that implement the UU design system specifically for Sitevision

    IMPORTANT! Do not enable compression for this file in Sitevision.

    There is a known bug in Sitevision's CSS compressor: it removes spaces
    between selectors, even when the space is a CSS descendant combinator.
    This file uses selectors like ".parent :is(h2, h3)" where the space
    before :is() means "h2 or h3 inside .parent". Without that space it
    becomes ".parent:is(h2, h3)" — a completely different selector. Once
    Sitevision fixes this bug, compression can be re-enabled for this file.

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.rekai-news-header-wrapper :is(h2, h3) {
    border-bottom: none;
    color: var(--color-text);
    font-size: 1.6rem;
    font-weight: 500;
    margin: 0 0 1rem;
    padding-bottom: 0;
}

ul.rekai-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 1.5rem;
    list-style: none;
    margin: 0;
    max-width: none;
    padding: 0;
}

ul.rekai-pills li {
    margin: 0;
    padding: 0;
}

a.rek-link {
    all: unset;
    color: var(--color-text) !important;
    cursor: pointer;
    display: inline;
    font-size: 1rem;
    font-weight: 500;
    text-decoration: none;
}

a.rek-link::after {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOm5vbmU7fQ0KCS5zdDF7ZmlsbDojRkZGRkZGO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCwwaDI0djI0SDBWMHoiLz4NCjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xMiw0bC0xLjQsMS40bDUuNiw1LjZINHYyaDEyLjJsLTUuNiw1LjZMMTIsMjBsOC04TDEyLDR6Ii8+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat;
    background-size: 1.1rem;
    content: " ";
    display: inline-block;
    filter: invert(1);
    height: 1.1rem;
    margin-left: 0.5rem;
    margin-top: 0.05rem;
    min-width: 1.1rem;
    vertical-align: text-top;
    width: 1.1rem;
}

@media (prefers-color-scheme: dark) {
    a.rek-link::after {
        filter: invert(0.1);
    }
}

a.rek-link:hover,
a.rek-link:focus {
    all: unset;
    background-color: transparent;
    font-weight: 500;
    text-decoration: underline;
}

a.rek-link:focus {
    outline: 3px solid var(--color-focus) !important;
}

@media (min-width: 768px) {
    .rekai-newsarticle-article-container-c3 {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
        width: 33.3% !important;
    }
}

.rekai-news-header-wrapper + ul.rekai-pills {
    border-top: 1.5px solid var(--color-text);
    margin-top: 1.25rem;
    padding-top: 0.75rem;
}

.rekai-newsarticle-article {
    background-color: var(--bs-body-bg);
    border: 1px solid var(--color-border);
    height: 100%;
    position: relative;
}

.rekai-newsarticle-article .rekai-newsarticle-a {
    color: var(--color-text) !important;
    display: block;
    hyphenate-limit-chars: 10 4 5;
    hyphens: auto;
    outline: none !important;
    overflow-wrap: break-word;
    padding: 1rem;
    text-decoration: none;
    -webkit-hyphenate-limit-after: 5;
    -webkit-hyphenate-limit-before: 4;
    white-space: normal;
    word-break: break-word;
}

.rekai-newsarticle-article .rekai-newsarticle-a::after {
    content: "";
    inset: 0;
    position: absolute;
}

.rekai-newsarticle-article .rekai-newsarticle-a:hover {
    background-color: transparent !important;
    text-decoration: underline;
}

.rekai-newsarticle-article .rekai-newsarticle-img-wrapper {
    margin-bottom: 0 !important;
}

.rek-p-bottom--x-small {
    margin-bottom: 1rem !important;
}