.cp-inline-link{
    color: var(--brand-yellow);
    text-decoration: underline;
    text-decoration-color: var(--brand-yellow);
    text-decoration-thickness: 3px;
    text-underline-offset: 4px;
    transition: text-decoration-color 0.2s ease;
}

.cp-inline-link::after{
    background: var(--brand-yellow);
    content: "";
    display: inline-block;
    height: 0.59em;
    margin-left: calc(0.22em - 2px);
    -webkit-mask: url('/media/link-arrow.svg') center / contain no-repeat;
    mask: url('/media/link-arrow.svg') center / contain no-repeat;
    transform: translateY(0.02em);
    width: 0.59em;
}

.cp-inline-link:hover{
    text-decoration-color: var(--accent-magenta);
}

.cp-inline-icon{
    display: inline-block;
    width: auto;
    height: var(--cp-inline-icon-size, 24px);
    object-fit: contain;
    vertical-align: -0.18em;
    margin: 0;
    padding: 0;
    border: 0;
}

.cp-mark{
    background: var(--brand-yellow);
    color: #000;
    padding-inline: 2px;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

.smooth-font .cp-mark{
    background:
        linear-gradient(
            to bottom,
            transparent 0.18em,
            var(--brand-yellow) 0.18em,
            var(--brand-yellow) calc(100% - 0.16em),
            transparent calc(100% - 0.16em)
        );
    padding-inline: 0.04em;
}

/* 🔥 EZ A LÉNYEG */
.cp-mark a,
.cp-mark a:hover{
    color: inherit;
    text-decoration: none;
}

.cp-inline-underline{
    text-decoration-line: underline;
    text-decoration-color: var(--cp-decor-color, currentColor);
    text-decoration-thickness: 3px;
    text-underline-offset: 4px;
}

.cp-inline-dotline{
    background-image: repeating-linear-gradient(
        90deg,
        var(--cp-decor-color, currentColor) 0 var(--cp-dotline-dot-width, 2px),
        transparent var(--cp-dotline-dot-width, 2px) calc(var(--cp-dotline-dot-width, 2px) + var(--cp-dotline-gap, 2px))
    );
    background-position: 0 calc(100% + var(--cp-dotline-y-offset, 0px));
    background-repeat: repeat-x;
    background-size: calc(var(--cp-dotline-dot-width, 2px) + var(--cp-dotline-gap, 2px)) var(--cp-dotline-height, 3px);
    padding-bottom: var(--cp-dotline-padding-bottom, 3px);
    text-decoration: none;
}

html[lang|="ko"] .cp-inline-dotline{
    background: none;
    color: var(--brand-yellow);
    font-weight: 900;
    padding-inline: 0;
    padding-bottom: 0;
}