/* Generated by bin/build-assets.php — do not edit. Source: resources/css/pages/about.css */
/* row 292 — About page CSS. Source: live-build ccfs/style.css:15098-15101 (.ccfs-about-figure,
   .ccfs-about-pullquote) + style.css:12697-12754 (ccfs-about-layout, #content.column1).
   Ported to token-driven rebuild conventions. The figure floats right on wider viewports
   (live behaviour: style.css:15098) and stacks full-width below 640px (style.css:15101).
   The pullquote retains verbatim styling from style.css:15100 with token substitution.
   Additional: .ccfs-about-layout, .ccfs-about-body, .ccfs-about-established, .ccfs-about-disambig
   provide page structure (build classes in page.php, no WP equivalent in this codebase — derived). */

/* ── Page wrapper ─────────────────────────────────────────────────────────── */
.ccfs-about-layout {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--container-default);
  margin-inline: auto;
  padding: var(--sp-8) var(--sp-4) var(--sp-10);
}

/* ── Body copy area ───────────────────────────────────────────────────────── */
.ccfs-about-body {
  max-width: 72ch;
}

.ccfs-about-body > p {
  margin: 0 0 var(--sp-4);
  line-height: var(--lh-loose, 1.7);
  color: var(--c-ink);
}

.ccfs-bl-h1 {
  margin: 0 0 var(--sp-5);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 800;
  line-height: var(--lh-tight, 1.2);
  color: var(--c-navy);
}

/* ── Floating figure (photo + pullquote) — mirrors style.css:15098-15101 ── */
/* Source: live-build ccfs/style.css:15098 (.ccfs-about-figure float + width). */
.ccfs-about-figure {
  float: right;
  width: min(42%, 380px);
  margin: 4px 0 var(--sp-6) var(--sp-6);
  shape-outside: border-box;
}

/* Source: live-build ccfs/style.css:15099 (img styling). */
.ccfs-about-figure img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: var(--r-lg, 12px);
  box-shadow: 0 8px 26px rgba(13, 35, 70, .12);
}

/* Source: live-build ccfs/style.css:15100 (.ccfs-about-pullquote). */
.ccfs-about-pullquote {
  margin: 12px 0 0;
  padding: 12px 16px;
  border-left: 4px solid var(--c-green);
  background: #f6faef;
  border-radius: 0 10px 10px 0;
  font-size: var(--fs-sm, 0.9375rem);
  line-height: 1.5;
  color: #3f5060;
  font-style: italic;
}

/* Source: live-build ccfs/style.css:15101 (narrow viewport: stack figure). */
@media (max-width: 640px) {
  .ccfs-about-figure {
    float: none;
    width: 100%;
    margin: 0 0 var(--sp-5);
  }
}

/* ── Established block ────────────────────────────────────────────────────── */
.ccfs-about-established {
  margin-top: var(--sp-6);
  padding-top: var(--sp-5);
  border-top: 1px solid var(--c-border);
}

.ccfs-about-established h2 {
  margin: 0 0 var(--sp-3);
  font-size: var(--fs-xl, 1.25rem);
  color: var(--c-navy);
}

/* ── Disambiguation section ───────────────────────────────────────────────── */
.ccfs-about-disambig {
  margin-top: var(--sp-6);
  padding: var(--sp-5);
  background: var(--c-bg-alt, #f8f9fa);
  border-radius: var(--r-md, 8px);
  border: 1px solid var(--c-border);
}

.ccfs-about-disambig h2 {
  margin: 0 0 var(--sp-3);
  font-size: var(--fs-xl, 1.25rem);
  color: var(--c-navy);
}

.ccfs-about-disambig p {
  margin: 0 0 var(--sp-3);
  line-height: var(--lh-normal, 1.6);
  color: var(--c-ink-muted);
}

.ccfs-about-disambig p:last-child {
  margin-bottom: 0;
}

/* ── V4 capability note ───────────────────────────────────────────────────── */
.ccfs-about-v4-note {
  padding: var(--sp-3) var(--sp-4);
  background: color-mix(in srgb, var(--c-green) 8%, var(--c-white));
  border-radius: var(--r-sm, 4px);
  font-size: var(--fs-sm);
  line-height: var(--lh-normal);
  color: var(--c-ink-muted);
  margin: var(--sp-4) 0;
}