/* Workflow library pages. Loaded only by the workflow layout,
   src/_includes/workflow.html, on top of content.css.

   Small on purpose: a workflow page is a content page with a tag line, a
   one-line summary, a record figure, and a pair of closing links. Everything
   else — the column, the headings, the numbered steps — is content.css, and
   the record figure is the capability figure's own CSS (flow.css), reused
   without a single new rule. */
.workflow-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px}
.workflow-label{font-size:.6875rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#7b4929;background:#f3e9d9;border-radius:2px;padding:5px 9px}
.workflow-tag{font-size:.6875rem;font-weight:600;letter-spacing:.04em;color:var(--ink);border:1px solid var(--line);border-radius:2px;padding:5px 9px}
.workflow-tag.is-secondary{color:var(--muted)}

.workflow-oneline{font-size:1.125rem;line-height:1.55;color:var(--ink)}

/* The record figure sits in the reading column, so it loses the capability
   row's grid cell and takes its own vertical rhythm instead. */
.workflow-record{margin:44px 0 0}
.workflow-record figcaption{letter-spacing:.05em}

.workflow-definition{color:var(--muted)}
.workflow-definition a{border-bottom:1px solid var(--copper);padding-bottom:2px}
.workflow-definition a:hover,.workflow-definition a:focus-visible{color:var(--copper)}

.workflow-list{margin:18px 0 0;padding-left:18px;color:var(--muted);font-size:1.0625rem}
.workflow-list li{padding-left:4px;margin-bottom:10px;line-height:1.6}
.workflow-list li::marker{color:var(--copper)}

.workflow-links{display:flex;flex-wrap:wrap;gap:14px 34px;margin-top:26px}
.workflow-links a{border-bottom:1px solid var(--ink);color:var(--ink);padding-bottom:4px}
.workflow-links a span{margin-left:12px}

@media(max-width:760px){
  .workflow-oneline{font-size:1.0625rem}
  .workflow-record{margin-top:32px}
}

/* Draft marker. Issue 10's unvalidated pages carry
   <mark class="to-confirm">to confirm</mark> after every sentence the research
   does not evidence. The publish gate strips those elements by grep before it
   flips a page's draft flag to false, so this rule then matches nothing. The
   attention colours from DESIGN.md, set as a small label, so a reader sees a
   flag on the sentence and not highlighted prose. */
.to-confirm{display:inline-block;vertical-align:baseline;font-size:.6875rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;line-height:1.3;color:#7b4929;background:#f5eadb;border:1px solid #e1b18b;border-radius:2px;padding:2px 6px;margin-left:6px}