.root {
    --local-color: var(--color-text-primary);
    --local-highlight: var(--color-text-primary-brand-indigo);

    position: relative;
    display: flex;
    color: var(--local-color);
}

.root[data-scheme='dark'] {
    --local-color: var(--color-text-primary-inverted);
    --local-highlight: var(--color-text-primary-brand-solar);
}

.root[data-scheme='custom'] {
    --local-color: var(--highlight-color-custom);
    --local-highlight: var(--highlight-emphasize-custom);
}

.title {
    color: var(--local-color);

    strong,
    b {
        color: var(--local-highlight);
        font-weight: inherit;
    }
}

.tag {
    position: absolute;
    top: 8px;
    left: 0;
}

.taggedTitle {
    text-indent: 200px;
}

@media screen and (width <= 768px) {
    .root {
        display: flex;
        flex-direction: column;
    }

    .root[data-scheme='custom'] {
        --local-color: var(--highlight-color-custom-mobile);
        --local-highlight: var(--highlight-emphasize-custom-mobile);
    }

    .tag {
        position: unset;
        margin-bottom: 20px;
    }

    .taggedTitle {
        text-indent: 0;
    }
}
