/* VANTIS alternative R01. Presentation adapter for the existing F23+ runtime.
   Scoped to opt-in documents. No business DOM, media transform or event replacement.
   Reference: site_png_rebuild/source/reference/tokens.css + shared.css. */
@font-face{font-family:"Vantis PNG Sans";src:url("./fonts/VantisPNG-Sans-Regular.woff") format("woff");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Vantis PNG Serif";src:url("./fonts/VantisPNG-Serif-Regular.woff") format("woff");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Vantis PNG Serif";src:url("./fonts/VantisPNG-Serif-Bold.woff") format("woff");font-style:normal;font-weight:700;font-display:swap}
:root[data-vantis-scheme="png-r01"] .vts-theme{
 --vts-brand:#0f2d4d;--vts-brand-hover:#183b5e;--vts-brand-pressed:#0b233d;--vts-brand-subtle:#eff5fa;
 --vts-surface:#fff;--vts-surface-secondary:#f5f7fa;--vts-text:#121820;--vts-text-secondary:#687584;
 --vts-divider:#dfe5eb;--vts-control-border:#aab9c8;--vts-radius-control:6px;--vts-radius-sheet:6px;
 --vts-font:"Vantis PNG Sans","Noto Sans CJK SC","PingFang SC","Microsoft YaHei",sans-serif;
 --png-display:"Vantis PNG Serif","Noto Serif CJK SC","Songti SC","SimSun",serif;
 --vts-body-size:15px;--vts-body-leading:1.55;--vts-page-gutter:40px;--vts-grid-gap:20px;
 --vts-control-height:44px;--vts-control-height-compact:40px;--vts-admin-sidebar:196px;
 --vts-heading-page-size:28px;--vts-heading-page-leading:42px;--vts-heading-section-size:21px;
 --vts-heading-section-leading:31px;--vts-row-title-size:18px;--vts-row-title-leading:27px;
 --png-shadow:0 2px 10px rgba(15,45,77,.035);font-family:var(--vts-font);background:#fff;
}
:root[data-vantis-scheme="png-r01"] body{background:#fff;color:#121820;-webkit-font-smoothing:antialiased}
:root[data-vantis-scheme="png-r01"] .vts-theme :is(h1,h2,h3){color:var(--vts-text);letter-spacing:.01em}
:root[data-vantis-scheme="png-r01"] .vts-theme :is(h1,.page-head h1,.a-content h1,.realtime-heading h1){font-family:var(--png-display);font-size:28px;line-height:1.5;font-weight:700}
:root[data-vantis-scheme="png-r01"] .vts-theme :is(h2,.section-heading h2){font-family:var(--png-display);font-size:21px;line-height:1.5;font-weight:700}
:root[data-vantis-scheme="png-r01"] .vts-theme :is(button,input,select,textarea,.button){font-family:var(--vts-font)}
:root[data-vantis-scheme="png-r01"] .vts-theme :is(button,.button){font-size:14px;line-height:22px;border-radius:6px;box-shadow:none}
:root[data-vantis-scheme="png-r01"] .vts-theme .button{min-height:44px;padding:10px 19px;gap:9px}
:root[data-vantis-scheme="png-r01"] .vts-theme :is(.button.primary,.primary):not(:disabled):not([aria-disabled=true]){color:#fff;background:var(--vts-brand);border-color:var(--vts-brand)}
:root[data-vantis-scheme="png-r01"] .vts-theme :is(input:not([type=checkbox]):not([type=radio]),select,textarea){border-color:var(--vts-divider);border-radius:6px;background:#fff}
:root[data-vantis-scheme="png-r01"] .vts-theme :is(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--vts-brand);outline-offset:3px}
/* Semantic states, [hidden], dialogs, disabled handlers and permissions remain owned by the runtime. */
:root[data-vantis-scheme="png-r01"] .vts-theme :is(.empty,.my-current,.series-selected,.request-card,.vts-catalog-card,.a-table){border:1px solid var(--vts-divider);border-radius:6px;box-shadow:var(--png-shadow);background:#fff}
:root[data-vantis-scheme="png-r01"] .vts-theme .masthead{height:80px;min-height:80px;padding:0 40px;display:grid;grid-template-columns:1fr auto 1fr;gap:28px;border-color:var(--vts-divider);background:#fff}
:root[data-vantis-scheme="png-r01"] .vts-theme .brand-art{flex-direction:row;gap:14px}
:root[data-vantis-scheme="png-r01"] .vts-theme .brand-art img:first-child{height:40px;width:auto}
:root[data-vantis-scheme="png-r01"] .vts-theme .brand-art img:last-child{width:190px;height:auto}
/* The full system name remains accessible; the provided brand assets form the visible lockup. */
:root[data-vantis-scheme="png-r01"] .vts-theme .masthead .brand-lockup>strong{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
:root[data-vantis-scheme="png-r01"] .vts-theme .desktop-primary{grid-column:2;grid-row:1;justify-content:center;gap:42px;border:0;padding:0;flex-wrap:nowrap;height:80px}
:root[data-vantis-scheme="png-r01"] .vts-theme .desktop-primary>a{position:relative;display:flex;align-items:center;height:80px;min-height:0;padding:0 0 3px;border:0;font-size:15px;color:#333e4a;white-space:nowrap}
:root[data-vantis-scheme="png-r01"] .vts-theme .desktop-primary>a.active{color:var(--vts-brand);font-weight:700;border:0}
:root[data-vantis-scheme="png-r01"] .vts-theme .desktop-primary>a.active::after{content:"";display:block;position:absolute;left:0;right:0;bottom:11px;height:3px;background:var(--vts-brand)}
:root[data-vantis-scheme="png-r01"] .vts-theme .mast-actions{justify-content:flex-end;gap:10px}
:root[data-vantis-scheme="png-r01"] .vts-theme :is(.main,.brand-gallery){max-width:none;width:calc(100% - 80px);margin-inline:auto}
:root[data-vantis-scheme="png-r01"] .vts-theme .main{padding-top:28px;padding-bottom:38px}
:root[data-vantis-scheme="png-r01"] .vts-theme .page-head{margin-bottom:24px}
:root[data-vantis-scheme="png-r01"] .vts-theme .page-head p{font-size:14px;line-height:1.85;color:var(--vts-text-secondary)}
/* H01 / H02: the original twelve links and continuation data stay in place. */
:root[data-vantis-scheme="png-r01"] .vts-theme .app-hub{padding:0 0 28px}
:root[data-vantis-scheme="png-r01"] .vts-theme .app-hub-heading{display:block;margin-bottom:24px}
:root[data-vantis-scheme="png-r01"] .vts-theme .app-hub-heading h1{font:700 28px/1.5 var(--png-display);margin:0 0 6px}
:root[data-vantis-scheme="png-r01"] .vts-theme .app-hub-heading p{max-width:none;font-size:14px;line-height:1.85}
:root[data-vantis-scheme="png-r01"] .vts-theme .app-hub-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0;border:0}
:root[data-vantis-scheme="png-r01"] .vts-theme .app-hub-item{grid-template-columns:42px minmax(0,1fr);gap:4px 14px;min-height:102px;padding:21px 22px;border:1px solid var(--vts-divider);border-radius:6px;background:#fff}
:root[data-vantis-scheme="png-r01"] .vts-theme .app-hub-item:first-child{border-color:#a5b6c6;background:#f3f7fa}
:root[data-vantis-scheme="png-r01"] .vts-theme .app-hub-item strong{font-size:18px;line-height:27px}
:root[data-vantis-scheme="png-r01"] .vts-theme .app-hub-item>span:last-child{font-size:12px;line-height:19px}
:root[data-vantis-scheme="png-r01"] .vts-theme .app-hub-continuation{padding:24px 28px;margin-top:24px;border:1px solid var(--vts-divider);border-radius:6px;background:#fafbfd}
:root[data-vantis-scheme="png-r01"] .vts-theme .app-hub-continuation h2{font:700 21px/1.5 var(--png-display)}
:root[data-vantis-scheme="png-r01"] .vts-theme .app-hub-continuation p{font-size:13px;line-height:1.85}
:root[data-vantis-scheme="png-r01"] .vts-theme .home-hero{grid-template-columns:42% 58%;border:1px solid var(--vts-divider);border-radius:6px;min-height:0;background:#fff}
:root[data-vantis-scheme="png-r01"] .vts-theme .home-hero-copy{grid-column:1;grid-row:1;padding:36px 38px;border-left:0;border-right:1px solid var(--vts-divider)}
:root[data-vantis-scheme="png-r01"] .vts-theme .home-main .home-hero :is(h1,h2){font:500 36px/1.55 var(--png-display);letter-spacing:.04em;margin:12px 0 15px}
:root[data-vantis-scheme="png-r01"] .vts-theme .home-hero p{font-size:14px;line-height:1.95;margin:0 0 24px}
:root[data-vantis-scheme="png-r01"] .vts-theme .home-hero .hero-scene{grid-column:2;grid-row:1;min-height:398px;background:#f5f4f1}
:root[data-vantis-scheme="png-r01"] .vts-theme .hero-scene>.hero-media-view{height:425px;background:#f5f4f1}
:root[data-vantis-scheme="png-r01"] .vts-theme :is(.series-preview-grid,.editorial-features,.brand-image-grid){gap:20px}
:root[data-vantis-scheme="png-r01"] .vts-theme :is(.series-preview-grid>article,.series-preview-grid>a,.editorial-features>article,.editorial-features>a,.brand-image-card){border:1px solid var(--vts-divider);border-radius:6px;overflow:hidden;background:#fff;box-shadow:var(--png-shadow)}
:root[data-vantis-scheme="png-r01"] .vts-theme :is(.series-preview-grid>article,.editorial-features>article)>div{padding:19px 20px 16px}
:root[data-vantis-scheme="png-r01"] .vts-theme .brand-image-card span{padding:14px 20px;font-size:13px}
/* M01 and persistent business lists: keep actual counts, records, errors, permissions. */
:root[data-vantis-scheme="png-r01"] .vts-theme .my-grid{grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}
:root[data-vantis-scheme="png-r01"] .vts-theme .my-grid>a{padding:22px 24px;border:1px solid var(--vts-divider);border-radius:6px;box-shadow:var(--png-shadow)}
:root[data-vantis-scheme="png-r01"] .vts-theme .my-grid h3{font-size:18px;line-height:27px}
:root[data-vantis-scheme="png-r01"] .vts-theme .my-grid p{font-size:13px;line-height:1.85}
:root[data-vantis-scheme="png-r01"] .vts-theme :is(.my-current,.series-selected)>div{padding:24px}
:root[data-vantis-scheme="png-r01"] .vts-theme .request-card{padding:22px 24px;margin-block:16px}
/* Host custom shell: preserve iframe, free task navigation and saved-state indicators. */
:root[data-vantis-scheme="png-r01"] .vts-theme.app.is-custom-workspace .masthead{height:80px;min-height:80px;padding-block:0}
:root[data-vantis-scheme="png-r01"] .vts-theme .custom-navigation{padding:20px 40px;border-color:var(--vts-divider)}
:root[data-vantis-scheme="png-r01"] .vts-theme .realtime-heading h1{font:700 26px/1.5 var(--png-display)}
:root[data-vantis-scheme="png-r01"] .vts-theme .realtime-heading .workspace-state{font-size:13px;line-height:21px}
:root[data-vantis-scheme="png-r01"] .vts-theme .workspace-continuation{border-color:var(--vts-divider);border-radius:6px;background:#f5f7fa}
/* Native engine: colors, panel edges and typography only; no canvas CSS transforms. */
:root[data-vantis-scheme="png-r01"] .vts-theme :is(.panel,.preview-shell,.render-card,.summary-card,.catalog-tile,.reference-image){border-radius:6px;box-shadow:var(--png-shadow)}
:root[data-vantis-scheme="png-r01"] .vts-theme .panel{border:1px solid var(--vts-divider);padding:20px}
:root[data-vantis-scheme="png-r01"] .vts-theme .panel-top h2{font:700 21px/1.5 var(--png-display)}
:root[data-vantis-scheme="png-r01"] .vts-theme .param-tabs{border-bottom:1px solid var(--vts-divider)}
:root[data-vantis-scheme="png-r01"] .vts-theme .param-tabs button{font-size:14px;line-height:22px;border-radius:0}
:root[data-vantis-scheme="png-r01"] .vts-theme .visual-toolbar{padding:12px 18px;border-bottom:1px solid var(--vts-divider)}
:root[data-vantis-scheme="png-r01"] .vts-theme .segmented{border:1px solid var(--vts-divider);padding:3px;border-radius:6px;gap:0}
:root[data-vantis-scheme="png-r01"] .vts-theme .segmented button{font-size:13px;min-height:34px;line-height:20px;padding:7px 14px}
:root[data-vantis-scheme="png-r01"] .vts-theme .segmented button.active{color:#fff;background:var(--vts-brand);border-color:var(--vts-brand)}
:root[data-vantis-scheme="png-r01"] .vts-theme .preview-footer{font-size:12px;line-height:19px;padding:12px 18px;border-top:1px solid var(--vts-divider)}
:root[data-vantis-scheme="png-r01"] .vts-theme .preview-footer span{font-size:12px;line-height:19px}
:root[data-vantis-scheme="png-r01"] body.embedded-v2[data-workspace="realtime"] #app[data-page="custom"]{padding:20px 40px 24px}
:root[data-vantis-scheme="png-r01"] body.embedded-v2[data-workspace="realtime"] #app[data-page="custom"]>.studio{gap:22px}
:root[data-vantis-scheme="png-r01"] body.embedded-v2[data-workspace="realtime"] #app[data-page="custom"] .panel{padding:18px 20px 64px;border:1px solid var(--vts-divider)}
/* Enterprise surfaces keep their authentic login and authorization gates. */
:root[data-vantis-scheme="png-r01"] .vts-admin .a-nav{padding:24px 12px;background:#f8fafd;border-color:var(--vts-divider)}
:root[data-vantis-scheme="png-r01"] .vts-admin .a-nav button.active{background:#e8eff6;border-left:3px solid var(--vts-brand)}
:root[data-vantis-scheme="png-r01"] .vts-admin .a-content{padding:27px 24px 32px}
:root[data-vantis-scheme="png-r01"] .vts-admin .a-stats{gap:16px;margin:22px 0;padding:0;border:0}
:root[data-vantis-scheme="png-r01"] .vts-admin .a-stats>div{padding:18px 22px;border:1px solid var(--vts-divider);border-radius:6px;background:#fff;box-shadow:var(--png-shadow)}
:root[data-vantis-scheme="png-r01"] .vts-admin .a-stats>div+div{padding-left:22px}
:root[data-vantis-scheme="png-r01"] .vts-admin .a-stats strong{font-size:26px;line-height:1.4;color:var(--vts-brand)}
:root[data-vantis-scheme="png-r01"] .vts-admin .a-stats span{font-size:13px}
:root[data-vantis-scheme="png-r01"] .vts-admin table{font-size:13px;line-height:1.8}
:root[data-vantis-scheme="png-r01"] .vts-admin th{padding:13px 16px;font-size:12px;font-weight:500;background:#f4f6f8;color:#627080;border-color:var(--vts-divider)}
:root[data-vantis-scheme="png-r01"] .vts-admin td{padding:16px;border-color:var(--vts-divider)}
:root[data-vantis-scheme="png-r01"] .vts-admin .a-login{background:#fff}
:root[data-vantis-scheme="png-r01"] .vts-admin .a-login>aside.a-login-visual{background:#f5f7fa}
@media(min-width:1200px){
 :root[data-vantis-scheme="png-r01"] body.embedded-v2[data-workspace="realtime"] #app[data-page="custom"]>.studio:not(.panel-collapsed){grid-template-columns:minmax(0,1fr) 340px}
}
@media(max-width:1199px){
 :root[data-vantis-scheme="png-r01"] .vts-theme{--vts-page-gutter:24px}
 :root[data-vantis-scheme="png-r01"] .vts-theme .masthead{padding-inline:24px;gap:18px}
 :root[data-vantis-scheme="png-r01"] .vts-theme .brand-art img:last-child{width:150px}
 :root[data-vantis-scheme="png-r01"] .vts-theme .desktop-primary{gap:28px}
 :root[data-vantis-scheme="png-r01"] .vts-theme :is(.main,.brand-gallery){width:calc(100% - 48px)}
 :root[data-vantis-scheme="png-r01"] .vts-theme .custom-navigation{padding-inline:24px}
 :root[data-vantis-scheme="png-r01"] body.embedded-v2[data-workspace="realtime"] #app[data-page="custom"]{padding:16px 24px}
 :root[data-vantis-scheme="png-r01"] .vts-theme .home-hero-copy{padding:28px}
 :root[data-vantis-scheme="png-r01"] .vts-theme .home-main .home-hero :is(h1,h2){font-size:31px}
}
@media(max-width:767px){
 :root[data-vantis-scheme="png-r01"] .vts-theme{--vts-page-gutter:16px}
 :root[data-vantis-scheme="png-r01"] .vts-theme .masthead{height:auto;min-height:70px;padding:12px 16px;grid-template-columns:1fr auto;gap:12px}
 :root[data-vantis-scheme="png-r01"] .vts-theme .desktop-primary{display:none}
 :root[data-vantis-scheme="png-r01"] .vts-theme .brand-art img:first-child{height:27px}
 :root[data-vantis-scheme="png-r01"] .vts-theme .brand-art img:last-child{width:104px}
 :root[data-vantis-scheme="png-r01"] .vts-theme .brand-art{gap:7px}
 :root[data-vantis-scheme="png-r01"] .vts-theme :is(.main,.brand-gallery){width:calc(100% - 32px)}
 :root[data-vantis-scheme="png-r01"] .vts-theme :is(h1,.page-head h1,.app-hub-heading h1){font-size:24px}
 :root[data-vantis-scheme="png-r01"] .vts-theme .app-hub-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 :root[data-vantis-scheme="png-r01"] .vts-theme .app-hub-item{display:flex;padding:14px 6px;min-height:116px;gap:8px;text-align:center}
 :root[data-vantis-scheme="png-r01"] .vts-theme .app-hub-item strong{font-size:16px}
 :root[data-vantis-scheme="png-r01"] .vts-theme .app-hub-item>span:last-child{font-size:11px;line-height:18px}
 :root[data-vantis-scheme="png-r01"] .vts-theme .app-hub-continuation{padding:20px;margin-top:20px}
 :root[data-vantis-scheme="png-r01"] .vts-theme .home-hero{display:flex;flex-direction:column-reverse}
 :root[data-vantis-scheme="png-r01"] .vts-theme .home-hero-copy{padding:24px;border-right:0;border-top:1px solid var(--vts-divider)}
 :root[data-vantis-scheme="png-r01"] .vts-theme .home-main .home-hero :is(h1,h2){font-size:27px}
 :root[data-vantis-scheme="png-r01"] .vts-theme .home-hero .hero-scene{min-height:0}
 :root[data-vantis-scheme="png-r01"] .vts-theme .hero-scene>.hero-media-view{height:300px}
 :root[data-vantis-scheme="png-r01"] .vts-theme .my-grid{grid-template-columns:1fr}
 :root[data-vantis-scheme="png-r01"] .vts-theme .custom-navigation{padding:12px 16px}
 :root[data-vantis-scheme="png-r01"] .vts-theme .realtime-heading h1{font-size:21px}
 :root[data-vantis-scheme="png-r01"] body.embedded-v2[data-workspace="realtime"] #app[data-page="custom"]{padding:12px}
 :root[data-vantis-scheme="png-r01"] .vts-admin .a-content{padding:20px 16px 32px}
 :root[data-vantis-scheme="png-r01"] .vts-admin .a-stats{gap:9px}
 :root[data-vantis-scheme="png-r01"] .vts-admin .a-stats>div{padding:13px}
 :root[data-vantis-scheme="png-r01"] .vts-admin .a-stats>div+div{padding-left:13px}
}
@media(prefers-reduced-motion:reduce){:root[data-vantis-scheme="png-r01"] .vts-theme *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media print{ :root[data-vantis-scheme="png-r01"] .vts-theme .masthead{display:none!important} }