/*  DEFAULTS: LINKS
//////////////////////////////////////////////////////////////////////////////*/

@layer defaults {
    a {
        color: inherit;
        color: var(--color-links);
        text-decoration-thickness: 0.05em;
        text-underline-offset: 2px;
    }

    a:link {
    }
    a:visited {
    }
    a:hover {
        color: var(--color-links-hover);
        text-decoration-color: var(--color-links-hover);
    }
    a:active {
    }
    :where(h1, h2, h3, h4, h5, h6) a {
        text-decoration-thickness: 0.1em;
        text-decoration: none;
    }
    nav a {
        text-decoration: none;
    }

    .section--main .hentry [href^="http"]:not([href*="testbiotech.org"])::after,
    .section--main .hentry [href^="https"]:not([href*="testbiotech.org"])::after {
        content: '(external link)';
        display: inline-block;
        width: 1rem;
        height: 1rem;
        text-indent: 1.25rem;
        white-space: nowrap;
        overflow: hidden;
        background-image: url("../../images/icons/icon--external.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 50% auto;
    }

    a:has(img)::after {
        display: none !important;
    }

}