/* The small pages (confirm, unsubscribe, privacy): navy top bar with a perforated edge, then one ticket card. */
.bar{position:relative;background:var(--navy);color:#fff}
.bar::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:22px;background:radial-gradient(circle at 11px 22px,var(--page) 9px,transparent 9.5px) 0 0/22px 22px repeat-x}
.bar .wrap{padding-bottom:22px;height:98px}
.page{min-height:calc(100svh - 98px - 120px);display:grid;align-content:center;padding:64px 0}
.card{max-width:560px;background:#fff;border:1px solid var(--hair);border-radius:14px;padding:44px 40px;display:grid;gap:14px;justify-items:start;box-shadow:var(--shadow-high)}
.card h1{margin:0;font:900 clamp(40px,6vw,60px)/.92 var(--display);text-transform:uppercase;text-wrap:balance;outline:none}
.card p{margin:0;font-size:18px}
.card .muted{color:var(--muted);font-size:16px}
.card .btn{margin-top:8px}
.card .err{color:var(--red-deep)}
.card .err:empty{display:none}
/* A card with a red tear-off tab on the right, like the waitlist email's stub. */
.card.stub{grid-template-columns:1fr 112px;justify-items:stretch;padding:0;gap:0;overflow:hidden;width:100%}
.stub .in{padding:44px 40px;display:grid;gap:14px;justify-items:start}
.stub .tab{background:var(--red);color:#fff;border-left:2px dashed rgb(255 255 255/.55);display:grid;place-content:center;justify-items:center;gap:6px;text-align:center}
.stub .tab b{font:900 64px/.9 var(--display)}
.stub .tab span{font:700 13px/1 var(--ui);letter-spacing:.1em}

/* privacy: plain reading column */
.prose{max-width:720px;padding:56px 0 24px}
.prose h1{margin:0 0 8px;font:900 clamp(44px,6vw,72px)/.92 var(--display);text-transform:uppercase}
.prose .date{margin:0 0 36px;color:var(--muted);font-size:15px}
.prose h2{margin:36px 0 10px;padding-top:20px;border-top:2px dashed var(--hair-strong);font:900 30px/1 var(--display);text-transform:uppercase}
.prose p,.prose li{font-size:17px;line-height:1.6}
.prose ul{padding-left:22px}

@media (max-width:640px){
  .card{padding:32px 22px}
  .card.stub{grid-template-columns:1fr 76px;padding:0}
  .stub .in{padding:32px 22px}
  .stub .tab b{font-size:46px}
  .bar .wrap{height:90px}
}