/**
 * PufferGo Global Styles
 * 核心职责：防御 WP 主题样式污染，建立干净的 Tailwind 作用域
 *
 * 使用属性选择器 [class^="pg--"] 匹配所有以 pg-- 开头的动态 scopeId
 */

/* =========================================
   Scoped Preflight (重置与防御)
   ========================================= */

/* 1. 强制盒模型，防止布局崩坏 */
[class^="pg--"],
[class^="pg--"] *,
[class^="pg--"] *::before,
[class^="pg--"] *::after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: var(--puffergo-ref-border, currentColor);
}

/* 2. 移除主题强加的 Margin (最重要的一条) */
[class^="pg--"] blockquote,
[class^="pg--"] dl, [class^="pg--"] dd,
[class^="pg--"] h1, [class^="pg--"] h2, [class^="pg--"] h3, [class^="pg--"] h4, [class^="pg--"] h5, [class^="pg--"] h6,
[class^="pg--"] hr, [class^="pg--"] figure, [class^="pg--"] p, [class^="pg--"] pre {
    margin: 0;
    padding: 0;
}

/* 3. 字体与行高继承 (桥接 PHP 注入的变量) */
[class^="pg--"] {
    font-family: var(--puffergo-ref-font-body, inherit);
    line-height: var(--puffergo-ref-leading-body, 1.5);
    color: var(--puffergo-ref-text-main, inherit);
    -webkit-font-smoothing: antialiased;
}

/* 4. 图片防变形与清除默认间距 */
[class^="pg--"] img, [class^="pg--"] svg, [class^="pg--"] video {
    display: block;
    max-width: 100%;
    height: auto;
}

/* 5. 列表样式修正 */
[class^="pg--"] ul li, [class^="pg--"] ol li {
    list-style: none;
}
[class^="pg--"].puffergo-tailwind-container ul, .puffergo-tailwind-container-editor ul {
    padding-left: 0;
}