/* =====================================================================
   GENERATED FILE -- DO NOT EDIT.

   Built from _source/assets/components/process.css by _dev/generate/theme-assets.mjs. Edit the
   snapshot and regenerate; a hand edit here fails the gate at commit
   rather than surviving to contradict its source. The snapshot is frozen:
   it has been the design of record since 2026-10-08 (frozenOn in its
   source.json), so it is edited in place and never re-synced.

     node _dev/generate/theme-assets.mjs redfish   rebuild this file

   The file below is the static site's stylesheet verbatim, comments and
   all, and unchanged: the process component, every selector
   under .c-process.

   NOTHING WORDPRESS-SPECIFIC GOES IN THIS FILE. Adapter rules that map
   block markup onto these components live in native-adapters.css, which
   is hand-written and loads after this one. Keeping them apart is what
   lets this copy stay diffable against the original.
   ===================================================================== */

/* process: the four numbered steps on a timeline rule.
   Root: <section class="block c-process">, holding .sec-head and .steps. */
.c-process .steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; margin-top: clamp(34px, 4vw, 56px); position: relative; }
.c-process .step { position: relative; padding: 30px 26px 30px 0; border-top: 2px solid var(--ink); }
.c-process .step:not(:last-child) { padding-right: 34px; }
.c-process .step .num {
  position: absolute; top: -2px; left: 0; width: 12px; height: 12px; border-radius: 999px;
  background: var(--ink); transform: translateY(-50%);
}
.c-process .step:first-child .num { background: var(--accent); } /* single accent moment anchors the timeline */
.c-process .step .k { font-family: var(--font-mono); font-size: 12px; letter-spacing: .14em; color: var(--faint); }
.c-process .step h3 { font-size: 20px; margin-top: 14px; }
.c-process .step p { color: var(--muted); font-size: 14.5px; margin-top: 9px; }
@media (max-width: 1080px) {
  .c-process .steps { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
  .c-process .steps { grid-template-columns: 1fr; }
  .c-process .step { border-top: 2px solid var(--ink); padding-right: 0 !important; }
}