/*!
 * CLI Program Pages — shared foundation
 * Version: 2026.05.18.1
 *
 * Runtime base tokens and low-level utilities for Classic Editor program pages.
 * Google Fonts are enqueued in PHP; do not @import them here.
 */

.cli-program {
  --cli-ink: #1a1a1a;
  --cli-body: #3a3a3a;
  --cli-muted: #6b6b6b;
  --cli-border: #e0ddd8;
  --cli-sand: #f7f5f0;
  --cli-cream: #faf9f6;
  --cli-white: #ffffff;
  --cli-accent: #c4463a;
  --cli-accent-hover: #a83a30;
  --cli-jade: #2a6b5a;
  --cli-jade-light: #e8f2ee;
  --cli-gold: #b8943e;
  --cli-serif: 'Fraunces', Georgia, 'Times New Roman', serif;
  --cli-sans: 'Avenir', 'Avenir Next', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  --cli-max: 1200px;
  --cli-content-max: 1120px;
  --cli-radius: 8px;
  --cli-scroll-offset: 70px;

  /* Legacy aliases retained while extracted program CSS is progressively normalized. */
  --ink: var(--cli-ink);
  --body: var(--cli-body);
  --muted: var(--cli-muted);
  --border: var(--cli-border);
  --sand: var(--cli-sand);
  --cream: var(--cli-cream);
  --white: var(--cli-white);
  --accent: var(--cli-accent);
  --accent-hover: var(--cli-accent-hover);
  --jade: var(--cli-jade);
  --jade-light: var(--cli-jade-light);
  --gold: var(--cli-gold);
  --serif: var(--cli-serif);
  --sans: var(--cli-sans);
  --max: var(--cli-max);
  --content-max: var(--cli-content-max);
  --radius: var(--cli-radius);
  --scroll-offset: var(--cli-scroll-offset);
}

.cli-program,
.cli-program *,
.cli-program *::before,
.cli-program *::after {
  box-sizing: border-box;
}

.cli-program {
  font-family: var(--cli-sans);
  color: var(--cli-body);
  line-height: 1.7;
  font-size: 17px;
  -webkit-font-smoothing: antialiased;
  overflow-x: clip;
}

.cli-program img {
  max-width: 100%;
  height: auto;
  display: block;
}

.cli-program a {
  color: var(--cli-accent);
  text-decoration: none;
  transition: color .2s;
}

.cli-program a:hover {
  color: var(--cli-accent-hover);
}

.cli-program .cli-anchor {
  display: block;
  position: relative;
  top: calc(-1 * var(--cli-scroll-offset));
  height: 0;
  visibility: hidden;
  pointer-events: none;
}

/* Small utility classes used by Classic Editor templates. */
.cli-program .cli-mt-12 { margin-top: 12px; }
.cli-program .cli-mt-16 { margin-top: 16px; }
.cli-program .cli-mt-20 { margin-top: 20px; }
.cli-program .cli-mt-32 { margin-top: 32px; }
.cli-program .cli-mt-48 { margin-top: 48px; }
.cli-program .cli-mb-16 { margin-bottom: 16px; }
.cli-program .cli-mx-auto { margin-left: auto; margin-right: auto; }
.cli-program .cli-text-center { text-align: center; }
.cli-program .cli-btn-compact { padding: 14px 28px; font-size: 13px; }
.cli-program .cli-delay-0 { --tb-delay: 0s; }
.cli-program .cli-delay-08 { --tb-delay: 0.08s; }
.cli-program .cli-delay-16 { --tb-delay: 0.16s; }