
/* ==========================================================================
   TREND SCOOP — ARCHIVE / CATEGORY / LISTING UI POLISH
   A first-party presentation layer. It does not alter templates or content.
   ========================================================================== */

:root{
    --ts-archive-text:#16181b;
    --ts-archive-muted:#62666b;
    --ts-archive-soft:#f7f8f9;
    --ts-archive-border:#e2e4e7;
    --ts-archive-radius:6px;
}

/* Shared reading system -------------------------------------------------- */
.ts-category-page,
.ts-latest-page,
.ts-trending-page,
.ts-date-archive-page,
.ts-discovery-page,
.ts-directory-page,
.ts-search-page,
.ts-authors-page,
.ts-author-page,
.ts-author-polished-page,
.ts-video-archive-page{
    color:var(--ts-archive-text);
    background:#fff;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}

.ts-category-page .ts-container,
.ts-latest-page .ts-container,
.ts-trending-page .ts-container,
.ts-date-archive-page .ts-container,
.ts-discovery-page .ts-container,
.ts-directory-page .ts-container,
.ts-search-page .ts-container,
.ts-authors-page .ts-container,
.ts-author-page .ts-container,
.ts-author-polished-page .ts-container,
.ts-video-archive-page .ts-container{
    width:min(calc(100% - 64px),1200px);
}

.ts-category-page p,
.ts-latest-page p,
.ts-trending-page p,
.ts-date-archive-page p,
.ts-discovery-page p,
.ts-directory-page p,
.ts-search-page p,
.ts-authors-page p,
.ts-author-page p,
.ts-author-polished-page p,
.ts-video-archive-page p{
    line-height:1.6;
}

/* Hero system ------------------------------------------------------------ */
.ts-category-hero-inner{
    min-height:300px;
}

.ts-category-hero-copy,
.ts-latest-hero .ts-container,
.ts-trending-hero .ts-container,
.ts-date-archive-hero .ts-container,
.ts-directory-hero .ts-container,
.ts-discovery-hero .ts-container,
.ts-video-archive-hero .ts-container,
.ts-authors-hero .ts-container{
    position:relative;
    z-index:2;
}

.ts-category-hero h1,
.ts-latest-hero h1,
.ts-trending-hero h1,
.ts-date-archive-hero h1,
.ts-directory-hero h1,
.ts-discovery-hero h1,
.ts-video-archive-hero h1,
.ts-authors-hero h1{
    font-size:clamp(42px,4.4vw,56px);
    line-height:1.02;
    letter-spacing:-1.65px;
    font-weight:800;
}

.ts-category-hero p,
.ts-latest-hero p,
.ts-trending-hero p,
.ts-date-archive-hero p,
.ts-directory-hero p,
.ts-discovery-hero p,
.ts-video-archive-hero p,
.ts-authors-hero p{
    font-size:15px;
    line-height:1.65;
}

.ts-category-hero .ts-eyebrow,
.ts-latest-hero .ts-eyebrow,
.ts-trending-hero .ts-eyebrow,
.ts-date-archive-hero .ts-eyebrow,
.ts-directory-hero .ts-eyebrow,
.ts-discovery-hero .ts-eyebrow,
.ts-video-archive-hero .ts-eyebrow,
.ts-authors-hero .ts-eyebrow{
    font-size:11px;
    letter-spacing:.08em;
    font-weight:800;
    margin-bottom:12px;
}

/* Main listing geometry ------------------------------------------------- */
.ts-category-layout,
.ts-latest-layout,
.ts-trending-layout,
.ts-video-archive-layout{
    grid-template-columns:minmax(0,1fr) 300px;
    gap:30px;
    padding-top:28px;
}

.ts-category-results,
.ts-latest-results,
.ts-trending-results,
.ts-video-archive-results{
    min-width:0;
}

.ts-category-toolbar,
.ts-latest-toolbar,
.ts-trending-toolbar,
.ts-video-archive-toolbar{
    min-height:62px;
    padding:0 0 12px;
    border-bottom:1px solid var(--ts-archive-border);
}

.ts-category-tabs,
.ts-latest-filter,
.ts-trending-toolbar,
.ts-video-archive-toolbar{
    font-family:inherit;
}

.ts-category-tabs{
    gap:38px;
}

.ts-category-tabs a,
.ts-latest-filter a,
.ts-trending-period,
.ts-video-archive-toolbar{
    font-size:12px;
    letter-spacing:.01em;
}

.ts-category-tabs a{
    font-weight:750;
}

.ts-category-tabs a.is-active:after{
    height:2px;
}

/* List cards: image + editorial copy ----------------------------------- */
.ts-category-story,
.ts-latest-story,
.ts-archive-story,
.ts-search-result{
    grid-template-columns:270px minmax(0,1fr);
    gap:20px;
    padding:20px 0;
    border-bottom:1px solid var(--ts-archive-border);
}

.ts-category-story-image,
.ts-latest-story-image,
.ts-archive-story-image,
.ts-search-result-image{
    border-radius:var(--ts-archive-radius);
    background:#eef0f2;
}

.ts-category-story-image img,
.ts-latest-story-image img,
.ts-archive-story-image img,
.ts-search-result-image img{
    display:block;
}

.ts-category-story-body,
.ts-latest-story-body,
.ts-archive-story-body,
.ts-search-result-body{
    min-width:0;
}

.ts-category-story-body .ts-category-label,
.ts-latest-story-body .ts-category-label,
.ts-archive-story-body .ts-category-label,
.ts-search-result-body .ts-category-label{
    display:inline-block;
    margin-bottom:7px;
    font-size:10px;
    line-height:1.2;
    letter-spacing:.06em;
    font-weight:800;
}

.ts-category-story h2,
.ts-latest-story h2,
.ts-archive-story h2,
.ts-search-result-body h2{
    margin:0 0 8px;
    color:#121416;
    font-size:22px;
    line-height:1.18;
    letter-spacing:-.45px;
    font-weight:800;
}

.ts-category-story p,
.ts-latest-story p,
.ts-archive-story p,
.ts-search-result-body p{
    max-width:650px;
    margin:0 0 11px;
    color:#5e6368;
    font-size:14px;
    line-height:1.55;
}

.ts-category-story-meta,
.ts-latest-story-meta,
.ts-archive-story-meta,
.ts-search-result-meta{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:7px;
    color:#666b70;
    font-size:11px;
    line-height:1.4;
}

.ts-category-story:hover h2 a,
.ts-latest-story:hover h2 a,
.ts-archive-story:hover h2 a,
.ts-search-result:hover h2 a{
    color:var(--ts-red);
}

/* Bookmark/save control should sit comfortably beside metadata -------- */
.ts-category-story-body > .ts-card-save-button,
.ts-latest-story-body > .ts-card-save-button,
.ts-search-result-body > .ts-card-save-button,
.ts-archive-story-body > .ts-card-save-button{
    right:0;
    bottom:0;
}

/* Pagination ------------------------------------------------------------- */
.ts-category-pagination,
.ts-latest-pagination,
.ts-trending-pagination,
.ts-date-archive-pagination,
.ts-discovery-pagination,
.ts-directory-pagination,
.ts-search-pagination,
.ts-authors-pagination,
.ts-author-pagination,
.ts-video-archive-pagination{
    padding:26px 0 34px;
}

.ts-category-pagination .page-numbers,
.ts-latest-pagination .page-numbers,
.ts-trending-pagination .page-numbers,
.ts-date-archive-pagination .page-numbers,
.ts-discovery-pagination .page-numbers,
.ts-directory-pagination .page-numbers,
.ts-search-pagination .page-numbers,
.ts-authors-pagination .page-numbers,
.ts-author-pagination .page-numbers,
.ts-video-archive-pagination .page-numbers{
    gap:6px;
}

.ts-category-pagination .page-numbers,
.ts-category-pagination .nav-links .page-numbers,
.ts-latest-pagination .page-numbers a,
.ts-latest-pagination .page-numbers span,
.ts-trending-pagination .page-numbers a,
.ts-trending-pagination .page-numbers span,
.ts-date-archive-pagination .page-numbers a,
.ts-date-archive-pagination .page-numbers span,
.ts-discovery-pagination .page-numbers a,
.ts-discovery-pagination .page-numbers span,
.ts-directory-pagination .page-numbers a,
.ts-directory-pagination .page-numbers span,
.ts-search-pagination .page-numbers a,
.ts-search-pagination .page-numbers span,
.ts-authors-pagination .page-numbers a,
.ts-authors-pagination .page-numbers span,
.ts-author-pagination .page-numbers a,
.ts-author-pagination .page-numbers span,
.ts-video-archive-pagination .page-numbers a,
.ts-video-archive-pagination .page-numbers span{
    min-width:38px;
    height:38px;
    padding:0 10px;
    border:1px solid #d9dde1;
    border-radius:5px;
    background:#fff;
    color:#2c3034;
    font-size:12px;
    font-weight:700;
    transition:border-color .16s ease,background .16s ease,color .16s ease;
}

.ts-category-pagination .page-numbers:hover,
.ts-latest-pagination .page-numbers a:hover,
.ts-trending-pagination .page-numbers a:hover,
.ts-date-archive-pagination .page-numbers a:hover,
.ts-discovery-pagination .page-numbers a:hover,
.ts-directory-pagination .page-numbers a:hover,
.ts-search-pagination .page-numbers a:hover,
.ts-authors-pagination .page-numbers a:hover,
.ts-author-pagination .page-numbers a:hover,
.ts-video-archive-pagination .page-numbers a:hover{
    border-color:#b9bec4;
    color:var(--ts-red);
}

.ts-category-pagination .page-numbers.current,
.ts-latest-pagination .page-numbers.current,
.ts-trending-pagination .page-numbers.current,
.ts-date-archive-pagination .page-numbers.current,
.ts-discovery-pagination .page-numbers.current,
.ts-directory-pagination .page-numbers.current,
.ts-search-pagination .page-numbers.current,
.ts-authors-pagination .page-numbers.current,
.ts-author-pagination .page-numbers.current,
.ts-video-archive-pagination .page-numbers.current{
    border-color:var(--ts-red);
    background:var(--ts-red);
    color:#fff;
}

/* Sidebar: match the reference's clean editorial rail ------------------ */
.ts-category-sidebar,
.ts-latest-sidebar,
.ts-trending-sidebar,
.ts-video-archive-sidebar{
    border-left:1px solid var(--ts-archive-border);
    padding-left:26px;
}

.ts-category-sidebar .ts-sidebar-module,
.ts-category-sidebar .ts-sidebar-box,
.ts-latest-sidebar .ts-sidebar-module,
.ts-latest-sidebar .ts-sidebar-box,
.ts-trending-sidebar .ts-sidebar-module,
.ts-trending-sidebar .ts-sidebar-box,
.ts-video-archive-sidebar .ts-sidebar-module,
.ts-video-archive-sidebar .ts-sidebar-box{
    padding:0 0 22px;
    margin:0 0 22px;
    border-bottom:1px solid var(--ts-archive-border);
}

.ts-category-sidebar .ts-sidebar-module>h2,
.ts-category-sidebar .ts-sidebar-heading h2,
.ts-latest-sidebar .ts-sidebar-module>h2,
.ts-trending-sidebar .ts-sidebar-module>h2{
    margin:0 0 13px;
    color:#17191c;
    font-size:14px;
    line-height:1.25;
    letter-spacing:-.15px;
    font-weight:800;
}

.ts-category-links a{
    min-height:36px;
    display:flex;
    align-items:center;
    padding:8px 10px;
    color:#202326;
    font-size:12px;
    font-weight:650;
    border-radius:4px;
}

.ts-category-links a.is-current{
    background:#fff0f0;
    color:var(--ts-red);
    font-weight:800;
}

.ts-category-links a:hover{
    background:#fafafa;
    color:var(--ts-red);
}

.ts-category-sidebar .ts-tag-list-light a{
    font-size:11px;
}

/* Latest / Trending toolbars -------------------------------------------- */
.ts-latest-toolbar,
.ts-trending-toolbar{
    padding-bottom:13px;
}

.ts-latest-count,
.ts-trending-count{
    color:#25282b;
    font-size:12px;
    font-weight:800;
    letter-spacing:.02em;
}

.ts-latest-filter{
    gap:20px;
}

.ts-latest-filter a{
    color:#555b60;
    font-size:11px;
    font-weight:750;
}

.ts-latest-filter a.is-active{
    color:var(--ts-red);
}

.ts-latest-filter a.is-active:after{
    bottom:-14px;
    height:2px;
}

.ts-sort-form,
.ts-date-filter-form,
.ts-search-sort{
    font-size:10px;
}

.ts-sort-form select,
.ts-date-filter-form select,
.ts-search-sort select{
    min-width:104px;
    height:36px;
    padding:0 28px 0 11px;
    border:1px solid #d6dade;
    border-radius:5px;
    background:#fff;
    color:#292d31;
    font-size:11px;
}

/* Trending ranking ------------------------------------------------------- */
.ts-trending-story{
    grid-template-columns:34px 220px minmax(0,1fr);
    gap:18px;
    padding:20px 0;
    border-bottom:1px solid var(--ts-archive-border);
}

.ts-trending-rank{
    padding-top:4px;
    font-size:16px;
    line-height:1;
    font-weight:850;
    color:#a0a5aa;
}

.ts-trending-story:nth-child(-n+3) .ts-trending-rank{
    color:var(--ts-red);
}

.ts-trending-story-image{
    border-radius:var(--ts-archive-radius);
}

.ts-trending-story h2{
    margin:0 0 8px;
    font-size:21px;
    line-height:1.2;
    letter-spacing:-.35px;
    font-weight:800;
}

.ts-trending-story p{
    margin:0 0 10px;
    color:#5e6368;
    font-size:14px;
    line-height:1.55;
}

/* Date archive ----------------------------------------------------------- */
.ts-date-archive-layout{
    grid-template-columns:190px minmax(0,1fr);
    gap:36px;
    padding-top:32px;
}

.ts-date-archive-nav{
    padding-right:22px;
}

.ts-archive-nav-heading{
    padding-bottom:12px;
    color:#16181b;
    font-size:10px;
    letter-spacing:.07em;
}

.ts-date-archive-nav nav a{
    padding:10px 0;
    color:#4d5257;
    font-size:12px;
    font-weight:700;
}

.ts-date-archive-nav nav a.is-active{
    color:var(--ts-red);
}

.ts-date-archive-heading{
    padding-bottom:14px;
    border-bottom:1px solid #202326;
}

.ts-date-archive-heading h2{
    font-size:28px;
    line-height:1.1;
    letter-spacing:-.5px;
}

.ts-archive-story{
    grid-template-columns:240px minmax(0,1fr);
}

.ts-archive-story h2{
    font-size:21px;
    line-height:1.2;
}

.ts-archive-story p{
    font-size:14px;
    line-height:1.55;
}

/* Discovery archive / category & topic directories ---------------------- */
.ts-discovery-content{
    padding:34px 0 64px;
}

.ts-discovery-section-heading{
    margin-bottom:16px;
    padding-bottom:12px;
    border-bottom:1px solid #202326;
}

.ts-discovery-section-heading h2{
    font-size:27px;
    line-height:1.15;
    letter-spacing:-.45px;
}

.ts-discovery-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px;
}

.ts-discovery-card-body{
    padding-top:12px;
}

.ts-discovery-card-body h2{
    font-size:20px;
    line-height:1.2;
    letter-spacing:-.3px;
    font-weight:800;
}

.ts-discovery-card-body p{
    color:#5f6469;
    font-size:13px;
    line-height:1.55;
}

.ts-category-directory-grid{
    gap:16px;
    padding:36px 0;
}

.ts-category-directory-card{
    min-height:170px;
    padding:20px;
    border-color:var(--ts-archive-border);
    border-radius:var(--ts-archive-radius);
}

.ts-category-directory-card h2{
    font-size:21px;
    line-height:1.15;
}

.ts-category-directory-card p{
    font-size:13px;
    line-height:1.55;
}

.ts-topic-directory{
    gap:9px;
    padding:36px 0;
}

.ts-topic-directory-item{
    padding:13px 14px;
    border-radius:5px;
    font-size:12px;
}

/* Search ----------------------------------------------------------------- */
.ts-search-page .ts-search-layout{
    grid-template-columns:minmax(0,1fr) 300px;
    gap:30px;
    padding-top:30px;
}

.ts-search-page .ts-search-results{
    min-width:0;
}

.ts-search-page .ts-search-toolbar{
    min-height:58px;
    border-bottom:1px solid var(--ts-archive-border);
}

.ts-search-page .ts-search-tabs a{
    font-size:11px;
    font-weight:800;
}

.ts-search-page .ts-search-result{
    grid-template-columns:240px minmax(0,1fr);
    gap:20px;
    padding:20px 0;
}

.ts-search-page .ts-search-result-image{
    width:240px;
    height:auto;
    aspect-ratio:16/9;
    border-radius:var(--ts-archive-radius);
}

.ts-search-page .ts-search-result-body h2{
    font-size:21px;
    line-height:1.2;
    letter-spacing:-.35px;
}

.ts-search-page .ts-search-result-body p{
    max-width:620px;
    font-size:14px;
    line-height:1.55;
}

.ts-search-page .ts-search-result-meta{
    font-size:11px;
}

.ts-search-page .ts-search-sidebar{
    border-left:1px solid var(--ts-archive-border);
    padding-left:26px;
}

/* Author listing/profile ------------------------------------------------ */
.ts-authors-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
    padding:34px 0 54px;
}

.ts-author-card{
    min-height:150px;
    padding:20px;
    border-color:var(--ts-archive-border);
    border-radius:var(--ts-archive-radius);
}

.ts-author-card h2{
    font-size:19px;
    line-height:1.2;
}

.ts-author-card p{
    color:#62666b;
    font-size:12px;
    line-height:1.55;
}

.ts-author-polished-profile{
    border-bottom:1px solid var(--ts-archive-border);
}

.ts-author-polished-content{
    padding-bottom:60px;
}

.ts-author-content-grid{
    grid-template-columns:minmax(0,1fr) 300px;
    gap:30px;
    padding-top:30px;
}

.ts-author-polished-sidebar{
    border-left:1px solid var(--ts-archive-border);
    padding-left:26px;
}

/* Video archive ---------------------------------------------------------- */
.ts-video-archive-layout{
    padding-top:30px;
}

.ts-video-archive-grid{
    gap:26px 22px;
    padding-top:20px;
}

.ts-video-archive-card h2{
    font-size:20px;
    line-height:1.2;
    letter-spacing:-.25px;
}

.ts-video-archive-meta{
    color:#686d72;
    font-size:11px;
}

/* Empty states ----------------------------------------------------------- */
.ts-empty-state,
.ts-discovery-empty{
    padding:52px 24px;
    border:1px dashed #cfd3d7;
    border-radius:var(--ts-archive-radius);
    background:#fafbfb;
    text-align:center;
}

.ts-empty-state h2,
.ts-discovery-empty h2{
    margin:0 0 7px;
    font-size:22px;
    line-height:1.2;
}

.ts-empty-state p,
.ts-discovery-empty p{
    margin:0;
    color:#666b70;
    font-size:13px;
    line-height:1.55;
}

