/* baseline.city marketing layer on top of Curbcut (assets/curbcut.css).
 * Everything visual belongs to Curbcut. This file is only (1) the self-hosted
 * font Curbcut's stack expects, (2) page rhythm, and (3) two marketing-only
 * compositions with no equivalent upstream. No colors, no component styles. */

@font-face { font-family: "Public Sans"; font-style: normal; font-weight: 400;
  src: url("fonts/PublicSans-Regular.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: "Public Sans"; font-style: normal; font-weight: 500;
  src: url("fonts/PublicSans-Medium.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: "Public Sans"; font-style: normal; font-weight: 600;
  src: url("fonts/PublicSans-SemiBold.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: "Public Sans"; font-style: normal; font-weight: 700;
  src: url("fonts/PublicSans-Bold.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: "Public Sans"; font-style: normal; font-weight: 800;
  src: url("fonts/PublicSans-ExtraBold.woff2") format("woff2"); font-display: swap; }

main.cc-container { padding-top: var(--cc-space-6); padding-bottom: var(--cc-space-7); }
body > .cc-site-footer { margin-top: var(--cc-space-7); }

/* Vertical rhythm between marketing sections. */
main > section + section { margin-top: var(--cc-space-7); }
main > section > * + * { margin-top: var(--cc-space-4); }

/* Pull quote — the thesis line. Marketing-only, no upstream equivalent. */
.mk-thesis {
  border-left: 4px solid var(--cc-brand);
  padding: var(--cc-space-2) 0 var(--cc-space-2) var(--cc-space-5);
  font-size: var(--cc-text-xl); font-weight: 600;
  line-height: var(--cc-leading-tight);
}

/* Numbered pipeline steps. Marketing-only. */
.mk-steps { list-style: none; margin: 0; padding: 0; counter-reset: step; }
.mk-steps > li {
  counter-increment: step;
  display: grid; grid-template-columns: 2.5rem 1fr; gap: var(--cc-space-4);
  padding: var(--cc-space-4) 0;
  border-top: 1px solid var(--cc-line);
}
.mk-steps > li::before {
  content: counter(step);
  font-weight: 700; font-size: var(--cc-text-lg); color: var(--cc-brand);
  font-variant-numeric: tabular-nums;
}
.mk-steps h3 { margin: 0 0 var(--cc-space-1) 0; }
.mk-steps p { margin: 0; }

/* Source notes under an evidence block. */
.mk-source { margin-top: var(--cc-space-3); }

/* The four pillars: a fixed 4-up that halves rather than orphaning one card.
   Curbcut's card grid is auto-fill, which lands 3+1 at this measure. */
@media (min-width: 40rem) { .mk-quad { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 64rem) { .mk-quad { grid-template-columns: repeat(4, 1fr); } }