#harness .harness-lede{ font-size:15px; line-height:1.7; color:var(--ink-2); max-width:620px; margin:0 0 8px; }
    #harness .harness-progression{
      display:flex; flex-wrap:wrap; align-items:center; gap:10px;
      margin:36px 0 44px; font-family:var(--mono); font-size:12px; letter-spacing:.02em;
    }
    #harness .hp-step{
      padding:7px 13px; border-radius:6px; border:1px solid var(--line);
      color:var(--ink-3); background:var(--surface); white-space:nowrap;
    }
    #harness .hp-step.active{
      color:var(--system); background:var(--system-soft); border-color:var(--system-line); font-weight:600;
    }
    #harness .hp-arrow{ color:var(--ink-4); opacity:.6; }
    #harness .harness-grid{
      display:grid; grid-template-columns:repeat(4,1fr); gap:1px;
      background:var(--line); border:1px solid var(--line); border-radius:12px; overflow:hidden;
    }
    @media (max-width:900px){ #harness .harness-grid{ grid-template-columns:repeat(2,1fr) } }
    @media (max-width:560px){ #harness .harness-grid{ grid-template-columns:1fr } }
    #harness .harness-cell{ background:var(--surface); padding:24px 22px; }
    #harness .hc-tag{
      font-family:var(--mono); font-size:10px; font-weight:600; letter-spacing:.08em;
      text-transform:uppercase; color:var(--system); margin-bottom:12px;
    }
    #harness .hc-title{ font-size:16px; font-weight:600; color:var(--ink); margin:0 0 8px; letter-spacing:-0.01em; }
    #harness .hc-map{ font-size:13px; line-height:1.55; color:var(--ink-2); }
    #harness .hc-map strong{ color:var(--ink); font-weight:600; }
    #harness .harness-foot{
      margin-top:32px; font-size:14px; line-height:1.65; color:var(--ink-2); max-width:680px;
    }
    #harness .harness-foot em{ font-family:var(--sans); font-style:normal; font-weight:600; color:#70E5FF; }