:root { --card-bg:#fffdf9; }
.page-body { min-height:100vh; display:flex; flex-direction:column }
.page-header { height:64px; display:flex; align-items:center; justify-content:space-between; padding:0 var(--page); border-bottom:1px solid var(--line) }
.page-header-cta { margin:0; font-size:12px; font-weight:700 }
.page-header-cta a { text-decoration:underline; text-underline-offset:2px }
.page-shell { flex:1; display:flex; align-items:center; justify-content:center; padding:56px var(--page) 80px }
.placeholder-card { max-width:560px; width:100%; background:var(--card-bg); border:1px solid var(--line); border-radius:calc(var(--radius) + 6px); padding:40px }
.placeholder-card .eyebrow { margin:0; font-size:10px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; color:var(--muted) }
.placeholder-card h1 { margin:10px 0 0; font-size:clamp(28px,3.4vw,40px); line-height:1.05; letter-spacing:-.04em; font-weight:1000 }
.placeholder-card p { margin:16px 0 0; font-size:14px; line-height:1.5 }
.placeholder-card p.muted { color:var(--muted); font-size:13px }
.placeholder-actions { margin-top:26px; display:flex; gap:12px; flex-wrap:wrap }
.button-outline { display:inline-flex; gap:10px; align-items:center; border:1px solid #c7c3ba; background:#fff; color:var(--ink); border-radius:999px; padding:12px 18px; font-size:12px; font-weight:800; text-decoration:none; transition:transform .2s }
.button-outline:hover { transform:translateY(-2px) }
.page-footer { display:flex; align-items:center; justify-content:space-between; padding:22px var(--page); border-top:1px solid var(--line); font-size:11px }
.page-footer nav { display:flex; gap:16px; color:#595852 }
@media (max-width:700px) {
  .placeholder-card { padding:26px }
  .page-shell { padding:32px var(--page) 56px }
}