/* Styling for the generated service pages (/services/*), on top of legal.css.
   Pages are generated by scripts/generate-services.mjs — edit styles here, not there. */
.service-meta { margin-top: 14px; display: flex; flex-wrap: wrap; gap: 8px; }
.chip {
  font-size: 12px; letter-spacing: -0.12px; color: var(--muted);
  border: 1px solid var(--hairline); border-radius: 999px;
  padding: 5px 12px;
}
.chip strong { color: var(--ink); font-weight: 600; }
.standfirst { margin-top: 18px; font-size: 17px; line-height: 1.5; color: var(--ink); }
.cta-row { margin-top: 26px; display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.cta {
  display: inline-flex; align-items: center; gap: 6px;
  background: #0066cc; color: #ffffff;
  font-size: 14px; font-weight: 600; letter-spacing: -0.12px;
  border-radius: 999px; padding: 10px 20px;
}
.cta:hover { text-decoration: none; filter: brightness(1.06); }
.work-steps { margin: 14px 0 0; padding: 0; list-style: none; counter-reset: step; }
.work-steps li {
  counter-increment: step;
  display: flex; align-items: baseline; gap: 14px;
  margin: 0; padding: 9px 0;
  font-size: 15px; line-height: 1.5; letter-spacing: -0.224px; color: var(--ink);
  border-top: 1px solid var(--hairline);
}
.work-steps li:first-child { border-top: 0; }
.work-steps li::before {
  content: counter(step, decimal-leading-zero);
  font-variant-numeric: tabular-nums;
  font-size: 12px; color: var(--muted);
}
.pair-list { margin-top: 12px; display: flex; flex-wrap: wrap; gap: 8px; padding: 0; list-style: none; }
.pair-list li {
  margin: 0; font-size: 13px; letter-spacing: -0.12px;
  border: 1px solid var(--hairline); border-radius: 999px; padding: 6px 13px;
}
.pair-list li a { color: var(--muted); }