.process-page .page-section { padding: 64px 0; }
.process-page .shell { width: min(1200px, 100%); }
.process-list { display: flex; flex-direction: column; align-items: center; }
.process-step { width: min(1200px, 100%); margin: 0; padding-inline: 10px; text-align: center; }
/* Source site's step arrow: gold circle with a double chevron, in flow with 4rem above and below. */
.process-step + .process-step::before { display: block; width: 32px; height: 32px; margin: 64px auto; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='33' viewBox='0 0 33 33'%3E%3Ccircle cx='16.5' cy='16.5' r='16.5' fill='%23fae57c'/%3E%3Cpath d='M8.053-1.336a.443.443,0,0,1-.315.148A.517.517,0,0,1,7.422-1.3L6.68-2.041a.543.543,0,0,1-.111-.334.4.4,0,0,1,.111-.3L11.1-7.125,6.68-11.578a.4.4,0,0,1-.111-.3.543.543,0,0,1,.111-.334l.742-.742a.517.517,0,0,1,.315-.111.517.517,0,0,1,.315.111l5.455,5.492a.543.543,0,0,1,.111.334.543.543,0,0,1-.111.334v-.037ZM7.57-7.459a.543.543,0,0,1,.111.334.4.4,0,0,1-.111.3L2.115-1.3a.517.517,0,0,1-.315.111.443.443,0,0,1-.315-.148L.742-2.041a.543.543,0,0,1-.111-.334.4.4,0,0,1,.111-.3L5.158-7.125.742-11.578a.4.4,0,0,1-.111-.3.543.543,0,0,1,.111-.334l.742-.742a.517.517,0,0,1,.315-.111.517.517,0,0,1,.315.111Z' transform='translate(10 24)' fill='%23767676'/%3E%3C/svg%3E"); transform: rotate(90deg); }
.process-step--detail { width: min(800px, 100%); padding-inline: 48px; }
.process-step__icon { width: 130px; height: 94px; margin-inline: auto; }
.process-step__title { margin-top: 24px; font-size: 16px; line-height: 24px; }
.process-panel { display: grid; grid-template-columns: 260px 1fr; width: 100%; margin: 0 auto; overflow: hidden; border-radius: 10px; background: var(--srt-gold); text-align: left; }
.process-panel__label { padding: 35.2px; background: var(--srt-paper); text-align: center; }
.process-panel__icon { display: block; width: 130px; height: 94px; margin-inline: auto; background: var(--srt-ink); -webkit-mask: var(--process-icon) center / contain no-repeat; mask: var(--process-icon) center / contain no-repeat; }
.process-panel__icon--02 { --process-icon: url("../images/site/process-02.svg"); }
.process-panel__icon--03 { --process-icon: url("../images/site/process-03.svg"); }
.process-panel__icon--05 { --process-icon: url("../images/site/process-05.svg"); }
.process-panel__body { align-self: center; padding: 21.1px 56.3px; font-size: 16px; line-height: 24px; }
.process-panel__body h3 { margin: 0; font-size: 16px; line-height: 24px; }
.process-panel__body h3:not(:only-child) { margin-bottom: 16px; }
.process-panel__body ul { display: grid; gap: 5px; }
.process-panel__body li { display: flex; align-items: flex-start; gap: 16px; }
/* Font Awesome "circle-check" (solid, CC BY 4.0), as on the source site. */
.process-panel__body li::before { flex: 0 0 auto; width: 1em; height: 1em; margin-top: 5px; background: var(--srt-ink); content: ""; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z'/%3E%3C/svg%3E") center / contain no-repeat; }
.process-panel--numbered ul { counter-reset: step; }
.process-panel--numbered li::before { display: flex; width: 1.3333em; height: 1.3333em; align-items: center; justify-content: center; border-radius: 50%; color: var(--srt-gold); content: counter(step); counter-increment: step; font-size: .75em; line-height: 1; -webkit-mask: none; mask: none; }

@media (max-width: 767.98px) {
  .process-step--detail { padding-inline: 10px; }
  .process-panel { grid-template-columns: 1fr; }
  .process-panel__label { padding: calc((100vw - 20px) * .05); }
  .process-panel__body { padding: calc((100vw - 20px) * .03) calc((100vw - 20px) * .08); }
}

@media (max-width: 540px) {
  .process-page .page-section { padding: 43.2px 0; }
  .process-step + .process-step::before { width: 28.8px; height: 28.8px; margin: 57.6px auto; }
  .process-step__title { margin-top: 21.6px; font-size: 14.4px; line-height: 21.6px; }
  .process-panel__body { font-size: 14.4px; line-height: 21.6px; }
  .process-panel__body h3 { font-size: 14.4px; line-height: 21.6px; }
  .process-panel__body h3:not(:only-child) { margin-bottom: 14.4px; }
  .process-panel__body li { gap: 14.4px; }
  .process-panel__body li::before { margin-top: 4.4px; }
}