body { margin: 0; background: #cfc6b6; color: #2b261f; font-family: "Iowan Old Style", Palatino, serif; }
.flight { padding: 1.2rem 0 3rem; }
.step { background: #f6f1e7; border-left: 14px solid #6d624f; padding: 0.8rem 1rem 1rem; box-sizing: border-box; }
.step:nth-child(1) { width: 68%; margin-left: 4%; }
.step:nth-child(2) { width: 72%; margin-left: 14%; }
.step:nth-child(3) { width: 76%; margin-left: 24%; }
.step:nth-child(4) { width: 80%; margin-left: 16%; }
.head { display: flex; align-items: center; gap: 0.8rem; }
.head img { width: 64px; height: 64px; object-fit: cover; }
.head nav { margin-left: auto; display: flex; gap: 0.8rem; }
.head a { color: #2b261f; }
.step img { width: 100%; height: 200px; object-fit: cover; display: block; margin-top: 0.6rem; }
h1, h2 { margin: 0.2rem 0 0.4rem; }
p { margin: 0.35rem 0; line-height: 1.45; }
@media (max-width: 720px) {
  .step, .step:nth-child(1), .step:nth-child(2), .step:nth-child(3), .step:nth-child(4) { width: auto; margin: 0 0.6rem 0.8rem; }
}