/* Shared article components: editor, AI previews, document imports and public articles. */
:is(.publishing-body,.rich-body){--article-ink:var(--admin-ink,var(--text,#18382b));--article-muted:var(--admin-muted,var(--muted,#647367));--article-panel:var(--admin-panel,var(--surface,#fff));--article-line:var(--admin-line,var(--border,#dfe5db));--article-accent:#276c4a;--article-tint:#f0f6ed;--article-warning:#95651b;--article-warning-bg:#fff7e8;--article-warning-line:#e6cd9f;--article-header:#24513c;color:var(--article-ink)}
html[data-theme=dark] :is(.publishing-body,.rich-body){--article-accent:#b5dc8f;--article-tint:#23372b;--article-warning:#ebc787;--article-warning-bg:#362f23;--article-warning-line:#756143;--article-header:#294735}
:is(.publishing-body,.rich-body) :is(.key-takeaways,.conclusion,.disclaimer,.info-box,.tip-box,.warning-box,.notes){margin:28px 0;padding:22px 24px;border:1px solid var(--article-line);border-left:4px solid var(--article-accent);border-radius:12px;background:var(--article-tint);color:var(--article-ink);font-size:16px;line-height:1.75;overflow-wrap:anywhere}
:is(.publishing-body,.rich-body) :is(.key-takeaways,.conclusion,.disclaimer,.info-box,.tip-box,.warning-box,.notes,.faq-item,.pros,.cons)>:first-child{margin-top:0}
:is(.publishing-body,.rich-body) :is(.key-takeaways,.conclusion,.disclaimer,.info-box,.tip-box,.warning-box,.notes,.faq-item,.pros,.cons)>:last-child{margin-bottom:0}
:is(.publishing-body,.rich-body) :is(.key-takeaways,.conclusion,.disclaimer,.info-box,.tip-box,.warning-box,.notes) :is(h2,h3,h4){margin:0 0 14px;color:var(--article-ink);font-size:21px;font-weight:750;line-height:1.35;letter-spacing:-.3px}
:is(.publishing-body,.rich-body) :is(.key-takeaways,.conclusion,.disclaimer,.info-box,.tip-box,.warning-box,.notes) :is(p,li){font-size:16px;line-height:1.75;color:inherit}
:is(.publishing-body,.rich-body) .key-takeaways ul{list-style:none;padding-left:0;margin:12px 0 0}
:is(.publishing-body,.rich-body) .key-takeaways ul>li{position:relative;padding-left:28px;margin:10px 0}
:is(.publishing-body,.rich-body) .key-takeaways ul>li::before{content:'✓';position:absolute;left:0;top:0;color:var(--article-accent);font-weight:800}
:is(.publishing-body,.rich-body) .conclusion{background:var(--article-panel);border-top:3px solid var(--article-accent)}
:is(.publishing-body,.rich-body) :is(.disclaimer,.notes){background:var(--article-panel);border-left-color:var(--article-muted);color:var(--article-muted)}
:is(.publishing-body,.rich-body) .disclaimer :is(h2,h3,h4){font-size:18px}
:is(.publishing-body,.rich-body) .info-box{background:var(--article-panel)}
:is(.publishing-body,.rich-body) .warning-box{background:var(--article-warning-bg);border-color:var(--article-warning-line);border-left-color:var(--article-warning)}
:is(.publishing-body,.rich-body) .warning-box :is(h2,h3,h4){color:var(--article-warning)}
:is(.publishing-body,.rich-body) .faq{margin:32px 0}
:is(.publishing-body,.rich-body) .faq>h2{margin:0 0 18px}
:is(.publishing-body,.rich-body) .faq-item{padding:20px 22px;margin:12px 0;border:1px solid var(--article-line);border-radius:10px;background:var(--article-panel);color:var(--article-ink);font-size:16px;line-height:1.75}
:is(.publishing-body,.rich-body) .faq-item :is(h3,h4,summary){font-size:18px;line-height:1.4;font-weight:700;color:var(--article-ink);margin:0 0 12px}
:is(.publishing-body,.rich-body) details.faq-item>summary{cursor:pointer;list-style-position:outside;margin:0;padding-left:4px}
:is(.publishing-body,.rich-body) details.faq-item[open]>summary{margin-bottom:14px;color:var(--article-accent)}
:is(.publishing-body,.rich-body) .pros-cons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:28px 0}
:is(.publishing-body,.rich-body) .pros-cons>:not(.pros):not(.cons){grid-column:1/-1;margin-top:0;margin-bottom:0}
:is(.publishing-body,.rich-body) :is(.pros,.cons){min-width:0;padding:20px 22px;border:1px solid var(--article-line);border-top:3px solid var(--article-accent);border-radius:10px;background:var(--article-tint);font-size:16px;line-height:1.75}
:is(.publishing-body,.rich-body) .cons{border-top-color:var(--article-warning);background:var(--article-warning-bg)}
:is(.publishing-body,.rich-body) :is(.pros,.cons) h3{font-size:20px;line-height:1.4;margin:0 0 12px}
:is(.publishing-body,.rich-body) table{display:table;width:100%;border-collapse:separate;border-spacing:0;margin:24px 0;border:1px solid var(--article-line);border-radius:10px;overflow:hidden;background:var(--article-panel);color:var(--article-ink);font-size:15px;line-height:1.65}
:is(.publishing-body,.rich-body) table :is(th,td){padding:14px 18px;text-align:left;vertical-align:top;min-width:90px;border:0;border-bottom:1px solid var(--article-line);color:inherit}
:is(.publishing-body,.rich-body) table th{background:var(--article-header);color:#fff;font-weight:700;letter-spacing:0;font-size:15px}
:is(.publishing-body,.rich-body) table th :is(p,a,strong){color:inherit}
:is(.publishing-body,.rich-body) table tbody tr:nth-child(even)>td{background:var(--article-tint)}
:is(.publishing-body,.rich-body) table tr:last-child>:is(td,th){border-bottom:0}
:is(.publishing-body,.rich-body) table p{margin:0}
:is(.publishing-body,.rich-body) table.table-bordered :is(th,td):not(:last-child){border-right:1px solid var(--article-line)}
:is(.publishing-body,.rich-body) table.table-compact :is(th,td){padding:9px 12px}
:is(.publishing-body,.rich-body) .article-table-scroll{overflow-x:auto;max-width:100%;border:1px solid var(--article-line);border-radius:10px;margin:24px 0}
:is(.publishing-body,.rich-body) .article-table-scroll>table{display:table;min-width:480px;margin:0;border:0;border-radius:0}
.rich-body{overflow-x:auto}.rich-section-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 14px;border:1px solid var(--admin-line,var(--border));border-bottom:0;background:var(--admin-panel,var(--surface))}.rich-section-tools label{display:flex;align-items:center;gap:10px;margin:0!important;font-size:13px}.rich-section-tools select{width:auto!important;padding:7px!important}.rich-section-tools p{flex-basis:100%;margin:0;font-size:13px;color:var(--admin-muted,var(--muted));line-height:1.6}
@media(max-width:650px){:is(.publishing-body,.rich-body) .pros-cons{grid-template-columns:1fr}:is(.publishing-body,.rich-body) :is(.key-takeaways,.conclusion,.disclaimer,.info-box,.tip-box,.warning-box,.notes,.faq-item){padding:18px}:is(.publishing-body,.rich-body) table:not(.article-table-scroll>table){display:block;overflow-x:auto}}