.placeholder { display: grid; min-height: calc(100vh - var(--header-height) - 54px); place-items: center; padding: 40px 0; }
.placeholder__content { width: min(100%, 650px); text-align: center; }
.placeholder__visual { position: relative; display: grid; width: 92px; height: 92px; place-items: center; margin: 0 auto 28px; border: 1px solid var(--color-brand); border-radius: var(--radius-medium); background: var(--color-brand-soft); color: var(--color-brand-dark); font-size: 2rem; font-weight: 900; }
.placeholder__visual::after { position: absolute; right: -7px; bottom: -7px; width: 21px; height: 21px; border: 4px solid var(--color-background); border-radius: 50%; background: var(--color-brand); content: ""; }
.placeholder h1 { margin-top: 10px; font-size: clamp(2.5rem, 8vw, 4.8rem); }
.placeholder__copy { max-width: 45ch; margin: 18px auto 0; color: var(--color-text-muted); }
.placeholder__status { display: inline-flex; align-items: center; gap: 8px; margin-top: 26px; padding: 8px 11px; border: 1px solid var(--color-border); border-radius: 4px; background: var(--color-surface); color: var(--color-text-muted); font-size: 0.72rem; font-weight: 750; }
.placeholder__status::before { width: 7px; height: 7px; border-radius: 50%; background: #f59e0b; content: ""; }
.placeholder__back { margin-top: 30px; }

@media (max-width: 640px) {
  .placeholder { min-height: calc(100vh - var(--header-height)); padding: 32px 0 54px; }
  .placeholder__visual { width: 76px; height: 76px; }
}