.article-page .yielding-lesson .yield-order,.article-page .yielding-lesson .yield-waits{display:grid;grid-gap:var(--cf-space-050);gap:var(--cf-space-050);margin:0;padding:0;list-style:none;font-size:var(--cf-font-size-300)}.article-page .yielding-lesson .yield-order li{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:var(--cf-space-200);gap:var(--cf-space-200);align-items:baseline;padding:var(--cf-space-050) var(--cf-space-150);-webkit-border-start:2px solid var(--cf-color-border);border-inline-start:2px solid var(--cf-color-border);color:var(--cf-color-text-secondary)}.article-page .yielding-lesson .yield-order li[data-kind=piece]{border-inline-start-color:var(--cf-color-primary-solid);color:var(--cf-color-text-strong)}.article-page .yielding-lesson .yield-order li[data-kind=note]{border-inline-start-color:var(--cf-color-warning)}.article-page .yielding-lesson .yield-order li[data-kind=click]{border-inline-start-color:var(--cf-color-success)}.article-page .yielding-lesson .yield-waits li{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;grid-gap:var(--cf-space-050) var(--cf-space-200);gap:var(--cf-space-050) var(--cf-space-200);align-items:baseline;padding:var(--cf-space-050) var(--cf-space-150);-webkit-border-start:2px solid var(--cf-color-border);border-inline-start:2px solid var(--cf-color-border);color:var(--cf-color-text-secondary)}.article-page .yielding-lesson .yield-waits li[data-long=yes]{border-inline-start-color:var(--cf-color-warning)}.article-page .yielding-lesson .yield-tap{display:grid;grid-gap:var(--cf-space-200);gap:var(--cf-space-200);justify-items:start}.article-page .yielding-lesson .yield-note{margin:0;color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-300)}@media(max-width:560px){.article-page .yielding-lesson .yield-waits li{grid-template-columns:minmax(0,1fr) auto}}