.with-work > .erad-journey { grid-area:work; }
.erad-journey { min-width:0; scroll-margin-block-start:16px; }
.erad-journey h2 { margin:0 0 15px; font-size:clamp(24px,2.4vw,36px); line-height:1.22; }
.erad-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-block-end:1px solid var(--rule); }
.erad-steps a { display:flex; align-items:baseline; gap:7px; min-height:44px; padding:8px 4px; color:var(--muted); border-block-end:3px solid transparent; text-decoration:none; }
.erad-steps small, .erad-path small { font-variant-numeric:tabular-nums; font-size:13px; }
.erad-steps a[aria-current], .erad-steps a:hover { color:var(--ink); border-color:#a88b54; }
.erad-steps a[aria-current] { font-weight:700; }
.erad-panel { margin-block:clamp(18px,2vw,32px) 14px; }
.erad-panel h3 { margin:0; font-size:clamp(22px,2vw,31px); line-height:1.3; }
.erad-panel p { margin:8px 0 16px; max-width:62ch; line-height:1.6; }
.erad-cover, .erad-cover img { display:block; width:100%; height:auto; }
.erad-sources { display:flex; flex-wrap:wrap; gap:2px 18px; border-block-start:1px solid var(--rule); }
.erad-sources a { display:inline-flex; align-items:baseline; gap:8px; padding-block:10px; text-underline-offset:.18em; }
.erad-sources small { white-space:nowrap; color:var(--muted); }
.erad-channel-table { width:100%; border-collapse:collapse; font-variant-numeric:tabular-nums; }
.erad-channel-table caption { text-align:start; font-weight:700; padding-block:5px; }
.erad-channel-table :is(td,th) { border-block-end:1px solid var(--rule); text-align:end; padding:8px 2px; }
.erad-channel-table th:first-child { text-align:start; }
.erad-channel-table th small { display:block; color:var(--muted); font-size:13px; font-weight:400; }
.erad-channel-table td { font-size:clamp(17px,2vw,28px); }
.erad-panel .erad-readout { color:var(--muted); font-size:15px; }
.erad-path { list-style:none; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding:0; margin:18px 0; }
.erad-path li { padding-block:9px 10px; padding-inline-end:10px; border-block-start:2px solid #a88b54; font-weight:700; }
.erad-path small { display:block; color:var(--muted); font-weight:500; }
.erad-clicks { margin:20px 0; }
.erad-clicks > div { display:grid; grid-template-columns:1fr auto; gap:3px 12px; margin:12px 0; align-items:baseline; }
.erad-clicks dd { margin:0; font-weight:700; font-variant-numeric:tabular-nums; }
.erad-clicks > div::after { content:""; grid-column:1 / -1; display:block; width:var(--erad-length); height:5px; background:#a88b54; }
@media(max-width:650px) {
  .erad-steps { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .erad-steps a { padding-block:6px; align-items:center; }
  .erad-channel-table th, .erad-sources small { font-size:14px; }
}