﻿/* Shared styles for pages/*.html (generated from common inline rules) */
/* Canonical KG tokens are declared in :root; aliases retained for compatibility. */
:root{--kg-lime:#A1C623;--kg-leaf:#61B431;--kg-wordmark:#3FA93C;--kg-deep:#1A9F41;--kg-deep-green:var(--kg-deep);--kg-n-50:#F9FAFB;--kg-n-100:#E5E7EB;--kg-n-500:#565E6E;--kg-n-700:#262B36;--kg-n-800:#1E1E1E;--ink:var(--kg-n-800);--paper:var(--kg-n-50);--gold:var(--kg-leaf);--rust:var(--kg-deep);--teal:var(--kg-deep);--slate:var(--kg-n-500);--mist:var(--kg-n-100)}
  *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
  body{background:var(--paper);color:var(--ink);font-family:'Source Serif 4',Georgia,serif;font-size:17px;line-height:1.75}
  .site-header{background:#fff;color:var(--ink);padding-top:16px;padding-bottom:16px;padding-left:max(32px,calc((100vw - 1020px) / 2));padding-right:max(32px,calc((100vw - 1020px) / 2));display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid var(--kg-leaf)}
  .header-brand a{text-decoration:none;color:var(--ink)}
  .site-title{font-family:'Playfair Display',serif;font-size:1rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
  .site-subtitle{font-size:.72rem;opacity:1;letter-spacing:.08em;font-family:'JetBrains Mono',monospace;margin-top:2px;color:var(--slate)}
  .nav-pill{font-family:'JetBrains Mono',monospace;font-size:.72rem;padding:8px 14px;border:0;border-bottom:2px solid transparent;border-radius:0;color:var(--kg-n-700);text-decoration:none;letter-spacing:.1em;text-transform:uppercase;font-weight:600}
  .nav-pill:hover,.nav-pill.active{border-bottom-color:var(--kg-leaf);color:var(--kg-deep)}
  .cover{background:var(--ink);color:var(--paper);padding-top:80px;padding-bottom:80px;padding-left:max(32px,calc((100vw - 1020px) / 2));padding-right:max(32px,calc((100vw - 1020px) / 2))}
  .cover-label{font-family:'JetBrains Mono',monospace;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:16px}
  .cover-title{font-family:'Playfair Display',serif;font-size:clamp(2.2rem,4vw,3.6rem);line-height:1.08;font-weight:800}
  .cover-title em{color:var(--gold);font-style:normal}
  .container{max-width:1020px;margin:0 auto;padding:64px 32px}
  .section-label{font-family:'JetBrains Mono',monospace;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
  .section-title{font-family:'Playfair Display',serif;font-size:1.8rem;font-weight:800;margin-bottom:10px}
  .section-rule{height:4px;background:linear-gradient(90deg,var(--gold),transparent);margin:52px 0 44px;border:none}
  .cta-strip{background:var(--ink);color:var(--paper);padding-top:56px;padding-bottom:56px;padding-left:max(32px,calc((100vw - 1020px) / 2));padding-right:max(32px,calc((100vw - 1020px) / 2));text-align:center}
  .cta-label{font-family:'JetBrains Mono',monospace;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
  .cta-strip h2{font-family:'Playfair Display',serif;font-size:2rem;font-weight:800;margin-bottom:16px}
  .cta-strip p{opacity:.82;max-width:560px;margin:0 auto 28px;font-size:1rem}
  .btn--primary{background:var(--gold);color:var(--ink)}
  .btn--ghost{border:1px solid rgba(255,255,255,.35);color:rgba(255,255,255,.85);margin-left:12px}
