/* CPNG presentation adapted to an iframe surface; legacy shortcodes are untouched. */
.va-block { width:100%; max-width:100%; min-width:0; box-sizing:border-box; }
.va-block[data-display="block"] { display:block; }
.va-block[data-display="flex"] { display:flex; }
.va-block[data-display="inline-block"] { display:inline-block; }
.va-block[data-display="inline-flex"] { display:inline-flex; }
.va-block:is([data-display="inline-block"],[data-display="inline-flex"]) { width:var(--va-block-width,100%) !important; vertical-align:top; margin-left:0 !important; margin-right:0 !important; }
.va-block > .va-block-shell { width:var(--va-block-width,100%); }
.va-block:is([data-display="inline-block"],[data-display="inline-flex"]) > .va-block-shell { width:100%; }
.va-block[data-display="inline"] { display:inline; width:auto !important; margin-left:0 !important; margin-right:0 !important; }
.va-block[data-display="inline"] > .va-block-shell { display:inline-block; vertical-align:top; margin-left:0; margin-right:0; }
.va-block-shell { min-width:0; max-width:100%; box-sizing:border-box; }
.va-block-shell[data-align="left"] { margin-left:0; margin-right:auto; }
.va-block-shell[data-align="center"] { margin-left:auto; margin-right:auto; }
.va-block-shell[data-align="right"] { margin-left:auto; margin-right:0; }
.va-block-surface { border:0 solid currentColor; box-sizing:border-box; width:100%; max-width:100%; min-width:0; overflow:hidden; }
.va-block-host { position:relative; width:100%; min-width:0; }
.va-block-host > iframe.virtual-article-frame { display:block; position:static; inset:auto; z-index:auto; width:100%; min-height:0; max-height:none; margin:0; border:0; background:transparent; }
.va-block-host > .va-block-title { position:absolute; z-index:2; margin:0; padding:0; line-height:1.3; max-width:calc(100% - 16px); overflow-wrap:anywhere; pointer-events:none; }
.va-block-title[data-position="top-left"] { top:8px; left:8px; }
.va-block-title[data-position="top-right"] { top:8px; right:8px; text-align:right; }
.va-block-title[data-position="bottom-left"] { bottom:8px; left:8px; }
.va-block-title[data-position="bottom-right"] { bottom:8px; right:8px; text-align:right; }
.va-block-shell > .va-block-caption { margin:.6em 0; padding-top:8px; font-size:.85em; opacity:.8; white-space:pre-line; }
.va-post-caption > .va-post-caption-mobile,
.va-block-shell > .va-post-caption[data-desktop-empty] { display:none; }
@media (hover:none) and (pointer:coarse) {
 .va-block-shell > .va-post-caption,
 .va-block-shell > .va-post-caption[data-desktop-empty] { display:block; }
 .va-block-shell > .va-post-caption[data-mobile-empty],
 .va-post-caption > .va-post-caption-desktop { display:none; }
 .va-post-caption > .va-post-caption-mobile { display:inline; }
}
.va-block[data-va-block-mode="full"] { position:fixed; inset:0; width:100vw !important; height:100dvh; max-width:none; margin:0; z-index:2147483647; background:var(--wp--preset--color--background,#fff); overflow:auto; }
.va-block[data-va-block-mode="full"] > .va-block-shell { width:100%; height:100%; display:flex; flex-direction:column; }
.va-block[data-va-block-mode="full"] .va-block-surface { flex:1; min-height:0; }
.va-block[data-va-block-mode="full"] .va-block-host { height:100%; }
.va-block[data-va-block-mode="full"] iframe.virtual-article-frame { height:100% !important; }

/* Single title tab follows CPNG's selected tab: 10px cut and an open bottom edge. */
.va-block-title-strip { position:relative; z-index:3; display:flex; gap:3px; height:26px; min-width:0; align-items:end; margin-bottom:calc(-1 * var(--va-tab-width,0px)); flex:none; }
.va-block-title-tab { --va-tab-cut:10px; position:relative; isolation:isolate; display:flex; align-items:center; box-sizing:border-box; flex-shrink:0; height:26px; min-height:26px; padding:0 24px; margin:0; line-height:18px; white-space:nowrap; overflow:hidden; color:#222; letter-spacing:.015em; background:var(--va-tab-border,currentColor); clip-path:polygon(0 0,calc(100% - var(--va-tab-cut)) 0,100% var(--va-tab-cut),100% 100%,0 100%); }
.va-block-title-tab::before { content:''; position:absolute; z-index:-1; inset:var(--va-tab-width,0px); bottom:0; background:var(--va-tab-fill,#fff); --va-tab-inner-cut:calc(var(--va-tab-cut) - .585786 * var(--va-tab-width,0px)); clip-path:polygon(0 0,calc(100% - var(--va-tab-inner-cut)) 0,100% var(--va-tab-inner-cut),100% 100%,0 100%); }
.va-block-surface.va-block-tab-surface { position:relative; overflow:visible; border-top-color:transparent !important; border-top-left-radius:0 !important; }
.va-block-top-line { position:absolute; pointer-events:none; box-sizing:border-box; right:calc(-1 * var(--va-tab-width,0px)); top:calc(-1 * var(--va-tab-width,0px)); border-top:var(--va-tab-width,0px) var(--va-tab-style,solid) var(--va-tab-border,currentColor); height:var(--va-tab-radius,0px); border-top-right-radius:var(--va-tab-radius,0px); }
.va-block-tab-surface > .va-block-host { overflow:hidden; border-radius:inherit; }

.va-block-title-list {display:flex;flex:1;min-width:0;height:26px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;touch-action:pan-y pinch-zoom;}
.va-block-title-list::-webkit-scrollbar {display:none;width:0;height:0;}
.va-block-title-list > .va-block-title-tab {font-weight:600;padding:0 24px;}
.va-block-scroll-tab {width:28px;padding:0;justify-content:center;opacity:.7;cursor:pointer;font-size:16px;font-weight:400;font-family:inherit;border:0;border-radius:0;appearance:none;box-shadow:none;text-transform:none;}
.va-block-scroll-tab::before {bottom:var(--va-tab-width,0px);}
.va-block-scroll-tab[hidden] {display:none!important;}
.va-block-scroll-tab:focus-visible {outline:2px solid currentColor;outline-offset:-4px;}
.va-block-top-line.va-block-top-left {left:calc(-1 * var(--va-tab-width,0px));right:auto;border-top-right-radius:0;}
