/* Canonical structured article layout, also loaded inside the sandboxed preview. */
.cg-post-section { margin:24px 0; overflow-wrap:anywhere; }
.cg-post-section>h2 { margin:0 0 16px; padding-left:12px; border-left:3px solid var(--cg-publish-accent,#6bcaff); color:var(--cg-publish-accent,#6bcaff); font-size:21px; line-height:1.6; }
.cg-post-section :is(img,video) { max-width:100%; height:auto; }
.cg-post-section .cg-model-attribute-summary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 24px; margin:0; padding:0; }
.cg-post-section .cg-model-attribute-summary>div { display:grid; grid-template-columns:minmax(100px,auto) minmax(0,1fr); align-items:baseline; gap:12px; min-width:0; padding:12px 0; border-bottom:1px solid var(--cg-border,#3b3d41); }
.cg-post-section .cg-model-attribute-summary dt { margin:0; color:var(--cg-muted,#b4b3b0); font-weight:400; }
.cg-post-section .cg-model-attribute-summary dd { margin:0; color:var(--cg-text,#f2f0ec); }
.cg-publication-preview { margin:0; padding:24px; background:var(--cg-background,#161719); color:var(--cg-text,#f2f0ec); font:15px/1.8 var(--cg-body,"Microsoft YaHei","PingFang SC",system-ui,sans-serif); overflow-wrap:anywhere; }
.cg-publication-preview>h1 { margin:0 0 24px; font-size:28px; line-height:1.5; }
.cg-publication-preview a { color:var(--cg-primary,#eab26b); pointer-events:none; }
.cg-publication-preview :is(form,script,iframe) { display:none; }
.cg-publication-preview .cg-tutorial-embed iframe { display:block; width:100%; height:480px; border:1px solid var(--cg-border,#3b3d41); border-radius:8px; }
.cg-publication-preview .cg-tutorial-help { font-size:13px; color:var(--cg-muted,#b4b3b0); }
@media(max-width:620px) { .cg-post-section .cg-model-attribute-summary { grid-template-columns:minmax(0,1fr); } }
@media(max-width:420px) { .cg-publication-preview { padding:16px; } .cg-publication-preview>h1 { font-size:24px; } }