/* Shared by home and the work guide; layout follows the SSW portal flow cards. */
.work-flow{padding-block:12px 32px}.work-flow-home{margin-bottom:42px}.work-flow .c-section-heading p{margin:12px 0 0}.work-flow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;list-style:none;margin:0;padding:0}.work-flow-card{position:relative;display:flex;flex-direction:column;min-height:190px;padding:16px 14px 14px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-white);box-shadow:0 4px 14px var(--color-shadow-card)}.work-flow-badge{position:absolute;top:8px;left:50%;transform:translateX(-50%);color:var(--color-main-dark);font-size:1rem;font-weight:700;line-height:1}.work-flow-number-inline{display:none}.work-flow-main{padding-top:22px;margin-bottom:12px}.work-flow-heading{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}.work-flow-icon{display:flex;align-items:center;justify-content:center;width:26px;height:26px;flex:0 0 26px;color:var(--color-main-dark)}.work-flow-icon svg{width:26px;height:26px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.work-flow-card h3{margin:0;font-size:.92rem;line-height:1.35;color:var(--color-text-strong)}.work-flow-description{margin:0;text-align:center;font-size:.8125rem;line-height:1.45}.work-flow-actions{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:auto}.work-flow-link{width:75%;max-width:190px;font-size:.8125rem;line-height:1.35;gap:8px;padding:.6rem .5rem}.work-flow-guides{display:grid;grid-template-columns:1fr;gap:18px;width:min(960px,100%);margin:24px auto 0}.work-flow-guides .c-panel{margin:0;text-align:center}.work-flow-guides h3{font-size:1.2rem}.work-flow-guide-card .c-actions{justify-content:center}.work-flow-note{text-align:center;margin:18px 0 0}

.work-flow .work-flow-link-study{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-white)}.work-flow .work-flow-link-study:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:var(--color-white)}.work-flow .work-flow-link-company{background:var(--color-highlight);border-color:var(--color-highlight);color:var(--color-white)}.work-flow .work-flow-link-company:hover{background:var(--color-highlight-hover);border-color:var(--color-highlight-hover);color:var(--color-white)}

@media(max-width:1000px){.work-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media(max-width:520px){.work-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.work-flow-card{min-height:174px;padding:9px}.work-flow-badge{display:none}.work-flow-number-inline{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--color-main-dark);font-size:.8125rem;font-weight:700}.work-flow-main{padding-top:0;margin-bottom:8px}.work-flow-heading{justify-content:flex-start;gap:6px;margin-bottom:4px}.work-flow-icon,.work-flow-icon svg{width:22px;height:22px;flex-basis:22px}.work-flow-card h3{font-size:.75rem;line-height:1.3}.work-flow-description{font-size:.6875rem;line-height:1.35}.work-flow-actions{gap:6px}.work-flow-link{width:100%;min-width:0;padding:.5rem .25rem;font-size:.7rem;line-height:1.25}.work-flow-guides{gap:14px;margin-top:20px}.work-flow-guides .c-panel{padding:18px 14px}.work-flow-guide-card .c-actions{display:grid;grid-template-columns:1fr;gap:8px}.work-flow-guide-card .c-button{width:100%}}

.work-flow-section-heading{margin-bottom:1.05rem;text-align:center}.work-flow-section-title{margin:0;color:var(--color-text-strong);font-size:clamp(1.12rem,1.55vw,1.36rem);font-weight:700;line-height:1.32}.work-flow-section-lead{margin:.5rem 0 0;color:var(--color-text);font-size:.8125rem;line-height:1.55}@media(max-width:520px){.work-flow-section-heading{margin-bottom:.7rem}.work-flow-section-title{font-size:1.18rem}.work-flow-section-lead{font-size:.75rem}}
