/*
 * 「スタイル」ドロップダウン（settings.py の CKEDITOR_5_CONFIGS['default']['style']）
 * で選べる装飾クラスの定義。
 *
 * このファイルは 2 か所で読み込まれる:
 *   1. 公開ページ  … hp/base.html（.ck-content を付けた本文に適用）
 *   2. 管理画面    … settings.CKEDITOR_5_CUSTOM_CSS（編集中も同じ見た目になる）
 *
 * スタイルを追加するときは settings.py の style.definitions にも同じクラス名を
 * 追加すること。片方だけだと「選べるが見た目が変わらない」状態になる。
 */

.ck-content .note-warning,
.ck-content .note-info,
.ck-content .note-important {
    padding: 1em 1.2em;
    margin: 1em 0;
    border-radius: 6px;
    border-left: 5px solid;
}

.ck-content .note-warning {
    background-color: #fff3cd;
    border-left-color: #f57c00;
    color: #664d03;
}

.ck-content .note-info {
    background-color: #d1ecf1;
    border-left-color: #0288d1;
    color: #055160;
}

.ck-content .note-important {
    background-color: #f8d7da;
    border-left-color: #d32f2f;
    color: #842029;
}

.ck-content .marker-heading {
    display: inline-block;
    background: linear-gradient(transparent 60%, #fdfd77 60%);
    padding: 0 0.2em;
}

.ck-content a.btn-link {
    display: inline-block;
    padding: 0.5em 1.4em;
    background-color: #007bff;
    color: #fff !important;
    border-radius: 25px;
    text-decoration: none;
    font-weight: bold;
}

.ck-content a.btn-link:hover {
    background-color: #0056b3;
}

.ck-content .small-note {
    font-size: 0.85em;
    color: #666;
}