/* article.css — оформлення вмісту статей і текстових сторінок.
   Джерело правди для всього, що раніше жило в <style> усередині контенту ресурсу.
   Контент ресурсу = чиста розмітка з класами; правила — тільки тут.
   ⚠️ html{font-size:1px} (CLAUDE.md §4) — тому rem поводиться як px. */

/* ── Таблиця в статті ──────────────────────────────────────────── */
.article-table-wrap {
    overflow-x: auto;
    margin: 0 0 24rem;
}

.article-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 15rem;
    line-height: 22rem;
    min-width: 640rem;
}

.article-table th {
    background: rgba(163, 131, 84, .14);
    color: #fff;
    font-weight: 600;
    text-align: left;
    padding: 10rem 12rem;
    border: 1rem solid rgba(163, 131, 84, .3);
}

.article-table td {
    padding: 10rem 12rem;
    border: 1rem solid rgba(255, 255, 255, .1);
    vertical-align: top;
}

/* ── FAQ (dl/dt/dd) ────────────────────────────────────────────── */
.article-faq dt {
    color: #fff;
    font-weight: 600;
    margin: 24rem 0 8rem;
}

.article-faq dd {
    margin: 0 0 16rem;
}

/* ── Альбом зображень у контенті (чанк tpl_resource_album) ─────── */
.article-album {
    margin: 0 0 20rem;
    text-align: center;
}

.article-album__img {
    width: 90%;
    height: auto;
}

/* ── Кнопка-посилання всередині контенту ───────────────────────── */
.page-text__content .btn,
.page_services-content .btn {
    display: inline-block;
}

/* ── Адаптивний YouTube-контейнер (чанк tpl_video_tovar) ───────── */
[data-responsive-youtube-container] {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    margin: 1em 0;
}

[data-responsive-youtube-container] > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}