.ex{margin:16px 0 0}.ex figcaption{margin-top:10px}.ex-tiles-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-height:92px;display:grid;position:relative}.ex-tile{border:1px solid var(--ink);background:var(--surface);text-align:center;gap:2px;padding:12px 10px;font-size:.92rem;font-weight:750;display:grid}.ex-tile small{color:var(--muted);font-size:.8rem;font-weight:600}.ex-tile-sum{background:var(--signal);opacity:0;align-content:center;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.ex-tile:not(.ex-tile-sum){animation:6s ease-in-out infinite ex-tile-in;animation-delay:calc(var(--i) * .12s)}.ex-tile-sum{animation:6s ease-in-out infinite ex-sum-in}@keyframes ex-tile-in{0%,35%{opacity:1;transform:none}50%,85%{transform:translateX(calc((1 - var(--i)) * 34%)) scale(.6);opacity:0}to{opacity:1;transform:none}}@keyframes ex-sum-in{0%,45%{opacity:0;transform:scale(.9)}55%,85%{opacity:1;transform:none}to{opacity:0}}}@media (prefers-reduced-motion:reduce){.ex-tiles-row{grid-template-columns:repeat(4,minmax(0,1fr))}.ex-tile-sum{opacity:1;position:static}}.ex-bar{border:1px solid var(--ink);background:var(--surface);height:44px;margin:28px 0 26px;display:flex;position:relative;overflow:visible}.ex-bar i{white-space:nowrap;align-items:center;height:100%;padding-left:10px;font-size:.82rem;font-style:normal;display:flex;position:relative;overflow:hidden}.ex-bar-tweaks{background:var(--signal);transform-origin:0;width:33.3%}.ex-bar-fix{background:var(--sand,#f0ebe0);transform-origin:0;width:66.7%}.ex-bar-mark{top:100%;left:var(--at);font-family:var(--mono);color:var(--muted);margin-top:4px;font-size:.72rem;position:absolute;transform:translate(-50%)}.ex-bar-mark:first-of-type{transform:none}.ex-bar-mark:last-of-type{transform:translate(-100%)}@media (prefers-reduced-motion:no-preference){.ex-bar-tweaks{animation:5s ease-out infinite ex-grow}.ex-bar-fix{animation:5s ease-out 1.2s infinite ex-grow;transform:scaleX(0)}@keyframes ex-grow{0%{transform:scaleX(0)}40%,90%{transform:scaleX(1)}to{transform:scaleX(1)}}}.ex-steps{gap:12px;margin:16px 0 0;padding:0;list-style:none;display:grid;position:relative}.ex-steps li{border:1px solid var(--line);border-left:6px solid var(--signal);background:var(--surface);gap:3px;padding:14px 14px 14px 18px;display:grid;position:relative}.ex-steps li span:last-child{color:var(--muted);font-size:.92rem;line-height:1.45}.ex-step-day{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;font-weight:800}@media (min-width:721px){.ex-steps{grid-template-columns:repeat(4,minmax(0,1fr));padding-top:14px}.ex-steps:before{content:"";background:var(--ink);transform-origin:0;height:3px;position:absolute;top:0;left:4%;right:4%}.ex-steps li{border-left:1px solid var(--line);border-top:6px solid var(--signal)}}@media (min-width:721px) and (prefers-reduced-motion:no-preference){.ex-steps:before{animation:4s ease-out infinite ex-grow}.ex-steps li{animation:4s ease-out infinite ex-step-in;animation-delay:calc(var(--i) * .5s)}@keyframes ex-step-in{0%{opacity:.35}25%,90%{opacity:1}to{opacity:1}}}