/* 本文の装飾（クラシックエディタの「スタイル」から付ける）
 * 公開ページと編集画面の両方で読み込むため、テーマの変数に頼らず色を直接書く。
 * 見出しの飾りは、既存の見出しに付いているインラインの style より優先させるため !important を使う。 */

/* ---- 文字 ---- */
.gdeco-marker { background: linear-gradient(transparent 58%, #ffe58a 58%); padding: 0 2px; }
.gdeco-big { font-weight: 800; font-size: 120%; }
.gdeco-red { color: #c62f3b; font-weight: 700; }
.gdeco-small { font-size: 85%; color: #5c564e; }
.gdeco-num { font-size: 175%; font-weight: 800; color: #1b3358; line-height: 1.2; letter-spacing: .01em; }

/* ---- 囲み枠 ---- */
.gdeco-box { position: relative; margin: 22px 0; padding: 30px 18px 14px; border-radius: 12px; border: 1px solid; overflow-wrap: anywhere; }
.gdeco-box > :last-child { margin-bottom: 0; }
.gdeco-box::before { position: absolute; top: -11px; left: 14px; padding: 2px 12px; border-radius: 999px; font-size: 12.5px; font-weight: 800; line-height: 1.6; color: #fff; }
.gdeco-box--point { background: #fff8e8; border-color: #f0d49a; }
.gdeco-box--point::before { content: "ポイント"; background: #e8a33d; }
.gdeco-box--caution { background: #fdeeee; border-color: #f2c3c6; }
.gdeco-box--caution::before { content: "注意"; background: #d64550; }
.gdeco-box--mine { background: #eef3fb; border-color: #c9d6ee; }
.gdeco-box--mine::before { content: "私の場合"; background: #1b3358; }
.gdeco-box--source { background: #fff; border-color: #e6ddc9; border-style: dashed; padding-top: 26px; font-size: 92%; }
.gdeco-box--source::before { content: "出典"; background: #5c564e; }

/* チェックリスト（箇条書きに付ける） */
ul.gdeco-check { list-style: none; margin: 18px 0; padding: 14px 16px; background: #f3faf6; border: 1px solid #cfe7da; border-radius: 12px; }
ul.gdeco-check li { position: relative; margin: 6px 0; padding-left: 30px; }
ul.gdeco-check li::before { content: ""; position: absolute; left: 4px; top: .35em; width: 16px; height: 16px; border-radius: 4px; background: #2f9e6f; }
ul.gdeco-check li::after { content: ""; position: absolute; left: 9px; top: calc(.35em + 3px); width: 5px; height: 9px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }

/* ---- 見出しの飾り（h2〜h4 に付ける） ---- */
.gdeco-h-left { padding: 6px 0 6px 14px !important; border: 0 !important; border-left: 6px solid #1b3358 !important; background: none !important; border-radius: 0 !important; }
.gdeco-h-under { padding: 0 0 8px !important; border: 0 !important; border-bottom: 3px solid #e8a33d !important; background: none !important; border-radius: 0 !important; }
.gdeco-h-left::after, .gdeco-h-under::after, .gdeco-h-bg::after { display: none !important; }
.gdeco-h-bg { padding: 12px 16px !important; border: 0 !important; background: #f2ecdf !important; border-radius: 10px !important; }

/* ---- ボタン・リンク ---- */
a.gdeco-btn { display: inline-block; margin: 8px 0; padding: 12px 26px; border-radius: 999px; background: #1b3358; color: #fff !important; font-weight: 800; text-decoration: none !important; box-shadow: 0 6px 16px rgba(27, 51, 88, .18); max-width: 100%; text-align: center; }
a.gdeco-btn:hover { background: #0f213b; }
.gdeco-linkcard { margin: 18px 0 22px; padding: 14px 16px; border: 1px solid #d6e6dc; border-left: 5px solid #2f9e6f; border-radius: 10px; background: #e3f5ec; }
.gdeco-linkcard > :first-child { margin-top: 0; }
.gdeco-linkcard > :last-child { margin-bottom: 0; }
.gdeco-linkcard a { font-weight: 700; word-break: break-word; }