/* K-DATA Marker — テキストハイライト */

/* ── Base ─────────────────────────────────────────────── */
.kdata-mark {
    display: inline;
    padding: .1em .25em;
    border-radius: .25em;
    font-style: inherit;
    font-weight: inherit;
    line-height: inherit;
}

/* ── Colors ───────────────────────────────────────────── */
.kdata-mark--yellow {
    background: linear-gradient(to bottom, transparent 40%, #fef08a 40%);
    background-color: transparent;
    color: inherit;
    padding: 0;
    border-radius: 0;
}

.kdata-mark--pink {
    background: linear-gradient(to bottom, transparent 40%, #fbcfe8 40%);
    background-color: transparent;
    color: inherit;
    padding: 0;
    border-radius: 0;
}

.kdata-mark--blue {
    background: #dbeafe;
    color: #1e40af;
    font-weight: 500;
}

.kdata-mark--green {
    background: #dcfce7;
    color: #166534;
    font-weight: 500;
}

.kdata-mark--orange {
    background: linear-gradient(to bottom, transparent 40%, #fed7aa 40%);
    background-color: transparent;
    color: inherit;
    padding: 0;
    border-radius: 0;
}

.kdata-mark--purple {
    background: #f3e8ff;
    color: #6b21a8;
    font-weight: 500;
}

.kdata-mark--red {
    background: linear-gradient(to bottom, transparent 40%, #fecaca 40%);
    background-color: transparent;
    color: inherit;
    padding: 0;
    border-radius: 0;
}

.kdata-mark--underline {
    background: none;
    color: inherit;
    border-bottom: 2.5px solid #2563eb;
    padding: 0;
    border-radius: 0;
    font-weight: 600;
}

/* ── Gutenberg editor preview ─────────────────────────── */
.editor-styles-wrapper .kdata-mark--yellow,
.editor-styles-wrapper .kdata-mark--pink,
.editor-styles-wrapper .kdata-mark--orange,
.editor-styles-wrapper .kdata-mark--red {
    /* エディター内では背景色表示でわかりやすく */
    background: inherit;
    padding: .1em .25em;
    border-radius: .2em;
}

.editor-styles-wrapper .kdata-mark--yellow  { background: #fef9c3; }
.editor-styles-wrapper .kdata-mark--pink    { background: #fce7f3; }
.editor-styles-wrapper .kdata-mark--orange  { background: #ffedd5; }
.editor-styles-wrapper .kdata-mark--red     { background: #fee2e2; }