.vnat-app[data-page="placeholder"] {
  --vph-paper: #faf7f2;
  --vph-ink: #1e1b18;
  --vph-muted: #625b53;
  --vph-sep: #8c827a;
  --vph-border: #e4ddd3;
  --vph-brand: #8b1d1d;
  --vph-brand-deep: #500e0e;
  --vph-gutter: max(48px, calc((100% - 1280px) / 2 + 24px));

  background: var(--vph-paper);
  color: var(--vph-ink);
  font-family: 'Noto Sans', Arial, sans-serif;
}

.vnat-app[data-page="placeholder"] *,
.vnat-app[data-page="placeholder"] *::before,
.vnat-app[data-page="placeholder"] *::after { box-sizing: border-box; }

.vnat-app[data-page="placeholder"] .vph-breadcrumb { display: flex; align-items: center; gap: 8px; padding: 14px var(--vph-gutter); border: 1px solid var(--vph-border); border-right: 0; border-left: 0; font-family: 'Noto Sans Display', Arial, sans-serif; font-size: 12px; font-stretch: 75%; font-weight: 600; letter-spacing: 1.2px; line-height: 16px; text-transform: uppercase; white-space: nowrap; }
.vnat-app[data-page="placeholder"] .vph-breadcrumb a { color: var(--vph-muted); text-decoration: none; }
.vnat-app[data-page="placeholder"] .vph-breadcrumb a:hover { text-decoration: underline; }
.vnat-app[data-page="placeholder"] .vph-breadcrumb__sep { color: var(--vph-sep); }
.vnat-app[data-page="placeholder"] .vph-breadcrumb__current { color: var(--vph-brand); }

.vnat-app[data-page="placeholder"] .vph-body { display: flex; flex-direction: column; align-items: center; gap: 16px; min-height: 420px; padding: 96px var(--vph-gutter); text-align: center; }
.vnat-app[data-page="placeholder"] .vph-body h1 { margin: 0; color: var(--vph-ink); font-family: 'Noto Serif Display', Georgia, serif; font-size: 64px; font-stretch: 75%; font-weight: 800; letter-spacing: -1.28px; line-height: 70px; }
.vnat-app[data-page="placeholder"] .vph-body p { max-width: 694px; margin: 0; color: var(--vph-muted); font-family: 'Noto Serif', Georgia, serif; font-size: 18px; line-height: 30px; }
.vnat-app[data-page="placeholder"] .vph-body__cta { display: inline-flex; align-items: center; height: 40px; margin-top: 8px; padding: 0 24px; border-radius: 9999px; background: var(--vph-brand-deep); color: #fff; font-family: 'Noto Sans Display', Arial, sans-serif; font-size: 14px; font-weight: 600; text-decoration: none; }
.vnat-app[data-page="placeholder"] .vph-body__cta:hover { background: var(--vph-brand); }
.vnat-app[data-page="placeholder"] .vph-body__cta:focus-visible { outline: 2px solid var(--vph-brand); outline-offset: 2px; }

@media (max-width: 767px) {
  .vnat-app[data-page="placeholder"] { --vph-gutter: 16px; }
  .vnat-app[data-page="placeholder"] .vph-body { min-height: 0; padding: 56px var(--vph-gutter); }
  .vnat-app[data-page="placeholder"] .vph-body h1 { font-size: 40px; letter-spacing: -.8px; line-height: 46px; }
  .vnat-app[data-page="placeholder"] .vph-body p { font-size: 16px; line-height: 26px; }
}