/* Compact workflow-page layout.
   This stylesheet is intentionally page-specific and only adjusts
   the workflow page so it fits within the fixed US Letter canvas. */

.workflow-page .page__inner {
  gap: 0.11in;
}

.workflow-page .phase-ribbon {
  min-height: 0.58in;
  padding-top: 0.07in;
  padding-bottom: 0.07in;
}

.workflow-page .phase-ribbon__icon {
  width: 0.49in;
  height: 0.49in;
}

.workflow-page .phase-ribbon__title {
  font-size: 22pt;
}

.workflow-page .phase-ribbon__tagline {
  font-size: 9.5pt;
  line-height: 1.25;
}

.workflow-content {
  display: flex;
  flex-direction: column;
  min-height: 0;
  gap: 0.10in;
}

.workflow-intro {
  max-width: 5.9in;
  margin: 0 auto;
  text-align: center;
  font-size: 9.5pt;
  line-height: 1.25;
  font-style: italic;
}

.workflow-list {
  display: grid;
  gap: 0.09in;
}

.workflow-card {
  min-height: 0;
  padding: 0.10in 0.17in 0.11in;
  border-radius: 7px;
}

.workflow-card .section-heading {
  gap: 0.09in;
}

.workflow-card .step-marker {
  width: 0.27in;
  height: 0.27in;
  font-size: 13pt;
}

.workflow-card .section-heading__text {
  font-size: 11.5pt;
  line-height: 1.05;
}

.workflow-card p {
  margin-top: 0.06in;
  font-size: 9.6pt;
  line-height: 1.18;
}

.workflow-divider {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 0.10in;
  width: 2.3in;
  margin: 0.01in auto;
  color: var(--bronze);
}

.workflow-divider span {
  height: 1px;
  background: currentColor;
}

.workflow-divider b {
  display: block;
  width: 0.07in;
  height: 0.07in;
  border: 1px solid currentColor;
  transform: rotate(45deg);
}

.workflow-response {
  padding: 0.10in 0.16in 0.12in;
  background: var(--respond-soft);
  border-color: var(--rule-light);
}

.workflow-response > p {
  margin-top: 0.03in;
  font-size: 9pt;
  line-height: 1.15;
}

.workflow-response__questions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.04in 0.24in;
  margin-top: 0.07in;
  font-size: 8.8pt;
  line-height: 1.15;
}

.workflow-response__questions span::before {
  content: "□";
  margin-right: 0.06in;
  font-family: var(--font-sans);
}

@media print {
  .workflow-card,
  .workflow-response {
    break-inside: avoid;
  }
}