@keyframes spin {
            to {
                transform: rotate(360deg)
            }
        }

        body:not(.loadedPage) #app {
            visibility: hidden;
            opacity: 0
        }

        #preloader {
            position: fixed;
            inset: 0;
            background: #fff;
            z-index: 99999;
            transition: opacity .3s ease
        }

        body.loadedPage #preloader {
            opacity: 0;
            pointer-events: none;
            transition-delay: .1s
        }

        .spinner {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 40px;
            height: 40px;
            margin: -20px 0 0 -20px;
            border: 4px solid #ccc;
            border-top-color: #000;
            border-radius: 50%;
            animation: spin .8s linear infinite
        }
    

    .in-fluid{width:100%;max-width:100%;margin:0 auto;padding-left:24px;padding-right:24px}
    @media(min-width:1400px){.container{max-width:1500px}}
    /* +25% масштаб шрифтов для этого шаблона (все размеры в rem) */
    html{font-size:125%}
    /* шапку/верхнее меню/поиск оставляем как было — не масштабируем */
    header.main-header{font-size:16px}
    .container.d-none.d-lg-block{font-size:16px}
    .container.d-none.d-lg-block .p-2{padding:8px !important}
    .main-search-form{font-size:16px}
    @media(max-width:575px){.in-fluid{padding-left:12px;padding-right:12px}}
    /* логотип — чёрный, НЕ капсом, компактнее (как в макете) */
    .main-header .logo a,.main-header .logo{color:#111}
    .main-header .logo{text-transform:none !important;font-size:clamp(1.3rem, 3vw, 1.8rem) !important;line-height:1.05}
    .main-header .logo a{font-weight:600}
    @media(max-width:575px){.header-sticky,.main-header{height:auto;line-height:1.3}}
    @media(max-width:349.98px){.main-header .logo{font-size:1.2rem !important}}
    @media(max-width:424.98px){.main-header .logo.from-slogan{line-height:1.4}}
    @media(min-width:425px) and (max-width:576.98px){.main-header .logo.from-slogan{line-height:1.05}}
    @media(min-width:576px) and (max-width:767.98px){.main-header .logo.from-slogan{line-height:1.05}}
    @media(min-width:768px) and (max-width:991.98px){.main-header .logo.from-slogan{line-height:1.05}}
    .main-header .logo .slogan{text-transform:none;font-weight:400;font-size:12.8px;color:#777}
    .header-sticky,.main-header{height:60px;line-height:60px}
    body{font-family:Arial, Helvetica, sans-serif}
    .in-img-hero{aspect-ratio:2.6/1}
    .in-img-card{aspect-ratio:2.4/1}
    @media(max-width:767px){.in-img-card{aspect-ratio:4/1}}
    /* верхняя строка: дата + город/погода в одну линию */
    .in-head-meta{display:flex;gap:16px;align-items:center;color:#666}
    .in-head-meta .in-head-date{text-transform:none}
    .in-head-meta .in-head-weather{font-size:12.8px;color:#333;font-weight:600}
    .in-head-meta .in-head-weather i{color:#8a9aa8;margin:0 2px}
    /* единое кадрирование картинок (object-fit cover) */
    .in-img{display:block;overflow:hidden;position:relative;background:#eef0f2}
    .in-img a{display:block;width:100%;height:100%}
    .in-img picture{display:block;width:100%;height:100%}
    .in-img img{width:100%;height:100%;object-fit:cover;display:block}
    .in-img-30x9{aspect-ratio: 30 / 9;}
    .in-img-16x9-2{aspect-ratio:16/9}
    .in-img-16x9{aspect-ratio:16/9}
    .in-img-4x3{aspect-ratio:4/3}
    .in-img-sq{aspect-ratio:1/1}


        /* ==================== inspiration_new: ГЛАВНАЯ (газетная полоса) ==================== */
        .in-page-home .in-home a{text-decoration:none}
        .in-page-home .in-home .in-col-main{border-right:1px solid #ededed}

        /* заголовки секций */
        .in-page-home .in-sec{display:flex;align-items:center;justify-content:space-between;padding-bottom:5px}
        .in-page-home .in-sec h2, .in-page-home .in-sec h3{font-weight:800;margin:0;font-size:1.15rem;letter-spacing:-.2px}
        .in-page-home .in-sec h2{font-size:2rem}
        .in-page-home .in-sec .in-all{white-space:nowrap;}
        .in-page-home .in-sec .in-all:hover{color:#dc3545}

        :is(.in-page-home, .in-page-category, .in-page-archive) .in-meta{margin-top:5px}
        .in-page-home .in-meta a:hover{color:#dc3545}
        .in-page-home .in-cat{font-weight:700}

        /* ГЛАВНОЕ: герой */
        .in-page-home .in-hero .in-hero-title{font-weight:800;line-height:1.12;margin:7px 0 4px;font-size:1.2rem}
        .in-page-home .in-hero .in-hero-title a{color:#111}
        .in-page-home .in-hero .in-hero-desc{color:#444;font-size:.9rem;line-height:1.1}

        /* ГЛАВНОЕ: 3 карточки */
        .in-page-home .in-card .in-card-title{font-weight:700;line-height:1.2;margin-top:7px;font-size:.92rem}
        .in-page-home .in-card .in-card-title a{color:#111}
        .in-page-home .in-card .in-card-desc{color:#555;font-size:.78rem;line-height:1.3;margin-top:3px}
        /* 3 новости в стопку (image-left) */
        .in-page-home .in-htop{display:flex;gap:12px;padding-bottom:14px}
        .in-page-home .in-htop:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
        .in-page-home .in-htop .in-htop-img{flex:0 0 188px}
        .in-page-home .in-htop .in-htop-title{font-weight:700;line-height:1.2;font-size:1rem;margin-bottom:3px}
        .in-page-home .in-htop .in-htop-title a{color:#111}

        /* блоки по рубрикам */
        .in-page-home .in-cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:4px}
        .in-page-home .in-cat-grid .in-cat-block{padding:0 0 10px 10px;margin:0 0 5px;border-bottom:1px solid #eee;display:flex;flex-direction:column}
        .in-page-home .in-cat-block .in-cb-bottom{margin-top:auto}
        .in-page-home .in-cat-grid .in-cat-block:not(:nth-child(4n+1)){border-left:1px solid #eee}
        .in-page-home .in-cat-grid .in-cat-block:nth-child(4n+1){padding-left:0}
        .in-page-home .in-cat-grid .in-cat-block:nth-child(4n){padding-right:0}
        /* бегущая строка: стрелка вместо скоса + время */
        .in-page-home .news-ticker .news-label::after{width:0;height:0;border-top:16px solid transparent;border-bottom:16px solid transparent;border-left:16px solid #dc3545;right:-16px}
        .in-page-home .news-track .nt-time{font-weight:700;margin-right:5px}
        @media(max-width:991px){
            .in-page-home .in-cat-grid{grid-template-columns:repeat(2,1fr)}
            .in-page-home .in-cat-grid .in-cat-block:nth-child(odd){border-left:0;padding-left:0;padding-right:16px}
            .in-page-home .in-cat-grid .in-cat-block:nth-child(even){border-left:1px solid #eee;padding-left:16px;padding-right:0}
        }
        @media(max-width:575px){
            .in-page-home .in-cat-grid{grid-template-columns:1fr}
            .in-page-home .in-cat-grid .in-cat-block:nth-child(n){border-left:0;padding-left:0;padding-right:0}
        }
        .in-page-home .in-cat-block .in-img{aspect-ratio:auto;height:113px}
        @media(max-width:575px){.in-page-home .in-cat-block .in-img{height:auto;aspect-ratio:16/9}}
        .in-page-home .in-cat-block .in-cb-feat-title{font-weight:700;line-height:1.2;margin:6px 0 5px;font-size:.88rem}
        .in-page-home .in-cat-block .in-cb-feat-title a{color:#111}
        .in-page-home .in-cb-list{list-style:none;margin:5px 0;padding:0}
        .in-page-home .in-cb-list li{position:relative;padding-left:12px;margin-bottom:5px;line-height:1.22}
        .in-page-home .in-cb-list li::before{content:"";position:absolute;left:0;top:6px;width:5px;height:5px;background:#dc3545}
        .in-page-home .in-cb-list li a{color:#1a1a1a;font-size:.7rem}
        .in-page-home .in-cb-list li a:hover{color:#dc3545}
        .in-page-home .in-cat-block .in-meta{margin-top:4px}

        /* ==================== ПРАВАЯ КОЛОНКА ==================== */
        :is(.in-page-home, .in-page-category, .in-page-archive) .in-side .in-widget{margin-bottom:26px}
        .in-side .in-wh{padding:0 0 6px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:baseline}
        .in-side .in-wh strong{font-size:1.2rem;font-family:"Playfair Display",serif;font-weight:800}
        .in-side .card-title{font-size:.7rem;line-height:1.25;font-weight:700}

        /* Лента новостей */
        :is(.in-page-home, .in-page-category, .in-page-archive) .in-feed-item{display:flex;gap:11px;padding:8px 0;border-bottom:1px solid #ededed}
        :is(.in-page-home, .in-page-category, .in-page-archive) .in-feed-item:last-child{border-bottom:0}
        :is(.in-page-home, .in-page-category, .in-page-archive) .in-feed-item .in-feed-time{font-weight:800;flex:0 0 35px;line-height:1.3}
        :is(.in-page-home, .in-page-category, .in-page-archive) .in-feed-item .in-feed-text{font-size:.7rem;line-height:1.3}
        :is(.in-page-home, .in-page-category, .in-page-archive) .in-feed-item .in-feed-text a{color:#1a1a1a}
        :is(.in-page-home, .in-page-category, .in-page-archive) .in-feed-item .in-feed-text a:hover{color:#dc3545}

        /* Редакционный выбор */
        :is(.in-page-home, .in-page-category, .in-page-archive) .in-ed{display:flex;gap:12px;padding:3px 0;align-items:flex-start}
        :is(.in-page-home, .in-page-category, .in-page-archive) .in-ed:last-child{border-bottom:0}
        :is(.in-page-home, .in-page-category, .in-page-archive) .in-ed .in-ed-img{flex:0 0 148px}
        :is(.in-page-home, .in-page-category, .in-page-archive) .in-ed .in-ed-title{font-size:.7rem;line-height:1.25;font-weight:700}
        :is(.in-page-home, .in-page-category, .in-page-archive) .in-ed .in-ed-title a{color:#111}
        :is(.in-page-home, .in-page-category, .in-page-archive) .in-ed .in-ed-meta{margin-top:4px}

        /* Самое читаемое (рейтинг) */
        :is(.in-page-home, .in-page-category, .in-page-archive) .in-top{list-style:none;margin:0;padding:0;counter-reset:intop}
        :is(.in-page-home, .in-page-category, .in-page-archive) .in-top li{display:flex;gap:13px;align-items:flex-start;padding:6px 0}
        :is(.in-page-home, .in-page-category, .in-page-archive) .in-top li:last-child{border-bottom:0}
        :is(.in-page-home, .in-page-category, .in-page-archive) .in-top li:before{counter-increment:intop;content:counter(intop);font-weight:800;font-size:1.2rem;color:#dc3545;flex:0 0 30px;line-height:.9}
        :is(.in-page-home, .in-page-category, .in-page-archive) .in-top .in-top-title{font-size:.7rem;line-height:1.25;font-weight:700}
        :is(.in-page-home, .in-page-category, .in-page-archive) .in-top .in-top-title a{color:#111}
        :is(.in-page-home, .in-page-category, .in-page-archive) .in-top .in-top-views{margin-top:3px}
    

        /* ==================== inspiration_new: РУБРИКА (газетная полоса) ==================== */
        :is(.in-page-category, .in-page-archive) .in-cat a{text-decoration:none}
        :is(.in-page-category, .in-page-archive) .in-cat .in-col-main{border-right:1px solid #ededed}
        @media(max-width:991px){:is(.in-page-category, .in-page-archive) .in-cat .in-col-main{border-right:0}}
        :is(.in-page-category, .in-page-archive) .in-cat .in-crumb{padding-top:6px}
        :is(.in-page-category, .in-page-archive) .in-cat-h1{font-weight:800;font-size:2rem;color:#111 !important;margin:4px 0 0;letter-spacing:-.5px}
        :is(.in-page-category, .in-page-archive) .in-cat-h1 .font-family-normal{color:#111 !important}

        :is(.in-page-category, .in-page-archive) .in-sec{display:flex;align-items:center;justify-content:space-between;margin:4px 0 0;padding-bottom:5px}
        :is(.in-page-category, .in-page-archive) .in-sec h2, :is(.in-page-category, .in-page-archive) .in-sec h3{font-weight:800;margin:0;font-size:1.15rem}
        :is(.in-page-category, .in-page-archive) .in-sec h3{font-size:1.5rem}
        :is(.in-page-category, .in-page-archive) .in-cat-tag{font-weight:700;}

        /* лид — фото вдвое выше (2/1) */
        :is(.in-page-category, .in-page-archive) .in-lead .in-img{aspect-ratio:2/1}
        :is(.in-page-category, .in-page-archive) .in-lead .in-lead-title{font-weight:800;line-height:1.12;margin:7px 0 4px;font-size:1.2rem}
        :is(.in-page-category, .in-page-archive) .in-lead .in-lead-title a{color:#111}
        :is(.in-page-category, .in-page-archive) .in-lead .in-lead-desc{color:#444;font-size:.7rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

        /* 3 в стопке (image-left) — без описания и без разделителя */
        :is(.in-page-category, .in-page-archive) .in-stk{display:flex;gap:12px;padding-bottom:14px}
        :is(.in-page-category, .in-page-archive) .in-stk:last-child{margin-bottom:0;padding-bottom:0}
        :is(.in-page-category, .in-page-archive) .in-stk .in-stk-img{flex:0 0 160px}
        :is(.in-page-category, .in-page-archive) .in-stk .in-stk-img .in-img{aspect-ratio:4/3}
        :is(.in-page-category, .in-page-archive) .in-stk .in-stk-title{font-weight:700;line-height:1.18;font-size:.92rem}
        :is(.in-page-category, .in-page-archive) .in-stk .in-stk-title a{color:#111}

        /* ряды из 3 */
        :is(.in-page-category, .in-page-archive) .in-g3-title{font-weight:700;line-height:1.18;margin-top:7px;font-size:.98rem}
        :is(.in-page-category, .in-page-archive) .in-g3-title a{color:#111}
        :is(.in-page-category, .in-page-archive) .in-g3-desc{color:#555;font-size:.78rem;line-height:1.3;margin-top:3px}
        :is(.in-page-category, .in-page-archive) .in-g3-row .in-img{aspect-ratio:16/9}

        /* список остальных */
        :is(.in-page-category, .in-page-archive) .in-list-item{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid #eee}
        :is(.in-page-category, .in-page-archive) .in-list-item .in-list-img{flex:0 0 300px}
        :is(.in-page-category, .in-page-archive) .in-list-item .in-list-title{font-weight:700;line-height:1.2;font-size:1.05rem}
        :is(.in-page-category, .in-page-archive) .in-list-item .in-list-title a{color:#111}
        :is(.in-page-category, .in-page-archive) .in-list-item .in-list-desc{color:#555;font-size:.82rem;line-height:1.3;margin-top:4px}

        /* ==================== ПРАВАЯ КОЛОНКА (как на главной) ==================== */

        /* Лента новостей */

        /* Редакционный выбор */

        /* Самое читаемое (рейтинг) */
    

/* Страницы списков используют размеры и цвета утверждённой рубрики. */
.in-archive{padding-bottom:30px}
.in-archive .archive-header{margin-bottom:16px}
.in-archive h1{font-size:2rem;line-height:1.2;font-weight:800;letter-spacing:-.5px;color:#111;margin:4px 0 12px;overflow-wrap:anywhere}
.in-archive-description{font-size:.9rem;line-height:1.4;color:#444;margin:10px 0 16px}
.in-archive-content{font-size:.9rem;line-height:1.6;margin-bottom:20px;overflow-wrap:anywhere}
.in-archive-content img,.in-archive-content video,.in-archive-content iframe{max-width:100%}
.in-archive-content table{display:block;max-width:100%;overflow-x:auto}
.in-archive .width-50{width:100%}
.in-archive .in-list-copy{flex:1;min-width:0}
.in-archive .in-list-title{margin:0;overflow-wrap:anywhere}
.in-archive .in-list-img{flex-basis:260px}
.in-archive .in-meta{display:flex;gap:8px;flex-wrap:wrap}
.in-archive .in-empty{padding:24px 0;color:#777;font-size:.9rem}
.in-archive .pagination{flex-wrap:wrap;gap:4px}
.in-archive .pagination-area .container{padding:0}
.in-archive .in-list-desc{overflow-wrap:anywhere}
.in-archive .in-side .in-wh strong{overflow-wrap:anywhere}
.in-sitemap-sections{display:flex;flex-wrap:wrap;gap:16px;padding:16px 0;border-bottom:1px solid #ededed}
.in-sitemap-heading{font-size:1.2rem;margin:16px 0}
.in-sitemap-list{list-style:none;padding:0}
.in-sitemap-list li{padding:10px 0;border-bottom:1px solid #ededed;overflow-wrap:anywhere}
.in-sitemap-list a,.in-sitemap-sections a{color:#111}
.in-sitemap-list a:hover,.in-sitemap-sections a:hover{color:#dc3545}
@media(max-width:767px){
    .in-archive .in-list-img{flex-basis:38%;max-width:38%}
    .in-archive .in-list-title{font-size:.92rem}
    .in-archive .in-list-desc{font-size:.78rem}
    .in-archive .in-col-main{border-right:0}
}
@media(max-width:575px){
    .in-archive .search-header .input-group{flex-wrap:wrap;gap:6px}
    .in-archive .search-header select.form-control{flex:1 1 40%;min-width:0}
    .in-archive .search-header input.form-control{flex:1 1 70%;min-width:0;font-size:1rem!important}
}
.in-archive .in-top li > div{min-width:0;flex:1}.in-archive .in-top-title{overflow-wrap:anywhere}

/* Shared secondary text; rem follows the root font size. */
.in-muted{color:#9a9a9a!important;font-size:.6rem!important}
.in-muted a,.in-muted .in-cat,.in-muted .in-cat-tag{color:inherit;font-size:inherit}
.in-article-main{border-right:1px solid #ededed}
@media(max-width:991.98px){.in-article-main{border-right:0}}
@media(max-width:991.98px){
    .single-content-header .post-hero{display:grid;aspect-ratio:1920/550;grid-template-rows:minmax(0,1fr)}
    .single-content-header .post-hero>figure,
    .single-content-header .post-hero>picture,
    .single-content-header .hero-overlay{grid-area:1/1}
    .single-content-header .post-hero>figure{margin:0;min-width:0;min-height:0}
    .single-content-header picture{display:block;height:100%}
    .single-content-header .post-thumb{display:block;width:100%;height:100%;object-fit:cover}
    .single-content-header .overlay-dark{z-index:1}
    .single-content-header .hero-overlay{position:relative!important;align-self:end;z-index:2;min-width:0;min-height:0}
    .single-content-header .hero-overlay>.container{padding:.3rem .5rem!important}
    .single-content-header .caption-overlay,
    .article-hero-description,
    .article-hero-meta{display:none!important}
    .single-content-header .entry-title{font-size:clamp(.8rem,4.6vw,1.25rem);line-height:1.12;margin-bottom:.25rem!important;overflow-wrap:anywhere}
    .single-content-header .mobile-hero-caption{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}