.use-hook-lesson .use-hook-panes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.use-hook-lesson .use-hook-panes>.runtime-pane+.runtime-pane{border-left:1px solid var(--cf-color-border)}.use-hook-lesson .use-hook-mini-page{min-height:var(--cf-space-1000);padding:var(--cf-space-250) var(--cf-space-350);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)}.use-hook-lesson .use-hook-mini-page p{margin:0}.use-hook-lesson .use-hook-mini-page span{color:var(--cf-color-text-secondary)}.use-hook-lesson .use-hook-line{margin:0 0 var(--cf-space-200);font-size:var(--cf-font-size-300)}.use-hook-lesson .use-hook-line code{overflow-wrap:anywhere}.use-hook-lesson .use-hook-fields{display:grid;grid-template-columns:max-content minmax(0,1fr);grid-gap:var(--cf-space-150) var(--cf-space-300);gap:var(--cf-space-150) var(--cf-space-300);margin:0;font-size:var(--cf-font-size-300)}.use-hook-lesson .use-hook-fields dt{color:var(--cf-color-text-secondary);font-family:var(--cf-font-mono)}.use-hook-lesson .use-hook-fields dd{margin:0;overflow-wrap:anywhere}.use-hook-lesson .use-hook-timeline{margin:0;padding-left:var(--cf-space-500);font-size:var(--cf-font-size-300)}.use-hook-lesson .use-hook-timeline li{margin-bottom:var(--cf-space-150);color:var(--cf-color-text-secondary)}.use-hook-lesson .use-hook-timeline li:last-child{color:var(--cf-color-text)}.use-hook-lesson .use-hook-timeline strong{display:block;color:var(--cf-color-text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.use-hook-lesson .use-hook-timeline span{overflow-wrap:anywhere}@media(max-width:768px){.use-hook-lesson .use-hook-panes{grid-template-columns:minmax(0,1fr)}.use-hook-lesson .use-hook-panes>.runtime-pane+.runtime-pane{border-left:0;border-top:1px solid var(--cf-color-border)}}