/* Page shells, prose (info) pages and 404. Source: "Page shells" and "Prose pages" in app/globals.css. */

/* Page shells */
.page { max-width: var(--cc-content-width, 1300px); margin: 0 auto; padding: calc(24px * var(--cc-space, 1)) 16px calc(64px * var(--cc-space, 1)); }
.page.narrow { max-width: 1120px; padding-top: 28px; }
.crumb { font-size: 12.5px; color: var(--mute); margin-bottom: 10px; }
.crumb a { font-weight: 600; }
.page-title { font-family: var(--display); font-size: calc(48px * var(--cc-h-scale, 1)); line-height: 1; letter-spacing: 0.02em; margin: 0; font-weight: var(--cc-h-weight, 400); text-transform: var(--cc-h-transform, none); }
.panel { background: var(--cc-card-bg, var(--card)); border: 1px solid var(--cc-card-border, var(--line)); border-radius: var(--cc-card-radius, 10px); }
.panel.strong { border: 1.5px solid var(--ink); box-shadow: 0 2px 0 rgba(26,24,20,0.04), 0 6px 16px rgba(26,24,20,0.08); }
.panel.white { background: var(--white); }
.cols { display: flex; flex-wrap: wrap; gap: 28px; align-items: flex-start; }
.empty { padding: 56px 24px; text-align: center; }

/* Prose pages */
.prose { max-width: 760px; }
.prose h2 { font-family: var(--display); font-size: calc(30px * var(--cc-h-scale, 1)); letter-spacing: .02em; font-weight: var(--cc-h-weight, 400); margin: 28px 0 8px; text-transform: var(--cc-h-transform, none); }
.prose p, .prose li { font-size: 15px; color: var(--ink2); }

/* WordPress additions. Titles are stored in normal case; keep them capitals even before Bebas loads. */
.prose .page-title { text-transform: uppercase; }
.prose p.lede { font-size: 16px; }
.prose .wp-block-heading { line-height: 1; }
.prose ul, .prose ol { padding-left: 1.25em; }
/* 1.13.0: state subheadings on the Terms of Service page. */
.prose h3 { font-size: 15px; font-weight: 700; color: var(--ink); margin: 18px 0 4px; }

/* 404 — former inline styles in app/not-found.tsx. */
.notfound { max-width: 720px; margin: 0 auto; padding: 80px 16px 110px; text-align: center; }
.notfound h1 { font-size: calc(64px * var(--cc-h-scale, 1)); margin: 8px 0 0; font-weight: var(--cc-h-weight, 400); text-transform: var(--cc-h-transform, none); }
.notfound p { color: var(--ink2); margin: 12px 0 24px; }