/* Responsive ------------------------------------------------------------ */
@media (max-width:1000px){
    .ts-category-layout,
    .ts-latest-layout,
    .ts-trending-layout,
    .ts-video-archive-layout,
    .ts-search-page .ts-search-layout{
        grid-template-columns:1fr;
        gap:0;
    }

    .ts-category-sidebar,
    .ts-latest-sidebar,
    .ts-trending-sidebar,
    .ts-video-archive-sidebar,
    .ts-search-page .ts-search-sidebar,
    .ts-author-polished-sidebar{
        border-left:0;
        border-top:1px solid var(--ts-archive-border);
        padding:26px 0 0;
        margin-top:28px;
    }

    .ts-trending-story{
        grid-template-columns:34px 220px minmax(0,1fr);
    }

    .ts-discovery-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width:760px){
    .ts-category-page .ts-container,
    .ts-latest-page .ts-container,
    .ts-trending-page .ts-container,
    .ts-date-archive-page .ts-container,
    .ts-discovery-page .ts-container,
    .ts-directory-page .ts-container,
    .ts-search-page .ts-container,
    .ts-authors-page .ts-container,
    .ts-author-page .ts-container,
    .ts-author-polished-page .ts-container,
    .ts-video-archive-page .ts-container{
        width:min(calc(100% - 32px),1200px);
    }

    .ts-category-hero h1,
    .ts-latest-hero h1,
    .ts-trending-hero h1,
    .ts-date-archive-hero h1,
    .ts-directory-hero h1,
    .ts-discovery-hero h1,
    .ts-video-archive-hero h1,
    .ts-authors-hero h1{
        font-size:38px;
        letter-spacing:-1px;
    }

    .ts-category-hero p,
    .ts-latest-hero p,
    .ts-trending-hero p,
    .ts-date-archive-hero p,
    .ts-directory-hero p,
    .ts-discovery-hero p,
    .ts-video-archive-hero p,
    .ts-authors-hero p{
        font-size:13px;
    }

    .ts-category-story,
    .ts-latest-story,
    .ts-archive-story,
    .ts-search-page .ts-search-result{
        grid-template-columns:145px minmax(0,1fr);
        gap:14px;
        padding:16px 0;
    }

    .ts-category-story h2,
    .ts-latest-story h2,
    .ts-archive-story h2,
    .ts-search-page .ts-search-result-body h2{
        font-size:17px;
        line-height:1.22;
        letter-spacing:-.2px;
    }

    .ts-category-story p,
    .ts-latest-story p,
    .ts-archive-story p,
    .ts-search-page .ts-search-result-body p{
        display:none;
    }

    .ts-category-story-meta,
    .ts-latest-story-meta,
    .ts-archive-story-meta,
    .ts-search-page .ts-search-result-meta{
        font-size:10px;
    }

    .ts-category-story-body,
    .ts-latest-story-body,
    .ts-archive-story-body,
    .ts-search-result-body{
        padding-right:42px;
    }

    .ts-trending-story{
        grid-template-columns:28px 130px minmax(0,1fr);
        gap:11px;
        padding:16px 0;
    }

    .ts-trending-story h2{
        font-size:17px;
    }

    .ts-trending-story p{
        display:none;
    }

    .ts-date-archive-layout{
        grid-template-columns:1fr;
        gap:24px;
        padding-top:24px;
    }

    .ts-date-archive-nav{
        border-right:0;
        border-bottom:1px solid var(--ts-archive-border);
        padding:0 0 14px;
    }

    .ts-date-archive-nav nav{
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:0 15px;
    }

    .ts-date-archive-heading{
        align-items:flex-start;
        flex-direction:column;
        gap:12px;
    }

    .ts-discovery-grid,
    .ts-authors-grid{
        grid-template-columns:1fr;
    }

    .ts-category-directory-grid{
        grid-template-columns:1fr;
    }

    .ts-topic-directory{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width:520px){
    .ts-category-story,
    .ts-latest-story,
    .ts-archive-story,
    .ts-search-page .ts-search-result{
        grid-template-columns:112px minmax(0,1fr);
        gap:12px;
    }

    .ts-category-story h2,
    .ts-latest-story h2,
    .ts-archive-story h2,
    .ts-search-page .ts-search-result-body h2{
        font-size:16px;
    }

    .ts-category-story .ts-category-label,
    .ts-latest-story .ts-category-label,
    .ts-archive-story .ts-category-label,
    .ts-search-page .ts-category-label{
        font-size:9px;
    }

    .ts-category-story-meta,
    .ts-latest-story-meta,
    .ts-archive-story-meta,
    .ts-search-page .ts-search-result-meta{
        font-size:9px;
    }

    .ts-category-tabs{
        gap:20px;
    }

    .ts-category-tabs a,
    .ts-latest-filter a{
        font-size:10px;
    }

    .ts-trending-story{
        grid-template-columns:25px 112px minmax(0,1fr);
        gap:9px;
    }

    .ts-trending-story h2{
        font-size:15px;
    }

    .ts-trending-story-meta{
        font-size:9px;
    }
}


/* ==========================================================================
   ARCHIVE TYPOGRAPHY REFINEMENT — lighter editorial hierarchy
   ========================================================================== */

/* Story headlines: authoritative, but no longer visually heavy. */
.ts-category-story h2,
.ts-latest-story h2,
.ts-archive-story h2,
.ts-search-result-body h2,
.ts-trending-story h2,
.ts-video-archive-card h2{
    font-weight:600;
    letter-spacing:-.28px;
}

/* Category / section labels: lighter and cleaner than the previous 800 weight. */
.ts-category-story-body .ts-category-label,
.ts-latest-story-body .ts-category-label,
.ts-archive-story-body .ts-category-label,
.ts-search-result-body .ts-category-label,
.ts-category-label{
    font-weight:600;
    letter-spacing:.045em;
}

/* Sidebar category names should read as navigation, not headlines. */
.ts-category-links a{
    font-weight:600;
}

/* Archive / directory labels and small editorial eyebrows. */
.ts-eyebrow,
.ts-sidebar-kicker,
.ts-archive-nav-heading{
    font-weight:700;
}

/* ==========================================================================
   SORT BY — refined enterprise control
   ========================================================================== */

.ts-category-sort,
.ts-sort-form,
.ts-search-sort,
.ts-date-filter-form{
    display:flex;
    align-items:center;
    gap:10px;
}

.ts-category-sort label,
.ts-sort-form label,
.ts-search-sort label,
.ts-date-filter-form label{
    margin:0;
    color:#747a80;
    font-size:10px;
    line-height:1;
    font-weight:700;
    letter-spacing:.07em;
    white-space:nowrap;
}

.ts-category-sort select,
.ts-sort-form select,
.ts-search-sort select,
.ts-date-filter-form select{
    appearance:none;
    -webkit-appearance:none;
    min-width:122px;
    height:40px;
    padding:0 36px 0 13px;
    border:1px solid #d9dde1;
    border-radius:6px;
    outline:0;
    background-color:#fff;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%23676d73' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:right 12px center;
    color:#202428;
    font-family:inherit;
    font-size:12px;
    line-height:1;
    font-weight:600;
    cursor:pointer;
    box-shadow:0 1px 2px rgba(0,0,0,.025);
    transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease;
}

.ts-category-sort select:hover,
.ts-sort-form select:hover,
.ts-search-sort select:hover,
.ts-date-filter-form select:hover{
    border-color:#b9bec4;
    background-color:#fcfcfc;
}

.ts-category-sort select:focus,
.ts-sort-form select:focus,
.ts-search-sort select:focus,
.ts-date-filter-form select:focus{
    border-color:#8d9399;
    box-shadow:0 0 0 3px rgba(0,0,0,.055);
}

.ts-category-sort select option,
.ts-sort-form select option,
.ts-search-sort select option,
.ts-date-filter-form select option{
    color:#202428;
    background:#fff;
    font-size:12px;
}

/* Category page gets the exact compact control shown in the reference UI. */
.ts-category-sort{
    margin-left:auto;
}

.ts-category-sort label{
    color:#5e646a;
}

.ts-category-sort select{
    min-width:112px;
}

/* Search sort sits neatly on the same baseline as the result tabs. */
.ts-search-sort{
    min-height:40px;
}

@media (max-width:760px){
    .ts-category-sort,
    .ts-sort-form,
    .ts-search-sort,
    .ts-date-filter-form{
        gap:7px;
    }

    .ts-category-sort label,
    .ts-sort-form label,
    .ts-search-sort label,
    .ts-date-filter-form label{
        font-size:9px;
    }

    .ts-category-sort select,
    .ts-sort-form select,
    .ts-search-sort select,
    .ts-date-filter-form select{
        min-width:105px;
        height:36px;
        font-size:11px;
        padding-left:11px;
        padding-right:32px;
    }
}

@media (max-width:520px){
    .ts-category-sort label,
    .ts-sort-form label{
        display:none;
    }

    .ts-category-sort select,
    .ts-sort-form select{
        min-width:108px;
    }
}


/* Final editorial scale refinement ------------------------------------- */
/* Reduce desktop story headlines by exactly 2px while preserving the
   existing mobile scale. */
.ts-category-story h2,
.ts-latest-story h2{
    font-size:20px;
}

.ts-archive-story h2{
    font-size:19px;
}

.ts-search-result-body h2{
    font-size:20px;
}

.ts-trending-story h2{
    font-size:19px;
}

.ts-video-archive-card h2{
    font-size:18px;
}

/* Category names above headlines: quiet metadata, not headline text. */
.ts-category-story-body .ts-category-label,
.ts-latest-story-body .ts-category-label,
.ts-archive-story-body .ts-category-label,
.ts-search-result-body .ts-category-label,
.ts-category-label{
    font-weight:500;
    letter-spacing:.04em;
}


/* ==========================================================================
   TREND SCOOP — UNIFIED SIDEBAR SYSTEM
   Consistent spacing, typography and widget rhythm across every sidebar type.
   ========================================================================== */

.ts-global-sidebar{
    --ts-side-text:#17191c;
    --ts-side-muted:#666b70;
    --ts-side-border:#e2e4e7;
    --ts-side-gap:24px;
    padding-left:28px;
    min-width:0;
    color:var(--ts-side-text);
}

/* One consistent vertical rhythm for every widget. */
.ts-global-sidebar > .widget,
.ts-global-sidebar > .ts-global-widget{
    width:100%;
    min-width:0;
    box-sizing:border-box;
    margin:0 0 var(--ts-side-gap);
    padding:0 0 var(--ts-side-gap);
    border:0;
    border-bottom:1px solid var(--ts-side-border);
}

/* Do not leave a dangling divider at the bottom of the rail. */
.ts-global-sidebar > .widget:last-child,
.ts-global-sidebar > .ts-global-widget:last-child{
    margin-bottom:0;
    padding-bottom:0;
    border-bottom:0;
}

/* Unified widget heading. */
.ts-global-sidebar .ts-global-widget-title,
.ts-global-sidebar .widget-title,
.ts-global-sidebar .ts-sidebar-heading h2,
.ts-global-sidebar .ts-single-sidebar-heading h2{
    margin:0 0 14px;
    padding:0;
    color:var(--ts-side-text);
    font-size:14px;
    line-height:1.25;
    letter-spacing:-.12px;
    font-weight:700;
}

/* Hide decorative rules so all widget headings use the same clean treatment. */
.ts-global-sidebar .ts-global-widget-rule{
    display:none;
}

/* Category navigation. */
.ts-global-sidebar .ts-global-category-list{
    gap:2px;
}

.ts-global-sidebar .ts-global-category-list a{
    min-height:34px;
    padding:0 10px;
    border-radius:4px;
    color:#202326;
    font-size:12px;
    line-height:1.25;
    font-weight:500;
}

.ts-global-sidebar .ts-global-category-list a.ts-global-category-all,
.ts-global-sidebar .ts-global-category-list a.is-current{
    color:var(--ts-red);
    font-weight:600;
}

.ts-global-sidebar .ts-global-category-list a.is-current{
    background:rgba(230,0,0,.075);
}

.ts-global-sidebar .ts-global-category-list a:hover{
    background:rgba(230,0,0,.045);
    color:var(--ts-red);
}

/* Popular / ranked / latest editorial lists. */
.ts-global-sidebar .ts-global-popular-list,
.ts-global-sidebar .ts-global-ranked-list,
.ts-global-sidebar .ts-global-latest-list,
.ts-global-sidebar .ts-global-author-list,
.ts-global-sidebar .ts-global-video-list{
    gap:13px;
}

.ts-global-sidebar .ts-global-popular-item{
    grid-template-columns:66px minmax(0,1fr);
    gap:11px;
    align-items:center;
}

.ts-global-sidebar .ts-global-popular-image{
    width:66px;
    height:45px;
    border-radius:4px;
}

.ts-global-sidebar .ts-global-popular-item h3{
    margin:0;
    color:#202326;
    font-size:11px;
    line-height:1.38;
    font-weight:600;
}

.ts-global-sidebar .ts-global-ranked-item{
    grid-template-columns:22px 54px minmax(0,1fr);
    gap:9px;
}

.ts-global-sidebar .ts-global-rank{
    width:22px;
    height:22px;
    font-size:9px;
    font-weight:700;
    border-radius:4px;
}

.ts-global-sidebar .ts-global-ranked-image,
.ts-global-sidebar .ts-global-latest-image{
    width:54px;
    height:42px;
    border-radius:4px;
}

.ts-global-sidebar .ts-global-ranked-item h3,
.ts-global-sidebar .ts-global-latest-item h3{
    margin:0 0 3px;
    color:#202326;
    font-size:11px;
    line-height:1.38;
    font-weight:600;
}

.ts-global-sidebar .ts-global-ranked-item>div>span,
.ts-global-sidebar .ts-global-latest-item>div>span,
.ts-global-sidebar .ts-global-author-item>div>span{
    color:#777d83;
    font-size:9px;
    line-height:1.3;
}

/* Authors. */
.ts-global-sidebar .ts-global-author-item{
    grid-template-columns:42px minmax(0,1fr);
    gap:10px;
}

.ts-global-sidebar .ts-global-author-avatar{
    width:42px;
    height:42px;
}

.ts-global-sidebar .ts-global-author-item h3{
    margin:0 0 3px;
    font-size:11px;
    line-height:1.35;
    font-weight:600;
}

/* Sidebar video widget. */
.ts-global-sidebar .ts-global-video-item h3{
    margin:8px 0 0;
    color:#202326;
    font-size:11px;
    line-height:1.38;
    font-weight:600;
}

/* Newsletter: intentionally boxed like the reference, but its internal
   typography follows the same sidebar scale. */
.ts-global-sidebar > .ts-widget-newsletter{
    margin:0 0 var(--ts-side-gap);
    padding:18px 13px 19px;
    border:1px solid #dedfe1;
    border-radius:5px;
    background:#fff;
}

.ts-global-sidebar > .ts-widget-newsletter .ts-global-widget-title{
    margin-bottom:12px;
    font-size:14px;
    font-weight:700;
}

.ts-global-sidebar > .ts-widget-newsletter p{
    margin:0 0 14px;
    color:#5f6469;
    font-size:12px;
    line-height:1.55;
}

.ts-global-sidebar > .ts-widget-newsletter .ts-newsletter-input-row{
    gap:9px;
}

.ts-global-sidebar > .ts-widget-newsletter .ts-newsletter-input-row input,
.ts-global-sidebar > .ts-widget-newsletter .ts-newsletter-input-row button{
    min-height:38px;
    font-size:11px;
}

.ts-global-sidebar > .ts-widget-newsletter .ts-newsletter-input-row input{
    padding:0 11px;
}

.ts-global-sidebar > .ts-widget-newsletter .ts-newsletter-input-row button{
    font-weight:700;
}

/* Tags. */
.ts-global-sidebar .ts-global-tags{
    gap:7px;
}

.ts-global-sidebar .ts-global-tags a{
    min-height:29px;
    padding:0 10px;
    border:1px solid #d9dde1;
    border-radius:4px;
    color:#363a3e;
    font-size:10px;
    font-weight:500;
}

.ts-global-sidebar .ts-global-tags a:hover{
    border-color:var(--ts-red);
    color:var(--ts-red);
}

/* View-more actions use the same control height and type scale. */
.ts-global-sidebar .ts-global-widget-button{
    min-height:36px;
    margin-top:15px;
    border-radius:4px;
    font-size:10px;
    font-weight:700;
    letter-spacing:.01em;
}

/* Standard WordPress widgets inherit the same typography and spacing. */
.ts-global-sidebar > .widget ul,
.ts-global-sidebar > .widget ol{
    margin:0;
    padding:0;
    list-style:none;
}

.ts-global-sidebar > .widget li{
    margin:0;
    padding:9px 0;
    border-bottom:1px solid #f0f1f2;
    color:#202326;
    font-size:12px;
    line-height:1.45;
    font-weight:500;
}

.ts-global-sidebar > .widget li:last-child{
    border-bottom:0;
}

.ts-global-sidebar > .widget li a{
    color:inherit;
}

.ts-global-sidebar > .widget li a:hover{
    color:var(--ts-red);
}

/* Search widget. */
.ts-global-sidebar .widget_search label{
    display:block;
    margin:0 0 8px;
    color:#6b7075;
    font-size:10px;
    font-weight:600;
}

.ts-global-sidebar .widget_search input[type="search"]{
    min-height:40px;
    padding:0 11px;
    border:1px solid #d9dde1;
    border-radius:5px;
    color:#202326;
    font-size:11px;
    box-sizing:border-box;
}

/* Ads / app badges / social blocks receive the same surrounding rhythm. */
.ts-global-sidebar .ts-global-ad,
.ts-global-sidebar .ts-global-app-badges,
.ts-global-sidebar .ts-global-social-links{
    width:100%;
    box-sizing:border-box;
}

.ts-global-sidebar .ts-global-social-links{
    gap:8px;
}

.ts-global-sidebar .ts-global-social-links a{
    width:32px;
    height:32px;
    font-size:10px;
}

/* Sidebar-specific legacy modules follow the same heading/body scale. */
.ts-global-sidebar .ts-sidebar-module,
.ts-global-sidebar .ts-sidebar-box{
    margin:0 0 var(--ts-side-gap);
    padding:0 0 var(--ts-side-gap);
    border-bottom:1px solid var(--ts-side-border);
}

.ts-global-sidebar .ts-sidebar-module:last-child,
.ts-global-sidebar .ts-sidebar-box:last-child{
    margin-bottom:0;
}

.ts-global-sidebar .ts-sidebar-module>h2,
.ts-global-sidebar .ts-sidebar-box h2,
.ts-global-sidebar .ts-sidebar-heading h2{
    margin:0 0 14px;
    font-size:14px;
    line-height:1.25;
    font-weight:700;
    letter-spacing:-.12px;
}

/* Responsive: the rail loses its vertical divider when it stacks below
   content, but keeps exactly the same internal widget rhythm. */
@media (max-width:1000px){
    .ts-global-sidebar{
        padding-left:0;
        padding-top:26px;
        margin-top:28px;
        border-left:0;
        border-top:1px solid var(--ts-side-border);
    }
}

@media (max-width:760px){
    .ts-global-sidebar{
        padding-top:22px;
        margin-top:24px;
    }

    .ts-global-sidebar > .widget,
    .ts-global-sidebar > .ts-global-widget{
        margin-bottom:20px;
        padding-bottom:20px;
    }

    .ts-global-sidebar .ts-global-widget-title,
    .ts-global-sidebar .widget-title,
    .ts-global-sidebar .ts-sidebar-heading h2,
    .ts-global-sidebar .ts-single-sidebar-heading h2{
        font-size:13px;
        margin-bottom:12px;
    }

    .ts-global-sidebar .ts-global-category-list a{
        min-height:32px;
        font-size:11px;
    }

    .ts-global-sidebar .ts-global-popular-item h3,
    .ts-global-sidebar .ts-global-ranked-item h3,
    .ts-global-sidebar .ts-global-latest-item h3,
    .ts-global-sidebar .ts-global-author-item h3,
    .ts-global-sidebar .ts-global-video-item h3{
        font-size:10px;
    }

    .ts-global-sidebar > .ts-widget-newsletter{
        padding:16px 12px 17px;
    }
}


/* ==========================================================================
   SIDEBAR FINAL SPACING CORRECTIONS
   ========================================================================== */

/* 1) One divider per widget only.
   Some legacy widget/module rules can create a second horizontal border
   inside the same sidebar item. Remove those nested dividers. */
.ts-global-sidebar > .widget .ts-sidebar-module,
.ts-global-sidebar > .widget .ts-sidebar-box,
.ts-global-sidebar > .ts-global-widget .ts-sidebar-module,
.ts-global-sidebar > .ts-global-widget .ts-sidebar-box{
    border-bottom:0;
}

/* Keep the outer widget divider as the single separator. */
.ts-global-sidebar > .widget,
.ts-global-sidebar > .ts-global-widget{
    border-bottom:1px solid var(--ts-side-border);
}

/* 2) Bring the sidebar closer to the content.
   The reference uses a tighter editorial rail. */
.ts-global-sidebar{
    padding-left:20px;
}

/* 3) Give the entire sidebar comfortable breathing room before the footer. */
.ts-global-sidebar{
    padding-bottom:40px;
}

/* Don't accidentally add the desktop footer spacing to the stacked/mobile
   sidebar; its top border already provides the separation there. */
@media (max-width:1000px){
    .ts-global-sidebar{
        padding-left:0;
        padding-bottom:30px;
    }
}

@media (max-width:760px){
    .ts-global-sidebar{
        padding-bottom:24px;
    }
}


/* ==========================================================================
   SIDEBAR TYPOGRAPHY — UNIFIED WIDGET TITLE SCALE
   All sidebar widget headings use one editorial title size, matching the
   reference design. Body/link text remains one step smaller for hierarchy.
   ========================================================================== */

/* Every sidebar widget title: one consistent 14px scale. */
.ts-global-sidebar .ts-global-widget-title,
.ts-global-sidebar .widget-title,
.ts-global-sidebar .widget > h2,
.ts-global-sidebar .widget > h3,
.ts-global-sidebar .widget > h4,
.ts-global-sidebar .ts-sidebar-heading h2,
.ts-global-sidebar .ts-single-sidebar-heading h2,
.ts-global-sidebar .ts-sidebar-module > h2,
.ts-global-sidebar .ts-sidebar-box > h2,
.ts-global-sidebar .ts-category-sidebar-block > h2,
.ts-category-sidebar .ts-category-sidebar-block > h2,
.ts-latest-sidebar .ts-category-sidebar-block > h2,
.ts-trending-sidebar .ts-category-sidebar-block > h2,
.ts-video-archive-sidebar .ts-category-sidebar-block > h2,
.ts-archive-sidebar .ts-category-sidebar-block > h2,
.ts-search-sidebar .ts-category-sidebar-block > h2{
    font-size:14px !important;
    line-height:1.25;
    font-weight:700;
    letter-spacing:-.12px;
}

/* Search heading follows the same widget-title scale. */
.ts-global-sidebar .widget_search label{
    margin-bottom:10px;
    color:#17191c;
    font-size:14px !important;
    line-height:1.25;
    font-weight:700;
}

/* Category/navigation links share one readable body scale. */
.ts-global-sidebar .ts-global-category-list a,
.ts-category-sidebar .ts-category-list a,
.ts-latest-sidebar .ts-category-list a,
.ts-trending-sidebar .ts-category-list a,
.ts-video-archive-sidebar .ts-category-list a,
.ts-archive-sidebar .ts-category-list a,
.ts-search-sidebar .ts-category-list a{
    font-size:12px !important;
    line-height:1.35;
}

/* Sidebar editorial item titles: consistent readable 12px. */
.ts-global-sidebar .ts-global-popular-item h3,
.ts-global-sidebar .ts-global-ranked-item h3,
.ts-global-sidebar .ts-global-latest-item h3,
.ts-global-sidebar .ts-global-author-item h3,
.ts-global-sidebar .ts-global-video-item h3,
.ts-category-sidebar .ts-category-popular-item h3,
.ts-latest-sidebar .ts-category-popular-item h3,
.ts-trending-sidebar .ts-category-popular-item h3{
    font-size:12px !important;
    line-height:1.4;
}

/* Tags and small controls stay compact, but are not excessively tiny. */
.ts-global-sidebar .ts-global-tags a{
    font-size:11px;
}

.ts-global-sidebar .ts-global-widget-button{
    font-size:11px;
}

/* Newsletter copy follows the same 12px body scale. */
.ts-global-sidebar > .ts-widget-newsletter p{
    font-size:12px;
}

/* Mobile: retain the same title hierarchy; only reduce the title by 1px. */
@media (max-width:760px){
    .ts-global-sidebar .ts-global-widget-title,
    .ts-global-sidebar .widget-title,
    .ts-global-sidebar .widget > h2,
    .ts-global-sidebar .widget > h3,
    .ts-global-sidebar .widget > h4,
    .ts-global-sidebar .ts-sidebar-heading h2,
    .ts-global-sidebar .ts-single-sidebar-heading h2,
    .ts-global-sidebar .ts-sidebar-module > h2,
    .ts-global-sidebar .ts-sidebar-box > h2,
    .ts-global-sidebar .ts-category-sidebar-block > h2,
    .ts-category-sidebar .ts-category-sidebar-block > h2,
    .ts-latest-sidebar .ts-category-sidebar-block > h2,
    .ts-trending-sidebar .ts-category-sidebar-block > h2,
    .ts-video-archive-sidebar .ts-category-sidebar-block > h2,
    .ts-archive-sidebar .ts-category-sidebar-block > h2,
    .ts-search-sidebar .ts-category-sidebar-block > h2,
    .ts-global-sidebar .widget_search label{
        font-size:13px !important;
    }
}


/* ==========================================================================
   TS WIDGET SYSTEM — ONE DESIGN LANGUAGE FOR EVERY TS WIDGET
   Applies the same editorial spacing, typography and control rhythm to all
   registered TS widgets without changing their individual content/function.
   ========================================================================== */

/* All registered TS widgets share the same outer rhythm. */
.ts-global-sidebar > .ts-widget-categories,
.ts-global-sidebar > .ts-widget-popular-news,
.ts-global-sidebar > .ts-widget-newsletter,
.ts-global-sidebar > .ts-widget-popular-tags,
.ts-global-sidebar > .ts-widget-trending-news,
.ts-global-sidebar > .ts-widget-latest-news,
.ts-global-sidebar > .ts-widget-popular-authors,
.ts-global-sidebar > .ts-widget-social-follow,
.ts-global-sidebar > .ts-widget-advertisement,
.ts-global-sidebar > .ts-widget-video,
.ts-global-sidebar > .ts-widget-app-download,
.ts-global-sidebar > .ts-widget-search{
    box-sizing:border-box;
    width:100%;
    min-width:0;
    margin:0 0 24px;
    padding:0 0 24px;
    border-bottom:1px solid #e1e3e5;
}

.ts-global-sidebar > .ts-widget-newsletter{
    /* Newsletter remains the intentional card-style exception. */
    padding:18px 13px 19px;
    border:1px solid #dedfe1;
    border-radius:5px;
    background:#fff;
}

/* Every TS widget title is exactly the same editorial scale. */
.ts-global-sidebar > .ts-widget-categories .ts-global-widget-title,
.ts-global-sidebar > .ts-widget-popular-news .ts-global-widget-title,
.ts-global-sidebar > .ts-widget-newsletter .ts-global-widget-title,
.ts-global-sidebar > .ts-widget-popular-tags .ts-global-widget-title,
.ts-global-sidebar > .ts-widget-trending-news .ts-global-widget-title,
.ts-global-sidebar > .ts-widget-latest-news .ts-global-widget-title,
.ts-global-sidebar > .ts-widget-popular-authors .ts-global-widget-title,
.ts-global-sidebar > .ts-widget-social-follow .ts-global-widget-title,
.ts-global-sidebar > .ts-widget-advertisement .ts-global-widget-title,
.ts-global-sidebar > .ts-widget-video .ts-global-widget-title,
.ts-global-sidebar > .ts-widget-app-download .ts-global-widget-title,
.ts-global-sidebar > .ts-widget-search .ts-global-widget-title{
    display:block;
    margin:0 0 14px !important;
    padding:0;
    color:#17191c;
    font-size:14px !important;
    line-height:1.25;
    font-weight:700 !important;
    letter-spacing:-.12px;
    text-transform:none;
}

/* Remove the old per-widget red rule so every TS widget uses the same title
   treatment. */
.ts-global-sidebar > .ts-widget-categories .ts-global-widget-rule,
.ts-global-sidebar > .ts-widget-popular-news .ts-global-widget-rule,
.ts-global-sidebar > .ts-widget-newsletter .ts-global-widget-rule,
.ts-global-sidebar > .ts-widget-popular-tags .ts-global-widget-rule,
.ts-global-sidebar > .ts-widget-trending-news .ts-global-widget-rule,
.ts-global-sidebar > .ts-widget-latest-news .ts-global-widget-rule,
.ts-global-sidebar > .ts-widget-popular-authors .ts-global-widget-rule,
.ts-global-sidebar > .ts-widget-social-follow .ts-global-widget-rule,
.ts-global-sidebar > .ts-widget-advertisement .ts-global-widget-rule,
.ts-global-sidebar > .ts-widget-video .ts-global-widget-rule,
.ts-global-sidebar > .ts-widget-app-download .ts-global-widget-rule,
.ts-global-sidebar > .ts-widget-search .ts-global-widget-rule{
    display:none !important;
}

/* Common body typography. */
.ts-global-sidebar > .ts-widget-categories,
.ts-global-sidebar > .ts-widget-popular-news,
.ts-global-sidebar > .ts-widget-newsletter,
.ts-global-sidebar > .ts-widget-popular-tags,
.ts-global-sidebar > .ts-widget-trending-news,
.ts-global-sidebar > .ts-widget-latest-news,
.ts-global-sidebar > .ts-widget-popular-authors,
.ts-global-sidebar > .ts-widget-social-follow,
.ts-global-sidebar > .ts-widget-advertisement,
.ts-global-sidebar > .ts-widget-video,
.ts-global-sidebar > .ts-widget-app-download,
.ts-global-sidebar > .ts-widget-search p,
.ts-global-sidebar > .ts-widget-categories,
.ts-global-sidebar > .ts-widget-popular-news,
.ts-global-sidebar > .ts-widget-newsletter,
.ts-global-sidebar > .ts-widget-popular-tags,
.ts-global-sidebar > .ts-widget-trending-news,
.ts-global-sidebar > .ts-widget-latest-news,
.ts-global-sidebar > .ts-widget-popular-authors,
.ts-global-sidebar > .ts-widget-social-follow,
.ts-global-sidebar > .ts-widget-advertisement,
.ts-global-sidebar > .ts-widget-video,
.ts-global-sidebar > .ts-widget-app-download,
.ts-global-sidebar > .ts-widget-search li,
.ts-global-sidebar > .ts-widget-categories,
.ts-global-sidebar > .ts-widget-popular-news,
.ts-global-sidebar > .ts-widget-newsletter,
.ts-global-sidebar > .ts-widget-popular-tags,
.ts-global-sidebar > .ts-widget-trending-news,
.ts-global-sidebar > .ts-widget-latest-news,
.ts-global-sidebar > .ts-widget-popular-authors,
.ts-global-sidebar > .ts-widget-social-follow,
.ts-global-sidebar > .ts-widget-advertisement,
.ts-global-sidebar > .ts-widget-video,
.ts-global-sidebar > .ts-widget-app-download,
.ts-global-sidebar > .ts-widget-search .ts-widget-description{
    color:#555b61;
    font-size:12px;
    line-height:1.55;
    font-weight:400;
}

/* Common links and list text. */
.ts-global-sidebar > .ts-widget-categories,
.ts-global-sidebar > .ts-widget-popular-news,
.ts-global-sidebar > .ts-widget-newsletter,
.ts-global-sidebar > .ts-widget-popular-tags,
.ts-global-sidebar > .ts-widget-trending-news,
.ts-global-sidebar > .ts-widget-latest-news,
.ts-global-sidebar > .ts-widget-popular-authors,
.ts-global-sidebar > .ts-widget-social-follow,
.ts-global-sidebar > .ts-widget-advertisement,
.ts-global-sidebar > .ts-widget-video,
.ts-global-sidebar > .ts-widget-app-download,
.ts-global-sidebar > .ts-widget-search a{
    font-family:inherit;
}

/* Categories / tags: same readable 12px navigation scale. */
.ts-global-sidebar > .ts-widget-categories .ts-global-category-list a{
    min-height:34px;
    padding:0 10px;
    font-size:12px !important;
    line-height:1.35;
    font-weight:500;
}

.ts-global-sidebar > .ts-widget-categories .ts-global-category-list a.is-current,
.ts-global-sidebar > .ts-widget-categories .ts-global-category-list a.ts-global-category-all{
    font-weight:600;
}

.ts-global-sidebar > .ts-widget-popular-tags .ts-global-tags{
    gap:7px;
}

.ts-global-sidebar > .ts-widget-popular-tags .ts-global-tags a{
    min-height:29px;
    padding:0 10px;
    font-size:11px !important;
    line-height:1;
    font-weight:500;
}

/* Editorial lists: all item headlines use one 12px scale. */
.ts-global-sidebar > .ts-widget-popular-news .ts-global-popular-item h3,
.ts-global-sidebar > .ts-widget-trending-news .ts-global-ranked-item h3,
.ts-global-sidebar > .ts-widget-latest-news .ts-global-latest-item h3,
.ts-global-sidebar > .ts-widget-popular-authors .ts-global-author-item h3,
.ts-global-sidebar > .ts-widget-video .ts-global-video-item h3{
    margin:0;
    color:#202326;
    font-size:12px !important;
    line-height:1.4;
    font-weight:600;
}

/* Editorial metadata uses one quiet scale. */
.ts-global-sidebar > .ts-widget-trending-news .ts-global-ranked-item > div > span,
.ts-global-sidebar > .ts-widget-latest-news .ts-global-latest-item > div > span,
.ts-global-sidebar > .ts-widget-popular-authors .ts-global-author-item > div > span{
    color:#777d83;
    font-size:10px !important;
    line-height:1.3;
}

/* Common action/button scale. */
.ts-global-sidebar > .ts-widget-popular-news .ts-global-widget-button{
    min-height:38px;
    margin-top:15px;
    font-size:11px !important;
    font-weight:700;
    border-radius:4px;
}

/* Search: same title and body scale, with a clean 40px control. */
.ts-global-sidebar > .ts-widget-search .ts-global-search-form{
    margin:0;
}

.ts-global-sidebar > .ts-widget-search .ts-global-search-form input[type="search"]{
    min-height:40px;
    padding:0 42px 0 12px;
    border:1px solid #d9dde1;
    border-radius:5px;
    color:#202326;
    font-size:12px;
    line-height:1;
}

.ts-global-sidebar > .ts-widget-search .ts-global-search-form button{
    width:40px;
    height:40px;
}

/* Newsletter and App Download share the same readable 12px body scale. */
.ts-global-sidebar > .ts-widget-newsletter p,
.ts-global-sidebar > .ts-widget-app-download p{
    margin:0 0 14px;
    color:#555b61;
    font-size:12px !important;
    line-height:1.55;
    font-weight:400;
}

.ts-global-sidebar > .ts-widget-newsletter .ts-newsletter-input-row input,
.ts-global-sidebar > .ts-widget-newsletter .ts-newsletter-input-row button{
    min-height:40px;
    font-size:11px;
}

.ts-global-sidebar > .ts-widget-newsletter .ts-newsletter-input-row button{
    font-weight:700;
}

/* Follow / social: consistent 32px circular controls. */
.ts-global-sidebar > .ts-widget-social-follow .ts-global-social-links{
    gap:8px;
}

.ts-global-sidebar > .ts-widget-social-follow .ts-global-social-links a{
    width:32px;
    height:32px;
    font-size:10px;
}

/* App badges: consistent vertical rhythm. */
.ts-global-sidebar > .ts-widget-app-download .ts-global-app-badges{
    gap:8px;
}

.ts-global-sidebar > .ts-widget-app-download .ts-app-badge{
    min-height:38px;
    font-size:11px;
}

/* Advertisement/video use the same spacing and title hierarchy. */
.ts-global-sidebar > .ts-widget-advertisement img,
.ts-global-sidebar > .ts-widget-video .ts-global-video-thumb img{
    border-radius:4px;
}

.ts-global-sidebar > .ts-widget-video .ts-global-video-item h3{
    margin-top:8px;
}

/* Last TS widget: no dangling separator/margin. */
.ts-global-sidebar > .ts-widget-search:last-child,
.ts-global-sidebar > .ts-widget-app-download:last-child,
.ts-global-sidebar > .ts-widget-social-follow:last-child,
.ts-global-sidebar > .ts-widget-advertisement:last-child,
.ts-global-sidebar > .ts-widget-video:last-child,
.ts-global-sidebar > .ts-widget-popular-authors:last-child,
.ts-global-sidebar > .ts-widget-latest-news:last-child,
.ts-global-sidebar > .ts-widget-trending-news:last-child,
.ts-global-sidebar > .ts-widget-popular-tags:last-child,
.ts-global-sidebar > .ts-widget-newsletter:last-child,
.ts-global-sidebar > .ts-widget-popular-news:last-child,
.ts-global-sidebar > .ts-widget-categories:last-child{
    margin-bottom:0;
    padding-bottom:0;
    border-bottom:0;
}

@media (max-width:760px){
    .ts-global-sidebar > .ts-widget-categories,
.ts-global-sidebar > .ts-widget-popular-news,
.ts-global-sidebar > .ts-widget-newsletter,
.ts-global-sidebar > .ts-widget-popular-tags,
.ts-global-sidebar > .ts-widget-trending-news,
.ts-global-sidebar > .ts-widget-latest-news,
.ts-global-sidebar > .ts-widget-popular-authors,
.ts-global-sidebar > .ts-widget-social-follow,
.ts-global-sidebar > .ts-widget-advertisement,
.ts-global-sidebar > .ts-widget-video,
.ts-global-sidebar > .ts-widget-app-download,
.ts-global-sidebar > .ts-widget-search{
        margin-bottom:20px;
        padding-bottom:20px;
    }

    .ts-global-sidebar > .ts-widget-categories .ts-global-widget-title,
.ts-global-sidebar > .ts-widget-popular-news .ts-global-widget-title,
.ts-global-sidebar > .ts-widget-newsletter .ts-global-widget-title,
.ts-global-sidebar > .ts-widget-popular-tags .ts-global-widget-title,
.ts-global-sidebar > .ts-widget-trending-news .ts-global-widget-title,
.ts-global-sidebar > .ts-widget-latest-news .ts-global-widget-title,
.ts-global-sidebar > .ts-widget-popular-authors .ts-global-widget-title,
.ts-global-sidebar > .ts-widget-social-follow .ts-global-widget-title,
.ts-global-sidebar > .ts-widget-advertisement .ts-global-widget-title,
.ts-global-sidebar > .ts-widget-video .ts-global-widget-title,
.ts-global-sidebar > .ts-widget-app-download .ts-global-widget-title,
.ts-global-sidebar > .ts-widget-search .ts-global-widget-title{
        margin-bottom:12px !important;
        font-size:13px !important;
    }

    .ts-global-sidebar > .ts-widget-newsletter{
        padding:16px 12px 17px;
    }

    .ts-global-sidebar > .ts-widget-categories .ts-global-category-list a{
        min-height:32px;
        font-size:11px !important;
    }

    .ts-global-sidebar > .ts-widget-popular-news .ts-global-popular-item h3,
    .ts-global-sidebar > .ts-widget-trending-news .ts-global-ranked-item h3,
    .ts-global-sidebar > .ts-widget-latest-news .ts-global-latest-item h3,
    .ts-global-sidebar > .ts-widget-popular-authors .ts-global-author-item h3,
    .ts-global-sidebar > .ts-widget-video .ts-global-video-item h3{
        font-size:11px !important;
    }
}

/* ==========================================================================
   TS — LATEST NEWS WIDGET
   Restore a clear editorial gap between thumbnail and text.
   The screenshot showed the text touching the image because a later layout
   rule was overriding the intended grid spacing.
   ========================================================================== */
.ts-global-sidebar > .ts-widget-latest-news .ts-global-latest-item{
    display:grid;
    grid-template-columns:54px minmax(0,1fr);
    column-gap:10px !important;
    row-gap:0;
    align-items:center;
}

.ts-global-sidebar > .ts-widget-latest-news .ts-global-latest-image{
    width:54px;
    height:42px;
    flex:0 0 54px;
}

.ts-global-sidebar > .ts-widget-latest-news .ts-global-latest-item > div{
    min-width:0;
    padding:0;
    margin:0;
}

.ts-global-sidebar > .ts-widget-latest-news .ts-global-latest-item h3{
    margin:0 0 3px;
}

@media (max-width:760px){
    .ts-global-sidebar > .ts-widget-latest-news .ts-global-latest-item{
        grid-template-columns:50px minmax(0,1fr);
        column-gap:9px !important;
    }

    .ts-global-sidebar > .ts-widget-latest-news .ts-global-latest-image{
        width:50px;
        height:40px;
        flex-basis:50px;
    }
}


/* ==========================================================================
   TS — STAY INFORMED / NEWSLETTER
   The same widget works in both the light global sidebar and dark footer.
   ========================================================================== */

/* Footer instance: preserve the unified TS widget typography while adapting
   the surface to the dark footer. */
footer.ts-site-footer .ts-widget-newsletter{
    margin:0 0 24px;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
}

footer.ts-site-footer .ts-widget-newsletter .ts-global-widget-title{
    margin:0 0 14px !important;
    color:#fff !important;
    font-size:14px !important;
    line-height:1.25;
    font-weight:700 !important;
}

footer.ts-site-footer .ts-widget-newsletter .ts-global-widget-rule{
    display:none !important;
}

footer.ts-site-footer .ts-widget-newsletter > p{
    margin:0 0 14px;
    color:rgba(255,255,255,.72);
    font-size:12px;
    line-height:1.55;
}

footer.ts-site-footer .ts-widget-newsletter .ts-newsletter-input-row{
    display:flex;
    flex-direction:column;
    gap:8px;
    margin:0;
}

footer.ts-site-footer .ts-widget-newsletter .ts-newsletter-input-row input,
footer.ts-site-footer .ts-widget-newsletter .ts-newsletter-input-row button{
    width:100%;
    min-height:38px;
    box-sizing:border-box;
}

footer.ts-site-footer .ts-widget-newsletter .ts-newsletter-input-row input{
    padding:0 11px;
    border:1px solid rgba(255,255,255,.22);
    border-radius:4px;
    background:rgba(255,255,255,.04);
    color:#fff;
    font-size:11px;
}

footer.ts-site-footer .ts-widget-newsletter .ts-newsletter-input-row input::placeholder{
    color:rgba(255,255,255,.55);
}

footer.ts-site-footer .ts-widget-newsletter .ts-newsletter-input-row button{
    border:0;
    border-radius:4px;
    background:var(--ts-red);
    color:#fff;
    font-size:11px;
    font-weight:700;
}

@media (max-width:760px){
    footer.ts-site-footer .ts-widget-newsletter{
        margin-bottom:20px;
    }

    footer.ts-site-footer .ts-widget-newsletter .ts-global-widget-title{
        font-size:13px !important;
    }
}


/* TS — Follow Us: icons stay white on hover. */
.ts-global-sidebar > .ts-widget-social-follow .ts-global-social-links a:hover,
.ts-global-sidebar > .ts-widget-social-follow .ts-global-social-links a:hover span{
    color:#fff !important;
}


/* ==========================================================================
   TREND SCOOP — ENTERPRISE FOOTER WIDGET SYSTEM
   Unified typography, spacing and surface treatment for every TS widget
   rendered inside the footer. This intentionally does not alter the header,
   archive content or global sidebar design.
   ========================================================================== */

footer.ts-site-footer{
    margin-top:0;
    padding:46px 0 0;
    background:#090a0b;
    color:#fff;
}

footer.ts-site-footer .ts-footer-grid{
    display:grid;
    grid-template-columns:minmax(220px,1.35fr) repeat(4,minmax(0,1fr));
    gap:38px;
    align-items:start;
    padding:0;
}

/* Every footer column keeps the same internal rhythm. */
footer.ts-site-footer .ts-footer-brand-area,
footer.ts-site-footer .ts-footer-widget-area{
    min-width:0;
}

footer.ts-site-footer .ts-footer-widget-area{
    display:flex;
    flex-direction:column;
    gap:0;
}

/* Every TS widget gets one consistent vertical rhythm. */
footer.ts-site-footer .ts-footer-widget-area > .widget,
footer.ts-site-footer .ts-footer-widget-area > .ts-global-widget,
footer.ts-site-footer .ts-footer-widget-area > [class*="ts-widget-"]{
    width:100%;
    min-width:0;
    margin:0 0 26px;
    padding:0;
    border:0;
    background:transparent;
    box-shadow:none;
}

/* Do not create artificial separators between footer widgets. */
footer.ts-site-footer .ts-footer-widget-area > .widget:last-child,
footer.ts-site-footer .ts-footer-widget-area > .ts-global-widget:last-child,
footer.ts-site-footer .ts-footer-widget-area > [class*="ts-widget-"]:last-child{
    margin-bottom:0;
}

/* One typography scale for all TS widget titles. */
footer.ts-site-footer .ts-footer-widget-area .ts-global-widget-title,
footer.ts-site-footer .ts-footer-widget-area .ts-footer-widget-title,
footer.ts-site-footer .ts-footer-widget-area .widget-title{
    margin:0 0 15px !important;
    padding:0 !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    font-family:inherit;
    font-size:13px !important;
    line-height:1.3 !important;
    font-weight:700 !important;
    letter-spacing:.15px;
    text-transform:uppercase;
}

/* Remove legacy title rules from the light sidebar system. */
footer.ts-site-footer .ts-footer-widget-area .ts-global-widget-rule{
    display:none !important;
}

/* Consistent footer body typography. */
footer.ts-site-footer .ts-footer-widget-area,
footer.ts-site-footer .ts-footer-widget-area p,
footer.ts-site-footer .ts-footer-widget-area li,
footer.ts-site-footer .ts-footer-widget-area .ts-widget-description{
    color:rgba(255,255,255,.72);
    font-size:12px;
    line-height:1.65;
    font-weight:400;
}

/* Links share one readable editorial scale. */
footer.ts-site-footer .ts-footer-widget-area a{
    color:rgba(255,255,255,.72);
    font-size:12px;
    line-height:1.65;
    font-weight:400;
    text-decoration:none;
    transition:color .16s ease, border-color .16s ease, background-color .16s ease;
}

footer.ts-site-footer .ts-footer-widget-area a:hover,
footer.ts-site-footer .ts-footer-widget-area a:focus-visible{
    color:#fff !important;
}

/* Menus / category lists / generic widget lists. */
footer.ts-site-footer .ts-footer-widget-area ul,
footer.ts-site-footer .ts-footer-widget-area ol{
    margin:0;
    padding:0;
    list-style:none;
}

footer.ts-site-footer .ts-footer-widget-area li{
    margin:0 0 8px;
    padding:0;
}

footer.ts-site-footer .ts-footer-widget-area li:last-child{
    margin-bottom:0;
}

/* Popular tags / tag clouds. */
footer.ts-site-footer .ts-footer-widget-area .ts-global-tags,
footer.ts-site-footer .ts-footer-widget-area .tagcloud,
footer.ts-site-footer .ts-footer-widget-area .ts-tag-list{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:7px;
    margin:0;
}

footer.ts-site-footer .ts-footer-widget-area .ts-global-tags a,
footer.ts-site-footer .ts-footer-widget-area .tag-cloud-link,
footer.ts-site-footer .ts-footer-widget-area .ts-tag-list a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:29px;
    padding:5px 9px;
    box-sizing:border-box;
    border:1px solid #33383d;
    border-radius:4px;
    background:transparent;
    color:rgba(255,255,255,.72);
    font-size:11px !important;
    line-height:1.15;
    font-weight:400;
}

