/* Editorial Policy — page-specific styles (shared layout is in ../subpage.css) */

/* "From page to screen" process strip */
.process { margin-bottom: 1rem; }
.process__steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .75rem; counter-reset: step; position: relative; }
.process__steps::before {                      /* thin line linking the steps */
  content: ""; position: absolute; left: 1.5rem; right: 1.5rem; top: 1.5rem; height: 1px; background: rgba(119,46,37,.3);
}
.process__steps li { position: relative; padding: 0 .25rem; }
.process__n {
  position: relative; display: grid; place-items: center; width: 3rem; height: 3rem; border-radius: 50%;
  background: var(--red); color: var(--cream); font-family: var(--f-serif); font-size: 1.125rem; font-weight: 500;
  box-shadow: 0 0 0 .375rem var(--cream);
}
.process__steps h3 { margin-top: 1rem; font-family: var(--f-serif); font-weight: 500; font-size: 1.375rem; color: var(--ink); }
.process__steps p { margin-top: .375rem; font-size: 1rem; line-height: 1.55; color: #5a5a5a; }

@media (max-width: 900px) {
  .process__steps { grid-template-columns: 1fr; gap: 1.5rem; }
  .process__steps::before { left: 1.5rem; right: auto; top: 1.5rem; bottom: 1.5rem; width: 1px; height: auto; }
  .process__steps li { display: grid; grid-template-columns: 3rem 1fr; column-gap: 1rem; }
  .process__steps h3 { margin-top: .5rem; }
  .process__steps p { grid-column: 2; }
}