/* Approved neutral surfaces, compact rhythm, screenshot-led proportions. */
:root{--vps-bg:#121721;--vps-surface:#1b2330;--vps-ink:#f3f6fc;--vps-muted:#b4c2d9;--vps-line:#445168;--vps-accent:#a7bfff;--vps-soft:#26364f;color-scheme:dark}
:root[data-vps-appearance="light"]{--vps-bg:#f7faff;--vps-surface:#fff;--vps-ink:#101828;--vps-muted:#50617c;--vps-line:#dce5f1;--vps-accent:#2458e6;--vps-soft:#eaf0ff;color-scheme:light}
@media(prefers-color-scheme:light){:root[data-vps-appearance="system"]{--vps-bg:#f7faff;--vps-surface:#fff;--vps-ink:#101828;--vps-muted:#50617c;--vps-line:#dce5f1;--vps-accent:#2458e6;--vps-soft:#eaf0ff;color-scheme:light}}
body{margin:0;background:var(--vps-bg);color:var(--vps-ink)}
a{color:var(--vps-accent);text-underline-offset:.2em}button,input,select,textarea{font:inherit}button{cursor:pointer}
:where(a,button,input,textarea,select,summary):focus-visible{outline:3px solid var(--vps-accent);outline-offset:4px}
.vps-header{position:relative;background:var(--vps-surface);border-bottom:1px solid var(--vps-line);padding:12px 24px}
header:has(.vps-header){position:sticky;top:0;z-index:20}body.admin-bar header:has(.vps-header){top:32px}
.vps-header-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:20px;min-height:40px;max-width:1240px;margin:auto}
.vps-header-row .wp-block-site-title{font-size:1.15rem;font-weight:700;margin:0;line-height:1.2}
.vps-header-row .wp-block-site-title a{color:var(--vps-ink);text-decoration:none}
.vps-header-row>nav{justify-self:center}.vps-appearance{justify-self:end;border:1px solid var(--vps-line);border-radius:8px;padding:8px 12px;color:var(--vps-ink);background:var(--vps-surface);font-size:.875rem}
.vps-main{padding:28px 24px 40px;min-height:65vh}.vps-main>h1{font-size:clamp(1.8rem,3vw,2.75rem);margin:0 0 20px}
.vps-footer{padding:20px 24px;border-top:1px solid var(--vps-line);font-size:.875rem;color:var(--vps-muted)}
.vps-hero{text-align:center;padding:24px 0 28px}.vps-hero h1{font-size:clamp(2rem,3.2vw,3.25rem);letter-spacing:-.04em;margin:0 0 12px;line-height:1.1}.vps-hero p{color:var(--vps-muted);margin:12px 0}
.vps-showcase{display:grid;grid-template-columns:minmax(220px, .95fr) minmax(0,2.55fr);gap:28px;align-items:center;scroll-margin-top:100px}
.vps-feature-list{display:grid;gap:6px}.vps-feature{padding:16px 20px;border-left:4px solid transparent;border-radius:8px}.vps-feature:first-child{border-left-color:var(--vps-accent);background:var(--vps-soft)}.vps-feature h3{font-size:1.1rem;margin:0 0 4px}.vps-feature p{font-size:.875rem;color:var(--vps-muted);margin:0}
.vps-screenshot-placeholder{aspect-ratio:2.4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:24px;box-sizing:border-box;border:1px dashed var(--vps-muted);border-radius:14px;background:var(--vps-surface);box-shadow:0 12px 30px #10182812}.vps-screenshot-placeholder p{margin:0;color:var(--vps-muted)}
.vps-support{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:26px}.vps-card{padding:24px;border:1px solid var(--vps-line);border-radius:12px;background:var(--vps-surface)}.vps-card h2{font-size:1.25rem;margin:0 0 12px}.vps-card p{color:var(--vps-muted)}
.wp-block-details{border:1px solid var(--vps-line);border-radius:6px;margin:0 0 6px;padding:10px 14px;background:var(--vps-surface)}summary{cursor:pointer;font-weight:600}details p{font-size:.925rem}
.vps-member-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.vps-launch-card{grid-column:span 2}.vps-account .wp-block-post-content{max-width:920px}
.wpum-form,.wpum-template{color:var(--vps-ink)}.wpum-form fieldset{border:0;padding:0;margin:0 0 18px}.wpum-form input:not([type=checkbox]):not([type=radio]):not([type=submit]),.wpum-form select,.wpum-form textarea{box-sizing:border-box;max-width:100%;padding:10px 12px;border:1px solid var(--vps-muted);border-radius:7px;background:var(--vps-surface);color:var(--vps-ink)}
#bbpress-forums{font-size:1rem;color:var(--vps-ink)}#bbpress-forums li.bbp-header,#bbpress-forums li.bbp-footer,#bbpress-forums div.bbp-forum-header,#bbpress-forums div.bbp-topic-header,#bbpress-forums div.bbp-reply-header{background:var(--vps-soft);color:var(--vps-ink)}#bbpress-forums div.even,#bbpress-forums ul.even,#bbpress-forums div.odd,#bbpress-forums ul.odd{background:var(--vps-surface);color:var(--vps-ink)}#bbpress-forums ul.bbp-forums,#bbpress-forums ul.bbp-topics,#bbpress-forums ul.bbp-replies{border:1px solid var(--vps-line);border-radius:8px}
@media(max-width:720px){.vps-header{padding:10px 16px}.vps-header-row{grid-template-columns:minmax(0,1fr) auto;gap:12px}.vps-header-row>nav{grid-column:2;grid-row:1}.vps-appearance{grid-column:1/-1;justify-self:start}.vps-main{padding:20px 16px 28px}.vps-showcase,.vps-support,.vps-member-grid{grid-template-columns:minmax(0,1fr)}.vps-feature-list{grid-template-columns:1fr 1fr}.vps-feature{padding:12px}.vps-launch-card{grid-column:auto}.vps-screenshot-placeholder{aspect-ratio:auto;min-height:220px}.vps-card{padding:20px}body.admin-bar header:has(.vps-header){top:46px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* 0.2.0: approved homepage composition and presentation interactions */
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}*{box-sizing:border-box}[hidden]{display:none!important}
.vps-main{max-width:1288px;margin:0 auto;min-height:0}.vps-preview-note{text-align:center;font-size:.75rem;padding:5px 12px;background:var(--vps-soft);color:var(--vps-muted)}
.vps-header{position:sticky;top:0;z-index:20}.vps-header-row{align-items:center}.vps-brand{font-size:1.15rem;font-weight:700;color:var(--vps-ink);text-decoration:none;white-space:nowrap}.vps-brand span{font-size:1.65rem;color:var(--vps-accent);vertical-align:middle;margin-right:8px}
.vps-header nav,.vps-header-actions{display:flex;align-items:center;gap:28px}.vps-header-actions{justify-self:end;gap:20px}.vps-header a,.vps-header button{font-size:.875rem}.vps-header nav a{text-decoration:none;color:var(--vps-muted)}
.vps-text-button{border:0;background:none;padding:8px 0;color:var(--vps-muted)}.vps-primary{border:1px solid #2458e6;border-radius:7px;background:#2458e6;color:white;padding:10px 22px;font-weight:600;min-height:44px}.vps-primary:hover{background:#1947c4}.vps-secondary{border:1px solid var(--vps-line);border-radius:7px;background:var(--vps-surface);color:var(--vps-ink);padding:10px 16px;min-height:44px}
.vps-hero{padding:26px 0 34px}.vps-hero h1{font-size:clamp(2rem,3.1vw,3rem);font-weight:750;letter-spacing:-.045em}.vps-hero>p{font-size:clamp(1rem,1.4vw,1.25rem)}.vps-hero-actions{display:flex;justify-content:center;align-items:center;gap:28px;margin-top:20px}.vps-hero-actions a{font-size:.925rem;text-decoration:none;font-weight:600}
.vps-feature{display:flex;align-items:center;gap:16px;text-align:left;width:100%;background:transparent;color:var(--vps-muted);border:0;border-left:4px solid transparent;min-height:84px}.vps-feature:first-child{background:transparent;border-left-color:transparent}.vps-feature[aria-selected="true"]{background:var(--vps-soft);border-left-color:var(--vps-accent);color:var(--vps-ink)}.vps-feature strong{display:block;font-size:1.025rem}.vps-feature small{display:block;font-size:.85rem;font-weight:400;line-height:1.45;margin-top:4px}.vps-icon{font-size:2rem;width:30px;flex-shrink:0}.vps-feature[aria-selected="true"] .vps-icon{color:var(--vps-accent)}
.vps-feature-panel{border:1px solid var(--vps-line);border-radius:13px;padding:6px;background:var(--vps-surface);box-shadow:0 10px 25px #10182812}.vps-window-bar{display:flex;gap:20px;align-items:center;font-size:.8rem;color:var(--vps-muted);height:28px;padding:0 10px}.vps-window-bar>span:first-child{font-size:.6rem;letter-spacing:3px}.vps-screenshot-placeholder{aspect-ratio:2.45;min-height:300px;border-radius:8px;box-shadow:none;border-style:dashed;background:var(--vps-bg);gap:10px}.vps-screenshot-placeholder strong{font-size:1.35rem}.vps-placeholder-icon{font-size:3rem;color:var(--vps-muted)}.vps-screenshot-placeholder small{color:var(--vps-muted);font-size:.75rem}.vps-support{margin-top:28px;margin-bottom:16px}.vps-card{min-height:210px}.vps-card h2{font-size:1.15rem;line-height:1.3}.vps-card p{font-size:.925rem}.wp-block-details{border-radius:5px;padding:9px 12px}.wp-block-details summary{font-size:.875rem}.vps-footer>div{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between}
.vps-dialog{width:min(540px,calc(100% - 32px));max-height:85dvh;overflow:auto;border:1px solid var(--vps-line);border-radius:14px;padding:28px;background:var(--vps-surface);color:var(--vps-ink);box-shadow:0 24px 70px #0005}.vps-dialog::backdrop{background:#0c15266b}.vps-dialog-top{display:flex;align-items:flex-start;gap:16px;justify-content:space-between}.vps-dialog h2{font-size:1.4rem;margin:0;line-height:1.3}.vps-dialog-top button{border:0;background:none;color:var(--vps-ink);font-size:1.5rem;min-width:44px;min-height:44px}.vps-dialog p{color:var(--vps-muted)}body.vps-modal-open{overflow:hidden}.vps-skip{position:fixed;left:16px;top:-100px;z-index:100;background:var(--vps-surface);padding:12px}.vps-skip:focus{top:8px}
@media(max-width:900px){.vps-header-row{grid-template-columns:1fr auto}.vps-header nav{grid-row:2;grid-column:1/-1;justify-self:center}.vps-header-actions{grid-column:2;grid-row:1}.vps-showcase{grid-template-columns:230px minmax(0,1fr);gap:16px}.vps-screenshot-placeholder{min-height:320px}.vps-feature{padding:12px;gap:8px}}
@media(max-width:720px){.vps-brand{font-size:1rem;white-space:normal}.vps-brand span{display:none}.vps-header-actions{gap:12px}.vps-header-actions .vps-primary{padding:8px 12px}.vps-header nav{gap:32px}.vps-showcase{grid-template-columns:minmax(0,1fr)}.vps-feature-list{grid-template-columns:1fr 1fr}.vps-feature{min-height:100px;align-items:flex-start}.vps-feature small{font-size:.75rem}.vps-icon{display:none}.vps-hero{padding:16px 0 24px}.vps-hero-actions{gap:18px}.vps-screenshot-placeholder{min-height:240px}.vps-support{gap:14px}.vps-card{min-height:0}.vps-footer>div{gap:14px;flex-wrap:wrap}.vps-showcase{scroll-margin-top:140px}}
/* 0.2.1: compact first viewport; preserve normal scrolling and readable text. */
.vps-preview-note{display:none}
.vps-header{padding:4px 24px}
.vps-header-row{min-height:36px;gap:12px}
.vps-header .vps-primary{min-height:36px;padding:6px 16px}
.vps-header .vps-text-button{padding:6px 0}
.vps-brand span{font-size:1.3rem}
.vps-main{padding-top:14px}
.vps-hero{padding:8px 0 18px}
.vps-hero h1{font-size:clamp(1.8rem,2.6vw,2.5rem);margin:0 0 8px}
.vps-hero>p{margin:8px 0;font-size:1.05rem}
.vps-hero-actions{margin-top:12px;gap:24px}
.vps-feature{min-height:68px;padding:10px 14px}
.vps-feature-list{gap:4px}
.vps-feature strong{font-size:1rem}
.vps-feature small{font-size:.82rem}
.vps-screenshot-placeholder{min-height:0;aspect-ratio:2.65;padding:16px}
.vps-placeholder-icon{font-size:2rem}
.vps-support{margin-top:20px}
@media(min-width:901px){
 .vps-showcase{grid-template-columns:minmax(210px,.95fr) minmax(0,2.55fr);gap:24px}
 .vps-feature-panel .vps-screenshot-placeholder{height:clamp(240px,calc(100dvh - 285px),350px);aspect-ratio:auto}
}
@media(max-width:720px){
 .vps-header{padding:4px 16px}
 .vps-header-row{row-gap:0}
 .vps-header nav{min-height:32px}
 .vps-main{padding-top:12px}
 .vps-hero{padding:8px 0 18px}
 .vps-feature{min-height:84px}
 .vps-screenshot-placeholder{min-height:200px;aspect-ratio:auto}
}

/* 0.2.2: account links retain the established button appearance. */
a.vps-primary,a.vps-secondary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;line-height:1.5}
.vps-header a.vps-text-button{text-decoration:none;color:var(--vps-muted)}

/* 0.2.3: dashboard presentation surrounding existing protected page content. */
.vps-dashboard-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 24px}
.vps-app-card{grid-column:span 2}.vps-app-card h2{font-size:1.65rem}.vps-eyebrow{font-size:.75rem!important;letter-spacing:.08em;font-weight:600;margin-top:0}
.vps-launch-status{font-size:.82rem!important}.vps-primary:disabled{cursor:not-allowed;background:var(--vps-soft);border-color:var(--vps-line);color:var(--vps-muted)}
.vps-existing-resources{scroll-margin-top:90px;padding:20px;border:1px solid var(--vps-line);border-radius:12px;background:var(--vps-surface)}
@media(max-width:720px){.vps-dashboard-cards{grid-template-columns:minmax(0,1fr)}.vps-app-card{grid-column:auto}}

.vps-site-version{font-size:.8rem;color:var(--vps-muted);white-space:nowrap}

/* 0.2.8: plugin-owned forms and notices use the website presentation palette. */
.vps-auth-page .vps-main{width:100%;max-width:688px;padding-top:28px;padding-bottom:40px}
.vps-auth-page .vps-main>h1{font-size:clamp(1.8rem,3vw,2.3rem);margin-bottom:24px}
.vps-main .wpum-form fieldset{margin:0 0 20px;padding:0;border:0;line-height:1.5}
.vps-main .wpum-form fieldset label{margin-bottom:8px;color:var(--vps-ink)}
.vps-main .wpum-form .wpum-required{color:var(--vps-ink);font-weight:700}
.vps-main .wpum-form input:is([type=text],[type=email],[type=password],[type=tel],[type=url],[type=number]),
.vps-main .wpum-form select,.vps-main .wpum-form textarea{
 width:100%;max-width:100%;min-height:44px;padding:10px 12px;
 border:1px solid var(--vps-muted);border-radius:7px;
 background:var(--vps-surface);color:var(--vps-ink);font:inherit
}
.vps-main .wpum-form input::placeholder,.vps-main .wpum-form textarea::placeholder{color:var(--vps-muted);opacity:1}
.vps-main .wpum-form small.description{color:var(--vps-muted);opacity:1;line-height:1.5}
.vps-main .wpum-form input:is([type=checkbox],[type=radio]){accent-color:#2458e6;width:18px;height:18px;vertical-align:middle;margin-right:8px}
.vps-main .wpum-form input[type=submit],.vps-main .wpum-form button[type=submit]{
 display:inline-block;min-height:44px;padding:10px 24px;border:1px solid #2458e6;
 border-radius:7px;background:#2458e6;color:#fff;font:inherit;font-weight:600;cursor:pointer;opacity:1
}
.vps-main .wpum-form input[type=submit]:hover,.vps-main .wpum-form button[type=submit]:hover{background:#1947c4;border-color:#1947c4;opacity:1}
.vps-main .wpum-form :is(input,button,select,textarea):focus-visible{outline:3px solid var(--vps-accent);outline-offset:3px}
.vps-main .wpum-message{
 background:var(--vps-surface);color:var(--vps-ink);text-shadow:none;
 border:1px solid var(--vps-line);border-left:4px solid var(--vps-accent);
 border-radius:8px;padding:16px 18px;line-height:1.6;overflow-wrap:anywhere
}
.vps-main .wpum-message a,.vps-main .wpum-form a{color:var(--vps-accent);text-decoration:underline;text-underline-offset:.2em}
.vps-main .wpum-message a:hover,.vps-main .wpum-form a:hover{text-decoration-thickness:2px}
@media(max-width:720px){.vps-auth-page .vps-main{padding-top:20px;padding-bottom:28px}}

/* 0.3.0: compact shared navigation and accessible native mobile overlay. */
.vps-header-row>.vps-brand{min-width:0;font-size:1.05rem;line-height:1.3}
.vps-header-row>.vps-appearance{margin:0;font-size:.8rem;min-height:36px;padding:6px 10px}
.vps-header .wp-block-navigation{font-size:.875rem}
.vps-header .wp-block-navigation .current-menu-item>a{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.35em}
.vps-header .wp-block-navigation__responsive-container.is-menu-open{background:var(--vps-surface);color:var(--vps-ink);padding:24px}
.vps-header .wp-block-navigation__responsive-container.is-menu-open a{color:var(--vps-ink);font-size:1.125rem}
.vps-header .wp-block-navigation__responsive-container-open,.vps-header .wp-block-navigation__responsive-container-close{min-width:44px;min-height:44px;align-items:center;justify-content:center;color:var(--vps-ink)}
.vps-footer-home{color:var(--vps-muted);text-decoration:none}
.vps-footer-home:hover{text-decoration:underline}
.vps-skip:focus{top:8px;outline:3px solid var(--vps-accent);outline-offset:3px}
body.admin-bar .vps-skip:focus{top:40px}
@media(min-width:901px){.vps-header-row>.vps-brand{white-space:normal}.vps-header-row>.wp-block-navigation{margin:0}}
@media(max-width:600px){
 .vps-header-row:has(>.wp-block-navigation){grid-template-columns:minmax(0,1fr) auto auto;gap:8px}
 .vps-header-row>.wp-block-navigation{grid-column:3;grid-row:1;justify-self:end;min-height:44px;margin:0}
 .vps-header-row>.vps-appearance{grid-column:2;grid-row:1;justify-self:end;font-size:.75rem;padding:5px 8px}
 .vps-header-row>.vps-brand{font-size:.95rem;white-space:normal}
}
@media(forced-colors:active){.vps-feature[aria-selected="true"]{border-left-color:Highlight;outline:1px solid Highlight}.vps-primary{border:1px solid ButtonText}}

/* bbp Style Pack Basic retains its rendering; align its wrapper with the theme. */
.bbpress-container.bsp-fse-container{box-sizing:border-box;max-width:1288px;margin:0 auto;padding:14px 24px 40px}
.bbpress-container.bsp-fse-container>h1.wp-block-query-title{font-size:clamp(1.8rem,3vw,2.75rem)!important;margin:0 0 20px!important}
@media(max-width:720px){.bbpress-container.bsp-fse-container{padding:12px 16px 28px}}

/* 0.4.0: finish plugin presentation without replacing plugin markup or behavior. */
#bbpress-forums a{color:var(--vps-accent);overflow-wrap:anywhere}
#bbpress-forums :is(ul.bbp-forums,ul.bbp-topics,ul.bbp-replies,ul.bbp-search-results){border-color:var(--vps-line);background:var(--vps-surface);overflow-wrap:anywhere}
#bbpress-forums :is(li.bbp-body,li.bbp-header,li.bbp-footer,div.bbp-forum-header,div.bbp-topic-header,div.bbp-reply-header){border-color:var(--vps-line)}
#bbpress-forums :is(div.bbp-template-notice,div.bbp-template-notice.info,div.bbp-template-notice.error,div.bbp-template-notice.important){border:1px solid var(--vps-line);border-left:4px solid var(--vps-accent);border-radius:7px;background:var(--vps-surface);color:var(--vps-ink);padding:10px 14px;text-shadow:none}
#bbpress-forums .bbp-template-notice p{color:var(--vps-ink);font-size:.925rem;line-height:1.6}
#bbpress-forums :is(fieldset.bbp-form,fieldset.bbp-form legend){border-color:var(--vps-line);color:var(--vps-ink);background:var(--vps-surface)}
#bbpress-forums fieldset.bbp-form{border-radius:8px;padding:18px;max-width:100%}
#bbpress-forums input:is([type=text],[type=email],[type=url],[type=password]),#bbpress-forums select,#bbpress-forums textarea{max-width:100%;min-height:44px;box-sizing:border-box;background:var(--vps-bg);color:var(--vps-ink);border:1px solid var(--vps-muted);border-radius:6px;padding:9px 11px;font:inherit}
#bbpress-forums textarea{width:100%;min-height:160px}
#bbpress-forums input:is([type=checkbox],[type=radio]){accent-color:#2458e6}
#bbpress-forums :is(button[type=submit],input[type=submit]){background:#2458e6;color:#fff;border:1px solid #2458e6;border-radius:7px;padding:10px 18px;min-height:44px;font:inherit;font-weight:600;cursor:pointer}
#bbpress-forums :is(button[type=submit],input[type=submit]):hover{background:#1947c4;border-color:#1947c4}
#bbpress-forums :is(input,select,textarea,button,a):focus-visible{outline:3px solid var(--vps-accent);outline-offset:3px}
#bbpress-forums :is(div.bbp-breadcrumb,div.bbp-topic-tags,.bbp-pagination,.bbp-topic-meta,span.bbp-author-ip){color:var(--vps-muted)}
#bbpress-forums .bbp-pagination-links :is(a,span){border:1px solid var(--vps-line);border-radius:5px;padding:6px 10px;background:var(--vps-surface);color:var(--vps-ink)}
#bbpress-forums .bbp-pagination-links .current{font-weight:700;border-width:2px;text-decoration:underline}
#bbpress-forums .bbp-reply-content{line-height:1.7;overflow-wrap:anywhere}
#bbpress-forums .bbp-reply-content :is(img,video){max-width:100%;height:auto}
#bbpress-forums .bbp-reply-content pre{overflow:auto;max-width:100%;padding:12px;background:var(--vps-bg)}
#bbpress-forums .bbp-reply-content blockquote{margin-inline:0;padding-inline:16px;border-left:3px solid var(--vps-muted);color:var(--vps-muted)}
.vps-main .wpum-account-form :is(nav,ul){border-color:var(--vps-line)}
.vps-main .wpum-account-form a{color:var(--vps-accent)}
.vps-main .wpum-form input:disabled{opacity:.7;cursor:not-allowed}
.vps-main .wpum-form :is(input,textarea)[aria-invalid=true]{border-width:2px;border-style:dashed}
.vps-main .wpum-form :is(input,textarea):-webkit-autofill{-webkit-text-fill-color:var(--vps-ink);box-shadow:0 0 0 1000px var(--vps-surface) inset}
.vps-dashboard-cards .vps-card{display:flex;flex-direction:column;align-items:flex-start}
.vps-dashboard-cards .vps-card>.vps-secondary{margin-top:auto}
@media(max-width:600px){#bbpress-forums fieldset.bbp-form{padding:12px}#bbpress-forums :is(.bbp-topic-permalink,.bbp-forum-title){font-weight:600}#bbpress-forums .bbp-pagination-links{display:flex;flex-wrap:wrap;gap:4px}}

/* 0.4.1: a short, always-visible navigation avoids archive overlay dependencies. */
.vps-header .wp-block-navigation .wp-block-navigation__container{gap:18px;flex-wrap:wrap}
.vps-forum-return{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin:0 0 18px;padding:12px 0;border-bottom:1px solid var(--vps-line);font-size:.925rem}
#bbpress-forums .vps-forum-return a{color:var(--vps-accent);text-decoration:underline;text-underline-offset:.2em}
@media(max-width:600px){
 .vps-header-row:has(>.wp-block-navigation){grid-template-columns:minmax(0,1fr) auto;row-gap:4px}
 .vps-header-row>.vps-appearance{grid-column:2;grid-row:1}
 .vps-header-row>.wp-block-navigation{grid-column:1/-1;grid-row:2;justify-self:center;min-height:36px;width:100%;justify-content:center}
 .vps-header .wp-block-navigation .wp-block-navigation__container{justify-content:center;gap:8px 20px}
 .vps-header .wp-block-navigation a{display:inline-flex;align-items:center;min-height:36px}
}

/* 0.5.0 editable simulated feature previews. */
.vps-panels:not([data-vps-ready])>.vps-feature-panel:not(:first-child){display:none}
.vps-feature-panel .wp-block-image{margin:0;width:100%}
.vps-feature-panel .wp-block-image img{display:block;width:100%;height:auto;border-radius:8px}
.vps-edit-note{font-size:.75rem!important;line-height:1.5;color:var(--vps-muted);margin:4px 0 10px!important;font-weight:500}
.vps-feature-panel>.vps-edit-note{padding:4px 10px}
.vps-panels>.vps-feature-panel{margin-block-start:0}

.vps-dashboard-cards .vps-card>p:has(>.vps-secondary){margin-top:auto}
@media(min-width:901px){.vps-feature-panel .wp-block-image img{height:clamp(240px,calc(100dvh - 285px),350px);object-fit:contain;background:#020304}}

/* 0.6.0: same-tab application launch and a separate forum return row. */
.vps-forum-return{clear:both;width:100%;box-sizing:border-box}
.vps-forum-return a{display:inline-flex;align-items:center;gap:.35em;min-height:36px}
.vps-launch-button .wp-block-button__link{background:#2458e6;color:#fff;border:1px solid #2458e6;border-radius:8px;padding:10px 18px;font-weight:600;text-decoration:none}
.vps-launch-button .wp-block-button__link:hover{background:#1947c4}
.vps-launch-button .wp-block-button__link:focus-visible{outline:3px solid var(--vps-accent);outline-offset:3px}

/* 0.7.0: unified identity/navigation, account disclosure and feature overlays. */
.vps-shared-header .vps-header-row{grid-template-columns:auto minmax(0,1fr) auto;gap:16px;max-width:1360px;min-height:40px}
.vps-shared-header .vps-brand{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;font-size:1rem;line-height:1.2}
.vps-shared-header .vps-brand-icon{display:block;flex:none;width:36px;height:36px;border-radius:9px}
.vps-shared-header .vps-brand-name{display:inline;font-size:inherit;color:var(--vps-ink);margin:0;vertical-align:baseline}
.vps-shared-header nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;grid-column:auto;grid-row:auto;min-width:0}
.vps-shared-header nav :is(a,button){display:inline-flex;align-items:center;min-height:36px;padding:4px 0;white-space:nowrap}
.vps-shared-header .vps-header-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;grid-column:auto;grid-row:auto}
.vps-shared-header .vps-appearance{font-size:.72rem;line-height:1.3;min-height:32px;padding:5px 8px;white-space:nowrap;margin:0}
.vps-shared-header .vps-header-dashboard{min-height:36px;padding:6px 12px}
.vps-shared-header :is(a.vps-primary,a.vps-secondary){white-space:nowrap}
.vps-account-link,.vps-account-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-height:36px;border:1px solid var(--vps-line);border-radius:50%;background:var(--vps-surface);color:var(--vps-ink);cursor:pointer;list-style:none;padding:0}
.vps-account-toggle::-webkit-details-marker{display:none}
.vps-account-menu{position:relative;flex:none}
.vps-account-toggle[aria-expanded="true"]{background:var(--vps-soft);outline:2px solid var(--vps-accent);outline-offset:2px}
.vps-account-dropdown{position:absolute;right:0;top:calc(100% + 10px);width:224px;max-width:calc(100vw - 32px);padding:8px;background:var(--vps-surface);border:1px solid var(--vps-line);border-radius:10px;box-shadow:0 12px 32px #0006;z-index:30}
.vps-account-name{font-size:.875rem;font-weight:600;margin:0;padding:10px 12px;border-bottom:1px solid var(--vps-line);overflow-wrap:anywhere}
.vps-account-dropdown a{display:block;color:var(--vps-ink);padding:10px 12px;border-radius:5px;text-decoration:none}
.vps-account-dropdown a:hover{background:var(--vps-soft)}
.vps-features-page>h1{margin-bottom:12px}
.vps-features-intro{color:var(--vps-muted);margin-bottom:24px}
.vps-features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:18px}
.vps-feature-card{display:flex;flex-direction:column;padding:20px;border:1px solid var(--vps-line);border-radius:12px;background:var(--vps-surface);min-width:0;margin:0!important}
.vps-feature-card h2{font-size:1.2rem;margin:12px 0 8px;line-height:1.3}
.vps-feature-card p{color:var(--vps-muted);font-size:.925rem;margin:0 0 14px}
.vps-feature-card .wp-block-image{margin:0}
.vps-feature-card .wp-block-image img{display:block;width:100%;height:112px;object-fit:cover;border-radius:7px}
.vps-feature-card .wp-block-buttons{margin-top:auto!important;padding-top:10px}
.vps-feature-open .wp-block-button__link{background:#2458e6;color:#fff;border:1px solid #2458e6;border-radius:7px;font-size:.875rem;padding:9px 14px;min-height:40px;display:inline-flex;align-items:center;text-decoration:none}
.vps-feature-dialog{width:min(860px,calc(100% - 32px));padding:24px}
.vps-feature-dialog .vps-detail-copy{min-height:180px;margin-top:18px}
.vps-feature-dialog .wp-block-image{margin:20px 0}
.vps-feature-dialog .wp-block-image img{display:block;width:100%;height:auto;max-height:340px;object-fit:contain;border:1px solid var(--vps-line);border-radius:8px;background:var(--vps-bg)}
.vps-feature-dialog .wp-block-image figcaption{color:var(--vps-muted);font-size:.8rem}
@media(max-width:760px){.vps-features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
 .vps-shared-header{padding:5px 12px}
 .vps-shared-header .vps-header-row{gap:4px 8px}
 .vps-shared-header .vps-brand{font-size:.9rem;gap:7px;white-space:normal}
 .vps-shared-header .vps-brand-name{max-width:116px}
 .vps-shared-header .vps-header-actions{gap:6px;max-width:205px}
 .vps-shared-header .vps-header-actions .vps-appearance{order:0;font-size:.68rem}
 .vps-shared-header .vps-header-actions .vps-header-dashboard{display:none}
 .vps-shared-header .vps-header-actions :is(.vps-primary,.vps-text-button){padding:6px 9px;font-size:.78rem}
 .vps-shared-header nav{gap:4px 18px;justify-content:center}
 .vps-shared-header nav :is(a,button){font-size:.8rem}
 .vps-features-grid{grid-template-columns:minmax(0,1fr);grid-auto-rows:1fr}
 .vps-feature-card .wp-block-image img{height:140px}
}
@media(max-width:600px){
 .vps-shared-header .vps-header-actions{display:grid;grid-template-columns:auto auto 36px;max-width:none;gap:4px 6px}
 .vps-shared-header .vps-header-actions>.vps-appearance{grid-column:1/-1;grid-row:2;justify-self:end;min-height:26px}
 .vps-shared-header .vps-header-actions>.vps-header-dashboard{display:inline-flex}
 .vps-shared-header .vps-header-actions>:is(.vps-account-menu,.vps-account-link){grid-column:3;grid-row:1}
 .vps-shared-header .vps-header-actions>:is(.vps-header-dashboard,.vps-text-button){grid-column:1;grid-row:1}
 .vps-shared-header .vps-header-actions>.vps-primary{grid-column:2;grid-row:1}
}
@media(max-width:430px){.vps-shared-header .vps-brand-name{display:none}}

/* 0.7.1: fit actual content before wrapping; account links retain native actions. */
.vps-shared-header .vps-header-row{grid-template-columns:max-content minmax(0,1fr) max-content;column-gap:16px}
.vps-shared-header .vps-brand{width:max-content;max-width:100%}
.vps-shared-header nav{grid-column:2;grid-row:1;gap:6px 14px}
.vps-shared-header .vps-header-actions{grid-column:3;grid-row:1}
.vps-shared-header[data-vps-layout="single"] nav{flex-wrap:nowrap}
.vps-shared-header[data-vps-layout="wrapped"] .vps-header-row{grid-template-columns:minmax(0,1fr) max-content}
.vps-shared-header[data-vps-layout="wrapped"] nav{grid-column:1/-1;grid-row:2;justify-self:center}
.vps-shared-header[data-vps-layout="wrapped"] .vps-header-actions{grid-column:2;grid-row:1}
.vps-account-toggle{font:inherit}
.vps-account-name{cursor:default;user-select:text}
#faq{scroll-margin-top:150px}
@media(max-width:900px){
 .vps-shared-header:not([data-vps-layout]) .vps-header-row{grid-template-columns:minmax(0,1fr) max-content}
 .vps-shared-header:not([data-vps-layout]) nav{grid-column:1/-1;grid-row:2}
 .vps-shared-header:not([data-vps-layout]) .vps-header-actions{grid-column:2;grid-row:1}
}
@media(max-width:600px){.vps-shared-header .vps-header-row{column-gap:8px}}

/* 0.7.2: quiet current-page treatment, with text semantics as well as shading. */
.vps-shared-header nav :is(a,button){padding-inline:8px;border-radius:6px}
.vps-shared-header nav :is([aria-current="page"],[aria-current="location"],[aria-expanded="true"]),
.vps-account-dropdown a[aria-current="page"]{background:var(--vps-soft);color:var(--vps-ink);box-shadow:inset 0 -2px 0 var(--vps-accent)}
.vps-shared-header .vps-header-actions>a[aria-current="page"]{box-shadow:0 0 0 2px var(--vps-surface),0 0 0 3px var(--vps-accent)}
.vps-shared-header .vps-header-actions>a.vps-text-button[aria-current="page"]{background:var(--vps-soft);color:var(--vps-ink);padding-inline:8px;border-radius:6px;box-shadow:inset 0 -2px 0 var(--vps-accent)}
.vps-hero-actions a.vps-hero-launch{background:#63dfd1;border-color:#63dfd1;color:#092b2a;padding:10px 22px}
.vps-hero-actions a.vps-hero-launch:hover{background:#8bece0;border-color:#8bece0}
.vps-shared-header .vps-header-actions>a.vps-primary[aria-current="page"]{background:#1947c4}

/* 0.8.0: compact shared guest identity, account privacy and resource copy. */
.vps-get-started{display:flex;flex-direction:column;align-items:center;gap:5px}
.vps-get-started small{display:block;color:var(--vps-muted);font-size:.75rem}
.vps-get-started small a{font-size:inherit;font-weight:400;text-decoration:underline}
.vps-hero-actions{align-items:flex-start}
.vps-hero-actions>a{margin-top:10px}
.vps-account-toggle.is-current{background:var(--vps-soft);box-shadow:inset 0 -2px 0 var(--vps-accent)}
.vps-footer-privacy{color:var(--vps-muted);font-size:.85rem}
.vps-privacy-panel{margin-top:24px;padding:22px;background:var(--vps-surface);border:1px solid var(--vps-line);border-radius:12px}
.vps-privacy-panel h2{margin-top:0;font-size:1.3rem}
.vps-privacy-panel fieldset{border:1px solid var(--vps-line);border-radius:8px;padding:16px;margin:18px 0}
.vps-privacy-panel legend{font-weight:700;padding:0 5px}
.vps-privacy-panel label{display:block;margin:12px 0}
.vps-privacy-panel input:is([type=password],[type=text]){display:block;width:100%;max-width:360px;background:var(--vps-bg);color:var(--vps-ink);border:1px solid var(--vps-muted);border-radius:6px;padding:9px;margin-top:5px}
.vps-privacy-warning{border-left:4px solid var(--vps-accent);padding-left:12px;font-weight:600}
.vps-privacy-status{padding:12px;border:1px solid var(--vps-line);border-radius:6px;overflow-wrap:anywhere}
.vps-privacy-panel button{padding:10px 16px;min-height:44px;border:1px solid var(--vps-line);border-radius:7px;background:var(--vps-soft);color:var(--vps-ink)}
.vps-privacy-panel button:disabled{opacity:.65;cursor:wait}
@media(max-width:600px){.vps-shared-header .vps-header-actions{grid-template-columns:36px}.vps-shared-header .vps-header-actions>:is(.vps-account-menu,.vps-account-link){grid-column:1}.vps-shared-header .vps-header-actions>.vps-primary{grid-column:1;grid-row:2}.vps-shared-header .vps-header-actions>.vps-appearance{grid-column:1;grid-row:3}}

@media(max-width:600px){.vps-shared-header .vps-header-actions{grid-template-columns:auto 36px}.vps-shared-header .vps-header-actions>:is(.vps-account-menu,.vps-account-link){grid-column:2;grid-row:1}.vps-shared-header .vps-header-actions>.vps-primary{grid-column:1;grid-row:1}.vps-shared-header .vps-header-actions>.vps-appearance{grid-column:1/-1;grid-row:2}}

/* Account Data is a dedicated WPUM tab. */
.wpum-account-content .vps-privacy-panel{margin-top:0}
[data-svs-export-downloads]{display:flex;flex-wrap:wrap;gap:8px}
[data-svs-export-downloads][hidden]{display:none}
/* Keep WPUM's active tab legible within both approved appearance modes. */
.vps-main #wpum-account-forms-tabs ul li:is(.active,:hover){background:var(--vps-soft);color:var(--vps-ink)}
.vps-main #wpum-account-forms-tabs ul li.active{box-shadow:inset 3px 0 0 var(--vps-accent)}
.vps-main #wpum-account-forms-tabs ul li:is(.active,:hover) a{color:var(--vps-ink)}