/**
 * lc-codex-pages.css
 * Shared house style for the Codex reference pages — the 13 equation pages
 * and the 22 variable pages. Both templates enqueue this so their hero and
 * breadcrumb stay identical and cannot drift apart again.
 *
 * @since 1.5.142
 */

/* ── Page shell ─────────────────────────────────────────────────────── */
.lc-codex-page { color:#1a1a2e; font-size:18px; line-height:1.7; }
.lc-codex-page p { margin:0 0 1.1em; }
.lc-codex-page em { font-style:italic; }

/* ── Breadcrumb ─────────────────────────────────────────────────────── */
.lc-codex-crumb { max-width:1080px; margin:0 auto; padding:16px 20px 0; font-size:14px; color:#52606d; }
.lc-codex-crumb a { color:#52606d; text-decoration:none; border-bottom:1px solid transparent; }
.lc-codex-crumb a:hover { color:#0f766e; border-bottom-color:#0f766e; }
.lc-codex-crumb__sep { margin:0 8px; color:#9aa5b1; }
.lc-codex-crumb__current { color:#1a1a2e; font-weight:600; }

/* ── Hero (centred, dark) ───────────────────────────────────────────── */
.lc-codex-hero { background:#1a1a2e; color:#fff; padding:64px 20px 56px; text-align:center; }
.lc-codex-hero__inner { max-width:760px; margin:0 auto; }
.lc-codex-eyebrow { text-transform:uppercase; letter-spacing:.12em; font-size:13px; font-weight:600; color:#b8912f; margin:0 0 12px; }
.lc-codex-hero__title { font-size:clamp(40px,7vw,68px); line-height:1.05; margin:0 0 22px; font-weight:700; color:#fff; }
.lc-codex-hero h1 { color:#fff; }
.lc-codex-hero__sub { font-size:19px; color:rgba(255,255,255,.85); max-width:640px; margin:22px auto 0; }
.lc-codex-epigraph { font-style:italic; font-size:21px; color:rgba(255,255,255,.92); border:0; max-width:620px; margin:0 auto 26px; padding:0; }
.lc-codex-formula-box { display:inline-block; background:rgba(255,255,255,.08); border:1px solid rgba(184,145,47,.5); border-radius:10px; padding:16px 26px; font-size:22px; color:#fff; }
.lc-codex-formula-box em { font-style:italic; }
.lc-codex-badge { display:inline-block; margin:0 auto 18px; padding:5px 12px; border-radius:6px; font-size:13px; font-weight:600; letter-spacing:.02em; background:rgba(220,38,38,.18); color:#fca5a5; border:1px solid rgba(220,38,38,.35); }

/* ── Sections ───────────────────────────────────────────────────────── */
.lc-codex-section { padding:56px 20px; }
.lc-codex-section--white { background:#ffffff; }
.lc-codex-section--grey  { background:#f7f8fa; }
.lc-codex-container { max-width:1080px; margin:0 auto; }
.lc-codex-container--narrow { max-width:760px; }
.lc-codex-section-title { font-size:clamp(28px,4vw,38px); font-weight:700; margin:0 0 24px; line-height:1.15; }

/* ── Buttons ────────────────────────────────────────────────────────── */
.lc-codex-btn { display:inline-block; padding:12px 22px; border-radius:8px; font-weight:600; font-size:15px; text-decoration:none; transition:background .15s, color .15s; }
.lc-codex-btn--primary { background:#0f766e; color:#fff; }
.lc-codex-btn--primary:hover { background:#0c5d57; }
.lc-codex-btn--outline { border:1px solid #cbd5e1; color:#1a1a2e; }
.lc-codex-btn--outline:hover { border-color:#0f766e; color:#0f766e; }

@media (max-width:768px){
	.lc-codex-hero{ padding:48px 18px 40px; }
	.lc-codex-section{ padding:40px 18px; }
}