/* ===== ブロック生成の実例（前回／今回の差分表示） ===== */
.md-typeset .blockdiff { border: 1px solid var(--md-default-fg-color--lightest); border-radius: 10px; margin: 1.4em 0; overflow: hidden; background: var(--md-default-bg-color); color: var(--md-default-fg-color); }
.md-typeset .blockdiff-title { background: var(--md-default-fg-color--lightest); padding: .55em .9em; font-size: .95em; display: flex; align-items: center; gap: .5em; flex-wrap: wrap; }
.md-typeset .blockdiff-order { display: inline-block; min-width: 1.7em; text-align: center; border-radius: 999px; background: var(--md-default-fg-color); color: var(--md-default-bg-color); font-size: .8em; font-weight: 700; padding: .15em .4em; }
.md-typeset .blockdiff .badge { display: inline-block; font-size: .75em; padding: .15em .6em; border-radius: 999px; font-weight: 600; line-height: 1.6; }
.md-typeset .blockdiff .badge-copy { background: #7c3aed; color: #fff; }
.md-typeset .blockdiff .badge-llm { background: #16a34a; color: #fff; }
.md-typeset .blockdiff .chg-none { background: #9ca3af; color: #fff; }
.md-typeset .blockdiff .chg-add { background: #d97706; color: #fff; }
.md-typeset .blockdiff .chg-rewrite { background: #dc2626; color: #fff; }
.md-typeset .blockdiff-cols { display: grid; grid-template-columns: 1fr 1fr; }
.md-typeset .blockdiff-col + .blockdiff-col { border-left: 1px solid var(--md-default-fg-color--lightest); }
.md-typeset .blockdiff-col--new { background: rgba(22, 163, 74, .06); }
.md-typeset .blockdiff-colhead { font-size: .78em; color: var(--md-default-fg-color--light); padding: .5em .9em 0; font-weight: 600; }
.md-typeset .blockdiff-body { padding: .4em .9em .9em; font-size: .88em; line-height: 1.75; word-break: break-all; color: var(--md-default-fg-color); }
.md-typeset .blockdiff-single .blockdiff-body { background: rgba(124, 58, 237, .06); }
.md-typeset .blockdiff-head { font-weight: 700; }
.md-typeset .blockdiff-why { border-top: 1px solid var(--md-default-fg-color--lightest); padding: .55em .9em; font-size: .88em; background: var(--md-code-bg-color); color: var(--md-default-fg-color); }
.md-typeset .blockdiff mark.diff-add { background: #bbf7d0 !important; color: #14532d !important; padding: 0 .15em; border-radius: 3px; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.md-typeset .blockdiff del.diff-del { background: #fecaca !important; color: #7f1d1d !important; text-decoration: line-through; padding: 0 .15em; border-radius: 3px; }
.md-typeset .blockdiff .diff-rewrite { border-left: 3px solid #16a34a; padding-left: .5em; display: inline-block; }
.md-typeset .diff-legend { display: flex; gap: 1em; flex-wrap: wrap; font-size: .88em; margin: .5em 0 1em; }
.md-typeset .diff-legend mark.diff-add { background: #bbf7d0 !important; color: #14532d !important; padding: 0 .3em; border-radius: 3px; }
.md-typeset .diff-legend del.diff-del { background: #fecaca !important; color: #7f1d1d !important; padding: 0 .3em; border-radius: 3px; }
[data-md-color-scheme="slate"] .md-typeset .blockdiff mark.diff-add, [data-md-color-scheme="slate"] .md-typeset .diff-legend mark.diff-add { background: #166534 !important; color: #dcfce7 !important; }
[data-md-color-scheme="slate"] .md-typeset .blockdiff del.diff-del, [data-md-color-scheme="slate"] .md-typeset .diff-legend del.diff-del { background: #7f1d1d !important; color: #fecaca !important; }
[data-md-color-scheme="slate"] .md-typeset .blockdiff-col--new { background: rgba(22, 163, 74, .12); }
[data-md-color-scheme="slate"] .md-typeset .blockdiff-single .blockdiff-body { background: rgba(124, 58, 237, .14); }
@media (max-width: 720px) { .md-typeset .blockdiff-cols { grid-template-columns: 1fr; } .md-typeset .blockdiff-col + .blockdiff-col { border-left: 0; border-top: 1px solid var(--md-default-fg-color--lightest); } }