.custom-hooks-lesson .custom-hooks-demo{display:grid;grid-gap:var(--cf-space-200);gap:var(--cf-space-200);justify-items:start}.custom-hooks-lesson .custom-hooks-page{justify-self:stretch;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)}.custom-hooks-lesson .custom-hooks-page h3{margin:0 0 var(--cf-space-150);font-size:var(--cf-font-size-350)}.custom-hooks-lesson .custom-hooks-page p{margin:0}.custom-hooks-lesson .custom-hooks-again,.custom-hooks-lesson .custom-hooks-page button{padding:var(--cf-space-050) var(--cf-space-250);border:1px solid var(--cf-color-border-strong);border-radius:var(--cf-radius-100);background:var(--cf-color-surface-raised);color:var(--cf-color-text);font:inherit;font-size:var(--cf-font-size-300);cursor:pointer}.custom-hooks-lesson .custom-hooks-again:hover,.custom-hooks-lesson .custom-hooks-page button:hover{border-color:var(--cf-color-border-hover)}