/* View-specific styles shared by simple screens (Learn is in path.css, lessons in lesson.css) */

/* ---------- Coming soon ---------- */
.soon { text-align: center; display: grid; justify-items: center; padding: var(--s-7) var(--s-5); margin-top: var(--s-5); }
.soon__emoji { font-size: 3.5rem; margin: 0; line-height: 1.2; }
.soon h1 { font-size: var(--step-4); }

/* ---------- More ---------- */
.more-list { display: grid; gap: var(--s-3); }
.more-item { display: flex; align-items: center; gap: var(--s-4); padding: var(--s-4) var(--s-5); }
.more-item > span:first-child { font-size: 1.8rem; }
.more-item img { border-radius: 10px; }