/* A drawn workflow; related capabilities stay outside its ordered steps. */
.technical-section{padding-block:30px 24px}
.technical-intro{display:grid;grid-template-columns:minmax(180px,.6fr) minmax(0,1.4fr);gap:24px;align-items:baseline}
.technical-intro h2,html[lang=fa] .technical-intro h2{font-size:clamp(24px,2.3vw,32px);font-weight:450;line-height:1.4;letter-spacing:-.025em}
html[lang=fa] .technical-intro h2{letter-spacing:0}
.technical-intro p{font-size:15px;line-height:1.75;max-width:66ch;color:var(--muted)}
.technical-workflow{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:24px 0 18px;padding:0;gap:24px}
.technical-workflow li{position:relative;border-top:1px solid var(--line);padding:14px 0 0;padding-inline-end:22px;font-size:15px;line-height:1.6}
.technical-workflow li:not(:last-child):after{content:'→';position:absolute;inset-inline-end:-14px;top:14px;font-size:17px;color:var(--muted)}
html[dir=rtl] .technical-workflow li:not(:last-child):after{content:'←'}
.technical-related{display:flex;align-items:baseline;gap:12px 24px;flex-wrap:wrap;padding-top:16px;border-top:1px solid var(--line)}
.technical-related h3{font-size:12px;line-height:1.65;font-weight:400;color:var(--muted)}
.technical-related p{font-size:13px;line-height:1.8;display:flex;flex-wrap:wrap;gap:0 10px}
.technical-related bdi:not(:last-child):after{content:'·';margin-inline-start:10px;color:var(--muted)}
.technical-evidence{font-size:12px;line-height:1.85;color:var(--muted);margin-top:14px;max-width:110ch}
@media(max-width:760px){
 .technical-section{padding-block:24px 18px}
 .technical-intro{grid-template-columns:1fr;gap:8px}
 .technical-intro p{font-size:14px}
 .technical-workflow{grid-template-columns:1fr;gap:0;margin-block:18px}
 .technical-workflow li{padding:11px 0;padding-inline-end:28px;font-size:14px}
 .technical-workflow li:not(:last-child):after,html[dir=rtl] .technical-workflow li:not(:last-child):after{content:'↓';inset-inline-end:0;top:11px}
 .technical-related{gap:5px;display:block;padding-top:12px}
 .technical-related p{margin-top:4px}
}
