.choice-grid-2{grid-template-columns:1fr}@media (width>=640px){.choice-grid-2{grid-template-columns:1fr 1fr}}.days{flex-wrap:wrap;gap:.5rem;display:flex}.day{border-radius:var(--radius-md);border:1.5px solid var(--line-strong);background:var(--surface);min-width:84px;min-height:64px;font:inherit;text-align:center;cursor:pointer;gap:.1rem;padding:.5rem .75rem;display:grid}.day strong{font-size:1rem}.day span{color:var(--ink-2);font-size:.8125rem}.day[aria-pressed=true]{background:var(--brand);border-color:var(--brand-edge)}.day:hover{border-color:var(--ink)}.timeline{gap:0;margin:0;padding:0;list-style:none;display:grid}.timeline li{gap:.15rem;padding:0 0 1.1rem 2.1rem;display:grid;position:relative}.timeline li:before{content:"";border:2px solid var(--line-strong);background:var(--surface);border-radius:50%;width:18px;height:18px;position:absolute;top:.15em;left:0}.timeline li:after{content:"";background:var(--line);width:2px;position:absolute;top:1.45em;bottom:.1em;left:9px}.timeline li:last-child:after{display:none}.timeline li strong{font-size:1rem}.timeline li span{color:var(--ink-2);font-size:.875rem}.timeline li[data-st=done]:before{background:var(--ok-ink);border-color:var(--ok-ink)}.timeline li[data-st=done] strong{color:var(--ok-ink)}.timeline li[data-st=current]:before{border-style:dashed;border-color:var(--ink)}.timeline li[data-st=checking]:before{background:var(--check-bg);border-color:var(--check-ink)}.timeline li[data-st=checking] strong{color:var(--check-ink)}.demo-controls{background:var(--paper);border-style:dashed;gap:.6rem;padding:.9rem 1rem;display:grid}.plain-list{gap:.4rem;margin:0;padding-left:1.1rem;display:grid}
