.journal-preview { border-top: 1px solid #e6ded3; }
.journal-preview__heading { display: flex; justify-content: space-between; align-items: center; gap: 24px; }
.journal-preview__heading h2 { margin: 8px 0 0; }
.journal-preview__heading .btn { flex-shrink: 0; color: #5c351c; border-color: #b77b39; }
.journal-preview__heading .btn:hover, .journal-preview__heading .btn:focus-visible { color: #fff; background: #824d22; }
.journal-preview__intro { max-width: 720px; margin: 0 0 28px; color: #62574c; line-height: 1.65; }
.mobile-nav__item--current > .mobile-nav__link,
.mobile-nav a[aria-current="page"] { color: var(--color-accent, #b64226); font-weight: 700; }
.main-nav .main-nav__submenu a[aria-current="page"] { color: var(--color-accent, #b64226); font-weight: 700; }
.main-nav .main-nav__submenu { min-width: 260px; }
.main-nav .main-nav__submenu a { white-space: normal; }
.useful-directory { border-top: 1px solid #e6ded3; }
.useful-directory__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.useful-directory__link { display: flex; flex-direction: column; gap: 16px; padding: 28px; border: 1px solid #e6ded3; border-radius: 12px; color: #27221d; text-decoration: none; transition: border-color .2s, box-shadow .2s; }
.useful-directory__link:hover, .useful-directory__link:focus-visible { border-color: #b77b39; box-shadow: 0 8px 24px #34241812; }
.useful-directory__link h3 { margin: 0; font-size: 1.18rem; line-height: 1.4; }
.useful-directory__link p { margin: 0; color: #62574c; line-height: 1.65; }
.useful-directory__arrow { margin-top: auto; padding-top: 8px; font-weight: 600; color: #a73622; }
@media (max-width: 900px) { .useful-directory__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1101px) and (max-width: 1599px) {
    .header-main .wrap { gap: 18px; }
    .main-nav > ul { gap: 17px; }
    .main-nav > ul > li > a { font-size: 0.9rem; white-space: nowrap; }
    body:not(.journal-site) .header-phone { display: none; }
}
@media (max-width: 640px) {
    .useful-directory__grid { grid-template-columns: 1fr; }
    .journal-preview__heading { align-items: flex-start; flex-direction: column; gap: 16px; }
    .journal-preview__intro { margin-top: 20px; }
}