.journey-app { max-width: 920px; gap: 16px; }
.journey-app .head { margin: 28px 0 8px; }
.journey-app h1 { max-width: 700px; }
.journey-app #journey-list { display: grid; gap: 20px; margin: 8px 0; }
.journey-item h2 { font-size: 24px; line-height: 1.25; overflow-wrap: anywhere; }
.journey-item .btns { margin: 20px 0 16px; }
.journey-new { color: #f4a340; font-weight: 600; }
.journey-nav { font: 500 14px/1.4 Figtree, sans-serif; color: inherit; text-decoration: underline; text-underline-offset: 4px; }
.journey-app .top { flex-wrap: wrap; gap: 16px; }
@media (max-width: 600px) { .journey-app .head { margin-top: 30px; } .journey-item h2 { font-size: 21px; } }

.journey-app > .fine, .journey-app #journey-note { margin: 0; }
.journey-app #journey-note:empty, .journey-app #journey-list:empty { display: none; }