footer.ts-site-footer .ts-footer-widget-area .ts-global-tags a:hover,
footer.ts-site-footer .ts-footer-widget-area .tag-cloud-link:hover,
footer.ts-site-footer .ts-footer-widget-area .ts-tag-list a:hover{
    border-color:#656a70;
    background:rgba(255,255,255,.035);
    color:#fff !important;
}

/* Latest / popular / trending editorial widgets. */
footer.ts-site-footer .ts-footer-widget-area .ts-global-latest-item,
footer.ts-site-footer .ts-footer-widget-area .ts-global-popular-item,
footer.ts-site-footer .ts-footer-widget-area .ts-global-ranked-item{
    margin:0 0 12px;
    padding:0;
}

footer.ts-site-footer .ts-footer-widget-area .ts-global-latest-item:last-child,
footer.ts-site-footer .ts-footer-widget-area .ts-global-popular-item:last-child,
footer.ts-site-footer .ts-footer-widget-area .ts-global-ranked-item:last-child{
    margin-bottom:0;
}

footer.ts-site-footer .ts-footer-widget-area .ts-global-latest-item h3,
footer.ts-site-footer .ts-footer-widget-area .ts-global-popular-item h3,
footer.ts-site-footer .ts-footer-widget-area .ts-global-ranked-item h3,
footer.ts-site-footer .ts-footer-widget-area .ts-global-author-item h3,
footer.ts-site-footer .ts-footer-widget-area .ts-global-video-item h3{
    margin:0 0 3px;
    color:#fff;
    font-size:12px !important;
    line-height:1.4;
    font-weight:600;
}

