.rendering-strategies-lesson .strategy-timeline{border-bottom:1px solid var(--cf-color-border)}.rendering-strategies-lesson .strategy-lanes{display:grid;grid-gap:var(--cf-space-100);gap:var(--cf-space-100);padding:var(--cf-space-250) var(--cf-space-300)}.rendering-strategies-lesson .strategy-lane{display:grid;grid-template-columns:var(--cf-space-1000) 1fr;align-items:center;grid-gap:var(--cf-space-150);gap:var(--cf-space-150)}.rendering-strategies-lesson .strategy-lane-name{color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-275)}.rendering-strategies-lesson .strategy-lane-track{position:relative;height:var(--cf-space-500);border-radius:var(--cf-radius-100);background:var(--cf-color-surface-sunken)}.rendering-strategies-lesson .strategy-lane.is-axis .strategy-lane-track{height:var(--cf-space-300);background:none}.rendering-strategies-lesson .strategy-bar{position:absolute;top:var(--cf-space-050);bottom:var(--cf-space-050);overflow:hidden;border:1px solid var(--cf-color-border-strong);border-radius:var(--cf-radius-050)}.rendering-strategies-lesson .strategy-bar.is-server{border-color:var(--cf-color-primary-border);background:var(--cf-color-primary-subtle)}.rendering-strategies-lesson .strategy-bar.is-network{border-color:var(--cf-color-tertiary-border);background:var(--cf-color-tertiary-subtle)}.rendering-strategies-lesson .strategy-bar.is-browser{border-color:var(--cf-color-success-border);background:var(--cf-color-success-subtle)}.rendering-strategies-lesson .strategy-bar-label{display:block;padding:0 var(--cf-space-050);overflow:hidden;color:var(--cf-color-text);font-size:var(--cf-font-size-250);white-space:nowrap;text-overflow:ellipsis}.rendering-strategies-lesson .strategy-marker{position:absolute;top:0;bottom:0;border-left:2px dashed var(--cf-color-accent)}.rendering-strategies-lesson .strategy-tick{position:absolute;transform:translateX(-50%);color:var(--cf-color-text-tertiary);font-size:var(--cf-font-size-250)}.rendering-strategies-lesson .strategy-tick:first-child{transform:none}.rendering-strategies-lesson .strategy-tick:last-child{transform:translateX(-100%)}.rendering-strategies-lesson .strategy-legend{margin:0;padding:0 var(--cf-space-300) var(--cf-space-200);color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-275)}.rendering-strategies-lesson .strategy-compare{padding:var(--cf-space-200) var(--cf-space-300);overflow-x:auto}.rendering-strategies-lesson .strategy-compare table{width:100%;border-collapse:collapse;font-size:var(--cf-font-size-300)}.rendering-strategies-lesson .strategy-compare caption{padding-bottom:var(--cf-space-100);color:var(--cf-color-text-secondary);text-align:left}.rendering-strategies-lesson .strategy-compare td,.rendering-strategies-lesson .strategy-compare th{padding:var(--cf-space-050) var(--cf-space-100);border-bottom:1px solid var(--cf-color-border);text-align:right}.rendering-strategies-lesson .strategy-compare th:first-child{text-align:left}.rendering-strategies-lesson .strategy-compare tr.is-current{background:var(--cf-color-accent-subtle)}.rendering-strategies-lesson .revalidate-log{display:grid;grid-gap:var(--cf-space-100);gap:var(--cf-space-100);margin:0;padding-left:var(--cf-space-400);font-size:var(--cf-font-size-300)}.rendering-strategies-lesson .revalidate-log .is-stale{color:var(--cf-color-text)}.rendering-strategies-lesson .revalidate-log .is-built strong,.rendering-strategies-lesson .revalidate-log .is-rebuilt strong{color:var(--cf-color-success)}.rendering-strategies-lesson .revalidate-log .is-change strong{color:var(--cf-color-accent)}@media(max-width:768px){.rendering-strategies-lesson .strategy-lane{gap:var(--cf-space-100)}.rendering-strategies-lesson .strategy-compare,.rendering-strategies-lesson .strategy-lanes{padding-inline:var(--cf-space-150)}}