[Kimeiga]

Mobile navigation

• make the navbar an exact 48px-high flex row so direct links, list items, and submenu triggers share the same vertical centerline
• keep the fixed edge-to-edge black blurred header from Restore the Apple-style header and fix CSS minification #19
• restore tappable mobile dropdowns using native semantic details/summary, with no framework-specific classes or IDs
• present open mobile submenus as a full-width panel directly below the fixed header
• retain nested-list hover/focus behavior as the desktop fallback

Typography

• keep body copy at 16px, which is already close to the supplied ChatGPT iOS reference
• reduce mobile h1 from 32px to 28px
• reduce h2 from 24px to 22px and h3 from 20px to 19px
• tighten heading margins and sequential heading spacing
• reduce section/article vertical gaps
• tighten body line-height from 1.55 to 1.5

Docs and tests

• update the element demo to use classless native dropdown toggles
• document details/summary as the touch-reliable submenu pattern
• add regression coverage for mobile dropdowns, exact vertical alignment, classless markup, and the compact type scale
• regenerate distribution CSS from source

The body text remains at the same ~16px reading size as the iOS reference; the oversized feeling was primarily the heading scale and spacing.

[chatgpt-codex-connector]

Codex Review Summary

This comment shows the latest Codex review activity on this pull request.

Review	Status	Commit	Review trigger
📝 Code Review	✅ Completed 2026-10-01T20:27:35.098112Z	b642e87	PR opened
🔒 Security Review	✅ Completed 2026-10-01T20:28:08.658840Z	b642e87	PR opened

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

• Open a pull request for review
• Mark a draft as ready
• Comment "@codex review" or "@codex security review".

Codex reacts with 👀 while any review is running, comments if it has suggestions, and reacts with 👍 once all reviews finish with no findings.