.cp-paragraph{
    margin:24px 0;
}

.cp-paragraph__text{
    margin:0;
}

.cp-paragraph--has-background{
    padding:14px 16px;
}

.cp-paragraph--lined{
    border-left:5px solid var(--brand-yellow);
    padding-left:20px;
}

.cp-paragraph--lined.cp-paragraph--has-background{
    padding-left:20px;
}

.cp-paragraph--lined .cp-paragraph__text{
    color:var(--white);
}

.cp-paragraph--quote{
    font-size:1.15em;
    font-style:italic;
    line-height:1.2;
    margin:28px 0;
    padding-left:32px;
    position:relative;
}

.cp-paragraph--quote::before{
    color:var(--brand-yellow);
    content:"''";
    font-size:55px;
    left:-8px;
    line-height:1;
    position:absolute;
    top:-3px;
}

.cp-paragraph--h1,
.cp-paragraph--h2,
.cp-paragraph--h3{
    margin:28px 0 18px;
}

.cp-paragraph--h1 > .cp-paragraph__text,
.cp-paragraph--h2 > .cp-paragraph__text,
.cp-paragraph--h3 > .cp-paragraph__text{
    font-weight:600;
}

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

.cp-paragraph .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-paragraph .cp-inline-dotline{
    background: none;
    color: var(--brand-yellow);
    font-weight: 900;
    padding-inline: 0;
    padding-bottom: 0;
}