1. Moved the min-height from .email-reader-header to .email-reader-meta (92px) inside the <600 container query. Targeting the container itself in its own @container rule was flaky; using a descendant that affects the parent's intrinsic height works reliably. 2. Dropped the margin-top:0 reset on the cluster in the <380 overlay rule — that was clearing the base -7px lift and sliding the cluster ~7px downward at the breakpoint. Now both states use the same -7px lift so the visual position is stable across the transition. |
||
|---|---|---|
| .. | ||
| fonts | ||
| js | ||
| lib | ||
| app.js | ||
| index.html | ||
| login.html | ||
| manifest.json | ||
| style.css | ||
| sw.js | ||