/* backend/src/main/resources/static/modules_styles/pikiner_sites/p2-migration.css */

/* ==============================================
   MIGRATION PAGE COMPOSITION — pikiner_sites

   Bound to this page by its name in the module root. Only what is true
   here: the opening, the two-part process, the closing call to action and
   the one two-column table.

   WHAT IS NOT HERE ANY MORE

   The first version of this file narrowed .section-content to the reading
   measure and then pulled the headers, the criteria and the table back
   out again with negative margins of -5rem and -232px. That was a
   workaround for a constraint it had imposed on itself. Running text now
   carries its own measure — see the starter's section.css — so the
   section keeps its natural width and nothing has to be pulled out of it.

   The step, criteria, panel and callout shapes it also redefined are in
   components/site-content.css, where the other thirteen pages get them
   too. Where this page and the home page had drifted into two different
   looks for the same shape, the home page's is the one that survived.
   ============================================== */

/* ==============================================
   OPENING
   ============================================== */

/* ==============================================
   PROCESS — one sequence in two lists

   The process is split across two <ol> so a panel can interrupt it. The
   second list must not restart the counter: the reader is on step five,
   not on step one again.
   ============================================== */

#p2-process .site-steps ~ .site-steps {
  counter-reset: none;
}

/* ==============================================
   THE DELIVERABLES TABLE

   Two columns of equal weight — what is delivered, and what it means —
   so neither is read as the subject of the other.
   ============================================== */

#p2-deliverables .site-table th,
#p2-deliverables .site-table td {
  width: 50%;
}

/* ==============================================
   CLOSING CALL TO ACTION
   ============================================== */

#p2-final-cta .site-links {
  gap: var(--gb-spacing-md) var(--gb-spacing-lg);
  margin-top: var(--gb-spacing-md);
}