fix(levels): use two-column grid for kyu details to prevent clipping

Change from single-column flex to two-column grid layout to avoid vertical
overflow. Increased max width to 480px to accommodate the wider layout.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

apps/web/src/app/levels/page.tsx

@@ -676,15 +676,15 @@ export default function LevelsPage() {
                       <div
                         className={css({
                           flex: '0 0 auto',
-                          display: 'flex',
-                          flexDirection: 'column',
-                          justifyContent: 'center',
+                          display: 'grid',
+                          gridTemplateColumns: 'repeat(2, 1fr)',
                           gap: sizing.gap,
                           pr: '4',
                           pl: '2',
                           borderRight: '1px solid',
                           borderColor: 'gray.600',
-                          maxW: '320px',
+                          maxW: '480px',
+                          alignContent: 'center',
                         })}
                       >
                         {sections.map((section, idx) => (