/*
 * Brightway Consultancy — legal.css
 * Placeholder legal pages — /privacy/ (page-privacy.php) and /terms/
 * (page-terms.php). Sober construction pages: a simple editorial hero
 * and a comfortable reading column that inherits the single-article
 * prose feel (Fraunces, justified, ~72ch) — minus the drop cap, which
 * belongs to articles, not policy text.
 *
 * Scope:
 *   1. .bwc-legal-hero    — simple opener (eyebrow + title), no glow.
 *   2. .bwc-legal-body    — reading column wrapper.
 *   3. .bwc-legal-prose   — editorial prose, justified, hyphenated.
 *      + .bwc-legal-prose__note — muted italic "to be published" flag.
 *
 * Depends on tokens.css, layout.css (.bwc-container--narrow). Gold-only
 * decor; no transitions (static pages). prefers-reduced-motion handled
 * globally in utilities.css.
 */

/* ===========================================================================
 * 1. HERO — simple editorial opener
 * ========================================================================= */

.bwc-legal-hero {
	padding-block-start: clamp(8rem, 6rem + 8vw, 14rem);
	padding-block-end: clamp(2rem, 1.5rem + 2vw, 3.5rem);
}

.bwc-legal-hero__inner > * + * {
	margin-block-start: var(--bwc-space-3);
}

.bwc-legal-hero__title {
	font-family: var(--bwc-font-display);
	font-size: var(--bwc-fs-3xl);
	font-weight: 480;
	line-height: 1.1;
	color: var(--bwc-text);
	letter-spacing: -0.015em;
}

/* Last-updated meta under the title. Quiet mono, sand muted. */
.bwc-legal-hero__meta {
	color: var(--bwc-text-muted);
	font-family: var(--bwc-font-mono);
	font-size: var(--bwc-fs-xs);
	letter-spacing: 0.02em;
}

/* ===========================================================================
 * 2. BODY — reading column
 * ========================================================================= */

.bwc-legal-body {
	padding-block-start: clamp(1.5rem, 1rem + 2vw, 3rem);
	padding-block-end: clamp(3rem, 2rem + 4vw, 6rem);
}

/* ===========================================================================
 * 3. PROSE — mirrors .bwc-insight-body__prose typography (no drop cap)
 * ========================================================================= */

.bwc-legal-prose {
	font-family: var(--bwc-font-display);
	font-size: clamp(1.0625rem, 0.95rem + 0.4vw, 1.1875rem); /* 17–19px */
	line-height: 1.78;
	color: var(--bwc-text);
	font-weight: 400;
}

.bwc-legal-prose > * + * {
	margin-block-start: var(--bwc-space-4);
}

.bwc-legal-prose p {
	margin: 0;
	text-align: justify;
	hyphens: auto;
}

/* Section headings inside the policy column. Display face, ragged. */
.bwc-legal-prose h2 {
	font-family: var(--bwc-font-display);
	font-size: var(--bwc-fs-xl);
	font-weight: 480;
	line-height: 1.2;
	letter-spacing: -0.01em;
	color: var(--bwc-text);
	margin-block-start: var(--bwc-space-6);
	text-align: start;
}

.bwc-legal-prose h3 {
	font-family: var(--bwc-font-body);
	font-size: var(--bwc-fs-base);
	font-weight: 600;
	line-height: 1.4;
	color: var(--bwc-text);
	margin-block-start: var(--bwc-space-4);
	text-align: start;
}

/* Lists — ragged, indented, comfortable rhythm. */
.bwc-legal-prose ul {
	margin: 0;
	padding-inline-start: 1.4em;
	list-style: none;
}

.bwc-legal-prose ul > li {
	position: relative;
	margin-block-start: var(--bwc-space-2);
	text-align: start;
}

.bwc-legal-prose ul > li::before {
	content: "";
	position: absolute;
	inset-inline-start: -1.1em;
	inset-block-start: 0.7em;
	width: 0.4em;
	height: 1px;
	background: var(--bwc-accent-gold);
}

.bwc-legal-prose a {
	color: var(--bwc-accent-gold);
	text-decoration: none;
	border-block-end: 1px solid color-mix(in srgb, var(--bwc-accent-gold) 40%, transparent);
}

@media (hover: hover) and (pointer: fine) {
	.bwc-legal-prose a:hover {
		border-block-end-color: var(--bwc-accent-gold);
	}
}

.bwc-legal-prose strong {
	font-weight: 600;
	color: var(--bwc-text);
}

/* Effective-date / scope meta line under the title. */
.bwc-legal-prose__meta {
	color: var(--bwc-text-muted);
	font-family: var(--bwc-font-mono);
	font-size: var(--bwc-fs-xs);
	letter-spacing: 0.02em;
	text-align: start;
}

/* Construction flag — muted italic, left to read as ragged (no justify). */
.bwc-legal-prose__note {
	color: var(--bwc-text-muted);
	font-style: italic;
	text-align: start;
}