.profiling-lesson .prof-controls{display:grid;grid-gap:var(--cf-space-300);gap:var(--cf-space-300)}.profiling-lesson .prof-highlight{display:flex;align-items:center;gap:var(--cf-space-200);font-size:var(--cf-font-size-300);cursor:pointer}.profiling-lesson .prof-highlight input{accent-color:var(--cf-color-code-button)}.profiling-lesson .prof-panes{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr)}.profiling-lesson .prof-panes>.runtime-pane+.runtime-pane{border-left:1px solid var(--cf-color-border)}.profiling-lesson .prof-shop{display:grid;grid-gap:var(--cf-space-200);gap:var(--cf-space-200);padding:var(--cf-space-250) var(--cf-space-300);border:1px solid var(--cf-color-border-control);border-radius:var(--cf-radius-150);background:var(--cf-color-surface);color:var(--cf-color-text);font-size:var(--cf-font-size-325)}.profiling-lesson .prof-shop ol,.profiling-lesson .prof-shop p,.profiling-lesson .prof-shop ul{margin:0}.profiling-lesson .prof-shop input{inline-size:100%;padding:var(--cf-space-150) var(--cf-space-200);background:var(--cf-color-surface-input)}.profiling-lesson .prof-shop button,.profiling-lesson .prof-shop input{border:1px solid var(--cf-color-border-control);border-radius:var(--cf-radius-100);color:var(--cf-color-text);font:inherit}.profiling-lesson .prof-shop button{padding:0 var(--cf-space-200);background:var(--cf-color-surface-raised);font-size:var(--cf-font-size-300);cursor:pointer}.profiling-lesson .prof-products{padding-left:var(--cf-space-400)}.profiling-lesson .prof-picks,.profiling-lesson .prof-products li+li{margin-top:var(--cf-space-100)}.profiling-lesson .prof-picks{column-count:3;padding-left:var(--cf-space-500);color:var(--cf-color-text-secondary)}.profiling-lesson .prof-part{border-radius:var(--cf-radius-100);outline:2px solid rgba(0,0,0,0);outline-offset:1px}.profiling-lesson .prof-part.is-flashing{animation:prof-flash calc(var(--cf-duration-slower)*2) var(--cf-ease-out)}@keyframes prof-flash{0%{outline-color:var(--cf-color-warning)}to{outline-color:rgba(0,0,0,0)}}.profiling-lesson .prof-tab-heading{flex-wrap:wrap}.profiling-lesson .prof-views{display:inline-flex;gap:var(--cf-space-100)}.profiling-lesson .prof-views button{padding:var(--cf-space-050) var(--cf-space-200);border:1px solid var(--cf-color-border-control);border-radius:var(--cf-radius-100);background:rgba(0,0,0,0);color:var(--cf-color-text-secondary);font:inherit;font-size:var(--cf-font-size-300);cursor:pointer}.profiling-lesson .prof-views button[aria-pressed=true]{border-color:var(--cf-color-primary-border);background:var(--cf-color-primary-subtle);color:var(--cf-color-text)}.profiling-lesson .prof-commits{display:flex;align-items:flex-end;gap:var(--cf-space-100);block-size:var(--cf-space-1200);overflow-x:auto}.profiling-lesson .prof-commits button{display:flex;align-items:flex-end;flex:0 0 auto;inline-size:var(--cf-space-400);block-size:100%;padding:0;border:1px solid rgba(0,0,0,0);border-radius:var(--cf-radius-050);background:rgba(0,0,0,0);cursor:pointer}.profiling-lesson .prof-commits button[aria-pressed=true]{border-color:var(--cf-color-text)}.profiling-lesson .prof-commit-bar{display:block;inline-size:100%}.profiling-lesson .prof-commit-info{margin:var(--cf-space-200) 0;color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-300)}.profiling-lesson .prof-flame{display:grid;grid-gap:var(--cf-space-050);gap:var(--cf-space-050)}.profiling-lesson .prof-flame-row{position:relative;block-size:var(--cf-space-700)}.profiling-lesson .prof-flame .prof-bar{position:absolute;inset-block:0}.profiling-lesson .prof-bar{overflow:hidden;min-inline-size:var(--cf-space-100);padding:0 var(--cf-space-100);border:1px solid var(--cf-color-border-strong);border-radius:var(--cf-radius-050);color:var(--cf-color-text);font:inherit;font-family:var(--cf-font-mono);font-size:var(--cf-font-size-250);text-align:start;white-space:nowrap;cursor:pointer}.profiling-lesson .prof-bar span{display:block;overflow:hidden;text-overflow:ellipsis}.profiling-lesson .prof-bar[aria-pressed=true]{outline:2px solid var(--cf-color-text);outline-offset:-2px}.profiling-lesson .is-cool{border-color:var(--cf-color-tertiary-border);background:var(--cf-color-tertiary-subtle)}.profiling-lesson .is-warm{border-color:var(--cf-color-success-border);background:var(--cf-color-success-subtle)}.profiling-lesson .is-hot{border-color:var(--cf-color-warning-border);background:var(--cf-color-warning-subtle)}.profiling-lesson .is-skipped{border-style:dashed;border-color:var(--cf-color-border-control);background:var(--cf-color-surface-strong);color:var(--cf-color-text-muted)}.profiling-lesson .prof-ranked{display:grid;grid-gap:var(--cf-space-050);gap:var(--cf-space-050);max-block-size:calc(var(--cf-space-2000)*2);overflow-y:auto;margin:0;padding:0;list-style:none}.profiling-lesson .prof-ranked .prof-bar{display:block;block-size:var(--cf-space-600)}.profiling-lesson .prof-sidebar{margin-top:var(--cf-space-300);padding-top:var(--cf-space-250);border-top:1px solid var(--cf-color-border);font-size:var(--cf-font-size-300)}.profiling-lesson .prof-sidebar p,.profiling-lesson .prof-sidebar ul{margin:0}.profiling-lesson .prof-sidebar .prof-why-title{margin-top:var(--cf-space-200);color:var(--cf-color-text-secondary);font-weight:var(--cf-font-weight-semibold)}.profiling-lesson .prof-why{padding-left:var(--cf-space-400)}.profiling-lesson .prof-rendered-at,.profiling-lesson .prof-why-none{color:var(--cf-color-text-secondary)}.profiling-lesson .prof-sidebar .prof-rendered-at{margin-top:var(--cf-space-200)}@media(max-width:768px){.profiling-lesson .prof-panes{grid-template-columns:minmax(0,1fr)}.profiling-lesson .prof-panes>.runtime-pane+.runtime-pane{border-left:0;border-top:1px solid var(--cf-color-border)}}