/* ============================================================================
   AJAY CHEEMA — standard / legal page styles (page.php)
   Carbon page hero + readable prose column for editor content
   (Privacy Policy, Terms & Conditions, other simple pages).
   Bundled by PostCSS → assets/css/page-legal.css
   ============================================================================ */

/* ============================================================================
   SHARED PAGE HERO (carbon)
   Used by The Method page and the standard/legal page template.
   Source: Ajay Cheema/The Method.html page styles.
   ============================================================================ */

.page-hero { background: var(--carbon); padding: clamp(80px,12vh,150px) clamp(24px,5vw,72px) clamp(56px,8vh,96px); }

.page-hero__inner { max-width: var(--container); margin: 0 auto; }

.page-hero h1 { font-family: var(--font-head); font-weight: 700; letter-spacing: -.02em;
  font-size: clamp(40px,7vw,96px); line-height: .98; color: var(--bone); margin: 18px 0 0;
  overflow-wrap: anywhere; }

.page-hero p.sub { font-size: clamp(16px,1.4vw,20px); color: var(--ash-400); line-height: 1.55;
  margin: 24px 0 0; max-width: 52ch; }

/* prose column — long-form editor content */

.prose { max-width: 72ch; }

.prose h2 { font-family: var(--font-head); font-weight: 700; letter-spacing: -.015em;
  font-size: clamp(24px, 2.6vw, 32px); line-height: 1.1; margin: 44px 0 14px; color: var(--carbon); }

.prose h3 { font-family: var(--font-head); font-weight: 700; letter-spacing: -.01em;
  font-size: clamp(19px, 1.9vw, 23px); line-height: 1.2; margin: 32px 0 10px; color: var(--carbon); }

.prose p { margin: 0 0 16px; line-height: 1.65; }

.prose ul, .prose ol { margin: 0 0 16px; padding-left: 22px; line-height: 1.65; }

.prose li { margin-bottom: 6px; }

.prose a { color: var(--ignite); text-underline-offset: 3px; }

.prose a:hover { color: var(--carbon); }

.prose strong { color: var(--carbon); }

.prose hr { border: 0; border-top: 1px solid var(--border); margin: 36px 0; }

/* shared consultation policy block (appended when Page Options toggle is on) */

.policy-block { margin-top: 48px; padding: clamp(22px, 3vw, 32px); border: 1px solid var(--border);
  border-left: 3px solid var(--ignite); background: var(--bone-100); }

.policy-block h2 { font-family: var(--font-head); font-weight: 700; letter-spacing: -.015em;
  font-size: clamp(20px, 2vw, 25px); line-height: 1.15; margin: 0 0 12px; color: var(--carbon); }

.policy-block p { margin: 0 0 12px; line-height: 1.6; }

.policy-block p:last-child { margin-bottom: 0; }