footer.ts-site-footer .ts-footer-widget-area .ts-global-latest-item > div > span,
footer.ts-site-footer .ts-footer-widget-area .ts-global-ranked-item > div > span,
footer.ts-site-footer .ts-footer-widget-area .ts-global-author-item > div > span{
    color:rgba(255,255,255,.5);
    font-size:10px !important;
    line-height:1.45;
}

/* Thumbnail + text widgets: consistent gap. */
footer.ts-site-footer .ts-footer-widget-area .ts-global-latest-item,
footer.ts-site-footer .ts-footer-widget-area .ts-global-popular-item,
footer.ts-site-footer .ts-footer-widget-area .ts-global-ranked-item{
    column-gap:10px;
}

footer.ts-site-footer .ts-footer-widget-area .ts-global-latest-image,
footer.ts-site-footer .ts-footer-widget-area .ts-global-popular-image,
footer.ts-site-footer .ts-footer-widget-area .ts-global-ranked-image{
    border-radius:4px;
    overflow:hidden;
}

/* Follow Us — same 32px control scale used throughout the theme. */
footer.ts-site-footer .ts-widget-social-follow .ts-global-social-links{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    width:auto;
}

footer.ts-site-footer .ts-widget-social-follow .ts-global-social-links a{
    width:32px;
    height:32px;
    display:flex;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    border:1px solid #3a3e43;
    border-radius:50%;
    background:transparent;
    color:#fff;
    font-size:10px;
    font-weight:800;
}

