/* =========================================================
   AUKSOKAINA LAYOUT NORMALIZE V2.5
   One width system for article hub, article pages and homepage teasers.
   No nested artificial 780/820/860/900/1040/1180 columns.
   ========================================================= */

:root {
    --ak-page-width: var(--max);
    --ak-page-gutter: 40px;
    --ak-rule: #ddd9d0;
    --ak-gold: #735515;
}

/* =========================================================
   GLOBAL ARTICLE WIDTH SYSTEM
   Everything follows the same normal site container.
   ========================================================= */

html body .articles-hero--editorial,
html body .articles-index--editorial,
html body .article-hero--editorial,
html body article.article-body--editorial,
html body .article-ad--editorial {
    width: min(calc(100% - var(--ak-page-gutter)), var(--ak-page-width)) !important;
    max-width: var(--ak-page-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

/* No hidden inner narrow columns */
html body .article-hero--editorial .article-breadcrumbs,
html body .article-hero--editorial .article-kicker,
html body .article-hero--editorial h1,
html body .article-hero--editorial .article-hero__lead,
html body .article-hero--editorial .article-byline,
html body article.article-body--editorial .article-section,
html body article.article-body--editorial .article-section h2,
html body article.article-body--editorial .article-prose,
html body article.article-body--editorial .article-prose p,
html body article.article-body--editorial .article-prose ul,
html body article.article-body--editorial .article-prose ol,
html body article.article-body--editorial .article-prose blockquote,
html body article.article-body--editorial .article-faq,
html body article.article-body--editorial .article-related,
html body article.article-body--editorial .article-back {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

/* =========================================================
   ARTICLE HERO
   ========================================================= */

html body .article-hero--editorial {
    padding: 50px 0 24px !important;
}

html body .article-hero--editorial .article-breadcrumbs {
    margin-bottom: 30px !important;
}

html body .article-hero--editorial .article-kicker {
    margin-bottom: 12px !important;
}

html body .article-hero--editorial h1 {
    margin-top: 0 !important;
    margin-bottom: 18px !important;
    padding: 0 !important;
    font-size: clamp(44px, 5vw, 68px) !important;
    line-height: 1.01 !important;
    letter-spacing: -.052em !important;
    text-wrap: balance;
    overflow-wrap: normal !important;
    word-break: normal !important;
}

html body .article-hero--editorial .article-hero__lead {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    color: #55514b !important;
    font-size: 20px !important;
    line-height: 1.64 !important;
}

html body .article-hero--editorial .article-byline {
    margin-top: 22px !important;
    padding-top: 15px !important;
    border-top: 1px solid var(--ak-rule) !important;
}

/* =========================================================
   ADS
   Ad formats keep their own physical width, but align to page container.
   ========================================================= */

html body .article-ad--editorial {
    margin-top: 24px !important;
    margin-bottom: 38px !important;
    justify-content: flex-start !important;
}

html body .article-ad--editorial > * {
    width: min(100%, 970px) !important;
    max-width: 970px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

html body article.article-body--editorial .article-ad--inline {
    width: min(100%, 728px) !important;
    max-width: 728px !important;
    margin: 40px 0 !important;
}

/* =========================================================
   ARTICLE BODY
   No different width per section.
   ========================================================= */

html body article.article-body--editorial {
    padding: 0 0 58px !important;
}

html body article.article-body--editorial .article-section {
    padding: 34px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid var(--ak-rule) !important;
    background: transparent !important;
    box-shadow: none !important;
}

html body article.article-body--editorial .article-section:first-of-type {
    border-top: 1px solid var(--ak-rule) !important;
}

html body article.article-body--editorial .article-section h2 {
    margin: 0 0 14px !important;
    font-size: clamp(28px, 3vw, 38px) !important;
    line-height: 1.16 !important;
    letter-spacing: -.035em !important;
    text-wrap: balance;
}

html body article.article-body--editorial .article-prose {
    color: #45413c !important;
    font-size: 17px !important;
    line-height: 1.76 !important;
}

html body article.article-body--editorial .article-prose p {
    margin: 0 0 18px !important;
}

html body article.article-body--editorial .article-section--notice {
    margin: 32px 0 !important;
    padding: 24px 26px !important;
    border: 1px solid #d7c98e !important;
    border-left: 3px solid #b08a27 !important;
    background: #fbf8ed !important;
}

/* FAQ / related / back all follow exactly the same left and right edges */
html body article.article-body--editorial .article-faq {
    margin-top: 52px !important;
}

html body article.article-body--editorial .article-related {
    margin-top: 64px !important;
    padding-top: 30px !important;
    border-top: 1px solid var(--ak-rule) !important;
}

html body article.article-body--editorial .article-back {
    margin-top: 42px !important;
}

/* Related cards stay inside full site grid */
html body article.article-body--editorial .articles-grid--related {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 24px !important;
}

html body article.article-body--editorial .article-card--related {
    min-height: 0 !important;
    padding: 24px !important;
    border: 1px solid var(--ak-rule) !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
}

/* =========================================================
   /STRAIPSNIAI INDEX
   Same container as the entire site, no 1220px custom island.
   ========================================================= */

html body .articles-hero--editorial {
    padding: 56px 0 30px !important;
}

html body .articles-hero--editorial h1 {
    max-width: none !important;
    margin: 0 !important;
    font-size: clamp(48px, 6vw, 78px) !important;
    line-height: 1 !important;
    letter-spacing: -.055em !important;
}

html body .articles-hero--editorial .articles-hero__lead {
    max-width: none !important;
    margin: 20px 0 0 !important;
    font-size: 19px !important;
}

html body .articles-index--editorial {
    padding: 16px 0 88px !important;
}

html body .articles-index--editorial .articles-featured {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr) !important;
    gap: 54px !important;
    margin-bottom: 48px !important;
    padding: 38px 0 44px !important;
    border-radius: 0 !important;
    background: transparent !important;
}

html body .articles-index--editorial .articles-featured h2 {
    max-width: none !important;
}

html body .articles-index--editorial .articles-featured__summary {
    max-width: none !important;
}

html body .articles-list-heading {
    margin-bottom: 0 !important;
}

html body .article-editorial-row {
    grid-template-columns: 112px minmax(0, 1.15fr) minmax(0, .85fr) !important;
    gap: 34px !important;
}

/* =========================================================
   HOMEPAGE ARTICLE SECTION
   Uses existing normal .container; no extra narrowing.
   ========================================================= */

html body .home-articles-section .container {
    width: min(calc(100% - var(--ak-page-gutter)), var(--ak-page-width)) !important;
    max-width: var(--ak-page-width) !important;
}

html body .home-articles-section .articles-grid--home {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 34px !important;
}

html body .home-articles-section .article-card--home {
    min-height: 0 !important;
    padding: 24px 0 26px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--ak-rule) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.home-articles-editorial {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr);
    gap: 52px;
    padding-top: 24px;
    border-top: 3px solid var(--ak-gold);
}

.home-article-lead,
.home-article-brief {
    min-width: 0;
}

.home-article-lead h3 {
    margin: 8px 0 14px;
    font-size: clamp(32px, 3.8vw, 52px);
    line-height: 1.06;
    letter-spacing: -.045em;
}

.home-article-lead p,
.home-article-brief p {
    color: #5d5952;
    line-height: 1.68;
}

.home-article-lead > p {
    max-width: 900px;
    font-size: 17px;
}

.home-article-briefs {
    border-top: 1px solid var(--ak-rule);
}

.home-article-brief {
    padding: 22px 0 24px;
    border-bottom: 1px solid var(--ak-rule);
}

.home-article-brief h3 {
    margin: 8px 0 10px;
    font-size: clamp(22px, 2vw, 29px);
    line-height: 1.14;
    letter-spacing: -.03em;
}

.home-article-brief p {
    margin: 0;
    font-size: 14px;
}

.home-article-lead h3 a,
.home-article-brief h3 a {
    text-decoration: none;
}

.home-article-lead h3 a:hover,
.home-article-brief h3 a:hover {
    text-decoration: underline;
    text-underline-offset: 4px;
}

/* =========================================================
   OVERFLOW GUARD
   ========================================================= */

html body .article-hero--editorial *,
html body article.article-body--editorial *,
html body .articles-index--editorial *,
html body .home-articles-section * {
    min-width: 0;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 820px) {
    :root {
        --ak-page-gutter: 28px;
    }

    html body .articles-index--editorial .articles-featured {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }

    html body .article-editorial-row {
        grid-template-columns: 86px minmax(0, 1fr) !important;
    }

    html body .article-editorial-row__aside {
        grid-column: 2 !important;
    }

    html body .home-articles-section .articles-grid--home,
    html body article.article-body--editorial .articles-grid--related {
        grid-template-columns: 1fr !important;
    }

    .home-articles-editorial {
        grid-template-columns: 1fr;
        gap: 30px;
    }
}

@media (max-width: 560px) {
    :root {
        --ak-page-gutter: 24px;
    }

    html body .article-hero--editorial {
        padding-top: 34px !important;
    }

    html body .article-hero--editorial h1 {
        font-size: 40px !important;
    }

    html body article.article-body--editorial .article-prose {
        font-size: 16px !important;
        line-height: 1.7 !important;
    }

    html body .article-editorial-row {
        display: block !important;
    }

    html body .article-editorial-row__aside {
        margin-top: 14px !important;
    }
}

/* AUKSOKAINA LAYOUT NORMALIZE V2.5 END */