/* Placeholder pages (config/nav_samples.yml): static sample data in the navigation's empty pages. Layout only, tokens only. Delete a page's entry when it is wired. */
.placeholder-banner { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; color: var(--ink-2); font-size: var(--fs-ui); margin: 0 0 16px; }
.placeholder-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 12px; }
.page.soon .card.placeholder-stat { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; text-align: left; }
.placeholder-stat__value { font-size: 24px; color: var(--ink); }
.placeholder-table { width: 100%; border-collapse: collapse; }
.placeholder-table th, .placeholder-table td { text-align: left; padding: 10px 8px; border-bottom: 1px solid var(--line); font-size: var(--fs-ui); }
.placeholder-table th { color: var(--ink-3); font-weight: 500; }
.placeholder-people, .placeholder-sections { display: flex; flex-direction: column; gap: 10px; }
.page.soon .card.placeholder-person { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 14px; text-align: left; }
.placeholder-person__body { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; }
.page.soon .placeholder-sections .card { text-align: left; align-items: flex-start; }
.placeholder-sections .card p { margin: 4px 0 0; }