footer.ts-site-footer .ts-widget-social-follow .ts-global-social-links a:hover,
footer.ts-site-footer .ts-widget-social-follow .ts-global-social-links a:focus-visible,
footer.ts-site-footer .ts-widget-social-follow .ts-global-social-links a:hover span{
    border-color:var(--ts-red,#ed1111);
    background:var(--ts-red,#ed1111);
    color:#fff !important;
}

/* Authors. */
footer.ts-site-footer .ts-widget-popular-authors .ts-global-author-item{
    display:flex;
    align-items:center;
    gap:10px;
}

footer.ts-site-footer .ts-widget-popular-authors .ts-global-author-avatar{
    width:40px;
    height:40px;
    flex:0 0 40px;
}

/* Search widget. */
footer.ts-site-footer .ts-widget-search .ts-global-search-form{
    width:100%;
}

footer.ts-site-footer .ts-widget-search input[type="search"]{
    min-height:40px;
    padding:0 40px 0 11px;
    border:1px solid #353a3f;
    border-radius:4px;
    background:rgba(255,255,255,.035);
    color:#fff;
    font-size:11px;
}

footer.ts-site-footer .ts-widget-search input[type="search"]::placeholder{
    color:rgba(255,255,255,.5);
}

/* App download badges. */
footer.ts-site-footer .ts-widget-app-download .ts-global-app-badges{
    display:flex;
    flex-direction:column;
    gap:8px;
}

footer.ts-site-footer .ts-widget-app-download .ts-app-badge{
    min-height:38px;
    padding:0 10px;
    border:1px solid #555;
    border-radius:5px;
    background:#050505;
    color:#fff;
    font-size:11px;
}

footer.ts-site-footer .ts-widget-app-download .ts-app-badge strong{
    font-size:11px;
}

/* Advertisement and video widgets. */
footer.ts-site-footer .ts-widget-advertisement img,
footer.ts-site-footer .ts-widget-video .ts-global-video-thumb img{
    border-radius:4px;
}

footer.ts-site-footer .ts-widget-video .ts-global-video-item h3{
    margin-top:8px;
    color:#fff;
}

/* Newsletter keeps its clean footer treatment. */
footer.ts-site-footer .ts-widget-newsletter{
    margin:0 0 26px;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
}

/* Footer brand column — visually aligned with every widget title. */
footer.ts-site-footer .ts-footer-brand-area{
    padding:0;
}

footer.ts-site-footer .ts-footer-brand-settings,
footer.ts-site-footer .ts-footer-brand-widget{
    margin:0;
    padding:0;
}

footer.ts-site-footer .ts-footer-brand{
    margin:0 0 14px;
    color:#fff;
    font-size:22px;
    line-height:1;
    font-weight:800;
    letter-spacing:-.4px;
}

footer.ts-site-footer .ts-footer-brand span{
    color:var(--ts-red,#ed1111);
}

footer.ts-site-footer .ts-footer-brand-area p,
footer.ts-site-footer .ts-footer-brand-widget p{
    max-width:285px;
    margin:0 0 17px;
    color:rgba(255,255,255,.72);
    font-size:12px;
    line-height:1.65;
}

footer.ts-site-footer .ts-footer-brand-widget img{
    max-width:180px;
    max-height:52px;
    object-fit:contain;
    margin:0 0 15px;
}

/* Footer bottom: clean separation and balanced vertical rhythm. */
footer.ts-site-footer .ts-footer-bottom{
    margin-top:38px;
    padding:20px 0 21px;
    border-top:1px solid #292d31;
}

footer.ts-site-footer .ts-footer-copyright{
    color:rgba(255,255,255,.52);
    font-size:12px;
    line-height:1.5;
    font-weight:400;
}

footer.ts-site-footer .ts-footer-socials{
    gap:8px;
}

footer.ts-site-footer .ts-footer-social-link{
    width:30px;
    height:30px;
}

/* Keep the footer elegant at tablet widths. */
@media (max-width:1100px){
    footer.ts-site-footer .ts-footer-grid{
        grid-template-columns:1.25fr repeat(2,minmax(0,1fr));
        gap:32px 28px;
    }
}

@media (max-width:900px){
    footer.ts-site-footer{
        padding-top:38px;
    }

    footer.ts-site-footer .ts-footer-grid{
        grid-template-columns:1fr 1fr;
        gap:30px 26px;
    }

    footer.ts-site-footer .ts-footer-brand-area{
        grid-column:1/-1;
    }
}

@media (max-width:560px){
    footer.ts-site-footer{
        padding-top:34px;
    }

    footer.ts-site-footer .ts-footer-grid{
        grid-template-columns:1fr;
        gap:26px;
    }

    footer.ts-site-footer .ts-footer-brand-area{
        grid-column:auto;
    }

    footer.ts-site-footer .ts-footer-widget-area > .widget,
    footer.ts-site-footer .ts-footer-widget-area > .ts-global-widget,
    footer.ts-site-footer .ts-footer-widget-area > [class*="ts-widget-"]{
        margin-bottom:22px;
    }

    footer.ts-site-footer .ts-footer-bottom{
        margin-top:30px;
        padding-top:18px;
    }
}


/* ==========================================================================
   FOOTER TS WIDGET CONSISTENCY — TRENDING + LATEST NEWS
   ========================================================================== */

/* Trending News: remove excessive vertical spacing while preserving the
   same compact editorial rhythm used by the other footer news widgets. */
footer.ts-site-footer .ts-widget-trending-news .ts-global-ranked-item{
    margin:0 0 9px !important;
    padding:0 !important;
    line-height:1.35;
}

footer.ts-site-footer .ts-widget-trending-news .ts-global-ranked-item:last-child{
    margin-bottom:0 !important;
}

footer.ts-site-footer .ts-widget-trending-news .ts-global-ranked-item h3{
    margin:0 0 2px !important;
    font-size:12px !important;
    line-height:1.35 !important;
    font-weight:600 !important;
}

footer.ts-site-footer .ts-widget-trending-news .ts-global-ranked-item > div > span{
    font-size:10px !important;
    line-height:1.3 !important;
}

/* Latest News: bring its typography up to the same 12px editorial scale as
   Popular/Trending News; the previous rule made it visually too small. */
footer.ts-site-footer .ts-widget-latest-news .ts-global-latest-item{
    margin:0 0 10px !important;
    padding:0 !important;
    line-height:1.35;
}

footer.ts-site-footer .ts-widget-latest-news .ts-global-latest-item:last-child{
    margin-bottom:0 !important;
}

footer.ts-site-footer .ts-widget-latest-news .ts-global-latest-item h3{
    margin:0 0 2px !important;
    color:#fff !important;
    font-size:12px !important;
    line-height:1.4 !important;
    font-weight:600 !important;
}

footer.ts-site-footer .ts-widget-latest-news .ts-global-latest-item > div > span{
    color:rgba(255,255,255,.5) !important;
    font-size:10px !important;
    line-height:1.3 !important;
}


/* ==========================================================================
   ARCHIVE / LISTING POST CATEGORY LABELS
   Keep the category above each post title editorial, compact and regular.
   ========================================================================== */

.ts-category-main .ts-category-post-category,
.ts-latest-main .ts-category-post-category,
.ts-trending-main .ts-category-post-category,
.ts-video-archive-main .ts-category-post-category,
.ts-search-main .ts-category-post-category,
.ts-archive-main .ts-category-post-category,
.ts-category-main .post-category,
.ts-latest-main .post-category,
.ts-trending-main .post-category,
.ts-video-archive-main .post-category,
.ts-search-main .post-category,
.ts-archive-main .post-category,
.ts-category-main .entry-category,
.ts-latest-main .entry-category,
.ts-trending-main .entry-category,
.ts-video-archive-main .entry-category,
.ts-search-main .entry-category,
.ts-archive-main .entry-category{
    font-size:10px !important;
    line-height:1.3 !important;
    font-weight:400 !important;
    letter-spacing:.1px;
    text-transform:uppercase;
}


/* ==========================================================================
   FINAL CATEGORY LABEL CORRECTION
   The actual archive markup uses .ts-category-label. Override the legacy
   theme/minified 800/900-weight rules with a readable regular label.
   ========================================================================== */

.ts-category-story-body > .ts-category-label,
.ts-latest-story-body > .ts-category-label,
.ts-archive-story-body > .ts-category-label,
.ts-search-result-body > .ts-category-label,
.ts-category-story .ts-category-label,
.ts-latest-story .ts-category-label,
.ts-archive-story .ts-category-label,
.ts-search-page .ts-category-label{
    display:inline-block !important;
    margin:0 0 7px !important;
    color:var(--ts-red,#ed1111) !important;
    font-family:inherit !important;
    font-size:11px !important;
    line-height:1.3 !important;
    font-weight:400 !important;
    letter-spacing:.03em !important;
    text-transform:uppercase !important;
    text-decoration:none !important;
}


/* ==========================================================================
   TAG ARCHIVE — BRANDED EDITORIAL TEMPLATE
   Reference-inspired presentation with the GLOBAL SIDEBAR for consistency.
   ========================================================================== */

.ts-tag-page{
    background:#fff;
}

.ts-tag-hero{
    position:relative;
    overflow:hidden;
    min-height:300px;
    background:#050505;
    color:#fff;
    background-image:
        linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.92) 31%,rgba(255,255,255,.45) 46%,rgba(0,0,0,.08) 64%,rgba(0,0,0,.55) 100%),
        var(--ts-tag-hero-image);
    background-size:cover;
    background-position:center;
}

.ts-tag-hero-overlay{
    position:absolute;
    inset:0;
    background:
        linear-gradient(90deg,rgba(255,255,255,.18) 0%,transparent 58%),
        linear-gradient(0deg,rgba(0,0,0,.2),transparent 55%);
    pointer-events:none;
}

.ts-tag-hero-inner{
    position:relative;
    z-index:2;
    min-height:300px;
    padding-top:22px;
    padding-bottom:30px;
    box-sizing:border-box;
}

.ts-tag-breadcrumbs{
    display:flex;
    align-items:center;
    gap:9px;
    margin:0 0 28px;
    color:#666;
    font-size:11px;
    line-height:1.4;
}

.ts-tag-breadcrumbs a{
    color:#666;
    text-decoration:none;
}

.ts-tag-breadcrumbs a:hover{
    color:var(--ts-red,#ed1111);
}

.ts-tag-breadcrumbs strong{
    color:#171717;
    font-weight:600;
}

.ts-tag-hero-copy{
    width:min(520px,58%);
    color:#111;
}

.ts-tag-badge{
    display:inline-flex;
    align-items:center;
    min-height:22px;
    padding:0 9px;
    box-sizing:border-box;
    border-radius:4px;
    background:var(--ts-red,#ed1111);
    color:#fff;
    font-size:9px;
    line-height:1;
    font-weight:700;
    letter-spacing:.04em;
}

.ts-tag-hero-copy h1{
    margin:14px 0 14px;
    color:#0b0b0b;
    font-size:48px;
    line-height:1;
    letter-spacing:-1.4px;
    font-weight:700;
}

.ts-tag-hero-copy p{
    max-width:510px;
    margin:0 0 23px;
    color:#1e1e1e;
    font-size:14px;
    line-height:1.7;
}

.ts-tag-count{
    display:flex;
    align-items:center;
    gap:7px;
    color:#111;
    font-size:12px;
    line-height:1.4;
}

.ts-tag-count-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:18px;
    height:18px;
    border:2px solid var(--ts-red,#ed1111);
    border-radius:4px;
    box-sizing:border-box;
    color:var(--ts-red,#ed1111);
    font-size:9px;
    line-height:1;
}

.ts-tag-count strong{
    color:var(--ts-red,#ed1111);
    font-weight:700;
}

.ts-tag-count > span:last-child{
    font-weight:700;
    letter-spacing:.02em;
}

/* Main content + ONE vertical divider + global sidebar. */
.ts-tag-content{
    background:#fff;
}

.ts-tag-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) var(--ts-sidebar);
    gap:0;
    align-items:stretch;
}

.ts-tag-main{
    min-width:0;
    padding-right:30px;
}

.ts-tag-sidebar{
    min-width:0;
    margin:0;
    padding:0 0 0 30px;
    border-left:1px solid #ddd;
    box-sizing:border-box;
}

/* Toolbar */
.ts-tag-toolbar{
    min-height:64px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    border-bottom:1px solid #ddd;
}

.ts-tag-toolbar-label{
    min-width:0;
}

.ts-tag-mobile-count{
    display:none;
    color:#555;
    font-size:11px;
}

.ts-tag-sort{
    display:flex;
    align-items:center;
    gap:8px;
}

.ts-tag-sort label{
    color:#555;
    font-size:10px;
    font-weight:500;
}

.ts-tag-sort select{
    min-width:94px;
    height:38px;
    padding:0 29px 0 11px;
    border:1px solid #d9dce0;
    border-radius:5px;
    background:#fff;
    color:#222;
    font:inherit;
    font-size:11px;
    line-height:1;
    cursor:pointer;
}

/* Editorial story list */
.ts-tag-story-list{
    display:grid;
}

.ts-tag-story{
    display:grid;
    grid-template-columns:270px minmax(0,1fr);
    gap:20px;
    padding:18px 0;
    border-bottom:1px solid #ddd;
}

.ts-tag-story-image{
    display:block;
    aspect-ratio:1.52/1;
    overflow:hidden;
    border-radius:5px;
    background:#ddd;
}

.ts-tag-story-image img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .25s ease;
}

.ts-tag-story:hover .ts-tag-story-image img{
    transform:scale(1.02);
}

.ts-tag-story-body{
    position:relative;
    min-width:0;
    padding-top:4px;
    padding-right:68px;
}

.ts-tag-story-body .ts-category-label{
    display:inline-block !important;
    margin:0 0 7px !important;
    color:var(--ts-red,#ed1111) !important;
    font-size:11px !important;
    line-height:1.3 !important;
    font-weight:400 !important;
    letter-spacing:.03em !important;
    text-transform:uppercase !important;
}

.ts-tag-story h2{
    margin:0 0 8px;
    color:#111;
    font-size:19px;
    line-height:1.2;
    letter-spacing:-.25px;
    font-weight:650;
}

.ts-tag-story h2 a{
    color:inherit;
    text-decoration:none;
}

.ts-tag-story h2 a:hover{
    color:var(--ts-red,#ed1111);
}

.ts-tag-story p{
    margin:0 0 11px;
    color:#555;
    font-size:13px;
    line-height:1.55;
}

.ts-tag-story-meta{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
    color:#666;
    font-size:10px;
    line-height:1.4;
}

.ts-tag-story-meta span:last-child{
    color:var(--ts-red,#ed1111);
}

.ts-tag-story-body .ts-save-button{
    position:absolute;
    right:0;
    bottom:0;
}

/* Pagination */
.ts-tag-pagination{
    padding:22px 0 30px;
}

.ts-tag-pagination .page-numbers{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    margin:0;
    padding:0;
    list-style:none;
}

.ts-tag-pagination .page-numbers a,
.ts-tag-pagination .page-numbers span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:30px;
    height:30px;
    padding:0 7px;
    box-sizing:border-box;
    border:1px solid #ddd;
    border-radius:4px;
    background:#fff;
    color:#333;
    font-size:11px;
    line-height:1;
    text-decoration:none;
}

.ts-tag-pagination .page-numbers .current{
    border-color:var(--ts-red,#ed1111);
    background:var(--ts-red,#ed1111);
    color:#fff;
}

.ts-tag-pagination .page-numbers a:hover{
    border-color:var(--ts-red,#ed1111);
    color:var(--ts-red,#ed1111);
}

/* Empty state */
.ts-tag-empty{
    margin:22px 0 30px;
    padding:55px 20px;
    border:1px dashed #ddd;
    text-align:center;
}

.ts-tag-empty > span{
    color:#aaa;
    font-size:30px;
}

.ts-tag-empty h2{
    margin:10px 0 5px;
    font-size:20px;
    font-weight:600;
}

.ts-tag-empty p{
    margin:0;
    color:#777;
    font-size:12px;
}

/* Global sidebar inherits the site's established widget system.
   Only its positioning is controlled here; widget appearance stays global. */
.ts-tag-sidebar > .ts-global-widget,
.ts-tag-sidebar > .widget{
    width:100%;
    min-width:0;
}

/* Responsive */
@media(max-width:900px){
    .ts-tag-hero{
        min-height:275px;
    }

    .ts-tag-hero-inner{
        min-height:275px;
    }

    .ts-tag-hero-copy{
        width:62%;
    }

    .ts-tag-hero-copy h1{
        font-size:40px;
    }

    .ts-tag-layout{
        grid-template-columns:1fr;
    }

    .ts-tag-main{
        padding-right:0;
    }

    .ts-tag-sidebar{
        margin-top:24px;
        padding:24px 0 0;
        border-left:0;
        border-top:1px solid #ddd;
    }
}

@media(max-width:650px){
    .ts-tag-hero{
        min-height:250px;
        background-position:center;
    }

    .ts-tag-hero-inner{
        min-height:250px;
        padding-top:17px;
        padding-bottom:25px;
    }

    .ts-tag-breadcrumbs{
        margin-bottom:21px;
        font-size:10px;
    }

    .ts-tag-hero-copy{
        width:100%;
        max-width:340px;
    }

    .ts-tag-hero-copy h1{
        margin:11px 0;
        font-size:36px;
    }

    .ts-tag-hero-copy p{
        max-width:330px;
        margin-bottom:17px;
        font-size:12px;
        line-height:1.55;
    }

    .ts-tag-count{
        font-size:10px;
    }

    .ts-tag-toolbar{
        min-height:58px;
    }

    .ts-tag-mobile-count{
        display:block;
    }

    .ts-tag-sort label{
        font-size:9px;
    }

    .ts-tag-sort select{
        height:34px;
        min-width:86px;
        font-size:10px;
    }

    .ts-tag-story{
        grid-template-columns:125px minmax(0,1fr);
        gap:13px;
        padding:15px 0;
    }

    .ts-tag-story-image{
        aspect-ratio:1.35/1;
    }

    .ts-tag-story-body{
        padding:0 0 0 0;
    }

    .ts-tag-story-body .ts-category-label{
        margin-bottom:5px !important;
        font-size:10px !important;
    }

    .ts-tag-story h2{
        margin-bottom:5px;
        font-size:15px;
    }

    .ts-tag-story p{
        display:none;
    }

    .ts-tag-story-meta{
        font-size:9px;
    }

    .ts-tag-story-body .ts-save-button{
        display:none;
    }
}

@media(max-width:430px){
    .ts-tag-story{
        grid-template-columns:105px minmax(0,1fr);
        gap:10px;
    }

    .ts-tag-story h2{
        font-size:13px;
    }

    .ts-tag-story-meta span:nth-child(2),
    .ts-tag-story-meta span:nth-child(4){
        display:none;
    }
}


/* ==========================================================================
   TAG ARCHIVE — GLOBAL SIDEBAR TOP OFFSET
   Keep the sidebar visually separated from the hero/banner edge while
   preserving the main content toolbar position.
   ========================================================================== */

.ts-tag-sidebar{
    padding-top:30px !important;
    box-sizing:border-box;
}

@media(max-width:900px){
    .ts-tag-sidebar{
        padding-top:24px !important;
    }
}

@media(max-width:650px){
    .ts-tag-sidebar{
        padding-top:20px !important;
    }
}


/* ==========================================================================
   TREND SCOOP — SINGLE ARTICLE / EDITORIAL POLISH
   Reference-matched article presentation.
   IMPORTANT: This block intentionally does not style .ts-global-sidebar or
   footer elements. Existing sidebar/footer systems remain untouched.
   ========================================================================== */

.ts-single-polished{
    background:#fff;
}

/* --------------------------------------------------------------------------
   HERO
   -------------------------------------------------------------------------- */

.ts-single-polished .ts-single-hero{
    min-height:470px;
    background-color:#080808;
    background-position:center center;
    background-size:cover;
}

.ts-single-polished .ts-single-hero-overlay{
    background:
        linear-gradient(90deg,rgba(0,0,0,.91) 0%,rgba(0,0,0,.78) 42%,rgba(0,0,0,.42) 72%,rgba(0,0,0,.12) 100%),
        linear-gradient(0deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.12) 72%,rgba(0,0,0,.22) 100%);
}

.ts-single-polished .ts-single-hero-grid{
    grid-template-columns:minmax(0,1fr) 320px;
    min-height:470px;
}

.ts-single-polished .ts-single-hero-main{
    justify-content:center;
    padding:34px 42px 38px 0;
}

.ts-single-polished .ts-single-breadcrumbs{
    margin-bottom:25px;
    gap:8px;
    color:rgba(255,255,255,.72);
    font-size:10px;
    line-height:1.4;
}

.ts-single-polished .ts-single-breadcrumbs a{
    color:rgba(255,255,255,.82);
    text-decoration:none;
}

.ts-single-polished .ts-single-breadcrumb-current{
    max-width:360px;
    color:rgba(255,255,255,.62);
}

.ts-single-polished .ts-single-category-pill{
    padding:4px 9px;
    border:1px solid var(--ts-red,#ed1111);
    border-radius:4px;
    background:transparent;
    color:#fff;
    font-size:10px;
    line-height:1.1;
    font-weight:400;
    letter-spacing:.02em;
}

.ts-single-polished .ts-single-category-pill:hover{
    background:var(--ts-red,#ed1111);
    color:#fff;
}

.ts-single-polished .ts-single-hero h1{
    max-width:690px;
    margin:14px 0 12px;
    color:#fff;
    font-size:clamp(40px,4.45vw,56px);
    line-height:1.02;
    letter-spacing:-1.55px;
    font-weight:700;
}

.ts-single-polished .ts-single-deck{
    max-width:650px;
    margin:0 0 22px;
    color:rgba(255,255,255,.9);
    font-size:15px;
    line-height:1.62;
    font-weight:400;
}

.ts-single-polished .ts-single-meta{
    gap:9px;
    color:rgba(255,255,255,.82);
    font-size:10px;
    line-height:1.4;
}

.ts-single-polished .ts-single-author{
    gap:8px;
    color:#fff;
}

.ts-single-polished .ts-single-author img{
    width:34px;
    height:34px;
}

.ts-single-polished .ts-single-author small{
    margin-right:3px;
    color:rgba(255,255,255,.65);
    font-size:9px;
}

.ts-single-polished .ts-single-author strong{
    color:var(--ts-red,#ed1111);
    font-size:10px;
    font-weight:600;
}

.ts-single-polished .ts-single-socials{
    gap:10px;
    margin-top:21px;
}

.ts-single-polished .ts-single-socials button{
    width:38px;
    height:38px;
    border:1px solid rgba(255,255,255,.55);
    background:rgba(0,0,0,.2);
    color:#fff;
    font-size:15px;
}

.ts-single-polished .ts-single-socials button:hover,
.ts-single-polished .ts-single-socials button.is-saved{
    border-color:var(--ts-red,#ed1111);
    background:rgba(237,17,17,.08);
    color:#fff;
}

/* Related News inside the article hero — this is part of the existing single
   template, not the global sidebar. */
.ts-single-polished .ts-single-related-top{
    padding:30px 20px 26px;
    background:#fff;
}

.ts-single-polished .ts-single-sidebar-heading{
    margin-bottom:6px;
    padding-bottom:12px;
    border-bottom:1px solid #ddd;
}

.ts-single-polished .ts-single-sidebar-heading h2{
    margin:0;
    color:#17191c;
    font-size:13px;
    line-height:1.25;
    font-weight:700;
}

.ts-single-polished .ts-single-sidebar-heading:after{
    width:34px;
    height:2px;
    margin-top:10px;
}

.ts-single-polished .ts-single-related-item{
    grid-template-columns:100px minmax(0,1fr);
    gap:12px;
    padding:11px 0;
}

.ts-single-polished .ts-single-related-thumb{
    aspect-ratio:1.48/1;
    border-radius:4px;
}

.ts-single-polished .ts-single-related-item h3{
    margin:2px 0 6px;
    color:#17191c;
    font-size:12px;
    line-height:1.3;
    font-weight:600;
}

.ts-single-polished .ts-single-related-item h3 a{
    color:inherit;
    text-decoration:none;
}

.ts-single-polished .ts-single-related-item time{
    color:#777;
    font-size:9px;
    line-height:1.35;
}

.ts-single-polished .ts-single-view-more{
    height:35px;
    margin-top:10px;
    border-radius:4px;
    font-size:10px;
    font-weight:700;
}

/* --------------------------------------------------------------------------
   ARTICLE BODY
   -------------------------------------------------------------------------- */

.ts-single-polished .ts-single-body-grid{
    grid-template-columns:44px minmax(0,1fr) 300px;
    gap:25px;
    max-width:1240px;
    padding-top:34px;
    padding-bottom:58px;
}

/* The global sidebar itself is intentionally NOT restyled here. */
.ts-single-polished .ts-single-share-rail{
    gap:9px;
    padding-top:2px;
}

.ts-single-polished .ts-single-share-rail button{
    width:38px;
    height:38px;
    border:1px solid #c7c9cc;
    border-radius:50%;
    background:#fff;
    color:#333;
    font-size:13px;
}

.ts-single-polished .ts-single-share-rail button:hover{
    border-color:var(--ts-red,#ed1111);
    color:var(--ts-red,#ed1111);
}

.ts-single-polished .ts-single-body-main{
    min-width:0;
}

.ts-single-polished .ts-entry-content{
    max-width:100%;
    color:#202326;
    font-family:inherit;
    font-size:15px;
    line-height:1.72;
    font-weight:400;
}

.ts-single-polished .ts-entry-content p{
    margin:0 0 20px;
    color:#24272a;
    font-size:15px;
    line-height:1.72;
}

.ts-single-polished .ts-entry-content h2{
    margin:27px 0 11px;
    color:#17191c;
    font-size:20px;
    line-height:1.3;
    letter-spacing:-.2px;
    font-weight:700;
}

.ts-single-polished .ts-entry-content h3{
    margin:23px 0 9px;
    color:#17191c;
    font-size:17px;
    line-height:1.35;
    font-weight:700;
}

.ts-single-polished .ts-entry-content h4{
    margin:20px 0 8px;
    color:#17191c;
    font-size:15px;
    line-height:1.4;
    font-weight:700;
}

.ts-single-polished .ts-entry-content ul,
.ts-single-polished .ts-entry-content ol{
    margin:15px 0 23px;
    padding-left:22px;
}

.ts-single-polished .ts-entry-content li{
    margin:0 0 8px;
    padding-left:2px;
    color:#24272a;
    font-size:15px;
    line-height:1.6;
}

.ts-single-polished .ts-entry-content ul li::marker{
    color:var(--ts-red,#ed1111);
}

.ts-single-polished .ts-entry-content blockquote{
    position:relative;
    margin:27px 0;
    padding:22px 28px 22px 48px;
    border:0;
    border-left:0;
    border-radius:5px;
    background:#f6f6f7;
    color:#17191c;
    font-family:inherit;
    font-size:17px;
    line-height:1.55;
    font-weight:700;
}

.ts-single-polished .ts-entry-content blockquote:before{
    content:"“";
    position:absolute;
    left:15px;
    top:13px;
    color:var(--ts-red,#ed1111);
    font-family:Georgia,serif;
    font-size:48px;
    line-height:1;
    font-weight:700;
}

.ts-single-polished .ts-entry-content blockquote p{
    margin:0 0 8px;
    color:inherit;
    font-size:inherit;
    line-height:inherit;
    font-weight:inherit;
}

.ts-single-polished .ts-entry-content blockquote cite{
    display:block;
    margin-top:8px;
    color:#555;
    font-size:12px;
    line-height:1.45;
    font-style:normal;
    font-weight:400;
}

.ts-single-polished .ts-entry-content blockquote strong,
.ts-single-polished .ts-entry-content blockquote em{
    color:inherit;
}

.ts-single-polished .ts-entry-content a{
    color:var(--ts-red,#ed1111);
    text-decoration:underline;
    text-decoration-thickness:1px;
    text-underline-offset:2px;
}

.ts-single-polished .ts-entry-content img{
    max-width:100%;
    height:auto;
    border-radius:5px;
}

.ts-single-polished .ts-entry-content figure{
    margin:24px 0;
}

.ts-single-polished .ts-entry-content figcaption{
    margin-top:7px;
    color:#777;
    font-size:11px;
    line-height:1.45;
}

/* Tags */
.ts-single-polished .ts-single-tags{
    display:flex;
    align-items:flex-start;
    gap:14px;
    margin-top:30px;
    padding-top:18px;
    border-top:1px solid #ddd;
}

.ts-single-polished .ts-single-tags > strong{
    flex:0 0 auto;
    color:#202326;
    font-size:11px;
    line-height:29px;
    font-weight:700;
}

.ts-single-polished .ts-single-tags > div{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
}

.ts-single-polished .ts-single-tags a{
    display:inline-flex;
    align-items:center;
    min-height:29px;
    padding:5px 9px;
    box-sizing:border-box;
    border:1px solid #d9dcdf;
    border-radius:4px;
    background:#fff;
    color:#4e5358;
    font-size:10px;
    line-height:1.2;
    text-decoration:none;
}

.ts-single-polished .ts-single-tags a:hover{
    border-color:var(--ts-red,#ed1111);
    color:var(--ts-red,#ed1111);
}

/* Previous / next article navigation */
.ts-single-polished .ts-single-prev-next{
    margin-top:28px;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
}

.ts-single-polished .ts-single-prev,
.ts-single-polished .ts-single-next{
    min-height:86px;
}

.ts-single-polished .ts-single-prev{
    padding-right:17px;
}

.ts-single-polished .ts-single-next{
    padding-left:17px;
}

.ts-single-polished .ts-single-nav-arrow{
    color:#333;
    font-size:25px;
    line-height:1;
}

.ts-single-polished .ts-single-prev small,
.ts-single-polished .ts-single-next small{
    margin-bottom:7px;
    color:#85898d;
    font-size:8px;
    line-height:1.2;
    font-weight:700;
    letter-spacing:.02em;
}

.ts-single-polished .ts-single-prev strong,
.ts-single-polished .ts-single-next strong{
    color:#202326;
    font-size:11px;
    line-height:1.35;
    font-weight:600;
}

.ts-single-polished .ts-single-prev img,
.ts-single-polished .ts-single-next img{
    width:58px;
    height:44px;
    border-radius:4px;
}

/* --------------------------------------------------------------------------
   RESPONSIVE
   -------------------------------------------------------------------------- */

@media(max-width:1050px){
    .ts-single-polished .ts-single-hero-grid{
        grid-template-columns:minmax(0,1fr) 300px;
    }

    .ts-single-polished .ts-single-hero-main{
        padding-right:30px;
    }

    .ts-single-polished .ts-single-related-top{
        padding-left:18px;
        padding-right:18px;
    }

    .ts-single-polished .ts-single-related-item{
        grid-template-columns:82px minmax(0,1fr);
        gap:10px;
    }

    .ts-single-polished .ts-single-body-grid{
        grid-template-columns:42px minmax(0,1fr) 280px;
        gap:20px;
    }
}

@media(max-width:850px){
    .ts-single-polished .ts-single-hero{
        min-height:auto;
    }

    .ts-single-polished .ts-single-hero-grid{
        display:block;
        min-height:0;
    }

    .ts-single-polished .ts-single-hero-main{
        min-height:500px;
        padding:34px 0 38px;
    }

    .ts-single-polished .ts-single-related-top{
        display:none;
    }

    .ts-single-polished .ts-single-body-grid{
        grid-template-columns:42px minmax(0,1fr);
        max-width:800px;
    }

    /* Keep the existing global sidebar behavior untouched. */
    .ts-single-polished .ts-single-sidebar{
        grid-column:2;
    }
}

@media(max-width:600px){
    .ts-single-polished .ts-single-hero{
        background-position:center;
    }

    .ts-single-polished .ts-single-hero-overlay{
        background:
            linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.58)),
            linear-gradient(0deg,rgba(0,0,0,.88),transparent 68%);
    }

    .ts-single-polished .ts-single-hero-main{
        min-height:455px;
        padding:25px 0 32px;
    }

    .ts-single-polished .ts-single-breadcrumbs{
        margin-bottom:19px;
        font-size:9px;
    }

    .ts-single-polished .ts-single-category-pill{
        font-size:9px;
    }

    .ts-single-polished .ts-single-hero h1{
        margin:11px 0;
        font-size:34px;
        line-height:1.04;
        letter-spacing:-.9px;
    }

    .ts-single-polished .ts-single-deck{
        font-size:13px;
        line-height:1.55;
    }

    .ts-single-polished .ts-single-meta{
        font-size:9px;
    }

    .ts-single-polished .ts-single-socials{
        margin-top:17px;
    }

    .ts-single-polished .ts-single-socials button{
        width:35px;
        height:35px;
    }

    .ts-single-polished .ts-single-body-grid{
        display:block;
        padding-top:25px;
        padding-bottom:45px;
    }

    .ts-single-polished .ts-single-share-rail{
        flex-direction:row;
        margin-bottom:20px;
    }

    .ts-single-polished .ts-entry-content,
    .ts-single-polished .ts-entry-content p{
        font-size:14px;
        line-height:1.72;
    }

    .ts-single-polished .ts-entry-content h2{
        font-size:19px;
    }

    .ts-single-polished .ts-entry-content blockquote{
        padding:19px 20px 19px 43px;
        font-size:15px;
    }

    .ts-single-polished .ts-single-tags{
        display:block;
    }

    .ts-single-polished .ts-single-tags > strong{
        display:block;
        margin-bottom:8px;
    }

    .ts-single-polished .ts-single-prev-next{
        grid-template-columns:1fr;
    }

    .ts-single-polished .ts-single-next{
        border-left:0;
        border-top:1px solid #ddd;
    }
}


/* ==========================================================================
   SINGLE ARTICLE — TAG LABEL + PREVIOUS/NEXT REFERENCE MATCH
   Final override: matches the supplied original article design.
   ========================================================================== */

/* 1. TAGS label — clearly bold, readable and aligned with the pills. */
.ts-single-polished .ts-single-tags > strong{
    color:#17191c !important;
    font-size:11px !important;
    line-height:29px !important;
    font-weight:700 !important;
    letter-spacing:.02em;
}

/* 2. Previous / Next article navigation.
   Structure mirrors the original reference:
   - equal editorial columns
   - single center divider
   - directional arrow at the outside edge
   - small uppercase label
   - thumbnail beside the article title
*/
.ts-single-polished .ts-single-prev-next{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    width:100%;
    margin-top:28px;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    background:#fff;
}

.ts-single-polished .ts-single-prev,
.ts-single-polished .ts-single-next{
    position:relative;
    display:flex;
    align-items:center;
    min-width:0;
    min-height:88px;
    box-sizing:border-box;
}

.ts-single-polished .ts-single-prev{
    padding:12px 22px 12px 0;
}

.ts-single-polished .ts-single-next{
    justify-content:flex-end;
    padding:12px 0 12px 22px;
    border-left:1px solid #ddd;
}

/* Outside navigation arrows. */
.ts-single-polished .ts-single-nav-arrow{
    flex:0 0 20px;
    width:20px;
    color:#202326;
    font-size:25px;
    line-height:1;
    font-weight:400;
    text-align:center;
}

.ts-single-polished .ts-single-prev .ts-single-nav-arrow{
    margin-right:7px;
}

.ts-single-polished .ts-single-next .ts-single-nav-arrow{
    margin-left:7px;
}

/* Clickable article area. */
.ts-single-polished .ts-single-prev > a,
.ts-single-polished .ts-single-next > a{
    display:block;
    min-width:0;
    flex:1 1 auto;
    color:#17191c;
    text-decoration:none;
}

.ts-single-polished .ts-single-next > a{
    text-align:right;
}

/* PREVIOUS ARTICLE / NEXT ARTICLE. */
.ts-single-polished .ts-single-prev small,
.ts-single-polished .ts-single-next small{
    display:block;
    margin:0 0 7px;
    color:#7c8084;
    font-size:8px;
    line-height:1.2;
    font-weight:600;
    letter-spacing:.02em;
    text-transform:uppercase;
}

/* Thumbnail + title row. */
.ts-single-polished .ts-single-prev > a > span,
.ts-single-polished .ts-single-next > a > span{
    display:flex;
    align-items:center;
    min-width:0;
    gap:10px;
}

.ts-single-polished .ts-single-next > a > span{
    justify-content:flex-end;
}

/* Article titles. */
.ts-single-polished .ts-single-prev strong,
.ts-single-polished .ts-single-next strong{
    display:block;
    min-width:0;
    color:#17191c;
    font-size:11px;
    line-height:1.35;
    font-weight:600;
}

.ts-single-polished .ts-single-prev > a:hover strong,
.ts-single-polished .ts-single-next > a:hover strong{
    color:var(--ts-red,#ed1111);
}

/* Reference-sized article thumbnails. */
.ts-single-polished .ts-single-prev img,
.ts-single-polished .ts-single-next img{
    flex:0 0 58px;
    width:58px;
    height:44px;
    object-fit:cover;
    border-radius:4px;
}

/* Previous: thumbnail naturally sits before title. */
.ts-single-polished .ts-single-prev > a > span img{
    order:0;
}

.ts-single-polished .ts-single-prev > a > span strong{
    order:1;
}

/* Next: title sits before thumbnail, matching the reference. */
.ts-single-polished .ts-single-next > a > span strong{
    order:0;
}

.ts-single-polished .ts-single-next > a > span img{
    order:1;
}

/* Keep the navigation visually contained rather than creating a large
   empty block beneath it. */
.ts-single-polished .ts-single-prev-next + .ts-comments-section{
    margin-top:28px;
}

/* Mobile: retain the same visual language while stacking the two articles. */
@media(max-width:600px){
    .ts-single-polished .ts-single-prev-next{
        grid-template-columns:1fr;
    }

    .ts-single-polished .ts-single-prev,
    .ts-single-polished .ts-single-next{
        min-height:78px;
        padding:12px 0;
    }

    .ts-single-polished .ts-single-next{
        border-left:0;
        border-top:1px solid #ddd;
    }

    .ts-single-polished .ts-single-next > a{
        text-align:left;
    }

    .ts-single-polished .ts-single-next > a > span{
        justify-content:flex-start;
    }

    .ts-single-polished .ts-single-prev strong,
    .ts-single-polished .ts-single-next strong{
        font-size:11px;
    }
}


/* ==========================================================================
   GLOBAL SIDEBAR — RIGHT BREATHING ROOM
   Adds only the requested right-side padding. Existing sidebar styling,
   widgets, typography and left divider remain unchanged.
   ========================================================================== */

.ts-global-sidebar{
    padding-right:15px !important;
    box-sizing:border-box;
}

@media(max-width:900px){
    .ts-global-sidebar{
        padding-right:12px !important;
    }
}

@media(max-width:650px){
    .ts-global-sidebar{
        padding-right:9px !important;
    }
}


/* ==========================================================================
   TS - SEARCH WIDGET — COMPACT SEARCH ICON
   Scoped to the theme search widget so other search controls/icons remain
   unchanged.
   ========================================================================== */

.ts-search-widget .ts-search-submit svg,
.ts-search-widget .ts-search-icon,
.ts-search-widget .search-icon,
.ts-search-widget button svg{
    width:18px !important;
    height:18px !important;
}

.ts-search-widget .ts-search-submit{
    width:40px !important;
    min-width:40px !important;
    padding:0 !important;
}


/* ==========================================================================
   TS - SEARCH WIDGET — FINAL COMPACT ICON
   ========================================================================== */

.ts-search-widget .ts-search-submit svg,
.ts-search-widget .ts-search-icon,
.ts-search-widget .search-icon,
.ts-search-widget button svg{
    width:14px !important;
    height:14px !important;
}

.ts-search-widget .ts-search-submit{
    width:36px !important;
    min-width:36px !important;
}


/* ==========================================================================
   LIVE NEWS — REFERENCE DESIGN POLISH
   Scoped strictly to the Live News page content.
   IMPORTANT: the existing surrounding layout components remain unchanged.
   ========================================================================== */

/* Hero */
.ts-live-news-page .ts-live-news-hero{
    min-height:228px !important;
    background-color:#050608;
}

.ts-live-news-page .ts-live-news-hero-inner{
    min-height:228px;
    display:flex;
    align-items:center;
}

.ts-live-news-page .ts-live-news-hero-copy{
    max-width:390px;
    padding:8px 0;
}

.ts-live-news-page .ts-live-news-hero h1{
    margin:15px 0 9px !important;
    font-size:42px !important;
    line-height:1.02 !important;
    letter-spacing:-1.15px !important;
    font-weight:700 !important;
}

.ts-live-news-page .ts-live-news-hero p{
    max-width:330px;
    margin:0 !important;
    color:#e1e1e1 !important;
    font-size:14px !important;
    line-height:1.55 !important;
}

.ts-live-news-page .ts-live-source-note{
    display:none !important;
}

.ts-live-news-page .ts-live-badge{
    padding:7px 11px !important;
    border-radius:5px !important;
    font-size:10px !important;
    font-weight:700 !important;
}

/* Main live content */
.ts-live-news-page .ts-live-news-layout{
    grid-template-columns:minmax(0,2.05fr) minmax(280px,.95fr) !important;
    border-left:0 !important;
    border-right:0 !important;
}

.ts-live-news-page .ts-live-news-feed{
    border-right:1px solid #e5e5e5 !important;
    min-width:0;
}

.ts-live-news-page .ts-live-news-toolbar{
    min-height:59px !important;
    height:59px;
    padding:0 30px !important;
    box-sizing:border-box;
    border-bottom:1px solid #e5e5e5 !important;
}

.ts-live-news-page .ts-live-news-tabs{
    height:59px !important;
    gap:34px !important;
}

.ts-live-news-page .ts-live-news-tabs a{
    font-size:10px !important;
    font-weight:700 !important;
    color:#555 !important;
}

.ts-live-news-page .ts-live-news-tabs a.is-active{
    color:var(--ts-red,#ed1111) !important;
}

.ts-live-news-page .ts-live-news-filter{
    gap:8px !important;
}

.ts-live-news-page .ts-live-news-filter label{
    font-size:8px !important;
    font-weight:600 !important;
    color:#555 !important;
}

.ts-live-news-page .ts-live-news-filter select{
    min-width:120px !important;
    height:32px !important;
    padding:0 10px !important;
    border:1px solid #d9dce0 !important;
    border-radius:4px !important;
    background:#fff !important;
    color:#222 !important;
    font-size:9px !important;
    font-weight:500 !important;
}

/* The reference keeps the toolbar clean: update status is not visible. */
.ts-live-news-page .ts-live-refresh-status{
    display:none !important;
}

/* Feed */
.ts-live-news-page .ts-live-feed-list{
    padding:0 30px !important;
}

.ts-live-news-page .ts-live-feed-item{
    grid-template-columns:78px 190px minmax(0,1fr) !important;
    gap:16px !important;
    min-height:155px !important;
    padding:16px 0 !important;
    border-bottom:1px solid #e7e7e7 !important;
    box-sizing:border-box;
}

.ts-live-news-page .ts-live-feed-time{
    padding-top:3px !important;
    color:#555 !important;
    font-size:9px !important;
}

.ts-live-news-page .ts-live-feed-status{
    gap:7px !important;
    color:#555 !important;
    font-size:9px !important;
    line-height:1.4 !important;
}

.ts-live-news-page .ts-live-feed-status .ts-live-dot{
    width:7px !important;
    height:7px !important;
    flex-basis:7px !important;
}

.ts-live-news-page .ts-live-feed-line{
    top:22px !important;
    right:16px !important;
    bottom:-17px !important;
    width:1px !important;
    background:#ed3333 !important;
}

.ts-live-news-page .ts-live-feed-line span{
    width:12px !important;
    height:12px !important;
    background:var(--ts-red,#ed1111) !important;
    box-shadow:0 0 0 3px #fff !important;
}

/* Article thumbnail */
.ts-live-news-page .ts-live-feed-image{
    display:block;
    width:190px;
    height:123px;
    overflow:hidden;
    border-radius:5px;
    background:#eee;
}

.ts-live-news-page .ts-live-feed-image img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}

/* Article copy */
.ts-live-news-page .ts-live-feed-content{
    min-width:0;
    padding-top:1px;
}

.ts-live-news-page .ts-live-feed-content .ts-category-label{
    display:block;
    margin:0 0 6px !important;
    color:var(--ts-red,#ed1111) !important;
    font-size:9px !important;
    line-height:1.2 !important;
    font-weight:500 !important;
    letter-spacing:.01em;
    text-transform:uppercase;
}

.ts-live-news-page .ts-live-feed-content h2{
    margin:0 0 7px !important;
    font-size:17px !important;
    line-height:1.2 !important;
    letter-spacing:-.2px !important;
    font-weight:600 !important;
}

.ts-live-news-page .ts-live-feed-content h2 a{
    color:#17191c !important;
    text-decoration:none !important;
}

.ts-live-news-page .ts-live-feed-content h2 a:hover{
    color:var(--ts-red,#ed1111) !important;
}

.ts-live-news-page .ts-live-feed-content p{
    max-width:500px;
    margin:0 0 10px !important;
    color:#555 !important;
    font-size:11px !important;
    line-height:1.55 !important;
    font-weight:400 !important;
}

.ts-live-news-page .ts-live-feed-meta{
    display:flex;
    align-items:center;
    gap:8px;
    min-height:15px;
}

.ts-live-news-page .ts-live-indicator{
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:var(--ts-red,#ed1111) !important;
    font-size:9px !important;
    line-height:1.2 !important;
    font-weight:600 !important;
    text-transform:uppercase;
}

.ts-live-news-page .ts-live-indicator .ts-live-dot{
    width:7px !important;
    height:7px !important;
    flex-basis:7px !important;
}

.ts-live-news-page .ts-live-external-label{
    color:#888 !important;
    font-size:8px !important;
    font-weight:500 !important;
}

/* Keep empty state proportional to the rest of the feed. */
.ts-live-news-page .ts-live-empty{
    margin:30px !important;
}

/* Tablet */
@media(max-width:1000px){
    .ts-live-news-page .ts-live-news-layout{
        grid-template-columns:minmax(0,1fr) 280px !important;
    }

    .ts-live-news-page .ts-live-feed-list{
        padding:0 20px !important;
    }

    .ts-live-news-page .ts-live-news-toolbar{
        padding:0 20px !important;
    }

    .ts-live-news-page .ts-live-feed-item{
        grid-template-columns:64px 160px minmax(0,1fr) !important;
        gap:12px !important;
    }

    .ts-live-news-page .ts-live-feed-image{
        width:160px;
        height:104px;
    }
}

/* Mobile */
@media(max-width:800px){
    .ts-live-news-page .ts-live-news-hero,
    .ts-live-news-page .ts-live-news-hero-inner{
        min-height:210px !important;
    }

    .ts-live-news-page .ts-live-news-layout{
        grid-template-columns:1fr !important;
    }

    .ts-live-news-page .ts-live-news-feed{
        border-right:0 !important;
    }

    .ts-live-news-page .ts-live-feed-item{
        grid-template-columns:55px 145px minmax(0,1fr) !important;
    }

    .ts-live-news-page .ts-live-feed-image{
        width:145px;
        height:94px;
    }
}

@media(max-width:620px){
    .ts-live-news-page .ts-live-news-hero,
    .ts-live-news-page .ts-live-news-hero-inner{
        min-height:190px !important;
    }

    .ts-live-news-page .ts-live-news-hero h1{
        font-size:35px !important;
    }

    .ts-live-news-page .ts-live-news-toolbar{
        height:auto !important;
        min-height:auto !important;
        align-items:flex-start !important;
        flex-direction:column !important;
        padding:0 !important;
    }

    .ts-live-news-page .ts-live-news-tabs{
        width:100%;
        height:50px !important;
        padding:0 15px;
        gap:25px !important;
        box-sizing:border-box;
    }

    .ts-live-news-page .ts-live-news-filter{
        width:100%;
        padding:10px 15px;
        border-top:1px solid #eee;
        box-sizing:border-box;
    }

    .ts-live-news-page .ts-live-news-filter select{
        flex:1;
    }

    .ts-live-news-page .ts-live-feed-list{
        padding:0 15px !important;
    }

    .ts-live-news-page .ts-live-feed-item{
        grid-template-columns:48px minmax(0,1fr) !important;
        gap:10px !important;
        min-height:0 !important;
        padding:14px 0 !important;
    }

    .ts-live-news-page .ts-live-feed-time{
        grid-column:1;
        grid-row:1 / span 2;
    }

    .ts-live-news-page .ts-live-feed-image{
        grid-column:2;
        grid-row:1;
        width:100%;
        height:auto;
        aspect-ratio:1.65/1;
    }

    .ts-live-news-page .ts-live-feed-content{
        grid-column:2;
        grid-row:2;
    }

    .ts-live-news-page .ts-live-feed-line{
        right:auto !important;
        left:6px !important;
        top:24px !important;
    }

    .ts-live-news-page .ts-live-feed-content h2{
        font-size:16px !important;
    }
}


/* ==========================================================================
   LIVE NEWS — PAGE SPACING REFINEMENT
   1. Live News sidebar gets 15px right padding.
   2. Adds breathing room between the page hero/header and the content area.
   Scoped to /live-news only.
   ========================================================================== */

.ts-live-news-page .ts-live-news-layout{
    margin-top:15px !important;
}

.ts-live-news-page .ts-live-news-layout > .ts-global-sidebar,
.ts-live-news-page .ts-live-news-layout .ts-global-sidebar{
    padding-right:15px !important;
    box-sizing:border-box;
}

@media(max-width:800px){
    .ts-live-news-page .ts-live-news-layout{
        margin-top:15px !important;
    }

    .ts-live-news-page .ts-live-news-layout > .ts-global-sidebar,
    .ts-live-news-page .ts-live-news-layout .ts-global-sidebar{
        padding-right:15px !important;
    }
}


/* ==========================================================================
   HOMEPAGE TYPOGRAPHY — LATEST STORIES ONWARD
   Reference-matched editorial type scale.
   Scoped to homepage content only. Footer intentionally untouched.
   ========================================================================== */

/* Base editorial type rhythm */
.ts-home .ts-home-latest-section,
.ts-home .ts-home-trending-section,
.ts-home .ts-home-category-section,
.ts-home .ts-home-editor-section,
.ts-home .ts-home-news-watch-section{
    font-family:var(--ts-font-sans);
}

/* --------------------------------------------------------------------------
   LATEST STORIES
   -------------------------------------------------------------------------- */
.ts-home .ts-home-latest-section .ts-home-section-heading{
    margin-bottom:16px;
}

.ts-home .ts-home-latest-section .ts-home-section-heading h2{
    font-size:16px;
    line-height:1.15;
    font-weight:800;
    letter-spacing:.01em;
}

.ts-home .ts-home-latest-section .ts-home-section-heading>a{
    font-size:9px;
    line-height:1;
    font-weight:800;
    letter-spacing:.01em;
}

.ts-home .ts-home-latest-section .ts-home-topic-tabs{
    gap:30px;
}

.ts-home .ts-home-latest-section .ts-home-topic-tabs a{
    font-size:9px;
    line-height:1;
    font-weight:700;
    letter-spacing:.01em;
}

.ts-home .ts-home-latest-section .ts-home-topic-tabs a.is-active:after{
    bottom:-9px;
    height:2px;
}

.ts-home .ts-home-latest-section .ts-home-polished-card-body{
    padding-top:8px;
}

.ts-home .ts-home-latest-section .ts-home-polished-card-body .ts-category-label{
    display:inline-block;
    font-size:8px;
    line-height:1;
    font-weight:700;
    letter-spacing:.02em;
}

.ts-home .ts-home-latest-section .ts-home-polished-card h3{
    margin:6px 0 7px;
    font-size:14px;
    line-height:1.18;
    font-weight:700;
    letter-spacing:-.1px;
}

.ts-home .ts-home-latest-section .ts-home-card-meta{
    gap:6px;
    font-size:8px;
    line-height:1.25;
    font-weight:400;
    color:#777;
}

/* --------------------------------------------------------------------------
   TRENDING NOW
   -------------------------------------------------------------------------- */
.ts-home .ts-home-trending-section .ts-home-section-heading{
    margin-bottom:15px;
}

.ts-home .ts-home-trending-section .ts-home-section-heading h2{
    font-size:16px;
    line-height:1.15;
    font-weight:800;
    letter-spacing:.01em;
}

.ts-home .ts-home-trending-section .ts-home-section-heading>a{
    font-size:9px;
    line-height:1;
    font-weight:800;
}

.ts-home .ts-home-trending-body{
    padding-top:8px;
}

.ts-home .ts-home-trending-body .ts-category-label{
    display:inline-block;
    font-size:8px;
    line-height:1;
    font-weight:700;
    letter-spacing:.02em;
}

.ts-home .ts-home-trending-body h3{
    margin:6px 0 6px;
    font-size:14px;
    line-height:1.2;
    font-weight:700;
    letter-spacing:-.1px;
}

.ts-home .ts-home-trending-body time{
    font-size:8px;
    line-height:1.2;
    font-weight:400;
    color:#999;
}

/* --------------------------------------------------------------------------
   BROWSE BY CATEGORY
   -------------------------------------------------------------------------- */
.ts-home .ts-home-category-section .ts-home-section-heading{
    margin-bottom:15px;
}

.ts-home .ts-home-category-section .ts-home-section-heading h2{
    font-size:16px;
    line-height:1.15;
    font-weight:800;
}

.ts-home .ts-home-category-section .ts-home-section-heading>a{
    font-size:9px;
    font-weight:800;
}

.ts-home .ts-home-category-content strong{
    font-size:13px;
    line-height:1.15;
    font-weight:700;
}

.ts-home .ts-home-category-content small{
    font-size:8px;
    line-height:1.1;
    font-weight:500;
}

.ts-home .ts-home-category-content small b{
    font-size:13px;
}

/* --------------------------------------------------------------------------
   EDITOR'S PICKS
   -------------------------------------------------------------------------- */
.ts-home .ts-home-editor-section .ts-home-new-section-heading{
    margin-bottom:15px !important;
}

.ts-home .ts-home-editor-section .ts-home-new-section-heading h2{
    font-size:16px;
    line-height:1.15;
    font-weight:800;
}

.ts-home .ts-home-editor-section .ts-home-new-section-heading a{
    font-size:9px;
    font-weight:800;
}

.ts-home .ts-home-editor-featured-copy .ts-category-label,
.ts-home .ts-home-editor-mini-copy .ts-category-label,
.ts-home .ts-home-editor-video-copy .ts-category-label{
    font-size:8px;
    line-height:1;
    font-weight:700;
}

.ts-home .ts-home-editor-featured-copy h3,
.ts-home .ts-home-editor-video-copy h3{
    margin:6px 0 6px;
    font-size:18px;
    line-height:1.13;
    font-weight:700;
    letter-spacing:-.15px;
}

.ts-home .ts-home-editor-featured-copy p{
    font-size:9px;
    line-height:1.4;
}

.ts-home .ts-home-editor-mini-copy h3{
    margin:5px 0 5px;
    font-size:13px;
    line-height:1.18;
    font-weight:700;
}

.ts-home .ts-home-editor-mini-copy p{
    font-size:8px;
    line-height:1.4;
}

.ts-home .ts-home-editor-section .ts-home-new-meta{
    font-size:8px;
    line-height:1.2;
}

/* --------------------------------------------------------------------------
   LATEST NEWS + TRENDING / WATCH
   -------------------------------------------------------------------------- */
.ts-home .ts-home-news-watch-section .ts-home-new-section-heading{
    margin-bottom:14px !important;
}

.ts-home .ts-home-news-watch-section .ts-home-new-section-heading h2{
    font-size:16px;
    line-height:1.15;
    font-weight:800;
}

.ts-home .ts-home-news-watch-section .ts-home-new-section-heading a{
    font-size:9px;
    font-weight:800;
}

.ts-home .ts-home-latest-news-card .ts-category-label{
    font-size:8px;
    line-height:1;
    font-weight:700;
}

.ts-home .ts-home-latest-news-card h3{
    margin:5px 0 5px;
    font-size:13px;
    line-height:1.18;
    font-weight:700;
}

.ts-home .ts-home-latest-news-card .ts-home-new-meta{
    font-size:8px;
    line-height:1.2;
}

.ts-home .ts-home-watch-copy .ts-category-label{
    font-size:8px;
    line-height:1;
    font-weight:700;
}

.ts-home .ts-home-watch-copy h3{
    margin:6px 0 5px;
    font-size:16px;
    line-height:1.15;
    font-weight:700;
}

.ts-home .ts-home-watch-copy .ts-home-new-meta{
    font-size:8px;
}

.ts-home .ts-home-watch-item h3{
    font-size:10px;
    line-height:1.2;
    font-weight:700;
}

.ts-home .ts-home-watch-item time{
    font-size:7px;
}

/* --------------------------------------------------------------------------
   RESPONSIVE TYPE — preserve hierarchy, never collapse everything to tiny text
   -------------------------------------------------------------------------- */
@media(max-width:800px){
    .ts-home .ts-home-latest-section .ts-home-section-heading h2,
    .ts-home .ts-home-trending-section .ts-home-section-heading h2,
    .ts-home .ts-home-category-section .ts-home-section-heading h2,
    .ts-home .ts-home-editor-section .ts-home-new-section-heading h2,
    .ts-home .ts-home-news-watch-section .ts-home-new-section-heading h2{
        font-size:15px;
    }

    .ts-home .ts-home-latest-section .ts-home-polished-card h3,
    .ts-home .ts-home-trending-body h3{
        font-size:13px;
    }

    .ts-home .ts-home-editor-featured-copy h3,
    .ts-home .ts-home-editor-video-copy h3{
        font-size:17px;
    }
}

@media(max-width:560px){
    .ts-home .ts-home-latest-section .ts-home-section-heading,
    .ts-home .ts-home-trending-section .ts-home-section-heading,
    .ts-home .ts-home-category-section .ts-home-section-heading{
        gap:10px;
    }

    .ts-home .ts-home-latest-section .ts-home-topic-tabs{
        gap:20px;
    }

    .ts-home .ts-home-latest-section .ts-home-topic-tabs a{
        font-size:8px;
    }

    .ts-home .ts-home-latest-section .ts-home-polished-card h3,
    .ts-home .ts-home-trending-body h3{
        font-size:12px;
    }

    .ts-home .ts-home-category-content strong{
        font-size:12px;
    }

    .ts-home .ts-home-editor-featured-copy h3,
    .ts-home .ts-home-editor-video-copy h3{
        font-size:16px;
    }
}


/* ==========================================================================
   HOMEPAGE — LATEST STORIES FINAL TYPE / ACTION REFINEMENT
   ========================================================================== */

/* Top category navigation: make the list easier to read. */
.ts-home .ts-home-latest-section .ts-home-topic-tabs a{
    font-size:10px;
    line-height:1.1;
    font-weight:700;
}

/* Date + reading time: increase one step while preserving the editorial scale. */
.ts-home .ts-home-latest-section .ts-home-card-meta{
    font-size:9px;
    line-height:1.25;
}

/* Save + share controls: 2px smaller than the standard 34px controls. */
.ts-home .ts-home-latest-section .ts-card-actions{
    gap:5px;
}

.ts-home .ts-home-latest-section .ts-card-actions .ts-card-save-button,
.ts-home .ts-home-latest-section .ts-card-actions .ts-card-share-button{
    width:32px;
    height:32px;
    flex-basis:32px;
}

.ts-home .ts-home-latest-section .ts-card-actions .ts-card-save-icon,
.ts-home .ts-home-latest-section .ts-card-actions .ts-card-share-icon{
    width:15px;
    height:15px;
}

/* Keep enough breathing room for the smaller action pair. */
.ts-home .ts-home-latest-section .ts-home-polished-card-body{
    padding-right:72px;
}

@media(max-width:700px){
    .ts-home .ts-home-latest-section .ts-home-topic-tabs a{
        font-size:9px;
    }

    .ts-home .ts-home-latest-section .ts-home-card-meta{
        font-size:8px;
    }

    .ts-home .ts-home-latest-section .ts-card-actions .ts-card-save-button,
    .ts-home .ts-home-latest-section .ts-card-actions .ts-card-share-button{
        width:30px;
        height:30px;
        flex-basis:30px;
    }

    .ts-home .ts-home-latest-section .ts-card-actions .ts-card-save-icon,
    .ts-home .ts-home-latest-section .ts-card-actions .ts-card-share-icon{
        width:14px;
        height:14px;
    }

    .ts-home .ts-home-latest-section .ts-home-polished-card-body{
        padding-right:68px;
    }
}


/* ==========================================================================
   HOMEPAGE — LATEST STORIES — V2 VISUAL SCALE
   Strong final overrides for the Latest Stories section only.
   ========================================================================== */

/* 1. Category navigation at the top of Latest Stories */
.ts-home .ts-home-latest-section .ts-home-topic-tabs a{
    font-size:13px !important;
    line-height:1.15;
    font-weight:700;
    letter-spacing:.01em;
}

/* 2. Date + reading time */
.ts-home .ts-home-latest-section .ts-home-card-meta{
    font-size:11px !important;
    line-height:1.3;
    gap:7px;
}

/* 3. Category label above each post title */
.ts-home .ts-home-latest-section .ts-home-polished-card-body .ts-category-label{
    font-size:11px !important;
    line-height:1.1;
    font-weight:600;
    letter-spacing:.02em;
}

/* 4. Save + share controls: 4px smaller than the standard 34px controls */
.ts-home .ts-home-latest-section .ts-card-actions{
    gap:5px;
}

.ts-home .ts-home-latest-section .ts-card-actions .ts-card-save-button,
.ts-home .ts-home-latest-section .ts-card-actions .ts-card-share-button{
    width:30px !important;
    height:30px !important;
    flex-basis:30px !important;
}

.ts-home .ts-home-latest-section .ts-card-actions .ts-card-save-icon,
.ts-home .ts-home-latest-section .ts-card-actions .ts-card-share-icon{
    width:13px !important;
    height:13px !important;
}

/* Keep the article copy clear of the action pair. */
.ts-home .ts-home-latest-section .ts-home-polished-card-body{
    padding-right:70px;
}

/* 5. Images: 20% taller/larger visual footprint.
   The five-column grid remains unchanged; only the image area grows. */
.ts-home .ts-home-latest-section .ts-home-polished-card-image{
    aspect-ratio:1.125 / 1 !important;
}

@media(max-width:1100px){
    .ts-home .ts-home-latest-section .ts-home-topic-tabs a{
        font-size:12px !important;
    }

    .ts-home .ts-home-latest-section .ts-home-card-meta{
        font-size:10px !important;
    }

    .ts-home .ts-home-latest-section .ts-home-polished-card-body .ts-category-label{
        font-size:10px !important;
    }
}

@media(max-width:700px){
    .ts-home .ts-home-latest-section .ts-home-topic-tabs a{
        font-size:11px !important;
    }

    .ts-home .ts-home-latest-section .ts-home-card-meta{
        font-size:9px !important;
    }

    .ts-home .ts-home-latest-section .ts-home-polished-card-body .ts-category-label{
        font-size:10px !important;
    }

    .ts-home .ts-home-latest-section .ts-card-actions .ts-card-save-button,
    .ts-home .ts-home-latest-section .ts-card-actions .ts-card-share-button{
        width:28px !important;
        height:28px !important;
        flex-basis:28px !important;
    }

    .ts-home .ts-home-latest-section .ts-card-actions .ts-card-save-icon,
    .ts-home .ts-home-latest-section .ts-card-actions .ts-card-share-icon{
        width:12px !important;
        height:12px !important;
    }

    .ts-home .ts-home-latest-section .ts-home-polished-card-body{
        padding-right:64px;
    }
}


/* ==========================================================================
   HOMEPAGE — LATEST STORIES — V3 SPACING REFINEMENT
   ========================================================================== */

/* 1. Slightly reduce the category navigation after the V2 increase. */
.ts-home .ts-home-latest-section .ts-home-topic-tabs a{
    font-size:11px !important;
}

/* 2. Give the Latest Stories heading + category navigation more breathing
      room before the article cards begin. */
.ts-home .ts-home-latest-section .ts-home-section-heading{
    margin-bottom:28px !important;
}

/* Keep the category navigation vertically aligned with the heading. */
.ts-home .ts-home-latest-section .ts-home-topic-tabs{
    gap:30px;
}

/* The active underline remains attached to the category navigation rather
   than creating additional unexpected layout height. */
.ts-home .ts-home-latest-section .ts-home-topic-tabs a.is-active:after{
    bottom:-9px;
}

@media(max-width:1100px){
    .ts-home .ts-home-latest-section .ts-home-topic-tabs a{
        font-size:10px !important;
    }

    .ts-home .ts-home-latest-section .ts-home-section-heading{
        margin-bottom:24px !important;
    }
}

@media(max-width:700px){
    .ts-home .ts-home-latest-section .ts-home-topic-tabs a{
        font-size:9px !important;
    }

    .ts-home .ts-home-latest-section .ts-home-section-heading{
        margin-bottom:20px !important;
    }
}


/* ==========================================================================
   HOMEPAGE — LATEST STORIES — COMPACT ACTION MENU
   Save + Share are hidden behind a vertical-ellipsis trigger.
   ========================================================================== */

.ts-home .ts-home-latest-section .ts-home-polished-card{
    position:relative;
}

.ts-home .ts-home-latest-section .ts-home-card-menu{
    position:absolute;
    right:0;
    bottom:0;
    z-index:8;
}

.ts-home .ts-home-latest-section .ts-home-card-menu-trigger{
    width:30px;
    height:30px;
    padding:0;
    margin:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid #ddd;
    border-radius:5px;
    background:#fff;
    color:#222;
    cursor:pointer;
    transition:border-color .18s ease, background-color .18s ease, color .18s ease, box-shadow .18s ease;
}

.ts-home .ts-home-latest-section .ts-home-card-menu-trigger:hover,
.ts-home .ts-home-latest-section .ts-home-card-menu-trigger[aria-expanded="true"]{
    border-color:#bbb;
    background:#fafafa;
    color:var(--ts-red);
    box-shadow:0 2px 8px rgba(0,0,0,.08);
}

.ts-home .ts-home-latest-section .ts-home-card-menu-trigger svg{
    width:16px;
    height:16px;
    display:block;
    fill:currentColor;
}

.ts-home .ts-home-latest-section .ts-home-card-menu-panel{
    position:absolute;
    right:0;
    bottom:36px;
    min-width:78px;
    padding:6px;
    border:1px solid #ddd;
    border-radius:7px;
    background:#fff;
    box-shadow:0 8px 24px rgba(0,0,0,.13);
}

.ts-home .ts-home-latest-section .ts-home-card-menu-panel[hidden]{
    display:none !important;
}

.ts-home .ts-home-latest-section .ts-home-card-menu-panel .ts-card-actions{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
}

.ts-home .ts-home-latest-section .ts-home-card-menu-panel .ts-card-save-button,
.ts-home .ts-home-latest-section .ts-home-card-menu-panel .ts-card-share-button{
    width:30px !important;
    height:30px !important;
    flex:0 0 30px !important;
    margin:0;
}

.ts-home .ts-home-latest-section .ts-home-card-menu-panel .ts-card-save-icon,
.ts-home .ts-home-latest-section .ts-home-card-menu-panel .ts-card-share-icon{
    width:13px !important;
    height:13px !important;
}

@media(max-width:700px){
    .ts-home .ts-home-latest-section .ts-home-card-menu-trigger{
        width:28px;
        height:28px;
    }

    .ts-home .ts-home-latest-section .ts-home-card-menu-panel{
        bottom:34px;
        min-width:74px;
        padding:5px;
    }

    .ts-home .ts-home-latest-section .ts-home-card-menu-panel .ts-card-save-button,
    .ts-home .ts-home-latest-section .ts-home-card-menu-panel .ts-card-share-button{
        width:28px !important;
        height:28px !important;
        flex-basis:28px !important;
    }

    .ts-home .ts-home-latest-section .ts-home-card-menu-panel .ts-card-save-icon,
    .ts-home .ts-home-latest-section .ts-home-card-menu-panel .ts-card-share-icon{
        width:12px !important;
        height:12px !important;
    }
}

.ts-home .ts-home-latest-section .ts-home-card-menu-panel .ts-card-actions{
    position:static !important;
    right:auto !important;
    bottom:auto !important;
    z-index:auto !important;
}


/* ==========================================================================
   HOMEPAGE — LATEST STORIES — MINIMAL ELLIPSIS TRIGGER
   ========================================================================== */

.ts-home .ts-home-latest-section .ts-home-card-menu{
    right:0;
    bottom:0;
}

.ts-home .ts-home-latest-section .ts-home-card-menu-trigger{
    width:18px !important;
    height:18px !important;
    min-width:18px !important;
    min-height:18px !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0;
    background:transparent !important;
    box-shadow:none !important;
    line-height:1;
}

.ts-home .ts-home-latest-section .ts-home-card-menu-trigger svg{
    width:14px !important;
    height:14px !important;
}

.ts-home .ts-home-latest-section .ts-home-card-menu-trigger:hover,
.ts-home .ts-home-latest-section .ts-home-card-menu-trigger[aria-expanded="true"]{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    color:var(--ts-red);
}

@media(max-width:700px){
    .ts-home .ts-home-latest-section .ts-home-card-menu-trigger{
        width:18px !important;
        height:18px !important;
        min-width:18px !important;
        min-height:18px !important;
    }

    .ts-home .ts-home-latest-section .ts-home-card-menu-trigger svg{
        width:13px !important;
        height:13px !important;
    }
}


/* ==========================================================================
   HOMEPAGE — BELOW LATEST STORIES — CONSISTENT EDITORIAL SCALE
   Applies the Latest Stories visual language to all homepage content sections
   below it. Footer/newsletter are intentionally excluded.
   ========================================================================== */

/* Shared section breathing room */
.ts-home .ts-home-trending-section .ts-home-section-heading,
.ts-home .ts-home-category-section .ts-home-section-heading,
.ts-home .ts-home-editor-section .ts-home-new-section-heading,
.ts-home .ts-home-news-watch-section .ts-home-new-section-heading{
    margin-bottom:28px !important;
}

/* Shared section heading typography */
.ts-home .ts-home-trending-section .ts-home-section-heading,
.ts-home .ts-home-category-section .ts-home-section-heading,
.ts-home .ts-home-editor-section .ts-home-new-section-heading,
.ts-home .ts-home-news-watch-section .ts-home-new-section-heading{
    font-size:16px;
    line-height:1.15;
    font-weight:800;
}

.ts-home .ts-home-trending-section .ts-home-section-heading>a,
.ts-home .ts-home-category-section .ts-home-section-heading>a,
.ts-home .ts-home-editor-section .ts-home-new-section-heading>a,
.ts-home .ts-home-news-watch-section .ts-home-new-section-heading>a{
    font-size:11px !important;
    line-height:1.1;
    font-weight:700;
}

/* Shared category labels */
.ts-home .ts-home-trending-body .ts-category-label,
.ts-home .ts-home-editor-section .ts-category-label,
.ts-home .ts-home-news-watch-section .ts-category-label{
    font-size:11px !important;
    line-height:1.1;
    font-weight:600 !important;
    letter-spacing:.02em;
}

/* Shared article metadata */
.ts-home .ts-home-trending-body time,
.ts-home .ts-home-editor-section .ts-home-new-meta,
.ts-home .ts-home-news-watch-section .ts-home-new-meta,
.ts-home .ts-home-watch-item time{
    font-size:11px !important;
    line-height:1.3;
}

/* TRENDING NOW — scale toward Latest Stories */
.ts-home .ts-home-trending-grid{
    gap:14px;
}

.ts-home .ts-home-trending-image{
    aspect-ratio:1.183 / 1 !important;
}

.ts-home .ts-home-trending-body{
    padding-top:10px;
}

.ts-home .ts-home-trending-body h3{
    margin:6px 0 7px;
    font-size:15px !important;
    line-height:1.22;
    font-weight:700;
}

/* BROWSE BY CATEGORY — larger visual tiles, same clean typography */
.ts-home .ts-home-category-grid{
    gap:12px;
}

.ts-home .ts-home-category-tile{
    min-height:204px;
}

.ts-home .ts-home-category-content strong{
    font-size:13px !important;
    line-height:1.15;
    font-weight:700;
}

.ts-home .ts-home-category-content small{
    font-size:10px !important;
    line-height:1.15;
}

.ts-home .ts-home-category-content small b{
    font-size:14px;
}

/* EDITOR'S PICKS */
.ts-home .ts-home-editor-grid{
    gap:16px;
}

.ts-home .ts-home-editor-featured,
.ts-home .ts-home-editor-video{
    min-height:396px;
}

.ts-home .ts-home-editor-featured .ts-home-new-image,
.ts-home .ts-home-editor-video .ts-home-new-image{
    min-height:396px;
}

.ts-home .ts-home-editor-featured-copy,
.ts-home .ts-home-editor-video-copy{
    left:20px;
    right:20px;
    bottom:18px;
}

.ts-home .ts-home-editor-featured-copy h3,
.ts-home .ts-home-editor-video-copy h3{
    margin:7px 0 7px;
    font-size:18px !important;
    line-height:1.16;
    font-weight:700;
}

.ts-home .ts-home-editor-featured-copy p{
    font-size:10px !important;
    line-height:1.45;
}

.ts-home .ts-home-editor-middle{
    gap:16px;
}

.ts-home .ts-home-editor-mini{
    grid-template-columns:134px minmax(0,1fr);
    gap:13px;
    padding-bottom:16px;
}

.ts-home .ts-home-editor-mini-image{
    min-height:162px;
}

.ts-home .ts-home-editor-mini-copy h3{
    margin:6px 0 6px;
    font-size:15px !important;
    line-height:1.2;
    font-weight:700;
}

.ts-home .ts-home-editor-mini-copy p{
    margin-bottom:8px;
    font-size:10px !important;
    line-height:1.45;
}

/* LATEST NEWS */
.ts-home .ts-home-latest-news-grid{
    gap:14px;
}

.ts-home .ts-home-latest-news-image{
    height:126px;
}

.ts-home .ts-home-latest-news-card h3{
    margin:6px 0 7px;
    font-size:14px !important;
    line-height:1.25;
    font-weight:700;
}

/* TRENDING / WATCH */
.ts-home .ts-home-watch-grid{
    gap:16px;
}

.ts-home .ts-home-watch-feature{
    min-height:276px;
}

.ts-home .ts-home-watch-copy{
    left:16px;
    right:16px;
    bottom:16px;
}

.ts-home .ts-home-watch-copy h3{
    margin:7px 0 7px;
    font-size:17px !important;
    line-height:1.16;
    font-weight:700;
}

.ts-home .ts-home-watch-list{
    padding-left:16px;
}

.ts-home .ts-home-watch-item{
    grid-template-columns:30px minmax(0,1fr);
    gap:9px;
    padding:9px 0;
}

.ts-home .ts-home-watch-rank{
    font-size:15px;
}

.ts-home .ts-home-watch-item h3{
    margin:0 0 4px;
    font-size:12px !important;
    line-height:1.25;
    font-weight:700;
}

/* Preserve the compact homepage rhythm on narrower screens. */
@media(max-width:980px){
    .ts-home .ts-home-trending-section .ts-home-section-heading,
    .ts-home .ts-home-category-section .ts-home-section-heading,
    .ts-home .ts-home-editor-section .ts-home-new-section-heading,
    .ts-home .ts-home-news-watch-section .ts-home-new-section-heading{
        margin-bottom:24px !important;
    }

    .ts-home .ts-home-trending-section .ts-home-section-heading,
    .ts-home .ts-home-category-section .ts-home-section-heading,
    .ts-home .ts-home-editor-section .ts-home-new-section-heading,
    .ts-home .ts-home-news-watch-section .ts-home-new-section-heading{
        font-size:15px;
    }

    .ts-home .ts-home-trending-body .ts-category-label,
    .ts-home .ts-home-editor-section .ts-category-label,
    .ts-home .ts-home-news-watch-section .ts-category-label{
        font-size:10px !important;
    }

    .ts-home .ts-home-trending-body time,
    .ts-home .ts-home-editor-section .ts-home-new-meta,
    .ts-home .ts-home-news-watch-section .ts-home-new-meta,
    .ts-home .ts-home-watch-item time{
        font-size:10px !important;
    }

    .ts-home .ts-home-trending-image{
        aspect-ratio:1.25 / 1 !important;
    }

    .ts-home .ts-home-editor-featured,
    .ts-home .ts-home-editor-video,
    .ts-home .ts-home-editor-featured .ts-home-new-image,
    .ts-home .ts-home-editor-video .ts-home-new-image{
        min-height:350px;
    }

    .ts-home .ts-home-editor-mini{
        grid-template-columns:120px minmax(0,1fr);
    }

    .ts-home .ts-home-editor-mini-image{
        min-height:145px;
    }

    .ts-home .ts-home-latest-news-image{
        height:115px;
    }

    .ts-home .ts-home-watch-feature{
        min-height:245px;
    }
}

@media(max-width:560px){
    .ts-home .ts-home-trending-section .ts-home-section-heading,
    .ts-home .ts-home-category-section .ts-home-section-heading,
    .ts-home .ts-home-editor-section .ts-home-new-section-heading,
    .ts-home .ts-home-news-watch-section .ts-home-new-section-heading{
        margin-bottom:20px !important;
    }

    .ts-home .ts-home-trending-section .ts-home-section-heading,
    .ts-home .ts-home-category-section .ts-home-section-heading,
    .ts-home .ts-home-editor-section .ts-home-new-section-heading,
    .ts-home .ts-home-news-watch-section .ts-home-new-section-heading{
        font-size:15px;
    }

    .ts-home .ts-home-trending-body .ts-category-label,
    .ts-home .ts-home-editor-section .ts-category-label,
    .ts-home .ts-home-news-watch-section .ts-category-label{
        font-size:10px !important;
    }

    .ts-home .ts-home-trending-body time,
    .ts-home .ts-home-editor-section .ts-home-new-meta,
    .ts-home .ts-home-news-watch-section .ts-home-new-meta,
    .ts-home .ts-home-watch-item time{
        font-size:9px !important;
    }

    .ts-home .ts-home-trending-image{
        aspect-ratio:1.2 / 1 !important;
    }

    .ts-home .ts-home-category-tile{
        min-height:185px;
    }

    .ts-home .ts-home-editor-featured,
    .ts-home .ts-home-editor-video,
    .ts-home .ts-home-editor-featured .ts-home-new-image,
    .ts-home .ts-home-editor-video .ts-home-new-image{
        min-height:300px;
    }

    .ts-home .ts-home-editor-mini{
        grid-template-columns:105px minmax(0,1fr);
        gap:10px;
    }

    .ts-home .ts-home-editor-mini-image{
        min-height:126px;
    }

    .ts-home .ts-home-latest-news-image{
        height:105px;
    }

    .ts-home .ts-home-watch-feature{
        min-height:220px;
    }

    .ts-home .ts-home-watch-copy h3{
        font-size:15px !important;
    }
}


/* ==========================================================================
   HOMEPAGE — TRENDING NOW — COMPACT ELLIPSIS ACTION MENU
   Mirrors the Latest Stories ⋮ interaction and sizing.
   ========================================================================== */

.ts-home .ts-home-trending-card{
    position:relative;
}

.ts-home .ts-home-trending-card .ts-home-card-menu{
    position:absolute;
    right:0;
    bottom:0;
    z-index:8;
}

.ts-home .ts-home-trending-card .ts-home-card-menu-trigger{
    width:18px !important;
    height:18px !important;
    min-width:18px !important;
    min-height:18px !important;
    padding:0 !important;
    margin:0 !important;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:0 !important;
    border-radius:0;
    background:transparent !important;
    color:inherit;
    box-shadow:none !important;
    line-height:1;
    cursor:pointer;
}

.ts-home .ts-home-trending-card .ts-home-card-menu-trigger svg{
    width:14px !important;
    height:14px !important;
    display:block;
    fill:currentColor;
}

.ts-home .ts-home-trending-card .ts-home-card-menu-trigger:hover,
.ts-home .ts-home-trending-card .ts-home-card-menu-trigger[aria-expanded="true"]{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    color:var(--ts-red);
}

.ts-home .ts-home-trending-card .ts-home-card-menu-panel{
    position:absolute;
    right:0;
    bottom:24px;
    min-width:78px;
    padding:6px;
    border:1px solid #ddd;
    border-radius:7px;
    background:#fff;
    box-shadow:0 8px 24px rgba(0,0,0,.13);
}

.ts-home .ts-home-trending-card .ts-home-card-menu-panel[hidden]{
    display:none !important;
}

.ts-home .ts-home-trending-card .ts-home-card-menu-panel .ts-card-actions{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    position:static !important;
}

.ts-home .ts-home-trending-card .ts-home-card-menu-panel .ts-card-save-button,
.ts-home .ts-home-trending-card .ts-home-card-menu-panel .ts-card-share-button{
    width:30px !important;
    height:30px !important;
    flex:0 0 30px !important;
    margin:0;
}

.ts-home .ts-home-trending-card .ts-home-card-menu-panel .ts-card-save-icon,
.ts-home .ts-home-trending-card .ts-home-card-menu-panel .ts-card-share-icon{
    width:13px !important;
    height:13px !important;
}

/* Reserve only the small amount of room needed for ⋮. */
.ts-home .ts-home-trending-card .ts-home-trending-body{
    padding-right:24px;
}

@media(max-width:700px){
    .ts-home .ts-home-trending-card .ts-home-card-menu-trigger{
        width:18px !important;
        height:18px !important;
        min-width:18px !important;
        min-height:18px !important;
    }

    .ts-home .ts-home-trending-card .ts-home-card-menu-trigger svg{
        width:13px !important;
        height:13px !important;
    }

    .ts-home .ts-home-trending-card .ts-home-card-menu-panel{
        bottom:24px;
        min-width:74px;
        padding:5px;
    }

    .ts-home .ts-home-trending-card .ts-home-card-menu-panel .ts-card-save-button,
    .ts-home .ts-home-trending-card .ts-home-card-menu-panel .ts-card-share-button{
        width:28px !important;
        height:28px !important;
        flex-basis:28px !important;
    }

    .ts-home .ts-home-trending-card .ts-home-card-menu-panel .ts-card-save-icon,
    .ts-home .ts-home-trending-card .ts-home-card-menu-panel .ts-card-share-icon{
        width:12px !important;
        height:12px !important;
    }
}


/* ==========================================================================
   BROWSE BY CATEGORY — FINAL TYPE SCALE
   Larger category names and "Explore News" links for stronger readability.
   ========================================================================== */

.ts-home .ts-home-category-section .ts-home-category-content strong{
    font-size:15px !important;
    line-height:1.15;
    font-weight:700;
}

.ts-home .ts-home-category-section .ts-home-category-content small{
    font-size:11px !important;
    line-height:1.15;
    font-weight:500;
}

.ts-home .ts-home-category-section .ts-home-category-content small b{
    font-size:15px !important;
}

@media(max-width:700px){
    .ts-home .ts-home-category-section .ts-home-category-content strong{
        font-size:14px !important;
    }

    .ts-home .ts-home-category-section .ts-home-category-content small{
        font-size:10px !important;
    }

    .ts-home .ts-home-category-section .ts-home-category-content small b{
        font-size:14px !important;
    }
}


/* ==========================================================================
   HOMEPAGE — EDITOR'S PICKS — FINAL REFINEMENT
   - Compact vertical-ellipsis actions on every Editor's Picks post
   - Larger editorial excerpts
   - More top/bottom breathing room
   ========================================================================== */

.ts-home .ts-home-editor-section{
    padding-top:50px !important;
    padding-bottom:54px !important;
}

/* Featured + mini excerpts: increase readability while preserving hierarchy. */
.ts-home .ts-home-editor-section .ts-home-editor-featured-copy p{
    font-size:12px !important;
    line-height:1.5;
}

.ts-home .ts-home-editor-section .ts-home-editor-mini-copy p{
    font-size:11px !important;
    line-height:1.5;
}

/* Every Editor's Picks card gets the same minimal ⋮ action treatment. */
.ts-home .ts-home-editor-section .ts-home-card-menu{
    position:absolute;
    right:0;
    bottom:0;
    z-index:8;
}

.ts-home .ts-home-editor-section .ts-home-card-menu-trigger{
    width:18px !important;
    height:18px !important;
    min-width:18px !important;
    min-height:18px !important;
    padding:0 !important;
    margin:0 !important;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:0 !important;
    border-radius:0;
    background:transparent !important;
    color:#fff;
    box-shadow:none !important;
    line-height:1;
    cursor:pointer;
}

.ts-home .ts-home-editor-section .ts-home-card-menu-trigger svg{
    width:14px !important;
    height:14px !important;
    display:block;
    fill:currentColor;
}

.ts-home .ts-home-editor-section .ts-home-card-menu-trigger:hover,
.ts-home .ts-home-editor-section .ts-home-card-menu-trigger[aria-expanded="true"]{
    color:var(--ts-red);
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}

.ts-home .ts-home-editor-section .ts-home-card-menu-panel{
    position:absolute;
    right:0;
    bottom:24px;
    min-width:78px;
    padding:6px;
    border:1px solid #ddd;
    border-radius:7px;
    background:#fff;
    box-shadow:0 8px 24px rgba(0,0,0,.18);
}

.ts-home .ts-home-editor-section .ts-home-card-menu-panel[hidden]{
    display:none !important;
}

.ts-home .ts-home-editor-section .ts-home-card-menu-panel .ts-card-actions{
    position:static !important;
    right:auto !important;
    bottom:auto !important;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    padding:0;
}

.ts-home .ts-home-editor-section .ts-home-card-menu-panel .ts-card-save-button,
.ts-home .ts-home-editor-section .ts-home-card-menu-panel .ts-card-share-button{
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    min-height:30px !important;
    flex:0 0 30px !important;
    margin:0 !important;
}

.ts-home .ts-home-editor-section .ts-home-card-menu-panel .ts-card-save-icon,
.ts-home .ts-home-editor-section .ts-home-card-menu-panel .ts-card-share-icon{
    width:14px !important;
    height:14px !important;
}

/* Keep the trigger anchored cleanly on each card. */
.ts-home .ts-home-editor-section .ts-home-editor-featured,
.ts-home .ts-home-editor-section .ts-home-editor-mini,
.ts-home .ts-home-editor-section .ts-home-editor-video{
    position:relative;
}

@media(max-width:700px){
    .ts-home .ts-home-editor-section{
        padding-top:42px !important;
        padding-bottom:46px !important;
    }

    .ts-home .ts-home-editor-section .ts-home-editor-featured-copy p{
        font-size:11px !important;
    }

    .ts-home .ts-home-editor-section .ts-home-editor-mini-copy p{
        font-size:10px !important;
    }
}


/* ==========================================================================
   HOMEPAGE — LATEST NEWS + TRENDING / WATCH — SECTION BREATHING ROOM
   Only increases the section's top and bottom padding.
   ========================================================================== */

.ts-home .ts-home-news-watch-section{
    padding-top:50px !important;
    padding-bottom:54px !important;
}

@media(max-width:700px){
    .ts-home .ts-home-news-watch-section{
        padding-top:42px !important;
        padding-bottom:46px !important;
    }
}


/* ==========================================================================
   HOMEPAGE — LATEST NEWS + TRENDING / WATCH — COMPACT ⋮ ACTIONS
   ========================================================================== */

.ts-home .ts-home-news-watch-section .ts-home-latest-news-card,
.ts-home .ts-home-news-watch-section .ts-home-watch-feature,
.ts-home .ts-home-news-watch-section .ts-home-watch-item{
    position:relative;
}

.ts-home .ts-home-news-watch-section .ts-home-card-menu{
    position:absolute;
    right:0;
    bottom:0;
    z-index:8;
}

.ts-home .ts-home-news-watch-section .ts-home-card-menu-trigger{
    width:18px !important;
    height:18px !important;
    min-width:18px !important;
    min-height:18px !important;
    padding:0 !important;
    margin:0 !important;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:0 !important;
    border-radius:0;
    background:transparent !important;
    color:#fff;
    box-shadow:none !important;
    line-height:1;
    cursor:pointer;
}

.ts-home .ts-home-news-watch-section .ts-home-card-menu-trigger svg{
    width:14px !important;
    height:14px !important;
    display:block;
    fill:currentColor;
}

.ts-home .ts-home-news-watch-section .ts-home-card-menu-trigger:hover,
.ts-home .ts-home-news-watch-section .ts-home-card-menu-trigger[aria-expanded="true"]{
    color:var(--ts-red);
    background:transparent !important;
}

.ts-home .ts-home-news-watch-section .ts-home-card-menu-panel{
    position:absolute;
    right:0;
    bottom:24px;
    min-width:78px;
    padding:6px;
    border:1px solid #333;
    border-radius:7px;
    background:#111;
    box-shadow:0 8px 24px rgba(0,0,0,.35);
}

.ts-home .ts-home-news-watch-section .ts-home-card-menu-panel[hidden]{
    display:none !important;
}

.ts-home .ts-home-news-watch-section .ts-home-card-menu-panel .ts-card-actions{
    position:static !important;
    right:auto !important;
    bottom:auto !important;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    padding:0;
}

.ts-home .ts-home-news-watch-section .ts-home-card-menu-panel .ts-card-save-button,
.ts-home .ts-home-news-watch-section .ts-home-card-menu-panel .ts-card-share-button{
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    min-height:30px !important;
    flex:0 0 30px !important;
}

.ts-home .ts-home-news-watch-section .ts-home-card-menu-panel .ts-card-save-icon,
.ts-home .ts-home-news-watch-section .ts-home-card-menu-panel .ts-card-share-icon{
    width:13px !important;
    height:13px !important;
}

.ts-home .ts-home-news-watch-section .ts-home-latest-news-card > div,
.ts-home .ts-home-news-watch-section .ts-home-watch-feature .ts-home-watch-copy{
    padding-right:24px;
}

.ts-home .ts-home-news-watch-section .ts-home-watch-item > div{
    padding-right:24px;
}

@media(max-width:700px){
    .ts-home .ts-home-news-watch-section .ts-home-card-menu-trigger{
        width:18px !important;
        height:18px !important;
        min-width:18px !important;
        min-height:18px !important;
    }

    .ts-home .ts-home-news-watch-section .ts-home-card-menu-trigger svg{
        width:13px !important;
        height:13px !important;
    }
}

/* =========================================================
   404 TYPOGRAPHY — AUTHORITATIVE FINAL OVERRIDE
   Reduced balanced typography
   ========================================================= */

/* 404 > Trending Now */
body.error404 .ts-404-page .ts-404-trending-card .ts-category-label,
body.error404 .ts-404-page .ts-404-trending-card .ts-404-trending-category {
    display: inline-block !important;
    margin: 0 0 7px !important;
    font-size: 10px !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
}

body.error404 .ts-404-page .ts-404-trending-card h3,
body.error404 .ts-404-page .ts-404-trending-card h3 a,
body.error404 .ts-404-page .ts-404-trending-card .ts-404-trending-title,
body.error404 .ts-404-page .ts-404-trending-card .ts-404-trending-title-link {
    display: block !important;
    margin: 0 0 7px !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
}

body.error404 .ts-404-page .ts-404-trending-card .ts-404-card-meta,
body.error404 .ts-404-page .ts-404-trending-card .ts-404-trending-meta {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin: 0 !important;
    font-size: 10px !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;
}

/* 404 > Browse By Category */
body.error404 .ts-404-page .ts-404-category-section .ts-404-section-heading h2,
body.error404 .ts-404-page .ts-404-category-section .ts-404-section-heading .ts-section-title {
    margin: 0 0 10px !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
}

body.error404 .ts-404-page .ts-404-category-grid .ts-404-category-card,
body.error404 .ts-404-page .ts-404-category-grid .ts-404-category-card > span:not(.ts-404-category-icon) {
    font-size: 12px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
}

body.error404 .ts-404-page .ts-404-category-grid .ts-404-category-icon {
    font-size: 22px !important;
    line-height: 1 !important;
}

/* Tablet */
@media (max-width: 1000px) {
    body.error404 .ts-404-page .ts-404-trending-card h3,
    body.error404 .ts-404-page .ts-404-trending-card h3 a,
    body.error404 .ts-404-page .ts-404-trending-card .ts-404-trending-title,
    body.error404 .ts-404-page .ts-404-trending-card .ts-404-trending-title-link {
        font-size: 15px !important;
    }

    body.error404 .ts-404-page .ts-404-category-grid .ts-404-category-card,
    body.error404 .ts-404-page .ts-404-category-grid .ts-404-category-card > span:not(.ts-404-category-icon) {
        font-size: 12px !important;
    }
}

/* Mobile */
@media (max-width: 700px) {
    body.error404 .ts-404-page .ts-404-trending-card .ts-category-label,
    body.error404 .ts-404-page .ts-404-trending-card .ts-404-trending-category {
        font-size: 9px !important;
    }

    body.error404 .ts-404-page .ts-404-trending-card h3,
    body.error404 .ts-404-page .ts-404-trending-card h3 a,
    body.error404 .ts-404-page .ts-404-trending-card .ts-404-trending-title,
    body.error404 .ts-404-page .ts-404-trending-card .ts-404-trending-title-link {
        font-size: 14px !important;
    }

    body.error404 .ts-404-page .ts-404-trending-card .ts-404-card-meta,
    body.error404 .ts-404-page .ts-404-trending-card .ts-404-trending-meta {
        font-size: 9px !important;
    }

    body.error404 .ts-404-page .ts-404-category-grid .ts-404-category-card,
    body.error404 .ts-404-page .ts-404-category-grid .ts-404-category-card > span:not(.ts-404-category-icon) {
        font-size: 11px !important;
    }
}

/* =========================================================
   404 HELP / CONTACT SECTION — ENHANCED FINAL OVERRIDE
   ========================================================= */
body.error404 .ts-404-page .ts-404-help {
    min-height: 145px !important;
    grid-template-columns: 105px minmax(0,1fr) auto !important;
    align-items: center !important;
    gap: 30px !important;
    margin-top: 42px !important;
    margin-bottom: 42px !important;
    padding: 30px 48px !important;
    border-radius: 10px !important;
}

body.error404 .ts-404-page .ts-404-help-icon {
    width: 72px !important;
    height: 72px !important;
    font-size: 52px !important;
}

body.error404 .ts-404-page .ts-404-help-copy h2 {
    margin: 0 0 10px !important;
    font-size: 22px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
}

body.error404 .ts-404-page .ts-404-help-copy p {
    max-width: 650px !important;
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
    font-weight: 400 !important;
}

body.error404 .ts-404-page .ts-404-contact-button {
    min-height: 50px !important;
    padding: 0 30px !important;
    gap: 10px !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

/* Tablet */
@media (max-width: 1000px) {
    body.error404 .ts-404-page .ts-404-help {
        min-height: 135px !important;
        grid-template-columns: 82px minmax(0,1fr) auto !important;
        gap: 24px !important;
        padding: 28px 34px !important;
    }

    body.error404 .ts-404-page .ts-404-help-icon {
        width: 62px !important;
        height: 62px !important;
        font-size: 46px !important;
    }

    body.error404 .ts-404-page .ts-404-help-copy h2 {
        font-size: 20px !important;
    }

    body.error404 .ts-404-page .ts-404-help-copy p {
        font-size: 13px !important;
    }

    body.error404 .ts-404-page .ts-404-contact-button {
        min-height: 48px !important;
        padding: 0 26px !important;
        font-size: 12px !important;
    }
}

/* Mobile */
@media (max-width: 700px) {
    body.error404 .ts-404-page .ts-404-help {
        min-height: 0 !important;
        grid-template-columns: 1fr !important;
        gap: 18px !important;
        margin-top: 34px !important;
        margin-bottom: 34px !important;
        padding: 32px 24px !important;
        text-align: center !important;
    }

    body.error404 .ts-404-page .ts-404-help-icon {
        width: 64px !important;
        height: 64px !important;
        font-size: 46px !important;
        margin: 0 auto !important;
    }

    body.error404 .ts-404-page .ts-404-help-copy h2 {
        margin-bottom: 9px !important;
        font-size: 20px !important;
    }

    body.error404 .ts-404-page .ts-404-help-copy p {
        max-width: 600px !important;
        margin: 0 auto !important;
        font-size: 13px !important;
    }

    body.error404 .ts-404-page .ts-404-contact-button {
        justify-self: center !important;
        min-height: 48px !important;
        padding: 0 28px !important;
        font-size: 12px !important;
    }
}
