/* =========================================================
   ブロックスタイル装飾（SWELL風・ワンクリック装飾）
   ── エディター内プレビューとフロント表示で共通利用するため
      .single-body スコープを付けず is-style-* で指定する
   ========================================================= */

/* ボックス共通（POINT / MEMO / 注意） */
.is-style-point,
.is-style-memo,
.is-style-caution {
    position: relative;
    margin: 2.4em 0;
    padding: 26px 24px 22px;
    border: 1px solid var(--line, #d8d2c5);
    border-radius: 8px;
    background: #fff;
    font-size: 15px;
    line-height: 1.95;
    color: var(--ink-soft, #5a574f);
}
.is-style-point > :first-child,
.is-style-memo > :first-child,
.is-style-caution > :first-child { margin-top: 0; }
.is-style-point > :last-child,
.is-style-memo > :last-child,
.is-style-caution > :last-child { margin-bottom: 0; }

.is-style-point::before,
.is-style-memo::before,
.is-style-caution::before {
    position: absolute; top: -11px; left: 20px; padding: 3px 13px;
    font-family: 'Cormorant Garamond', serif; font-size: 12px; font-weight: 600;
    letter-spacing: .12em; color: #fff; border-radius: 3px;
}
.is-style-point { border-color: var(--blue, #5a8caa); }
.is-style-point::before { content: 'POINT'; background: var(--blue, #5a8caa); }
.is-style-memo { border-color: var(--moss, #6b7d5c); }
.is-style-memo::before { content: 'MEMO'; background: var(--moss, #6b7d5c); }
.is-style-caution { border-color: var(--terracotta, #b85c4a); }
.is-style-caution::before { content: 'CAUTION'; background: var(--terracotta, #b85c4a); letter-spacing: .1em; }

/* 院長コメント／飼い主さんの声 */
.is-style-voice {
    margin: 2.4em 0; padding: 24px 26px;
    background: var(--paper-deep, #efeae0); border-radius: 8px;
    font-size: 15px; line-height: 1.95; color: var(--ink-soft, #5a574f);
    position: relative;
}
.is-style-voice > :first-child { margin-top: 0; }
.is-style-voice > :last-child { margin-bottom: 0; }
.is-style-voice::before {
    content: 'VOICE'; display: inline-block; margin-bottom: 6px;
    font-family: 'Cormorant Garamond', serif; font-style: italic;
    font-size: 13px; letter-spacing: .1em; color: var(--blue, #5a8caa);
}

/* リード文（段落スタイル） */
.is-style-lead {
    font-family: 'Shippori Mincho', serif; font-size: 19px; line-height: 1.95;
    color: var(--ink, #2a2925); letter-spacing: .02em;
}

/* ボタン（コアのボタンブロック → ブリス丸枠） */
.wp-block-button.is-style-bliss .wp-block-button__link {
    background: transparent; color: var(--blue-deep, #3e6b86);
    border: 1px solid var(--blue-deep, #3e6b86); border-radius: 999px;
    padding: 13px 30px; letter-spacing: .04em; transition: background .3s, color .3s;
}
.wp-block-button.is-style-bliss .wp-block-button__link:hover {
    background: var(--blue-deep, #3e6b86); color: #fff;
}

/* マーカー（ツールバーの蛍光ペン：エディタ＆フロント共通） */
.marker, mark.marker {
    background: linear-gradient(transparent 58%, rgba(90,140,170,.30) 58%);
    color: inherit; padding: 0 .05em;
}
.marker-pink, mark.marker-pink {
    background: linear-gradient(transparent 58%, rgba(184,92,74,.26) 58%);
    color: inherit; padding: 0 .05em;
}

/* エディター内での見え方を本文に近づける最小限の補正 */
.editor-styles-wrapper { --paper:#f7f4ee; --paper-deep:#efeae0; --ink:#2a2925; --ink-soft:#5a574f; --ink-mute:#8a8478; --line:#d8d2c5; --blue:#5a8caa; --blue-deep:#3e6b86; --beige:#e8e2d5; --terracotta:#b85c4a; --moss:#6b7d5c; --night:#1f2a32; }