.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; }
}

/* Video directory: locally stored covers link to each publication. */
.video-card__preview { display: block; position: relative; aspect-ratio: 16 / 9; background: #171717; }
.video-card__preview img { display: block; width: 100%; height: 100%; object-fit: contain; }
.video-card__play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: grid; place-items: center; width: 58px; height: 58px; padding-left: 4px; border-radius: 50%; background: rgba(190, 28, 23, .94); color: white; font-size: 25px; box-shadow: 0 2px 18px #0006; transition: background .15s; }
.video-card__preview:hover .video-card__play, .video-card__preview:focus-visible .video-card__play { background: #eb241d; }
.video-card__preview:focus-visible { outline: 3px solid #d29a50; outline-offset: -3px; }
.video-card__preview--missing { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; color: #d6c7b6; background: linear-gradient(135deg, #292420, #171717); text-decoration: none; }
.video-card__placeholder-icon { font-size: 36px; color: #d29a50; }
.video-card > .blog-card__link { margin-top: auto; }
.video-card h3 a { color: inherit; text-decoration: none; }
.video-card h3 a:hover { color: var(--red, #c5221f); }

.video-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.video-grid .video-card { min-width: 0; padding: 0 0 22px; }
.video-grid .video-card:has(.content-admin-actions--floating) { padding-top: 40px; }
@media (max-width: 980px) { .video-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) { .video-grid { grid-template-columns: minmax(0, 1fr); } }