/* ==========================================================================
 * 草稿预览胶囊
 *
 * 只在「未发布内容的管理员预览」出现。固定在右下角、不参与页面流：
 * 不能做成页面里的横幅，否则会推开正文，编辑器里看到的排版就和真实页面不一致。
 * 用原生 <details> 折叠，零脚本，严格 CSP 下也能用。
 *
 * 单独成文件而不是塞进 site.css：fullwidth 模板只在正文用到 site- 类时才加载
 * site.css，否则胶囊会掉成页面里的一个普通块（sticky 失效、宽度撑满）。
 * ========================================================================== */
.od-draft-badge {
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 2147482000;
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: min(86vw, 460px);
    padding: 8px 14px;
    border: 1px solid #f0d8a8;
    border-radius: 999px;
    background: #fffaf0;
    box-shadow: 0 8px 24px rgba(64, 45, 10, .18);
    font: 13px/1.5 system-ui, -apple-system, "Segoe UI", sans-serif;
    color: #744d0d;
}
.od-draft-badge-toggle {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    list-style: none;
}
.od-draft-badge-toggle::-webkit-details-marker { display: none; }
.od-draft-badge-toggle::marker { content: ''; }
.od-draft-badge-toggle:focus-visible {
    outline: 2px solid #b45309;
    outline-offset: 2px;
    border-radius: 999px;
}
.od-draft-badge-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #8a6320;
}
.od-draft-badge:not([open]) { padding: 8px 12px; }
.od-draft-badge:not([open]) .od-draft-badge-text { display: none; }
@media (max-width: 600px) {
    .od-draft-badge { right: 10px; bottom: 10px; padding: 7px 12px; max-width: 92vw; }
    .od-draft-badge-text { display: none; }
}