.pub { padding: 60px 0 0; }
.pub__pages { display: flex; flex-direction: column; align-items: center; gap: 20px; max-width: var(--container); margin: 0 auto 60px; padding: 40px; }
.pub--1 .pub__pages, .pub--3 .pub__pages, .pub--4 .pub__pages { background: var(--slate); margin: 60px auto; }
.pub--2 .pub__pages { background: var(--cyan); }
.pub__pages img { width: 100%; max-width: 792px; height: auto; }
.pub__back { padding: 20px 0 40px; }
.pub--2 .pub__btn { background: var(--navy); color: var(--light); }
@media (max-width: 767px) { .pub__pages { padding: 16px; } }