/**
 * 黄色マーカースタイル
 * テキストに黄色のハイライト（マーカー）効果を追加
 */

/* 黄色マーカー基本スタイル */
.marker-yellow,
span.marker-yellow {
    background: linear-gradient(transparent 40%, #ffeb3b 40%, #ffeb3b 75%, transparent 75%);
    padding: 0 2px;
    font-weight: bold;
    display: inline;
}

/* 別パターン: よりマーカーらしい見た目 */
.marker-yellow-alt {
    background: linear-gradient(transparent 60%, rgba(255, 235, 59, 0.8) 60%);
    padding: 0 2px;
    font-weight: bold;
}

/* 太めのマーカー */
.marker-yellow-thick {
    background: linear-gradient(transparent 25%, #ffeb3b 25%, #ffeb3b 85%, transparent 85%);
    padding: 0 2px;
    font-weight: bold;
}

/* モバイル表示での調整 */
@media screen and (max-width: 768px) {
    .marker-yellow,
    span.marker-yellow {
        padding: 0 1px;
    }
}

/* エディタ内での表示 */
.editor-styles-wrapper .marker-yellow,
.editor-styles-wrapper span.marker-yellow {
    background: linear-gradient(transparent 40%, #ffeb3b 40%, #ffeb3b 75%, transparent 75%);
    padding: 0 2px;
    font-weight: bold;
}