.workflow { padding-top:96px; }
.workflow .workflow-intro { color:#999; margin-top:18px; }
.workflow-tags { display:flex; flex-wrap:wrap; gap:10px; margin-top:28px; }
.workflow-tags span { border:1px solid #333; color:#aaa; padding:7px 12px; font-size:10px; letter-spacing:1.5px; }
.workflow-map h2 { max-width:none; }
.workflow figure { margin:26px 0 0; }
.workflow figure img { width:100%; height:auto; object-fit:contain; border:1px solid #333; background:#f4f5f7; }
.workflow figure a:focus-visible { outline:2px solid #ddd; outline-offset:5px; display:block; }
.workflow figcaption { color:#888; font-size:11px; line-height:1.9; margin-top:14px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; }
.workflow figcaption a { color:#ccc; border-bottom:1px solid #555; }
.workflow .workflow-steps { padding-left:24px; }
.workflow-steps li { padding:10px 0 12px 8px; }
.workflow-steps p { margin:8px 0 0; color:#aaa; }
.news-grid { max-width:900px; display:grid; grid-template-columns:1fr 1fr; gap:28px 44px; }
.news-grid > div { border-bottom:1px solid #252525; padding-bottom:18px; }
.news-grid span { font-size:10px; letter-spacing:2px; color:#777; }
.news-grid h3 { font-size:18px; font-weight:400; margin:14px 0 10px; }
.news-grid p { font-size:14px; color:#aaa; }
@media(max-width:800px) { .workflow { padding-top:130px; } .workflow h1 { font-size:32px; } .workflow h1 span { font-size:12px; margin-top:18px; } .news-grid { grid-template-columns:1fr; gap:22px; } }
