/* Extras for the rewritten essay on "The Goal". The figure shell comes from /essays/eth/figures.css. */
.eth-fig .tg-hl{opacity:.6;}
html.dark .eth-fig .tg-hl{opacity:.3;}
.tg-steps{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;counter-reset:tg;}
article .tg-steps li{margin:0;padding:12px 14px 12px 52px;position:relative;border:1px solid var(--hair);border-radius:6px;font-family:'Inter',sans-serif;font-size:13.5px;line-height:1.5;color:var(--quiet);transition:background-color .3s,border-color .3s,opacity .3s;opacity:.45;}
.tg-steps li::before{counter-increment:tg;content:counter(tg);position:absolute;left:14px;top:12px;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--hair);display:grid;place-items:center;font-size:13px;font-weight:500;color:var(--quiet);}
.tg-steps li b{display:block;font-family:'Fraunces Variable',Georgia,serif;font-size:18px;font-weight:500;color:var(--ink);margin-bottom:2px;}
.tg-steps li.on{opacity:1;}
.tg-steps li.now{background:var(--eth-card);border-color:var(--ink);}
.tg-steps li.now::before{background:var(--mark);border-color:var(--ink);color:#1a1a17;}
@media (prefers-reduced-motion:reduce){.tg-steps li{transition:none;}}