/* The service pages (service_pages.py): how the work runs. The work items use the shared numbered list
   (components.item_list, system.css section 9); everything else on these pages is the shared hero, section head, dark
   band, questions and close. Layout follows review/DESIGN-RULES.md: --item-gap between items, nothing extra at a
   band's top or bottom, one column on phones. */
.sv-steps-list{display:grid;grid-template-columns:repeat(var(--sv-count,4),minmax(0,1fr));gap:var(--item-gap);list-style:none;margin:0;padding:0}
.sv-steps-list li{min-width:0;padding:var(--card-pad,20px);border:1px solid var(--line);border-radius:10px;background:var(--ground)}
.sv-steps-list h3{margin:12px 0 8px;font-size:1.0625rem;line-height:1.3;color:var(--ink)}
.sv-steps-list p{margin:0;font-size:.9375rem;color:var(--ink-2);line-height:1.6}
.sv-steps-more{margin:var(--item-gap) 0 0}
.sv-platform-links{margin-top:var(--item-gap)}
@media(max-width:1023px){.sv-steps-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:639px){.sv-steps-list{grid-template-columns:1fr}}