/* Список гайдів і сторінки окремих гайдів */

.guides { padding-top: 65px; }

.guides__title {
    margin: 0 0 19px;
    font-size: var(--size-xx-large);
    line-height: 1.15;
    text-align: center;
}
.guides__intro { font-size: var(--size-medium); }
.guides__intro p { margin: 0 0 19.2px; }

.guide-card {
    display: grid;
    grid-template-columns: 266px auto;
    gap: 109px;
    align-items: start;
    margin-top: 84px;
}
.guide-card__cover { min-width: 0; }
.guide-card__cover img { width: 100%; height: auto; border-radius: 8px; }
.guide-card__title { margin: 0 0 33px; font-size: var(--size-x-large); line-height: 1.15; }
.guide-card__body p { margin: 0 0 19.2px; }
.guide-card__links { display: flex; gap: 12px; flex-wrap: wrap; }
.guides .guide-card:last-child { margin-bottom: 94px; }

/* --- сторінка одного гайда ---------------------------------------------- */

.guide {
    /* ширший контейнер, ніж у решти сторінок — так було в оригіналі */
    display: grid;
    width: min(100% - 20px, 1200px);
    grid-template-columns: 532px auto;
    gap: 122px;
    align-items: start;
    padding: 104px 0 var(--space-50);
}
/* без min-width:0 колонка розтягується під власну ширину картинки */
.guide__cover { min-width: 0; }
.guide__cover img { width: 100%; height: auto; border-radius: 8px; }
.guide__title { margin: 0 0 24px; font-size: var(--size-x-large); line-height: 1.2; }

/* у формі гайда крок між полями трохи менший, ніж на контактах */
.guide .form__row { margin-bottom: 32px; }

.form__check { display: flex; gap: 10px; align-items: flex-start; font-size: var(--size-small); }
.form__check input { margin-top: 4px; }
.form__row--check { margin-bottom: 24px; }

@media (max-width: 800px) {
    .guide { grid-template-columns: 1fr; gap: var(--space-30); }
    /* На вузькому екрані обкладинка займає всю ширину, як в оригіналі */
    .guide-card { grid-template-columns: 1fr; gap: var(--space-30); }
}