/* YourTourKey blog: Shared page base and responsive article/CTA text; loads after CTA to preserve priority.
 * Moved from ytk-blog.css without changing declarations.
 */

/* YOURTOURKEY BLOG / ARCHIVE / SINGLE POST SYSTEM */

.ytk-blog-archive-page,
.ytk-blog-article-page,
.ytk-error-page {
    width: 100%;
    margin: 0;
    padding: 0;
    background: #ffffff;
    color: var(--ytk-ink);
    font-family: var(--ytk-font-family);
}

@media (max-width: 760px) {
    .ytk-blog-article-page--legacy .ytk-blog-content h2 {
            letter-spacing: -2px;
        }
}

/* Article typography tokens. Shared across native and legacy blog posts. */
.ytk-blog-article-page {
    --ytk-article-font: Inter, Arial, sans-serif;
    --ytk-article-heading: #1a2b49;
    --ytk-article-text: #626978;
    --ytk-article-emphasis: #41464f;
    --ytk-article-link-hover: #344b6c;
    --ytk-article-h1: 48px;
    --ytk-article-h2: 32px;
    --ytk-article-h3: 26px;
    --ytk-article-h4: 22px;
    --ytk-article-h5: 20px;
    --ytk-article-h6: 18px;
    --ytk-article-body: var(--ytk-article-intro);
    --ytk-article-intro: 20px;
    --ytk-article-label: 18px;
    --ytk-article-date: 20px;
    --ytk-article-category: 15px;
    --ytk-article-small: 14px;
    --ytk-article-heading-spacing: -.6px;
    --ytk-article-text-spacing: -.2px;
    --ytk-article-heading-line: 1.25;
    --ytk-article-body-line: 1.5;
}
@media (max-width: 900px) {
    .ytk-blog-article-page {
        --ytk-article-h1: 40px;
        --ytk-article-h2: 30px;
        --ytk-article-h3: 25px;
    }
}
@media (max-width: 600px) {
    .ytk-blog-article-page {
        --ytk-article-h1: 32px;
        --ytk-article-h2: 28px;
        --ytk-article-h3: 24px;
        --ytk-article-h4: 21px;
        --ytk-article-h5: 19px;
        --ytk-article-intro: 18px;
        --ytk-article-date: 18px;
    }
}