/* Studio Dawn — shared "content page" template: FAQs, Policies, Journal, Sitemap.
   Loads after system.css + site.css. */

html { scroll-behavior: smooth; }
body { background: var(--cream); }

.nav { border-bottom: 1px solid var(--hair); color: var(--crimson); background: color-mix(in oklab, var(--cream) 92%, transparent); backdrop-filter: blur(8px); }
.nav-in { padding-block: 13px; }

.hero-top { padding-top: clamp(112px, 17vh, 176px); padding-bottom: clamp(36px,4vw,56px); }
.page-h { font-family: var(--grotesque); font-weight: 700; letter-spacing: -0.03em; line-height: 0.95; font-size: clamp(40px, 7vw, 96px); color: var(--crimson); margin: 0 0 14px; }
.page-sub { font-size: clamp(16px,1.7vw,20px); color: var(--umber-2); max-width: 60ch; margin: 0; font-weight: 300; }

.sec-head { color: var(--crimson); }

/* Journal article template (Journal Post pages) */
.post-shell { max-width: 820px; }
.back-link { font-family: var(--mono); font-size: 14px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--crimson); text-decoration: none; }
.back-link:hover { text-decoration: underline; }
.post-top { padding-top: clamp(112px, 17vh, 176px); padding-bottom: clamp(28px,3vw,40px); }
.post-date { font-family: var(--mono); font-size: 14px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--crimson); margin-bottom: 14px; }
.post-title { font-size: clamp(30px,4.2vw,46px); font-weight: 600; letter-spacing: -0.02em; line-height: 1.1; margin: 0 0 24px; }
.post-fig { width: 100%; aspect-ratio: 16/9; border-radius: 12px; overflow: hidden; margin-bottom: clamp(32px,4vw,48px); background: var(--pink); }
.post-fig img { width: 100%; height: 100%; object-fit: cover; object-position: center 30%; }
.post-body { padding-bottom: clamp(72px,8vw,120px); }
.post-body p { font-size: 18px; line-height: 1.7; color: var(--umber-2); margin: 0 0 22px; }
.post-body a { color: var(--crimson); text-decoration: underline; }
.post-body a:hover { color: var(--umber); }
.post-body h2 { font-size: clamp(22px,2.6vw,28px); font-weight: 600; letter-spacing: -0.01em; color: var(--ink); margin: 36px 0 16px; }
.post-body ul { margin: 0 0 22px; padding-left: 0; list-style: none; display: flex; flex-direction: column; gap: 10px; }
.post-body li { font-size: 18px; line-height: 1.6; color: var(--umber-2); }