/* Servicing workflows along the policy timeline: one rail, a node per workflow */
.tl-wrap{position:relative;margin-top:44px;background:var(--neutrals-white);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:0 1px 2px rgba(1,56,6,.04),0 4px 10px rgba(1,56,6,.05),0 12px 28px rgba(1,56,6,.06),0 28px 64px rgba(1,56,6,.07);padding:30px 36px 34px}
.tl-ends{display:flex;justify-content:space-between;font-size:10px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--fg2);margin-bottom:10px}
.tl-rail{position:relative;height:15px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.tl-cell{position:relative}
.tl-dot{position:absolute;top:0;left:50%;width:15px;height:15px;margin-left:-7.5px;border-radius:var(--radius-pill);background:var(--neutrals-white);border:2px solid var(--brand-500)}
.tl-dot::after{content:"";position:absolute;inset:2.5px;border-radius:var(--radius-pill);background:var(--brand-500)}
.tl-dot.partial{border-color:#4e6d4b}
.tl-dot.partial::after{background:#4e6d4b}
.tl-dot.tracked{border-color:#a3a9a1}
.tl-dot.tracked::after{background:#a3a9a1}
.tl-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:18px;align-items:stretch}
.tl-name{margin:0;font-size:18px;font-weight:500;line-height:1.25}
.tl-desc{margin:8px 0 16px;font-size:18px;font-weight:400;line-height:1.45;color:var(--fg2)}
.tl-col{display:flex;flex-direction:column;align-items:flex-start}
.tl-col .wf-pill{margin-top:auto}
@media (max-width:700px){
  .tl-wrap{padding:8px 22px 22px}
  .tl-ends,.tl-rail{display:none}
  .tl-cols{grid-template-columns:1fr;gap:0;margin-top:8px}
  .tl-col{display:flex;flex-direction:column;align-items:flex-start;padding:20px 0 20px 20px;border-top:1px solid var(--divide);position:relative}
  .tl-col::before{content:"";position:absolute;left:0;top:26px;width:11px;height:11px;border-radius:var(--radius-pill);background:var(--brand-500)}
  .tl-col.partial::before{background:#4e6d4b}
  .tl-col:first-child{border-top:0}
}