.content-tabs,.node-tabs{min-width:0}
.content-tabs,.node-tabs{--tabs-surface:var(--site-surface,var(--panel,#fff));--tabs-strip:var(--site-surface-2,var(--panel-2,#f3f5f7));--tabs-line:var(--site-border,var(--border,#d7dde3));--tabs-accent:var(--site-primary,var(--accent,#3c8dbc))}
.content-tab-list{display:flex;align-items:stretch;gap:4px;overflow-x:auto;max-width:100%;box-sizing:border-box;border:1px solid var(--tabs-line);border-bottom:0;border-radius:4px 4px 0 0;background:var(--tabs-strip);padding:6px 8px 0}
.content-tab-list>[role=tab],#app .content-tabs>.content-tab-list>[role=tab]{flex:0 0 auto;min-height:42px;max-width:300px;white-space:normal;overflow-wrap:anywhere;border:1px solid transparent!important;border-top:3px solid transparent!important;border-radius:3px 3px 0 0!important;padding:10px 18px!important;background:transparent!important;color:var(--site-text-soft,var(--text-dim,inherit))!important;font:inherit!important;cursor:pointer;box-shadow:none!important}
#app .content-tabs>.content-tab-list>[role=tab]:hover{background:color-mix(in srgb,var(--tabs-accent) 8%,var(--tabs-strip))!important;color:var(--site-text,var(--text,inherit))!important}
#app .content-tabs>.content-tab-list>[role=tab][aria-selected=true]{background:var(--tabs-surface)!important;border-color:var(--tabs-line)!important;border-top-color:var(--tabs-accent)!important;border-bottom-color:var(--tabs-surface)!important;color:var(--site-text,var(--text,inherit))!important;font-weight:700!important}
.content-tab-list>[role=tab]:focus-visible{outline:2px solid var(--site-primary,var(--accent,#3c8dbc));outline-offset:-2px}
.content-tab-panel{min-width:0;padding:18px;overflow-wrap:anywhere;box-sizing:border-box;border:1px solid var(--tabs-line);border-top:0;border-radius:0 0 4px 4px;background:var(--tabs-surface)}
.content-tab-panel>:first-child{margin-top:0}
.content-tab-panel>:last-child{margin-bottom:0}
.content-tab-panel[hidden]{display:none!important}
.content-tab-panel>.page-block{max-width:100%;box-sizing:border-box}
.editor-tab-panel{padding:14px;min-height:140px}
.tab-drop-help{font-size:12px;color:var(--text-dim,#586a7c);margin:0 0 14px}
.editor-tab-panel:not(:has(>.editor-node))>.drop-slot{min-height:100px;border:1px dashed var(--accent,#3c8dbc);background:var(--panel,#fff)}
.editor-tab-panel>.drop-slot.drag-over{background:rgba(60,141,188,.18);outline:2px solid var(--accent,#3c8dbc)}
.editor-tab-panel .drop-slot-label{pointer-events:none}
/* Preserve the editor's compact drag targets; the joined frame is for the rendered page. */
.node-tabs>.content-tab-list{align-items:normal;padding:4px 0;border:0;border-bottom:1px solid var(--tabs-line);border-radius:0;background:transparent}
.node-tabs>.content-tab-list>[role=tab]{min-height:38px;border:1px solid transparent!important;border-radius:2px!important;padding:9px 14px!important}
.node-tabs>.content-tab-list>[role=tab][aria-selected=true]{background:var(--tabs-strip)!important;border-color:var(--tabs-line)!important;border-bottom:3px solid var(--tabs-accent)!important}
.editor-tab-panel{border:1px solid var(--tabs-line);border-radius:0;background:var(--panel-2,#f8fafb)}
@media(max-width:600px){.content-tab-list{padding:5px 5px 0}.content-tab-list>[role=tab],#app .content-tabs>.content-tab-list>[role=tab]{max-width:220px;padding:9px 12px!important}.content-tab-panel{padding:12px}.editor-tab-panel{padding:10px}}
.publication-page-audience{padding:10px 14px;margin-bottom:10px;display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;font-size:12px}.publication-page-audience small{flex-basis:100%;color:var(--ix-muted,var(--text-muted,#626a70))}.publication-runtime-audience{padding:10px 14px;display:flex;justify-content:flex-end;background:var(--ix-secondary,#f3f5f7)}
