.rules-of-hooks-lesson .rules-of-hooks-controls{display:grid;grid-gap:var(--cf-space-150);gap:var(--cf-space-150)}.rules-of-hooks-lesson .rules-of-hooks-controls .execution-choices{align-items:center}.rules-of-hooks-lesson .rules-of-hooks-controls .execution-choices>span{color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-300)}.rules-of-hooks-lesson .rules-of-hooks-slots{display:grid;grid-gap:var(--cf-space-100);gap:var(--cf-space-100);margin:0;padding:var(--cf-space-200);list-style:none}.rules-of-hooks-lesson .rules-of-hooks-slots li{display:grid;grid-template-columns:auto 1fr;grid-gap:var(--cf-space-050) var(--cf-space-150);gap:var(--cf-space-050) var(--cf-space-150);padding:var(--cf-space-150) var(--cf-space-200);border-left:1px solid var(--cf-color-border);border:1px solid var(--cf-color-border);border-left-width:3px;border-radius:var(--cf-radius-100);background:var(--cf-color-surface-raised);color:var(--cf-color-text);font-size:var(--cf-font-size-300)}.rules-of-hooks-lesson .rules-of-hooks-slots li.is-problem{border-color:var(--cf-color-danger-border);border-left-color:var(--cf-color-danger);background:var(--cf-color-danger-subtle)}.rules-of-hooks-lesson .rules-of-hooks-slots .slot-number{grid-row:span 2;font-family:var(--cf-font-mono);font-weight:var(--cf-font-weight-bold)}.rules-of-hooks-lesson .rules-of-hooks-slots .slot-calls{display:flex;flex-wrap:wrap;gap:var(--cf-space-050) var(--cf-space-200);overflow-wrap:anywhere}.rules-of-hooks-lesson .rules-of-hooks-slots .slot-says{color:var(--cf-color-text-secondary)}