.article-page .inp-phases-lesson .phases-choices{flex-wrap:wrap}.article-page .inp-phases-lesson .phases-body{display:grid;grid-gap:var(--cf-space-200);gap:var(--cf-space-200)}.article-page .inp-phases-lesson .phases-note{margin:0;color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-300)}.article-page .inp-phases-lesson .phases-heading{margin:0;font-size:var(--cf-font-size-300)}.article-page .inp-phases-lesson .phases-bars,.article-page .inp-phases-lesson .phases-fix,.article-page .inp-phases-lesson .phases-frames,.article-page .inp-phases-lesson .phases-frames ul,.article-page .inp-phases-lesson .phases-live-rows{display:grid;grid-gap:var(--cf-space-100);gap:var(--cf-space-100);margin:0;padding:0;list-style:none;font-size:var(--cf-font-size-300)}.article-page .inp-phases-lesson .phases-bars li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) auto;grid-gap:var(--cf-space-200);gap:var(--cf-space-200);align-items:center}.article-page .inp-phases-lesson .phases-track{display:block;block-size:var(--cf-space-200);border-radius:var(--cf-radius-050);background:var(--cf-color-surface-sunken)}.article-page .inp-phases-lesson .phases-fill{display:block;block-size:100%;border-radius:var(--cf-radius-050);background:var(--cf-color-primary-solid)}.article-page .inp-phases-lesson .phases-bars .is-inputDelay .phases-fill{background:var(--cf-color-warning)}.article-page .inp-phases-lesson .phases-bars .is-presentationDelay .phases-fill{background:var(--cf-color-secondary)}.article-page .inp-phases-lesson .phases-frames>li{-webkit-padding-start:var(--cf-space-150);padding-inline-start:var(--cf-space-150);-webkit-border-start:2px solid var(--cf-color-border);border-inline-start:2px solid var(--cf-color-border)}.article-page .inp-phases-lesson .phases-frames p{margin:0 0 var(--cf-space-100)}.article-page .inp-phases-lesson .phases-frames ul li{color:var(--cf-color-text-secondary)}.article-page .inp-phases-lesson .phases-fix li,.article-page .inp-phases-lesson .phases-live-rows li{display:grid;grid-template-columns:minmax(0,1.3fr) auto minmax(0,1fr);grid-gap:var(--cf-space-200);gap:var(--cf-space-200);align-items:baseline;-webkit-padding-start:var(--cf-space-150);padding-inline-start: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 .inp-phases-lesson .phases-fix li.is-first{border-inline-start-color:var(--cf-color-primary-solid);background:var(--cf-color-surface-raised);color:var(--cf-color-text-strong);font-weight:var(--cf-font-weight-semibold)}.article-page .inp-phases-lesson .phases-live-rows li[data-rating=good]{border-inline-start-color:var(--cf-color-success)}.article-page .inp-phases-lesson .phases-live-rows li[data-rating="needs improvement"]{border-inline-start-color:var(--cf-color-warning)}.article-page .inp-phases-lesson .phases-live-rows li[data-rating=poor]{border-inline-start-color:var(--cf-color-danger)}.article-page .inp-phases-lesson .phases-live-controls{display:grid;grid-gap:var(--cf-space-200);gap:var(--cf-space-200)}.article-page .inp-phases-lesson .phases-live-list ol{display:flex;flex-wrap:wrap;gap:var(--cf-space-100);margin:0 0 var(--cf-space-200);padding:0;list-style:none;font-size:var(--cf-font-size-300)}.article-page .inp-phases-lesson .phases-live-list li{padding:var(--cf-space-050) var(--cf-space-100);border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-050)}.article-page .inp-phases-lesson .phases-live-list.is-long{max-block-size:calc(var(--cf-space-500)*4);overflow:auto}@media(max-width:560px){.article-page .inp-phases-lesson .phases-bars li{grid-template-columns:minmax(0,1fr) auto}.article-page .inp-phases-lesson .phases-bars .phases-track{grid-column:1/-1;grid-row:2}.article-page .inp-phases-lesson .phases-fix li,.article-page .inp-phases-lesson .phases-live-rows li{grid-template-columns:minmax(0,1fr) auto}.article-page .inp-phases-lesson .phases-fix li span:last-child,.article-page .inp-phases-lesson .phases-live-rows li span:last-child{grid-column:1/-1}}