.hp-process{margin-top:20px;border-top:1px solid #d8d8d4;border-bottom:1px solid #d8d8d4}
.hp-process summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 0;cursor:pointer;font-size:14px;line-height:1.4}
.hp-process summary::-webkit-details-marker{display:none}
.hp-process summary span{font-size:22px;line-height:1;transition:transform .2s ease}
.hp-process[open] summary span{font-size:0}.hp-process[open] summary span::after{content:"−";font-size:22px;line-height:1}
.hp-process summary:focus-visible,.hp-process-controls button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.hp-process-grid{display:flex;gap:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}
.hp-process-grid::-webkit-scrollbar{display:none}
.hp-process-grid figure{margin:0;flex:0 0 100%;min-width:0;scroll-snap-align:start}
.hp-process-grid img{display:block;width:100%;height:auto}
.hp-process-grid figcaption{margin-top:10px;font-size:13px;line-height:1.4;color:#666}
.hp-process-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:12px 0 20px}
.hp-process-count{margin-right:auto;font-size:12px;color:#666}
.hp-process-controls button{width:38px;height:38px;border:1px solid #ccc;border-radius:50%;background:transparent;color:inherit;font-size:18px;line-height:1;cursor:pointer}
.hp-process-controls button:disabled{opacity:.35;cursor:default}
@media(prefers-reduced-motion:reduce){.hp-process summary span{transition:none}}